"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8325],{58199:function(e,n,t){var r,o,i,a,l,c,s,u,d,p,f,h,g,x,m,S,v,b,P,E,w,N,y,_,A,O,D,C,j,R,L,I,k,z,U,M,T,F,W,B,G,Y,V,H;t.d(n,{AO:function(){return S},hh:function(){return u},mQ:function(){return b},kN:function(){return P},up:function(){return v},Qv:function(){return d},gl:function(){return c},wY:function(){return r},rk:function(){return g},y3:function(){return o},o0:function(){return l},ZB:function(){return f},bR:function(){return h},gA:function(){return s},oZ:function(){return E}}),t(67294),(y=r||(r={}))[y.EnterEmailOrMobile=0]="EnterEmailOrMobile",y[y.UsePasswordLogin=1]="UsePasswordLogin",y[y.SignUp=2]="SignUp",y[y.SetPassword=3]="SetPassword",y[y.RetrievePasswordStage1=4]="RetrievePasswordStage1",y[y.RetrievePasswordStage2=5]="RetrievePasswordStage2",y[y.RetrievePasswordStage3=6]="RetrievePasswordStage3",y[y.ScanLogin=7]="ScanLogin",y[y.ReferralCode=8]="ReferralCode",y[y.PassKey=9]="PassKey",y[y.PassKeyFailed=10]="PassKeyFailed",y[y.AuthorizeDevice=11]="AuthorizeDevice",y[y.AuthorizeEmailOrPhone=12]="AuthorizeEmailOrPhone",y[y.AuthDeviceSuccess=13]="AuthDeviceSuccess",y[y.SignUpPhone=14]="SignUpPhone",y[y.AuthorizePhone=15]="AuthorizePhone",y[y.ResetPassPhone=16]="ResetPassPhone",y[y.VerificationCodeLogin=17]="VerificationCodeLogin",y[y.VerificationCodePhone=18]="VerificationCodePhone",(_=o||(o={}))[_.NONE=0]="NONE",_[_.PHONE_CODE=1]="PHONE_CODE",_[_.MAIL_CODE=2]="MAIL_CODE",_[_.PHONE_PASSWD=3]="PHONE_PASSWD",_[_.PAY_PASS=4]="PAY_PASS",_[_.GOOGLE_CODE=5]="GOOGLE_CODE",_[_.CAPTCHA_CODE=6]="CAPTCHA_CODE",_[_.EMAIL_PASSWD=7]="EMAIL_PASSWD",_[_.MODIFY_PASSWD=8]="MODIFY_PASSWD",(A=i||(i={}))[A.Home=0]="Home",A[A.Job=1]="Job",(O=a||(a={}))[O.ContentWriter=0]="ContentWriter",O[O.LocalizationTranslator=1]="LocalizationTranslator",O[O.UserExperienceDesigner=2]="UserExperienceDesigner",O[O.ProductManager=3]="ProductManager",O[O.YouTubeVideoProducer=4]="YouTubeVideoProducer",(D=l||(l={})).noSend="0",D.pay="1",D.payed="2",D.reject="-3",(C=c||(c={}))[C.Long=0]="Long",C[C.Short=1]="Short",(j=s||(s={}))[j.BUY=0]="BUY",j[j.SELL=1]="SELL",(R=u||(u={}))[R.BUY=0]="BUY",R[R.SELL=1]="SELL",(L=d||(d={}))[L.Fixed=1]="Fixed",L[L.Flexible=2]="Flexible",(I=p||(p={}))[I.Process=0]="Process",I[I.Profiting=1]="Profiting",I[I.Ending=2]="Ending",I[I.Profit_Adding=3]="Profit_Adding",I[I.Ended=4]="Ended",I[I.Early_Redem=5]="Early_Redem",(k=f||(f={}))[k.SupportStatus_Init=0]="SupportStatus_Init",k[k.SupportStatus_Pass=1]="SupportStatus_Pass",k[k.SupportStatus_Inject=2]="SupportStatus_Inject",k[k.SupportStatus_Pending=3]="SupportStatus_Pending",k[k.SupportStatus_StopInAccount=4]="SupportStatus_StopInAccount",k[k.SupportStatus_Success=5]="SupportStatus_Success",(z=h||(h={}))[z.NotReceived=1]="NotReceived",z[z.WithdrawFail=2]="WithdrawFail",(U=g||(g={}))[U.sms=0]="sms",U[U.whatsapp=1]="whatsapp",U[U.telegram=2]="telegram",(M=x||(x={})).image=".png,.jpg,.jpeg,.webp,.etc",M.video=".mp4,.avi,.mkv,.wmv,.flv,.mov,.webm,.3gp,.h265,.etc",(T=m||(m={}))[T.UNKNOWN=0]="UNKNOWN",T[T.TEXT=1]="TEXT",T[T.IMAGE=2]="IMAGE",T[T.VIDEO=3]="VIDEO",(F=S||(S={}))[F.UNKNOWN=0]="UNKNOWN",F[F.EXEMPT=1]="EXEMPT",F[F.PENDING=2]="PENDING",F[F.SUBMITTING=3]="SUBMITTING",F[F.REJECTED=4]="REJECTED",F[F.APPROVED=5]="APPROVED",(W=v||(v={}))[W.Status_Created=0]="Status_Created",W[W.Status_WaitConfirm=1]="Status_WaitConfirm",W[W.Status_Confirm=2]="Status_Confirm",W[W.Status_USED=3]="Status_USED",W[W.Status_Expire=-1]="Status_Expire",(B=b||(b={})).OrderPending="Order pending for a long time",B.OrderExpiredFailed="Order expired/failed, buy payment made",B.CannotBePlaced="Order cannot be placed",B.Others="Others",B.FiatNotReceived="Fiat not received",(G=P||(P={}))[G.Buy=1]="Buy",G[G.Sell=2]="Sell",(Y=E||(E={}))[Y.Pending=1]="Pending",Y[Y.Rejected=2]="Rejected",Y[Y.Approved=3]="Approved",Y[Y.Faild=4]="Faild",(V=w||(w={}))[V.inside=0]="inside",V[V.appInside=1]="appInside",V[V.outer=2]="outer",V[V.none=3]="none",(H=N||(N={}))[H.tool=0]="tool",H[H.products=2]="products",H[H.bot=3]="bot",H[H.resource=4]="resource",H[H.payments=5]="payments",H[H.earn=6]="earn",H[H.trade=7]="trade"},20288:function(e,n,t){t.d(n,{Z:function(){return x}});var r=t(82729),o=t(85893),i=t(81763),a=t(4281),l=t(61232),c=t(67294),s=e=>{var n,t;let{zIndex:r=9,rotate:i=-22,width:a,height:l,image:s,content:p,font:f={},style:h,className:g,gap:x=[100,100],offset:m,children:S,callback:v}=e,{color:b="rgba(0,0,0,.15)",fontSize:P=16,fontWeight:E="normal",fontStyle:w="normal",fontFamily:N="sans-serif"}=f,[y,_]=x,A=y/2,O=_/2,D=null!==(n=null==m?void 0:m[0])&&void 0!==n?n:A,C=null!==(t=null==m?void 0:m[1])&&void 0!==t?t:O,j=()=>{let e={zIndex:r,position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",backgroundRepeat:"repeat"},n=D-A,t=C-O;return n>0&&(e.left="".concat(n,"px"),e.width="calc(100% - ".concat(n,"px)"),n=0),t>0&&(e.top="".concat(t,"px"),e.height="calc(100% - ".concat(t,"px)"),t=0),e.backgroundPosition="".concat(n,"px ").concat(t,"px"),e},R=(0,c.useRef)(null),L=(0,c.useRef)(),{createObserver:I,destroyObserver:k,reRendering:z}=function(){let e=(0,c.useRef)(),n=()=>{e.current&&(e.current.takeRecords(),e.current.disconnect(),e.current=void 0)};return(0,c.useEffect)(()=>n,[]),{createObserver:(t,r)=>{MutationObserver&&(n(),e.current=new MutationObserver(r),e.current.observe(t,{childList:!0,subtree:!0,attributeFilter:["style","class"]}))},destroyObserver:n,reRendering:(e,n)=>{let t=!1;return e.removedNodes.length&&(t=Array.from(e.removedNodes).some(e=>e===n)),"attributes"===e.type&&e.target===n&&(t=!0),t}}}(),U=()=>{L.current&&(L.current.remove(),L.current=void 0)},M=(e,n)=>{if(R.current&&L.current){var t,r;k(),L.current.setAttribute("style",Object.keys(r={...j(),backgroundImage:"url('".concat(e,"')"),backgroundSize:"".concat((y+n)*2,"px")}).map(e=>"".concat(e.replace(/([A-Z])/g,"-$1").toLowerCase(),": ").concat(r[e],";")).join(" ")),null===(t=R.current)||void 0===t||t.append(L.current),I(R.current,e=>{e.forEach(e=>{z(e,L.current)&&(U(),W())})})}},T=e=>{let n=120,t=64;if(!s&&e.measureText){e.font="".concat(Number(P),"px ").concat(N);let r=Array.isArray(p)?p:[p];n=Math.ceil(Math.max(...r.map(n=>e.measureText(n).width))),t=Number(P)*r.length+(r.length-1)*3}return[null!=a?a:n,null!=l?l:t]},F=(e,n,t,r,o)=>{let i=u(),a=Number(P)*i;e.font="".concat(w," normal ").concat(E," ").concat(a,"px/").concat(o,"px ").concat(N),e.fillStyle=b,e.textAlign="center",e.textBaseline="top",e.translate(r/2,0);let l=Array.isArray(p)?p:[p];null==l||l.forEach((r,o)=>{e.fillText(null!=r?r:"",n,t+o*(a+3*i))})},W=()=>{let e=document.createElement("canvas"),n=e.getContext("2d");if(n){L.current||(L.current=document.createElement("div"));let t=u(),[r,o]=T(n),a=(y+r)*t,l=(_+o)*t;e.setAttribute("width","".concat(2*a,"px")),e.setAttribute("height","".concat(2*l,"px"));let c=y*t/2,p=_*t/2,f=r*t,h=o*t,g=(f+y*t)/2,x=(h+_*t)/2,m=c+a,S=p+l,v=g+a,b=x+l;if(n.save(),d(n,g,x,i),s){let t=new Image;t.onload=()=>{n.drawImage(t,c,p,f,h),n.restore(),d(n,v,b,i),n.drawImage(t,m,S,f,h),M(e.toDataURL(),r)},t.crossOrigin="anonymous",t.referrerPolicy="no-referrer",t.src=s}else F(n,c,p,f,h),n.restore(),d(n,v,b,i),F(n,m,S,f,h),M(e.toDataURL(),r)}};return(0,c.useEffect)(W,[i,r,a,l,s,p,b,P,E,w,N,y,_,D,C]),(0,o.jsx)("div",{ref:R,className:g,style:{position:"relative",...h},children:S})};function u(){return window.devicePixelRatio||1}function d(e,n,t,r){e.translate(n,t),e.rotate(Math.PI/180*Number(r)),e.translate(-n,-t)}function p(){let e=(0,r._)(["\n  gap: 4px;\n  font-size: 12px;\n  line-height: 20px;\n  margin: 0 auto 8px;\n\n  a {\n    color: #7a0;\n\n    &:hover {\n      color: #bade8b;\n      text-decoration: underline;\n\n      & ~ .www-icon {\n        path {\n          fill: #bade8b;\n        }\n      }\n    }\n\n    &:active {\n      color: #527d00;\n\n      & ~ .www-icon {\n        path {\n          fill: #527d00;\n        }\n      }\n    }\n  }\n  .www-icon {\n    height: 12px;\n    width: 12px;\n\n    path {\n      fill: #7a0;\n    }\n  }\n  span {\n    color: #1c2024;\n  }\n"]);return p=function(){return e},e}function f(){let e=(0,r._)(["\n  border: 1px dotted #d9d9e0;\n  border-radius: 12px;\n  width: 498px;\n  /* height: 228px; */\n  overflow: hidden;\n  position: relative;\n  &.drag {\n    border-color: #cdf160;\n  }\n  &.error {\n    border: 1px dotted #e5484d;\n  }\n  .container {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 24px;\n\n    .guide-box {\n      gap: 2px;\n      font-size: 12px;\n      line-height: 20px;\n\n      a {\n        color: #7a0;\n\n        &:hover {\n          color: #bade8b;\n          text-decoration: underline;\n\n          & ~ .www-icon {\n            path {\n              fill: #bade8b;\n            }\n          }\n        }\n\n        &:active {\n          color: #527d00;\n\n          & ~ .www-icon {\n            path {\n              fill: #527d00;\n            }\n          }\n        }\n      }\n      .www-icon {\n        height: 12px;\n        width: 12px;\n\n        path {\n          fill: #7a0;\n        }\n      }\n      span {\n        color: #7e808a;\n      }\n    }\n\n    > .icon {\n      width: 28px;\n      height: 28px;\n    }\n\n    .upload-title {\n      font-size: 16px;\n      line-height: 24px;\n      font-weight: 600;\n      margin-top: 4px;\n    }\n    .upload-label {\n      font-size: 12px;\n      line-height: 16px;\n      margin-top: 8px;\n      color: #8b8d98;\n    }\n    .upload-btn {\n      width: unset;\n      height: unset;\n      padding: 8px 12px;\n      font-size: 12px;\n      line-height: 16px;\n      font-weight: 600;\n      border: 1px solid #d9d9e0;\n      border-radius: 6px;\n      margin-top: 8px;\n    }\n\n    .upload-tip {\n      text-align: center;\n      margin-top: 24px;\n      font-size: 10px;\n      line-height: 14px;\n      letter-spacing: 0.4px;\n      font-weight: 400;\n      color: #8b8d98;\n    }\n  }\n  .floating-btn {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    margin: auto;\n    z-index: 10;\n    background-color: #00000088;\n    border-radius: 24px;\n    width: 42px;\n    height: 42px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .icon {\n      path {\n        fill: #fff;\n      }\n    }\n  }\n\n  .drap-input {\n    width: 0;\n    height: 0;\n    position: absolute;\n    opacity: 0;\n  }\n  "," {\n    width: 100%;\n    .floating-btn {\n      display: flex;\n    }\n  }\n"]);return f=function(){return e},e}function h(){let e=(0,r._)(["\n  width: 100%;\n  height: 100%;\n  video {\n    object-fit: contain;\n  }\n"]);return h=function(){return e},e}function g(e){return!!e.type.includes("mp4")}var x=e=>{let{onChange:n,error:t,value:r,tip:s,guide:u}=e,d=(0,c.useRef)(null),{t:p}=(0,l.$G)("tools"),[f,h]=(0,c.useState)(!1);return(0,o.jsxs)(a.Layout.Col,{children:[u&&!r&&(0,o.jsxs)(m,{children:[(0,o.jsx)("a",{href:u,target:"_blank",children:"Follow the tutorial"}),(0,o.jsx)(a.Icon,{name:"link",size:24,viewBoxSize:24}),(0,o.jsx)("span",{children:"to avoid delays or rejections"})]}),(0,o.jsx)(S,{className:i.P6.classList("upload-box",f?"drag":"",t?"error":""),onDragOver:e=>{e.preventDefault(),h(!0)},onDrop:e=>{h(!1),e.preventDefault();let t=e.dataTransfer.files[0];if(t){if(!g(t)){(0,a.Notify)(p("tools.ticket.mp4.notify"));return}if(t.size>52428800){(0,a.Notify)(p("tools.ticket.mp4.notify1"));return}n(t)}},onDragEnter:()=>h(!0),onDragLeave:()=>h(!1),children:r?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(v,{file:r}),(0,o.jsx)(a.Button,{onClick:()=>n(null),className:"floating-btn",children:(0,o.jsx)(a.Icon,{name:"delete",className:"icon",size:24,viewBoxSize:24})})]}):(0,o.jsxs)("div",{className:"container",children:[(0,o.jsx)(a.Icon,{name:"movie",className:"icon"}),(0,o.jsx)("div",{className:"upload-title",children:p("tools.ticket.mp4.title")}),(0,o.jsx)("div",{className:"upload-label",children:p("tools.ticket.mp4.label")}),(0,o.jsx)(a.Button,{onClick:()=>{var e;null===(e=d.current)||void 0===e||e.click()},className:"upload-btn",children:p("tools.ticket.mp4.upload")}),(0,o.jsx)("input",{ref:d,className:"drap-input",size:52428800,type:"file",accept:".mp4",onChange:e=>{var t;let r=null===(t=e.target.files)||void 0===t?void 0:t[0];if(r){if(!g(r)){(0,a.Notify)(p("tools.ticket.mp4.notify"));return}if(r.size>52428800){(0,a.Notify)(p("tools.ticket.mp4.notify1"));return}n(r),d.current&&(d.current.value="")}}}),(0,o.jsx)("div",{className:"upload-tip",children:s||p("tools.ticket.mp4.tip")})]})})]})};let m=(0,i.zo)(a.Layout.RowMiddle)(p()),S=i.zo.div(f(),i.Uh.mobile),v=c.memo(e=>{let{file:n}=e;if(n.type.includes("mp4")){let e=new Blob([n],{type:null==n?void 0:n.type}),t=URL.createObjectURL(e);return(0,o.jsx)(b,{className:"preview-box",children:(0,o.jsx)(s,{content:"CWallet",gap:[60,60],rotate:-30,font:{color:"#8b8d98",fontSize:12,fontWeight:"light"},children:(0,o.jsx)("video",{src:t,controls:!0,width:"100%",height:"100%"})})})}return null}),b=i.zo.div(h())}}]);