https://www.0pxj.com/assets/10.10.9/withdrawal.3cae14a3.1791468856214.js

1import{r as s,l as z,B as Q,A as e,O as ue}from"./index.a592fd0f.1791468856214.js";import{u as f,r as ee}from"./agentation.68356e44.1791468856214.js";import he from"./breadcrumbs.3fe6242a.1791468856214.js";import pe from"./no-records.24c6b487.1791468856214.js";import{w as K}from"./with-auth-guard.60c5f865.1791468856214.js";import{q as be,j as we,u as Ne,v as ke,w as xe,x as Z,y as _e}from"./historyModules.d3f3e09e.1791468856214.js";import{l as C}from"./index.fd246e85.1791468856214.js";import{a as Y,n as V}from"./inputUtils.c4219def.1791468856214.js";import"./index-layout-lite.76900819.1791468856214.js";import"./user-slice.868aa776.1791468856214.js";import"./usePreloadTheme.0293eaca.1791468856214.js";import"./staticContentModules.67d7c02e.1791468856214.js";import"./luckyWheelModules.4a0bd2ce.1791468856214.js";import"./ms-hook.5efd5957.1791468856214.js";import"./modal-select.00f51dd4.1791468856214.js";import"./select-input.50e7e532.1791468856214.js";import"./index.b748659e.1791468856214.js";import"./registerModules.7e00b122.1791468856214.js";import"./dateInput.6cf42515.1791468856214.js";import"./react-datepicker.min.f6a23822.1791468856214.js";import"./index.c060afc9.1791468856214.js";import"./warning.883c7a3c.1791468856214.js";import"./index.d6d38540.1791468856214.js";import"./index.2815c6b3.1791468856214.js";const ve="_withdrawalContainer_1svdr_9",je="_optionSkeleton_1svdr_22",ye="_formSkeleton_1svdr_37",ge="_topbar_1svdr_52",Be="_balanceCard_1svdr_55",Ce="_methodCard_1svdr_56",fe="_noteCard_1svdr_57",Ie="_row_1svdr_70",We="_balanceNumber_1svdr_78",Ae="_method_1svdr_56",Se="_methodHeader_1svdr_85",Te="_req_1svdr_89",Pe="_methodGroup_1svdr_93",Le="_selected_1svdr_104",Ee="_methodBody_1svdr_107",De="_methodTick_1svdr_125",Re="_methodIcon_1svdr_132",Oe="_bankGlyph_1svdr_138",$e="_methodLabelGroup_1svdr_144",Fe="_methodLabel_1svdr_144",qe="_methodSub_1svdr_152",Ge="_methodPill_1svdr_152",Me="_formCard_1svdr_159",He="_field_1svdr_162",Ke="_label_1svdr_165",Ye="_hint_1svdr_174",Ve="_inputContainer_1svdr_179",Ue="_addIcon_1svdr_185",Je="_inputWrap_1svdr_197",Xe="_input_1svdr_179",ze="_error_1svdr_222",Qe="_caret_1svdr_242",Ze="_arrowIcon_1svdr_251",ea="_inputAmount_1svdr_263",aa="_pctRow_1svdr_275",ta="_pctBtn_1svdr_282",na="_errorText_1svdr_296",ra="_cryptoRateContainer_1svdr_300",sa="_actions_1svdr_309",la="_btn_1svdr_316",oa="_btnCancel_1svdr_323",ia="_btnPrimary_1svdr_327",ca="_noteList_1svdr_338",da="_noteItem_1svdr_346",a={withdrawalContainer:ve,optionSkeleton:je,"skeleton-loading-effect":"_skeleton-loading-effect_1svdr_1",formSkeleton:ye,topbar:ge,balanceCard:Be,methodCard:Ce,noteCard:fe,row:Ie,balanceNumber:We,method:Ae,methodHeader:Se,req:Te,methodGroup:Pe,selected:Le,methodBody:Ee,methodTick:De,methodIcon:Re,bankGlyph:Oe,methodLabelGroup:$e,methodLabel:Fe,methodSub:qe,methodPill:Ge,formCard:Me,field:He,label:Ke,hint:Ye,inputContainer:Ve,addIcon:Ue,inputWrap:Je,input:Xe,error:ze,caret:Qe,arrowIcon:Ze,inputAmount:ea,pctRow:aa,pctBtn:ta,errorText:na,cryptoRateContainer:ra,actions:sa,btn:la,btnCancel:oa,btnPrimary:ia,noteList:ca,noteItem:da},W="B",H="CT",E="R",ma=[{id:W,title:"Bank Transfer",svgIcon:"onlinetransfer"},{id:E,title:"E Wallet",svgIcon:"ewallet"},{id:H,title:"Crypto",svgIcon:"crypto"}],ua={[W]:"withdrawalBank",[E]:"withdrawalEWallet"},ha={accountNumber:null,memberBankBankId:null,memberBankId:0,transactionOption:"CT",isSeamless:!1,merchantCode:window.merchantCode},M=r=>(Math.floor(Number(r||0)*100)/100).toFixed(2),pa=()=>{const[r,u]=s.useState({loaded:!1,withdrawalBank:[],withdrawalEWallet:[],memberBank:[],withdrawalNotes:{},withdrawalDetails:{},merchantAvailableCryptoList:[],cryptoRate:0}),[o,h]=s.useState([]),[p,d]=s.useState(""),[l,v]=s.useState(W),[g,B]=s.useState(!1),[w,b]=s.useState({memberBankBankId:"",bankBranch:"",accountName:"",accountNumber:""}),[m,j]=s.useState({...ha,coin:"",network:"",merchantBankId:0,exchangeRate:0,amount:0,cryptoAddressId:0,cryptoAmount:0}),[i,A]=s.useState(0),[x,S]=s.useState(""),[O,D]=s.useState(null),k=z.useSelector(t=>t.user),J=z.useSelector(t=>t.language),T=k?.account?.mainWallet?.balance||0,ae=s.useMemo(()=>r.loaded?r.loaded&&!o.length?"EMPTY":"LOADED":"PENDING",[r.loaded,o]),{t:I}=f(["liteWithdrawal"]),X=ua[l]||!1;s.useEffect(()=>{r.loaded||Promise.all([be(),we(),Ne(),ke(),xe()]).then(([t,n,c,N,y])=>{const G=ma.filter(_=>Object.keys(n)?.includes(_.id));h(G),u({withdrawalBank:n?.[W]?.[W]?.map(_=>

1({name:_.name,bankId:_.bankId}))||[],withdrawalEWallet:n?.[E]?.[E]?.map(_=>({name:_.name,bankId:_.bankId}))||[],merchantAvailableCryptoList:n?.[H]||{},memberBank:t?.map(({bankId:_,accountNumber:ie,id:ce,bankBranch:de,bankName:me})=>({bankId:_,accountNumber:ie,memberBankId:ce,bankBranch:de,bankName:me}))||[],...c&&{withdrawalNotes:Object?.values?.(c?.withdrawal?.[J?.currentLanguage?.key||"en"])||!1},withdrawalDetails:N,memberCryptoAddress:y,loaded:!0})})},[]),s.useEffect(()=>{l===W&&!r.withdrawalBank.length||l===E&&!r.withdrawalEWallet.length||b(t=>({...t,accountNumber:"",amount:0,memberBankBankId:r[X]?.length?r[X]?.[0]?.bankId:""}))},[l,r.withdrawalBank,r.withdrawalEWallet]),s.useEffect(()=>{const t=String(w.memberBankBankId||""),n=(r?.memberBank||[]).find(c=>String(c.bankId)===t);B(!!n?.accountNumber),n?.accountNumber&&Number(w.accountNumber)!==Number(n.accountNumber)&&b(c=>({...c,accountNumber:n.accountNumber,memberBankId:n.memberBankId,memberBankBankId:n.bankId,bankName:n.bankName,bankBranch:n.bankBranch}))},[w.memberBankBankId]),s.useEffect(()=>{k?.account?.name&&b(t=>({...t,accountName:k?.account?.name}))},[k]),s.useEffect(()=>{m.merchantBankId&&Z({merchantBankId:m.merchantBankId}).then(t=>{u(n=>({...n,cryptoRate:t}))})},[m.merchantBankId]);const $=s.useCallback((t,n)=>{if(t==="memberBankBankId"){const c=String(n??""),N=(r?.memberBank||[]).find(y=>String(y.bankId)===c);b(y=>({...y,memberBankBankId:c})),B(!!N?.accountNumber);return}b(c=>({...c,[t]:n}))},[r]),F=s.useCallback(t=>{const n=String(t??"");if(n===""){A(""),d("");return}if(!/^\d*(\.\d{0,2})?$/.test(n))return;const N=Number(n)>Number(T||0);d(N?I("liteWithdrawal:amountExceedBalance","Insufficient wallet balance"):""),A(n)},[T,I]),te=(t,n)=>{if(t==="cryptoCoin"){const c=L?.find(N=>N.id===Number(n));c&&j(N=>({...N,merchantBankId:c?.id,coin:c?.coin,network:c?.network}));return}j(c=>({...c,[t]:n}))},ne=s.useCallback(t=>{const n=Number(T||0)*Number(t)/100;F(M(n))},[F,T]),re=s.useCallback(()=>{b(t=>({...t,memberBankBankId:"",bankBranch:"",amount:""})),A(""),d(""),B(!1)},[]),se=s.useCallback(t=>{$("option",t),v(t)},[$]),le=s.useCallback((t={})=>{const n=Number(i||0),c=l==="CT",N=Number(r.cryptoRate||0),y=N>0?M(n/N):"0.00",G=c?{...m,amount:n,exchangeRate:N,cryptoAmount:y,merchantCode:window.merchantCode,transactionOption:"CT",isSeamless:!1,...t}:{...w,amount:n,bankName:w.bankName||"",bankStatementPath:"",isSeamless:!1,memberBankId:w.memberBankId||0,merchantCode:window.merchantCode,transactionOption:l,...t};return _e(G).then(()=>{Q.toast.success(I("liteWithdrawal:requestSuccess"))}).catch(_=>{if(_?.code)return Promise.reject(_);Q.toast.error(I(_))})},[i,l,w,m,r.cryptoRate,I]),oe=s.useMemo(()=>{const t=i===""?NaN:Number(i);return l===H?!!(m.merchantBankId&&m.cryptoAddressId&&!p&&!Number.isNaN(t)&&t>0):!!(l&&w.memberBankBankId&&w.accountName&&w.accountNumber&&!p&&!Number.isNaN(t)&&t>0)},[i,p,w,m,l]),P=s.useMemo(()=>r.merchantAvailableCryptoList?Object.keys(r.merchantAvailableCryptoList).map((t,n)=>({key:t,translation:`${I("liteWithdraw:channel","Channel")} ${n+1}`})):[],[r.merchantAvailableCryptoList]),L=s.useMemo(()=>r.merchantAvailableCryptoList?.[x]?.map(({coin:t,network:n,id:c})=>({name:`${n} - ${t}`,id:c,coin:t,network:n}))||[],[r.merchantAvailableCryptoList,P,x]),R=s.useMemo(()=>{if(!r.memberCryptoAddress?.length)return[];const t=r.memberCryptoAddress?.filter(n=>n.coin===m.coin&&n.network===m.network)||[];return t.length?t?.map(({coin:n,network:c,id:N,address:y})=>({coin:n,network:c,id:N,address:y}))||[]:[]},[r.memberCryptoAddress,m.coin,m.network,x]);s.useEffect(()=>{!x&&P.length&&S(P[0].key)},[P,x]),s.useEffect(()=>{if(!L.length)return;const t=L[0];j(n=>({...n,merchantBankId:t.id,coin:t.coin,network:t.network}))},[L]),s.useEffect(()=>{R.length&&j(t=>({...t,cryptoAddressId:R[0].id}))},[R,m.coin,m.network,x]);const q=s.useCallback(()=>{m.merchantBankId&&Z({merchantBankId:m.merchantBankId}).then(t=>{u(n=>({...n,cryptoRate:t}))}).finally(()=>{D(Date.now()+10*60*1e3)})},[m.merchantBankId]);return s.useEffect(()=>{const t=Number(i||0),n=Number(r.cryptoRate||.2),c=n>0?M(t/n):"";j(N=>({...N,cryptoAmount:Number(c)}))},[i,r.cryptoRate]),s.useEffect(()=>{m.merchantBankId&&q()},[m.merchantBankId,q]),{withdrawalOption:o,withdrawLoadingState:ae,remoteData:r,walletBalance:T,withdrawalType:l,setWithdrawalType:v,form:w,cryptoForm:m,setField:$,setPercent:ne,clearForm:re,selectOption:se,isSubmitDisabled:!oe,accountNumberReadonly:g,amount:i,setAmount:F,amountError:p,submit:le,language:J,cryptoChannelOptionList:P,cryptoCoinOptionList:L,selectedCryptoChannel:x,setSelectedCryptoChannel:S,setCryptoFormField:te,memberAddressOptionList:R,cryptoRateExpiryMs:O,refreshCryptoRate:q}};function U(r){return s.memo(function(h){const{remoteData:p,language:d,withdrawalType:l,amount:v,setAmount:g,cryptoForm:B,amountError:w,setPercent:b,clearForm:m,isSubmitDisabled:j,submit:i,onProtectedSubmit:A}=h,{t:x}=f(["liteWithdrawal"]),S=l==="B"||l==="R",O=S&&(p?.withdrawalDetails?.dailyLimits?.minAmount||p?.withdrawalDetails?.minAmount)||0,D=!v||v<1;return e.jsxs("section",{className:a.formCard,children:[e.jsx(r,{...h}),e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[x("liteWithdrawal:withdrawalAmount","Withdrawal Amount"),` (${d?.currentLanguage?.currency||""})`]}),e.jsxs("div",{className:a.hint,children:[x("liteWithdrawal:minimumWithdrawal","Minimum Withdrawal")," ",O||"1"," ",d?.currentLanguage?.currency]}),e.jsx("div",{className:a.amountBox,children:e.jsx(C.DebounceInput,{type:"text",inputMode:"decimal",debounceTimeout:500,

1className:`${a.input} ${a.inputAmount}`,placeholder:"0.00",value:v>0?v:"",onChange:k=>g(k.target.value),onKeyDown:Y,onPaste:V,onWheel:k=>k.currentTarget.blur()})}),D||w?e.jsx("div",{className:a.errorText,children:D?x("liteWithdrawal:invalidAmount","Please enter valid amount"):w}):null,e.jsx("div",{className:a.pctRow,children:[25,50,75,100].map(k=>e.jsxs("button",{type:"button",className:a.pctBtn,onClick:()=>b(k),children:[k,"%"]},k))})]}),l==="CT"&&e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[`${x("liteWithdrawal:amount","Amount")} (${B.coin})`," ",e.jsx("span",{className:a.req,children:"*"})]}),e.jsx(C.DebounceInput,{debounceTimeout:500,className:a.input,value:B.cryptoAmount,readOnly:!0})]}),e.jsxs("div",{className:a.actions,children:[e.jsx("button",{type:"button",className:`${a.btn} ${a.btnCancel}`,onClick:()=>{m(),g("")},children:x("liteWithdrawal:clear","Clear")}),e.jsx("button",{type:"button",className:`${a.btn} ${a.btnPrimary}`,disabled:j,onClick:A??i,children:x("liteWithdrawal:confirm","Confirm")})]}),S&&Array.isArray(p?.withdrawalNotes)&&p.withdrawalNotes.length>0?e.jsx("section",{className:a.noteCard,children:e.jsx("ol",{className:a.noteList,children:p.withdrawalNotes.map(k=>e.jsx("li",{className:a.noteItem,children:e.jsx("p",{children:k})},k))})}):null]})})}const ba=s.memo(function({form:u,remoteData:o,setField:h,accountNumberReadonly:p}){const{t:d}=f(["liteWithdrawal"]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[d("liteWithdrawal:bank","Bank")," ",e.jsx("span",{className:a.req,children:"*"})]}),e.jsxs("div",{className:a.inputWrap,children:[e.jsxs("select",{className:a.input,value:u.memberBankBankId,onChange:l=>h("memberBankBankId",l.target.value),children:[e.jsx("option",{value:"",disabled:!0,children:d("liteWithdrawal:pleaseSelect","Please Select")}),(o?.withdrawalBank?.length?o.withdrawalBank:[]).map(l=>e.jsx("option",{value:l.bankId,children:l.name},l.bankId))]}),e.jsx("div",{className:a.arrowIcon,children:e.jsx("img",{className:a.arrow,src:"/public/html/images/sp2lite/nav/arrow.png",alt:"type-history-arrow"})})]})]}),e.jsxs("div",{className:a.field,children:[e.jsx("label",{className:a.label,children:d("liteWithdrawal:bankBranch","Bank Branch")}),e.jsx(C.DebounceInput,{className:a.input,debounceTimeout:500,placeholder:d("liteWithdrawal:bankBranch","Bank Branch"),value:u.bankBranch,onChange:l=>h("bankBranch",l.target.value),readOnly:p})]}),e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[d("liteWithdrawal:accountName","Account Name")," ",e.jsx("span",{className:a.req,children:"*"})]}),e.jsx(C.DebounceInput,{debounceTimeout:500,className:a.input,value:u.accountName,readOnly:!0})]}),e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[d("liteWithdrawal:accountNo","Account No")," ",e.jsx("span",{className:a.req,children:"*"})]}),e.jsx(C.DebounceInput,{type:"numeric",debounceTimeout:500,className:a.input,pattern:"\\d*\\.?\\d",placeholder:"123456787",value:u.accountNumber,onKeyDown:Y,onPaste:V,onChange:l=>h("accountNumber",l.target.value),readOnly:p}),!u?.accountNumber&&e.jsxs("span",{className:a.error,children:[" ",d("liteWithdrawal:emptyAccountNo","Account Number is Required")]})]})]})}),wa=U(ba),Na=s.memo(function({form:u,remoteData:o,setField:h,accountNumberReadonly:p}){const{t:d}=f(["liteWithdrawal"]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[d("liteWithdrawal:ewallet","E-Wallet")," ",e.jsx("span",{className:a.req,children:"*"})]}),e.jsxs("div",{className:a.inputWrap,children:[e.jsxs("select",{className:a.input,value:u.memberBankBankId,onChange:l=>h("memberBankBankId",l.target.value),children:[e.jsx("option",{value:"",disabled:!0,children:d("liteWithdrawal:pleaseSelect","Please Select")}),(o?.withdrawalBank?.length?o.withdrawalEWallet:[]).map(l=>e.jsx("option",{value:l.bankId,children:l.name},l.bankId))]}),e.jsx("div",{className:a.arrowIcon,children:e.jsx("img",{className:a.arrow,src:"/public/html/images/sp2lite/nav/arrow.png",alt:"type-history-arrow"})})]})]}),e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[d("liteWithdrawal:accountName","Account Name")," ",e.jsx("span",{className:a.req,children:"*"})]}

