https://wecopytrade.com/static/js/77721.da24a95b.chunk.js

1"use strict";(self.webpackChunkwecopytrade_client=self.webpackChunkwecopytrade_client||[]).push([[77721],{76730:(e,o,t)=>{t.d(o,{Z:()=>f});var i=t(22335),n=t(11822),l=t.n(n),r=t(47313),a=t(26674),d=t(99093),c=t(54976),s=t(6523),u=t(74873),v=t(667),m=t(30686);const p={self:e=>{let{spacing:o}=e;return(0,m.iv)({position:"relative",maxWidth:"100%",width:"100%",height:"100%",paddingTop:"".concat(i.mF,"px"),margin:"".concat(null===o||void 0===o?void 0:o[6]," 0")})},controls:e=>{let{spacing:o}=e;return(0,m.iv)({width:"100%",height:"40px",display:"flex",alignItems:"center",margin:"0 auto",padding:null===o||void 0===o?void 0:o[5],'&:hover input[type="range"]::-webkit-slider-thumb':(0,m.iv)({boxShadow:"0 0 0 8px rgba(250, 204, 21, 0.3)",borderRadius:"50%"}),'&:hover input[type="range"]::-moz-range-thumb':(0,m.iv)({boxShadow:"0 0 0 8px rgba(250, 204, 21, 0.3)"})})},zoomRange:e=>{let{colors:o}=e;return(0,m.iv)({WebkitAppearance:"none",MozAppearance:"none",borderTop:"5px solid #fff",borderBottom:"5px solid #fff",background:null===o||void 0===o?void 0:o.neutral[200],padding:"2px 0",height:"2px",width:"100%",display:"block",cursor:"pointer","&::-moz-range-thumb":(0,m.iv)({WebkitAppearance:"none",MozAppearance:"none",border:"2px solid #facc15",background:"#facc15",borderRadius:"50%",width:"16px",height:"16px",transition:"box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"}),"&::-webkit-slider-thumb":(0,m.iv)({WebkitAppearance:"none",MozAppearance:"none",border:"2px solid ".concat(null===o||void 0===o?void 0:o.yellow[400]),background:null===o||void 0===o?void 0:o.yellow[400],borderRadius:"50%",width:"16px",height:"16px",transition:"box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"})})},controlIcon:(0,m.iv)({cursor:"pointer","&:active, &:focus":(0,m.iv)({color:"var(--text-primary)"})}),flexCenter:e=>{let{spacing:o}=e;return(0,m.iv)({display:"flex",alignItems:"center",justifyContent:"center",marginTop:null===o||void 0===o?void 0:o[5]})},controlDisable:e=>{let{colors:o}=e;return(0,m.iv)({cursor:"not-allowed",color:"".concat(null===o||void 0===o?void 0:o.neutral[400]," !important"),opacity:.5})}};var h=t(1568);const g=e=>{const{visible:o,loading:t,onClose:n,onSubmit:m,getBlob:g,imageSrc:f,cropSize:b,options:y,title:C,errorMessage:w}=e,{t:x}=(0,d.$G)(),[Z,S]=(0,r.useState)({x:0,y:0}),[z,k]=(0,r.useState)(1),[B,R]=(0,r.useState)(),U=(0,r.useCallback)((async(e,o)=>{const t=await(0,i.m4)(l()(f),o,{...y,...b});g(t),R(t)}),[f]);return(0,r.useEffect)((()=>()=>{k(1)}),[o]),(0,h.tZ)(h.HY,{children:(0,h.BX)(u.Z,{size:540,title:C||x("dialog.uploadAvatar"),visible:o,onClose:n,sectionFooter:(0,h.tZ)(s.Z,{loading:t,form:"selectAccountForm",label:x("buttons.save"),onClick:()=>m(B)}),children:[(0,h.tZ)("div",{css:p.self,"data-loading":t,children:(0,h.tZ)(a.ZP,{image:l()(f),crop:Z,zoom:z,aspect:1,onCropChange:S,onCropComplete:U,onZoomChange:k,cropShape:"round",showGrid:!1,cropSize:b||{height:i.mF,width:i.mF}})}),(0,h.BX)("div",{css:p.flexCenter,children:[(0,h.tZ)(v.Z,{css:[p.controlIcon,z<=1&&p.controlDisable],icon:"minus-solid",size:"sm",onClick:()=>k(z>1?z-.1:1)}),(0,h.tZ)("div",{className:"non-reset",css:p.controls,children:(0,h.tZ)("input",{css:p.zoomRange,type:"range",value:z,min:1,max:3,step:.1,"aria-labelledby":"Zoom",onChange:e=>{var o;return k(Number(null===e||void 0===e||null===(o=e.target)||void 0===o?void 0:o.value))}})}),(0,h.tZ)(v.Z,{css:[p.controlIcon,z>=3&&p.controlDisable],icon:"plus-solid",size:"sm",onClick:()=>k(z<3?z+.1:3)})]}),!!w&&(0,h.tZ)(c.Z,{type:"error",title:w})]})})},f=(0,r.memo)(g)},85833:(e,o,t)=>{t.d(o,{Z:()=>d});var i=t(47313),n=t(30686);const l={self:e=>{let{fontWeight:o}=e;return(0,n.iv)({width:"100%",display:"inline-block",borderRadius:"16px",maxWidth:"max-content",span:(0,n.iv)({fontWeight:null===o||void 0===o?void 0:o.default,lineHeight:"150%",letterSpacing:"0.15px"})})},sm:e=>{let{spacing:o,fontSize:t}=e;return(0,n.iv)({fontSize:null===t||void 0===t?void 0:t.sm,padding:"0 ".concat(null===o||void 0===o?void 0:o[4])})},md:e=>{let{spacing:o,fontSize:t}=e;return(0,n.iv)({fontSize:null===t||void 0===t?void 0:t.sm,padding:"calc(".concat(null===o||void 0===o?void 0:o[1]," + 1px) ").concat(null===o||void 0===o?void 0:o[4])})},lg:e=>{let{spacing:o,fontSize:t}=e;return(0,n.iv)({fontSize:null===t||void 0===t?void 0:t.md,padding:"calc(".concat(null===o||void 0===o?void 0:o[2]," + 1.5px) ").concat(null===o||void 0===o?void 0:o[4])})},default:e=>{var o;let{colors:t}=e;return(0,n.iv)({color:"var(--text-primary)",backgroundColor:null===t||void 0===t||null===(o=t.neutral)||void 0===o?void 0:o[300]})},primary:e=>{var o,t;let{colors:i}=e;return(0,n.iv)({color:null===i||void 0===i||null===(o=i.yellow)||void 0===o?void 0:o[400],backgroundColor:null===i||void 0===i||null===(t=i.yellow)||void 0===t?void 0:t[50]})},success:e=>{var o,t;let{colors:i}=e;return(0,n.iv)({color:null===i||void 0===i||null===(o=i.green)||void 0===o?void 0:o[500],backgroundColor:null===i||void 0===i||null===(t=i.green)||void 0===t?void 0:t[100]})},error:e=>{var o,t;let{colors:i}=e;return(0,n.iv)({color:null===i||void 0===i||null===(o=i.red)||void 0===o?void 0:o[500],backgroundColor:null===i||void 0===i||null===(t=i.red)||void 0===t?void 0:t[100]})},warning:e=>{var o,t;let{colors:i}=e;return(0,n.iv)({color:null===i||void 0===i||null===(o=i.orange)||void 0===o?void 0:o[400],backgroundColor:null===i||void 0===i||null===(t=i.orange)||void 0===t?void 0:t[100]})},info:e=>{var o,t;let{colors:i}=e;return(0,n.iv)({color:null===i||void 0===i||null===(o=i.blue)||void 0===o?void 0:o[600],backgroundColor:null===i||void 0===i||null===(t=i.blue)||void 0===t?void 0:t[100]})},disabled:e=>{var o;let{colors:t}=e;return(0,n.iv)({color:"var(--text-secondary)",backgroundColor:null===t||void 0===t||null===(o=t.neutral)||void 0===o?void 0:o[300]})}};var r=t(1568);const a=e=>{let{label:o,type:t="default",size:i="md",customSelf:n}=e;return(0,r.tZ)("div",{"data-testid":"chip",css:[l.self,l[t],n],children:(0,r.tZ)("span",{css:l[i],children:o})})},d=(0,i.memo)(a)},77721:(e,o,t)=>{t.r(o),t.d(o,{default:()=>S});var i=t(48546),n=t(76730),l=t(73546),r=t(17015),a=t(14881),d=t(37557),c=t(12190),s=t(53838),u=t(4561),v=t(69706),m=t.n(v),p=t(11822),h=t.n(p),g=t(47313),f=t(65537),b=t(11459);const y=(0,t(31324).ZP)((()=>t.e(64209).then(t.bind(t,64209))));var C=t(14377),w=t(75446),x=t(1568);const Z=e=>{const{avatarUrl:o,name:t,accountId:v,brokerName:p,buttonElement:Z,customSelf:S,customInner:z,customAvatarInner:k,id:B,indicationElement:R,hasCopyGuarantee:U,monthlySubscriptionAllowed:I,profitCommitmentMinimumDays:D,profitCommitmentRatio:T,profitCommitmentRefundFeeRatio:A,isDemoAccountType:X,accountOptionElement:F}=e,{width:G}=(0,b.iP)(),L=(0,f.v9)(c.dy),{state:{accountInformation:M},dispatch:W}=(0,g.useContext)(r.XV),E=(0,g.useRef)(null),{visibleUpload:H,fileName:N,blob:P,imageSrc:j,getBlob:O,onInputChange:q,onClose:K}=(0,a.q)(),[$,_]=(0,g.useState)(!1),[V,Y]=(0,g.useState)(""),J=(0,g.useMemo)((()=>(null===L||void 0===L?void 0:L.userId)===(null===M||void 0===M?void 0:M.userId)),[M]),Q=(0,g.useMemo)((()=>G>l.Il&&G<l.DD),[G]),ee=(0,g.useMemo)((()=>U&&I),[U,I]);return(0,x.tZ)("div",{css:[w.U.self,S],children:(0,x.BX)("div",{css:w.U.container,children:[(0,x.BX)("div",{css:[w.U.inner,z],children:[(0,x.BX)("div",{css:w.U.information,children:[(0,x.tZ)("div",{css:[w.U.avatar,k],children:J?(0,x.BX)(x.HY,{children:[(0,x.BX)("div",{onClick:()=>{var e;return null===E||void 0===E||null===(e=E.current)||void 0===e?void 0:e.click()},children:[(0,x.tZ)(i.Z,{size:"lg",avatarUrl:o,label:t,uploaded:J}),(0,x.tZ)("input",{hidden:!0,ref:E,type:"file",accept:l.qs,onChange:q},h()(new Date))]}),(0,x.tZ)(n.Z,{loading:$,visible:H||!1,options:{mode:"blob"},imageSrc:j,errorMessage:V,onClose:K,getBlob:O,onSubmit:async()=>

1{if(P)try{_(!0);const e=new File([P],N,{lastModified:(new Date).getTime(),type:P.type}),{data:o,status:t}=await d.Z.updateAvatar(Number(B),e);if(200===t){const e=m()(o,"avatarUrl");W({type:r.Ln.UPDATE_AVATAR,payload:e}),null===K||void 0===K||K()}}catch(e){const{statusText:o}=(0,s.X)(e);Y(o)}finally{_(!1)}}})]}):(0,x.tZ)(i.Z,{size:"lg",avatarUrl:o,label:t,uploaded:!1})}),(0,x.BX)("div",{css:w.U.content,children:[(0,x.BX)("div",{css:w.U.contentTop,children:[(0,x.BX)("div",{css:w.U.contentTopInformation,children:[(0,x.tZ)("h3",{css:w.U.name,children:t}),Q?(0,x.BX)("div",{css:w.U.accountTypeSectionTop,children:[(0,x.tZ)(y,{isDemoAccount:X}),ee?(0,x.tZ)(C.Z,{profitCommitmentMinimumDays:D,profitCommitmentRatio:T,profitCommitmentRefundFeeRatio:A}):null]}):null]}),F]}),(0,x.BX)("div",{css:[w.U.contentDetailed,!Q&&w.U.ellipsisLastContentItem],children:[(0,x.tZ)("p",{children:v}),(0,x.tZ)("p",{css:[w.U.separator],children:"|"}),(0,x.tZ)("p",{children:p})]})]})]}),Q?null:(0,x.BX)("div",{css:w.U.accountTypeSection,children:[(0,x.tZ)(y,{isDemoAccount:X}),ee?(0,x.tZ)(C.Z,{profitCommitmentMinimumDays:D,profitCommitmentRatio:T,profitCommitmentRefundFeeRatio:A}):null]}),(0,u.v)(Z)?(0,x.tZ)("div",{css:w.U.cta,children:Z}):null]}),R]})})},S=(0,g.memo)(Z)},14377:(e,o,t)=>{t.d(o,{Z:()=>p});var i=t(6523),n=t(85833),l=t(74873),r=t(667),a=t(62725),d=t(51764),c=t(47313),s=t(99093),u=t(30686);const v={self:e=>{let{spacing:o}=e;return(0,u.iv)({width:"100%",display:"flex",alignItems:"center",gap:null===o||void 0===o?void 0:o[3],cursor:"pointer",overflow:"hidden"})},content:e=>{let{colors:o,fontSize:t}=e;return(0,u.iv)({color:null===o||void 0===o?void 0:o.orange[400],fontSize:null===t||void 0===t?void 0:t.sm,lineHeight:"150%",maxWidth:"calc(100% - ".concat("8px"," - ").concat("20px"," - ").concat("16px",")"),textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"})},dialogTitle:e=>{var o;let{fontWeight:t,fontSize:i,colors:n}=e;return(0,u.iv)({fontSize:null===i||void 0===i?void 0:i.xl,fontWeight:null===t||void 0===t?void 0:t.primary,color:null===n||void 0===n||null===(o=n.neutral)||void 0===o?void 0:o[900],lineHeight:"160%",letterSpacing:"0.15px",marginBottom:"40px"})},dialogBody:e=>{var o;let{spacing:t,fontSize:i,colors:n}=e;return(0,u.iv)({widows:"100%",display:"flex",flexDirection:"column",gap:null===t||void 0===t?void 0:t[3],fontSize:null===i||void 0===i?void 0:i.md,color:null===n||void 0===n||null===(o=n.neutral)||void 0===o?void 0:o[500],lineHeight:"150%",letterSpacing:"0.15px",marginBottom:"40px",ul:{listStyleType:"disc",marginLeft:null===t||void 0===t?void 0:t[7]}})},dialogSubtitle:e=>{let{fontWeight:o}=e;return(0,u.iv)({fontWeight:null===o||void 0===o?void 0:o.secondary})},footer:(0,u.iv)({display:"flex",justifyContent:"flex-end",width:"100%"}),customizeChip:(0,u.iv)({">span":{padding:0,display:"block"}}),chipLabel:e=>{let{spacing:o}=e;return(0,u.iv)({display:"flex",alignItems:"center",gap:null===o||void 0===o?void 0:o[2],padding:"3px ".concat(null===o||void 0===o?void 0:o[4]),height:"24px"})},prefixIcon:(0,u.iv)({lineHeight:"140% !important",svg:{height:"18px !important"}}),suffixIcon:e=>{let{colors:o,spacing:t}=e;return(0,u.iv)({width:"16px",height:"16px",minWidth:"fit-content",marginLeft:null===t||void 0===t?void 0:t[2],svg:{color:null===o||void 0===o?void 0:o.orange[400],width:"10px !important",height:"10px !important"}})}};var m=t(1568);const p=e=>{let{customSelfStyle:o,customContentStyle:t,content:u,profitCommitmentMinimumDays:p=30,profitCommitmentRatio:h=100,profitCommitmentRefundFeeRatio:g=100}=e;const[f,b]=(0,c.useState)(!1),{t:y}=(0,s.$G)(d.aC.feature);return(0,m.BX)("div",{css:[v.self,o],children:[(0,m.tZ)(n.Z,{customSelf:v.customizeChip,label:(0,m.BX)("div",{css:v.chipLabel,onClick:()=>{b(!0)},children:[(0,m.tZ)(a.Z,{icon:"shield-check",size:"sm",customSelf:v.prefixIcon}),(0,m.tZ)("p",{css:[v.content,t],children:u||y("profitCommitment.copyGuarantee.title")}),(0,m.tZ)(r.Z,{icon:"chevron-down-solid",size:"xs",customSelf:v.suffixIcon})]}),type:"warning"}),(0,m.tZ)(l.Z,{visible:f,size:540,hiddenHeader:!0,hiddenFooter:!0,showClose:!1,onClose:()=>b(!1),closeOnEscape:!0,children:(0,m.BX)("div",{children:[(0,m.tZ)("h3",{css:v.dialogTitle,children:y("profitCommitment.copyGuarantee.title")}

1),(0,m.BX)("div",{css:v.dialogBody,children:[(0,m.tZ)("p",{css:v.dialogSubtitle,children:y("profitCommitment.copyGuarantee.flowTitle1")}),(0,m.tZ)("p",{children:y("profitCommitment.copyGuarantee.flowDescription")}),(0,m.tZ)("p",{css:v.dialogSubtitle,children:y("profitCommitment.copyGuarantee.flowTitle2")}),(0,m.BX)("ul",{children:[(0,m.tZ)("li",{children:(0,m.tZ)(s.cC,{i18nKey:y("profitCommitment.copyGuarantee.profitFormula",{ns:d.aC.feature}),values:{profitCommitmentRatio:h}})}),(0,m.tZ)("li",{children:(0,m.tZ)(s.cC,{i18nKey:y("profitCommitment.copyGuarantee.refundFormula",{ns:d.aC.feature}),values:{profitCommitmentRefundFeeRatio:g}})})]}),(0,m.BX)("p",{children:[(0,m.BX)("span",{css:v.dialogSubtitle,children:[y("profitCommitment.copyGuarantee.flowNote")," "]})," ",(0,m.tZ)(s.cC,{i18nKey:y("profitCommitment.copyGuarantee.note",{ns:d.aC.feature}),values:{profitCommitmentMinimumDays:p}})]})]}),(0,m.tZ)("div",{css:v.footer,children:(0,m.tZ)(i.Z,{label:y("profitCommitment.copyGuarantee.ok"),style:{width:"fit-content"},onClick:()=>{b(!1)}})})]})})]})}},14881:(e,o,t)=>{t.d(o,{q:()=>m});var i=t(73546),n=t(69706),l=t.n(n),r=t(86222),a=t.n(r),d=t(11822),c=t.n(d),s=t(47313),u=t(99093),v=t(90039);const m=()=>{const{toast:e}=(0,v.e1)(),{t:o}

1=(0,u.$G)(),[t,n]=(0,s.useState)(!1),[r,d]=(0,s.useState)(null),[m,p]=(0,s.useState)(""),[h,g]=(0,s.useState)(""),[f,b]=(0,s.useState)("");return{visibleUpload:t,fileName:m,blob:r,refreshInputFile:f,imageSrc:h,getBlob:e=>{d(e)},onInputChange:(0,s.useCallback)((t=>{var r;let{currentTarget:d}=t;const s=l()(d,"files[0].type"),u=l()(d,"files[0]"),v=a()(c()(u.name),"."),m=null===(r=u.name)||void 0===r?void 0:r.substring(v+1,u.name.lenght);if(!i.C5.includes(null===s||void 0===s?void 0:s.toLowerCase())||!i.C5.includes(null===m||void 0===m?void 0:m.toLowerCase()))return b(c()((new Date).getTime())),e.error({title:o("messages.error"),description:o("messages.errorFileTypeUpload")});const h=new FileReader;h.addEventListener("load",(()=>{p(u.name),g(c()(h.result));const t=new Image;t.src=c()(h.result),t.onload=()=>{n(!0),b(c()((new Date).getTime()))},t.onerror=()=>e.error({title:o("messages.error"),description:o("messages.errorFileTypeUpload")})}),!1),u&&h.readAsDataURL(u)}),[]),onClose:()=>{g(""),n(!1)}}}},22335:(e,o,t)=>{t.d(o,{iA:()=>a,m4:()=>r,mF:()=>l});var i=t(11822),n=t.n(i);const l=300,r=async(e,o,t)=>{const i=await(n=e,new Promise(((e,o)=>{const t=new Image;t.addEventListener("load",(()=>e(t))),t.addEventListener("error",(e=>o(e))),t.setAttribute("crossOrigin","anonymous"),t.src=n})));var n;const r=document.createElement("canvas"),a=r.getContext("2d");return r.width=(null===t||void 0===t?void 0:t.width)||l,r.height=(null===t||void 0===t?void 0:t.height)||l,null===a||void 0===a||a.drawImage(i,o.x,o.y,o.width,o.height,0,0,r.width,r.height),"base64"===(null===t||void 0===t?void 0:t.mode)?r.toDataURL((null===t||void 0===t?void 0:t.type)||"image/jpeg"):new Promise((e=>{r.toBlob((o=>{e(o)}),(null===t||void 0===t?void 0:t.type)||"image/jpeg")}))},a=e=>new Promise((o=>{const t=new FileReader;t.readAsDataURL(e),t.onload=()=>o(n()(t.result)),t.onerror=()=>o("")}))}}]);