https://app.jojo.exchange/static/js/3091.303fa526.chunk.js

1"use strict";(self.webpackChunkjojo=self.webpackChunkjojo||[]).push([[3091],{63091:(e,t,i)=>{i.r(t),i.d(t,{TradeItem:()=>X,default:()=>q});var s=i(97822),r=i(39572),l=i(22526),a=i(35783),n=i(27566),d=i(79144),o=i(57847),x=i(95922),c=i(31112),u=i(89506),p=i(35844),h=i(87550),m=i(63512),y=i(49634),j=i(96565),g=i(42630),v=i(49742),T=i(84272),f=i(82893),k=i(54857),b=i(56100),w=i(25114),A=i(37676),L=i(91869),C=i.n(L),N=i(33308),P=i(20518),F=i(36340);var I=i(63610),M=i(64501),O=i(95136);var R=i(49077),E=i(13573),S=i(23161);const z=s.Ay.div.withConfig({displayName:"MobileTrades__TradesWrapper",componentId:"sc-u5udyi-0"})(["display:flex;flex-direction:column;width:100%;height:100%;flex-grow:1;.pull-up-children{padding:0 14px 14px;@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)){padding-bottom:calc(14px + constant(safe-area-inset-bottom)) !important;padding-bottom:calc(14px + env(safe-area-inset-bottom)) !important;}}.trade-info-loading{border-radius:0 0 16px 16px;}.order-item-wrapper{&:first-child{border-radius:16px;}&:nth-child(2){border-radius:16px 16px 0 0;}&:last-child{border-radius:0 0 16px 16px;}.icon-arrow{display:none;}}"]),_=s.Ay.div.withConfig({displayName:"MobileTrades__TableItem",componentId:"sc-u5udyi-1"})(["display:flex;flex-direction:column;width:100%;padding:0 14px;background-color:",";&:first-child{border-radius:16px;}&:nth-child(2){border-radius:16px 16px 0 0;}&:last-child{border-radius:0 0 16px 16px;}&:first-child{margin-bottom:10px;padding:10px 14px;}.data-list{.data-list-item{height:36px;margin-bottom:0;.trades-his-status{display:flex;align-items:center;span{font-weight:600;font-size:14px;line-height:18px;}.checked-wrapper{margin-right:6px;}}}.title,.value{font-weight:600;font-size:14px;line-height:18px;color:",";}}"],(e=>{let{theme:t}=e;return t.bg3}),(e=>{let{theme:t}=e;return t.text1})),D=(0,s.Ay)(f.W1).attrs((e=>{let{theme:t}=e;return{color:t.line2}})).withConfig({displayName:"MobileTrades__ItemWrapper",componentId:"sc-u5udyi-2"})(["display:flex;flex-direction:column;padding:8px 0 12px;"]),$=s.Ay.div.withConfig({displayName:"MobileTrades__ItemTop",componentId:"sc-u5udyi-3"})(["display:flex;align-items:center;width:100%;height:44px;img{width:24px;margin-right:4px;}span{margin-left:4px;font-weight:800;font-size:18px;line-height:24px;}span:last-child{color:",";}"],(e=>{let{theme:t,isBuyer:i}=e;return i?t.green:t.red})),B=(0,s.Ay)(f.W1).attrs((e=>{let{theme:t}=e;return{color:t.line1}})).withConfig({displayName:"MobileTrades__Title",componentId:"sc-u5udyi-4"})(["display:flex;align-items:center;flex-shrink:0;height:46px;font-weight:800;font-size:18px;line-height:24px;padding:0 14px;border-radius:16px 16px 0 0;color:",";background-color:",";"],(e=>{let{theme:t}=e;return t.text1}),(e=>{let{theme:t}=e;return t.bg3}));function X(e){let{id:t,list:i}=e;return(0,F.jsx)(_,{className:"mobile-trades-item",children:(0,F.jsx)(D,{children:(0,F.jsx)(j.T,{dataList:i})})},t)}const q=(0,d.memo)((function(){const e=(0,T.A)(),t=(0,b.nH)(),[i]=(0,c.BF)(),s=(0,l.wm)(),f=(0,x.ES)(),L=(0,l.SX)(),D=(0,d.useRef)(!0),[q,W]=(0,d.useState)(!0),[U,Q]=(0,k.rj)(),G=(0,k.Gb)(),Z=(0,k.vw)(),[Y,H]=(0,l.Dt)(),[V]=(0,c.DO)(),[J,K]=(0,d.useState)(!1),ee=function(e){const t=(0,x.ES)(),[i]=(0,c.DO)(),[s]=(0,c.BF)(),l=(0,T.A)();return function(d){let{list:x,totalSize:c,isTradesTab:h}=d;return(0,F.jsx)(F.Fragment,{children:x.map((d=>{const{marketId:x,amount:c,price:m,time:y,status:j,isBuyer:T,commission:f,timeInForce:k,realizedPNL:b,orderType:w,id:L}=d,I=(0,o.xn)(x),M=(0,o.O0)(x),O=t.find((e=>e.id===x))||null,R=(0,u.GC)({volume:c,price:m,contract:O,tradeUnitType:i}),E=w===p.ZN.LIMIT&&k?N.M[k]:N.M[w],S=Number(b),z=Number(Math.abs(S)<1?`${(0,g.QX)(S)}`:(0,a.jz)({value:S})),_=`${R} ${i===p.LQ.COIN?I:P.Q9}`,D=`${(0,a.xm)({value:m,contract:O})} ${P.Q9}`,$=C().tz(y,s).format("MM/DD HH:mm:ss"),B=j===n.w8.FAILED||j===n.w8.CREATED?"--":`${(0,a.jz)({value:f,isFee:!0})} ${P.Q9}`;let X=[{key:"Amount",title:(0,F.jsx)(r.x6,{id:"hehnjM"}),value:_},{key:"PnL",title:(0,F.jsx)(r.x6,{id:"OaBqjF"}),value:`${S>0?"+":""}${z} ${P.Q9}`,valueStyle:{color:z>0?l.green:z<0?l.red:l.text1}},{key:"Price",title:(0,F.jsx)(r.x6,{id:"a7u1N9"}),value:D},{key:"Type",title:(0,F.jsx)(r.x6,{id:"+zy2Nq"}),value:E},{key:"Time",title:(0,F.jsx)(r.x6,{id:"LhMjLm"}),value:$},{key:"Trade Fee",title:(0,F.jsx)(r.x6,{id:"JxG52W"}),value:B},{key:"Status",title:(0,F.jsx)(r.x6,{id:"uAQUqI"}),value:A.b[j]}];return h&&(X=[{key:"Amount",title:(0,F.jsx)(r.x6,{id:"hehnjM"}),value:_},{key:"Price",title:(0,F.jsx)(r.x6,{id:"a7u1N9"}),value:D},{key:"Time",title:(0,F.jsx)(r.x6,{id:"LhMjLm"}),value:$},{key:"Trade Fee",title:(0,F.jsx)(r.x6,{id:"JxG52W"}),value:B}]),(0,F.jsx)(e,{id:L,data:d,list:X,extendData:{pnl:z,side:T?v.OP.BUY:v.OP.SELL,isTrades:!0,isHisOrder:!1,contractCode:M}},L)}))})}}(X),te=function(e){const t=(0,x.ES)(),[i]=(0,c.DO)(),[s]=(0,c.BF)(),l=(0,M.iq)(),a=(0,O.JL)();return function(n){let{list:d,callback:o}=n;return(0,F.jsx)(F.Fragment,{children:d.map((n=>{const d=l(n.symbol),{pnl:x,status:c,unit:p,time:h,symbol:m,isTpsl:y,typeText:j,orderPrice:g,triggerText:v,contractCode:T,f

1illedConvert:f,amountConvert:k,averagePriceText:b}=(0,u.Xz)({timezone:s,order:n,contractList:t,tradeUnitType:i,tpslPriceTypeMap:I.V,ordersTypeTifTextMap:N.M,userLeverage:d,markPriceList:a});let w=[{key:"Amount",title:(0,F.jsx)(r.x6,{id:"hehnjM"}),value:`${f}/${k} ${p}`},{key:"Price",title:(0,F.jsx)(r.x6,{id:"a7u1N9"}),value:g},{key:"AveragePrice",title:(0,F.jsx)(r.x6,{id:"Y6e6FG"}),value:b},{key:"Time",title:(0,F.jsx)(r.x6,{id:"LhMjLm"}),value:h},{key:"Type",title:(0,F.jsx)(r.x6,{id:"+zy2Nq"}),value:j}];return y&&(w=[{key:"Amount",title:(0,F.jsx)(r.x6,{id:"hehnjM"}),value:`${f}/${k} ${p}`},{key:"Conditions",title:(0,F.jsx)(r.x6,{id:"0CuAor"}),value:v},{key:"Time",title:(0,F.jsx)(r.x6,{id:"LhMjLm"}),value:h},{key:"Type",title:(0,F.jsx)(r.x6,{id:"+zy2Nq"}),value:j}]),(0,F.jsx)(e,{data:n,list:w,extendData:{pnl:x,status:c,symbol:m,isHisOrder:!0,contractCode:T,handleCallback:o}},n.order_id||n.algo_order_id)}))})}}(R.A),ie=(0,O.JL)(),[se,re]=(0,d.useState)(!1),le=(0,M.iq)()((null===s||void 0===s?void 0:s.symbol)||""),{marketId:ae,side:ne,isTpsl:de,isStopLimit:oe,id:xe,tpslType:ce,order:ue}=(0,u.Xz)({timezone:i,order:s||{},contractList:f,tradeUnitType:V,tpslPriceTypeMap:I.V,ordersTypeTifTextMap:N.M,userLeverage:le,markPriceList:ie}),pe=(0,d.useMemo)((()=>{if(!s)return[];const{pnl:t,status:l,time:d,symbol:o,isTpsl:x,typeText:c,orderPrice:h,triggerText:m,filledConvert:j,amountConvert:v,averagePriceText:T}=(0,u.Xz)({timezone:i,order:s,contractList:f,tradeUnitType:V,tpslPriceTypeMap:I.V,ordersTypeTifTextMap:N.M,userLeverage:le,markPriceList:ie}),k=Math.abs(t)<1?`${(0,g.QX)(t)}`:(0,a.jz)({value:t}),b=x?[{key:"Filled / Amount",title:(0,F.jsx)(r.x6,{id:"9W5IBq"}),value:`${j} / ${v} ${V===p.LQ.COIN?o:P.Q9}`},{key:"Conditions",title:(0,F.jsx)(r.x6,{id:"0CuAor"}),value:m}]:[{key:"PnL",title:(0,F.jsx)(r.x6,{id:"OaBqjF"}),value:x?"--":`${t>0?"+":""}${k} ${P.Q9}`,valueStyle:{color:t>0?e.green:t<0?e.red:e.text1,fontSize:"16px",fontWeight:800}},{key:"Filled / Amount",title:(0,F.jsx)(r.x6,{id:"9W5IBq"}),value:`${j} / ${v} ${V===p.LQ.COIN?o:P.Q9}`},{key:"Price",title:(0,F.jsx)(r.x6,{id:"a7u1N9"}),value:h},{key:"AveragePrice",title:(0,F.jsx)(r.x6,{id:"Y6e6FG"}),value:T}];return[{key:"Status",title:(0,F.jsx)(r.x6,{id:"uAQUqI"}),value:(0,F.jsxs)("span",{className:"trades-his-status",children:[(l===n.w8.FILLED||l===n.w8.PARTIAL_FILLED||l===n.w8.COMPLETED)&&(0,F.jsx)(y.y$,{checked:!0}),(0,F.jsx)("span",{children:x?E.G[l]:A.b[l]})]}),valueStyle:{color:e.green}},...b,{key:"Type",title:(0,F.jsx)(r.x6,{id:"+zy2Nq"}),value:c},{key:"Time",title:(0,F.jsx)(r.x6,{id:"LhMjLm"}),value:d}]}),[f,s,ie,V,e.green,e.red,e.text1,i,le]),he=(0,d.useCallback)((()=>{t&&xe&&(ce&&ue?W(!1):(W(!0),(de||oe?Z:G)({orderId:String(xe)}).then((e=>{W(!1),K(!1),re(!1),D.current=!1})).catch((e=>{W(!1),K(!1),re(!1)}))))}),[xe,t,ce,ue,oe,de,G,Z]),me=(0,d.useCallback)((()=>{if(U.length<Q)H(Y+1),K(!0);else{const e=setTimeout((()=>{clearTimeout(e),K(!1)}),0)}}),[U,Q,Y,H]),ye=(0,d.useCallback)((()=>{H(1)}),[H]);if((0,d.useEffect)((()=>{he()}),[he]),(0,d.useEffect)((()=>()=>{H(1)}),[H]),!s)return null;const je=(0,o.xn)(ae||""),ge=(0,o.O0)(ae||"");return(0,F.jsxs)(z,{className:"mobile-trades",children:[(0,F.jsx)(h.A,{showBackArrow:!0,children:(0,F.jsx)(r.x6,{id:"G3WKYn"})}),(0,F.jsx)(S.A,{onRefresh:ye,isRefreshing:se,setIsRefreshing:re,children:(0,F.jsxs)(m.A,{onRefresh:me,setIsRefreshing:K,isRefreshing:J,disabledPull:Q<=L,children:[(0,F.jsxs)(_,{className:"mobile-trades-item",children:[(0,F.jsxs)($,{isBuyer:!0,children:[(0,F.jsx)("img",{src:y.lq[je],alt:""}),(0,F.jsx)("span",{children:ge}),(0,F.jsx)("span",{children:ne===v.OP.BUY?(0,F.jsx)(r.x6,{id:"otaTjg"}):(0,F.jsx)(r.x6,{id:"RRXpo1"})})]}),(0,F.jsx)(j.T,{dataList:pe})]}),(U.length>0||!(!ce||!ue)||q&&0===U.length)&&(0,F.jsx)(B,{children:"Details"}),q&&(0,F.jsx)(w.A,{isLoading:q,length:U.length}),ce?ue&&(0,F.jsx)(te,{list:[ue]}):(0,F.jsx)(ee,{list:U})]})})]})}))},13573:(e,t,i)=>{i.d(t,{A:()=>C,G:()=>L});var s=i(97822),r=i(39572),l=i(37676),a=i(21277),n=i(22526),d=i(79144),o=i(25114),x=i(56100),c=i(21089),u=i(89506),p=i(31112),h=i(95922),m=i(27566),y=i(35844),j=i(49742),g=i(63610),v=i(64501),T=i(33308),f=i(95136),k=i(36340);const b=s.Ay.div.withConfig({displayName:"Orders__OrdersWrapperScroll",componentId:"sc-15a3klg-0"})(["position:relative;display:flex;width:100%;height:100%;"]),w=s.Ay.div.withConfig({displayName:"Orders__OrdersWrapper",componentId:"sc-15a3klg-1"})(["position:relative;display:flex;flex-direction:column;width:100%;height:100%;justify-content:space-between;"]),A=s.Ay.div.withConfig({displayName:"Orders__OrdersList",componentId:"sc-15a3klg-2"})(["display:flex;flex-direction:column;overflow-x:auto;&.scroll-style{&::-webkit-scrollbar{width:3px;height:3px;}}"]),L={[m.rb.INACTIVATED]:(0,k.jsx)(r.x6,{id:"nC8kBR"}),[m.rb.PENDING]:(0,k.jsx)(r.x6,{id:"C/PTOg"}),[m.rb.SUCCESSFUL]:(0,k.jsx)(r.x6,{id:"olEUh2"}),[m.rb.CANCELED]:(0,k.jsx)(r.x6,{id:"vv7kpg"}),[m.rb.FAILED]:(0,k.jsx)(r.x6,{id:"7Bj3x9"}),[m.rb.EXPIRED]:(0,k.jsx)(r.x6,{id:"M1RnFv"})},C=(0,d.memo)((function(e){let{type:t,tradeLayoutStyle:i,isCustomTradePage:s=!1}=e;const C=(0,x.nH)(),{account:N}=(0,c.A)(),[P,F]=(0,d.useState)(!1),I=(0,n.jZ)(),M=(0,n.SX)(),[O]=(0,p.BF)(),R=(0,f.JL)(),[E]=(0,n.RZ)({showAllSymbolPostion:!0,isNeesFilterZeroPostion:!0}),S=(0,d.useRef)(null),[z,_]=(0,d.useState)(!1),[D,$]=(0,d.useState)(1),[B,X]=(0,n.Z_)(t,D),q=(0,v.iq)(),W=(0,n.Ti)(),U=(0,n.su)(),Q=(0,h.ES)(),[G]=(0,p.DO)(),[,Z]=(0,p.Pw)(),Y=(null===i||void 0===i?void 0:i.baseFontSizeRate)||1,H=(0,d.useCallback)((e=>()=>Z(e)),[Z]),V=(0,d.useCallback)(((e,t)=>i=>{if(N){i&&i(!0);const{order_id:s,algo_order_id:r,symbol:l}=e;(t?U(r,l):W(s,l)).then((()=>{i&&i(!1)}))}}),[N,U,W]),J=(0,d.useMemo)((()=>B.length),[B]);return(0,d.useEffect)((()=>{C&&N&&(F(!0),I().then((e=>{F(!1)})))}),[I,C,N]),(0,d.useEffect)((()=>{const e=new ResizeObserver((e=>{for(const t of e){const e=t.contentRect.width;_(e<1320*Y)}}));return S.current&&e.observe(S.current),()=>{e.disconnect()}}),[Y]),(0,k.jsx)(b,{ref:S,className:"scroll-style",baseFontSizeRate:Y,children:(0,k.jsxs)(w,{baseFontSizeRate:Y,children:[(P||!C||0===J)&&(0,k.jsx)(o.A,{needSignInStatus:!0,length:J,isLoading:P,baseFontSizeRate:Y}),C&&!P&&J>0&&(0,k.jsx)(A,{className:"scroll-style",baseFontSizeRate:Y,children:B.map(((e,i)=>{const a=E.find((t=>t.symbol===e.symbol)),n=q(e.symbol),{side:d,status:o,unit:x,time:c,symbol:p,isTpsl:h,isStopLimit:v,contract:f,typeText:b,triggerText:w,orderPrice:A,contractCode:C,filledConvert:N,amountConvert:P,averagePriceText:F,isLimitOrMar

1ketWithTpsl:I}=(0,u.Xz)({timezone:O,order:e,contractList:Q,markPriceList:R,currentPosition:a,tradeUnitType:G,tpslPriceTypeMap:g.V,ordersTypeTifTextMap:T.M,userLeverage:n}),M=o===m.w8.NEW||o===m.w8.INACTIVATED||o===m.w8.PARTIAL_FILLED;let S=[{type:m.rc.DIRECTION,key:d,title:d===j.OP.BUY?(0,k.jsxs)("span",{children:[(0,k.jsx)(r.x6,{id:"otaTjg"}),"\xb7",n,"X"]}):(0,k.jsxs)("span",{children:[(0,k.jsx)(r.x6,{id:"RRXpo1"}),"\xb7",n,"X"]}),value:C,width:"140px"},{key:"Filled",title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(r.x6,{id:"zZmf1N"}),"(",x,")"]}),value:N,width:"120px"},{key:"Amount",title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(r.x6,{id:"hehnjM"}),"","(",x,")"]}),value:P,width:"120px"},{key:"Price",title:(0,k.jsx)(r.x6,{id:"a7u1N9"}),value:A},{key:"AveragePrice",title:(0,k.jsx)(r.x6,{id:"Y6e6FG"}),value:F,width:"154px"},{key:"Type",title:(0,k.jsx)(r.x6,{id:"+zy2Nq"}),value:b,width:"125px"},{key:"Order Time",title:(0,k.jsx)(r.x6,{id:"8ZaFsF"}),value:c},{status:o,type:m.rc.OPERATOR,key:o,value:l.b[o]}];return(h||v)&&(S=[{type:m.rc.DIRECTION,key:d,title:d===j.OP.BUY?(0,k.jsxs)("span",{children:[(0,k.jsx)(r.x6,{id:"otaTjg"}),"\xb7",n,"X"]}):(0,k.jsxs)("span",{children:[(0,k.jsx)(r.x6,{id:"RRXpo1"}),"\xb7",n,"X"]}),value:C,width:"140px"},{key:"Filled",title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(r.x6,{id:"zZmf1N"}),"(",x,")"]}),value:N,width:"120px"},{key:"Amount",title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(r.x6,{id:"hehnjM"}),"","(",x,")"]}),value:P,width:"120px"},{key:"Price",title:(0,k.jsx)(r.x6,{id:"a7u1N9"}),value:A},{key:"Type",title:(0,k.jsx)(r.x6,{id:"+zy2Nq"}),value:b,width:"125px"},{key:"Conditions",title:(0,k.jsx)(r.x6,{id:"0CuAor"}),value:w,width:"160px"},{key:"Order Time",title:(0,k.jsx)(r.x6,{id:"8ZaFsF"}),value:c},{status:o,type:m.rc.OPERATOR,key:M?m.w8.NEW:o,value:M?(0,k.jsx)(r.x6,{id:"dEgA5A"}):L[o]}]),t===y.ZN.ALL&&(S=[{type:m.rc.DIRECTION,key:d,title:d===j.OP.BUY?(0,k.jsxs)("span",{children:[(0,k.jsx)(r.x6,{id:"otaTjg"}),"\xb7",n,"X"]}):(0,k.jsxs)("span",{children:[(0,k.jsx)(r.x6,{id:"RRXpo1"}),"\xb7",n,"X"]}),value:C,width:"140px"},{key:"Filled",title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(r.x6,{id:"zZmf1N"}),"(",x,")"]}),value:N,width:"120px"},{key:"Amount",title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(r.x6,{id:"hehnjM"}),"","(",x,")"]}),value:P,width:"120px"},{key:"Price",title:(0,k.jsx)(r.x6,{id:"a7u1N9"}),value:A},{key:"AveragePrice",title:(0,k.jsx)(r.x6,{id:"Y6e6FG"}),value:F,width:"154px"},{key:"Type",title:(0,k.jsx)(r.x6,{id:"+zy2Nq"}),value:b,width:"125px"},{key:"Conditions",title:(0,k.jsx)(r.x6,{id:"0CuAor"}),value:w,width:"125px"},{key:"Order Time",title:(0,k.jsx)(r.x6,{id:"8ZaFsF"}),value:c},{status:o,type:m.rc.OPERATOR,key:M?m.w8.NEW:o||m.w8.NEW,value:M?(0,k.jsx)(r.x6,{id:"dEgA5A"}):h?L[o]:l.b[o]}]),(0,k.jsx)(l.A,{data:e,list:S,extendData:{symbol:p,changeContract:H(f),handleCallback:V(e,h||v||I),baseFontSizeRate:Y,fixAreaData:{index:i,scrollLeft:0,openFixArea:z,isCustomTradePage:s}}},e.order_id||e.algo_order_id)}))}),X>M&&(0,k.jsx)(a.A,{usePropsControl:!0,pageIndex:D,setPageIndex:$,totalSize:X,baseFontSizeRate:Y})]})})}))}}]);