1),e.jsx(C.DebounceInput,{debounceTimeout:500,className:a.input,value:u.accountName,readOnly:!0})]}),e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[d("liteWithdrawal:walletNo","Wallet No")," ",e.jsx("span",{className:a.req,children:"*"})]}),e.jsx(C.DebounceInput,{type:"numeric",debounceTimeout:500,className:a.input,pattern:"\\d*\\.?\\d",placeholder:"123456787",value:u.accountNumber,onKeyDown:Y,onPaste:V,onChange:l=>h("accountNumber",l.target.value),readOnly:p}),!u?.accountNumber&&e.jsxs("span",{className:a.error,children:[" ",d("liteWithdrawal:emptyAccountNo","Account Number is Required")]})]})]})}),ka=U(Na),xa=s.memo(function({selectedCryptoChannel:u,setSelectedCryptoChannel:o,cryptoChannelOptionList:h,cryptoCoinOptionList:p,cryptoForm:d,setCryptoFormField:l,memberAddressOptionList:v,cryptoRateExpiryMs:g,language:B,remoteData:w}){const{t:b}=f(["liteWithdrawal"]),m=ee.useHistory(),j=s.useMemo(()=>g?new Date(g).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):"",[g]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[b("liteWithdrawal:channel","Channel")," ",e.jsx("span",{className:a.req,children:"*"})]}),e.jsxs("div",{className:a.inputWrap,children:[e.jsxs("select",{className:a.input,value:u,onChange:i=>o(i.target.value),children:[e.jsx("option",{value:"",disabled:!0,children:b("liteWithdrawal:pleaseSelect","Please Select")}),(h?.length?h:[]).map(i=>e.jsx("option",{value:i.key,children:i.translation},i.key))]}),e.jsx("div",{className:a.arrowIcon,children:e.jsx("img",{className:a.arrow,src:"/public/html/images/sp2lite/nav/arrow.png",alt:"type-history-arrow"})})]})]}),e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[b("liteWithdrawal:coinChannel","Coin / Channel")," ",e.jsx("span",{className:a.req,children:"*"})]}),e.jsxs("div",{className:a.inputWrap,children:[e.jsxs("select",{className:a.input,value:d.merchantBankId,onChange:i=>l("cryptoCoin",i.target.value),children:[e.jsx("option",{value:"",disabled:!0,children:b("liteWithdrawal:pleaseSelect","Please Select")}),(p?.length?p:[]).map(i=>e.jsx("option",{value:i.id,children:i.name},i.id))]}),e.jsx("div",{className:a.arrowIcon,children:e.jsx("img",{className:a.arrow,src:"/public/html/images/sp2lite/nav/arrow.png",alt:"type-history-arrow"})})]})]}),e.jsxs("div",{className:a.cryptoRateContainer,children:[e.jsx("p",{children:b("liteWithdrawal:currentexchangerate","Current Exchange Rate")}),e.jsx("p",{children:`${b("liteWithdrawal:chain","CHAIN")} : ${d.network}`}),e.jsxs("p",{children:[`${d.coin} 1 = ${B?.currentLanguage?.currency} ${w.cryptoRate||0} `,`(${b("liteWithdrawal:guaranteedUntil","Guaranteed Until")} ${j||"--:--"})`]})]}),e.jsxs("div",{className:a.field,children:[e.jsxs("label",{className:a.label,children:[b("liteWithdrawal:address","Address")," ",e.jsx("span",{className:a.req,children:"*"})]}),e.jsxs("div",{className:a.inputContainer,children:[e.jsxs("div",{className:a.inputWrap,children:[e.jsxs("select",{className:a.input,value:d.cryptoAddressId,onChange:i=>l("cryptoAddressId",i.target.value),children:[e.jsx("option",{value:"",disabled:!0,children:b("liteWithdrawal:pleaseSelect","Please Select")}),(v?.length?v:[]).map(i=>e.jsx("option",{value:i.id,children:i.address},i.id))]}),e.jsx("div",{className:a.arrowIcon,children:e.jsx("img",{className:a.arrow,src:"/public/html/images/sp2lite/nav/arrow.png",alt:"type-history-arrow"})})]}),e.jsx("div",{className:a.addIcon,onClick:()=>m.push({pathname:"/myaccount/bankdetails",state:{navigateTo:"ADD_CRYPTO"}}),children:"+"})]}),!d.cryptoAddressId&&e.jsxs("span",{className:a.error,children:[" ",b("liteWithdrawal:emptyAddress","Crypto Address is Required")]})]})]})}),_a=U(xa),va=K(wa,{authParam:{isPublic:!1,moduleType:"WITHDRAWAL_BANK"},module:"WITHDRAWAL_BANK"}),ja=K(ka,{authParam:{isPublic:!1,moduleType:"WITHDRAWAL_EWALLET"},module:"WITHDRAWAL_EWALLET"}),ya=K(_a,{authParam:{isPublic:!1,moduleType:"WITHDRAWAL_CRYPTO"},module:"WITHDRAWAL_CRYPTO"});function Qa(){const{t:r}=f(["liteWithdrawal"]),u=ee.useHistory(),o=pa();return e.jsxs("div",{className:a.withdrawalContainer,children:[e.jsx("div",{className:a.topbar,children:e.jsx(he,{title:r("liteWithdrawal:withdraw","Withdraw"),backAction:()=>u.push("/myaccount/funds")})}),e.jsx("section",{className:a.balanceCard,children:e.jsxs("div",{className:a.row,children:[e.jsxs("span",{children:[" ",r("liteWithdrawal:walletBalance","Wallet Balance")," "]}),e.jsxs("span",{className:a.balanceNumber,children:[": ",o?.walletBalance||0]})]})}),e.jsxs("div",{className:a.method,children:[e.jsxs("div",{className:a.methodHeader,children:[r("liteWithdrawal:withdrawalOptions","Withdrawal Options"),e.jsx("span",{className:a.req,children:"*"})]}),e.jsxs("div",{className:a.methodGroup,children:[o?.withdrawLoadingState==="LOADED"&&o?.withdrawalOption?.map(h=>e.jsx(ga,{data:h,selected:o?.withdrawalType===h.id,onSelect:()=>o?.selectOption(h.id)},h.id)),o?.withdrawLoadingState==="PENDING"&&e.jsx(Ca,{})]})]}),o?.withdrawLoadingState==="EMPTY"&&e.jsx(pe,{}),o?.withdrawalOption?.length>0&&o?.withdrawLoadingState==="LOADED"&&e.jsxs(e.Fragment,{children:[o?.withdrawalType==="B"&&e.jsx(va,{...o}),o?.withdrawalType==="R"&&e.jsx(ja,{...o}),o?.withdrawalType==="CT"&&e.jsx(ya,{...o})]}),o?.withdrawLoadingState==="PENDING"&&e.jsx(fa,{})]})}const ga=({data:r,selected:u,onSelect:o})=>{const{t:h}=f(["liteWithdrawal"]);return e.jsxs("section",{className:`${a.methodCard} ${u?a.selected:""}`,onClick:o,role:"button",tabIndex:0,onKeyDown:p=>p.key==="Enter"?o():null,children:[e.jsxs("div",{className:`${a.methodBody}  ${u?a.selected:""}`,children:[e.jsx(Ba,{name:r.svgIcon}),u&&e.jsx("img",{className:`${a.methodTick}`,src:"/public/html/default_whitelabel/shared-image/icons/tick-circle.png"})]}),e.jsx("p",{children:h(`liteWithdrawal:withdrawalType.${r.id}`,r.title)})]})},Ba=({name:r})=>e.jsx(ue,{className:a.methodIcon,src:`/public/html/default_whitelabel/shared-image/settings/${r}.svg`,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r),Ca=()=>e.jsx("div",{className:a.optionSkeleton}),fa=()=>e.jsx("div",{className:a.formSkeleton});export{Qa as default};