https://dload.com/assets/payout-Bnfl9viW.js

1import{k as l,I as e,K as g,Q as d}from"./index-CL6DkWfS.js";const u=[{id:"1",type:"bank",name:"Chase Bank",details:"****6789",isDefault:!0},{id:"2",type:"paypal",name:"PayPal",details:"[email protected]",isDefault:!1}];function f(){const[o,r]=l.useState(""),[c,y]=l.useState(u[0].id),[i,x]=l.useState(!1),[p,m]=l.useState(!1),a=3120,n=50,h=t=>{t.preventDefault(),x(!0),setTimeout(()=>{x(!1),m(!0),setTimeout(()=>{m(!1),r("")},3e3)},1500)},s=parseFloat(o)||0,b=s>=n&&s<=a;return e.jsxs("div",{className:"min-h-screen bg-dark text-neutral-white",children:[e.jsx("div",{className:"border-b border-dark-border",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-8 py-6",children:[e.jsx("div",{className:"flex items-center gap-4 mb-4",children:e.jsx(g,{to:"/creator/earnings",className:"text-neutral-400 hover:text-white transition-colors",children:"← Back"})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-heading-l mb-2",children:"Request Payout"}),e.jsx("p",{className:"text-body-s text-neutral-400",children:"Withdraw your available earnings"})]})]})}),e.jsxs("div",{className:"max-w-3xl mx-auto px-8 py-8",children:[p&&e.jsx(d.div,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},className:"mb-6 p-4 bg-warning-green-500/10 border border-warning-green-500 rounded-md",children:e.jsx("p",{className:"text-body-s text-warning-green-500",children:"Payout request submitted successfully! Funds will arrive in 2-3 business days."})}),e.jsxs(d.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:"bg-gradient-to-br from-cyan/20 to-brand-400/20 border border-cyan/30 rounded-md p-8 mb-8",children:[e.jsx("p",{className:"text-body-s text-neutral-400 mb-2",children:"Available Balance"}),e.jsxs("p",{className:"text-heading-l text-cyan mb-4",children:["$",a.toLocaleString()]}),e.jsxs("p",{className:"text-body-s text-neutral-400",children:["Minimum payout: $",n," • No fees"]})]}),e.jsx(d.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.1},className:"bg-dark-surface border border-dark-border rounded-md p-8",children:e.jsxs("form",{onSubmit:h,className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"amount",className:"block text-body-s text-neutral-400 mb-2",children:"Withdrawal Amount"}),e.jsxs("div",{className:"relative",children:[e.jsx("span",{className:"absolute left-4 top-1/2 -translate-y-1/2 text-heading-xs text-neutral-400",children:"$"}),e.jsx("input",{id:"amount",type:"number",value:o,onChange:t=>r(t.target.value),placeholder:"0.00",min:n,max:a,step:"0.01",className:"w-full h-14 pl-10 pr-4 bg-neutral-900 border border-dark-border rounded-md text-heading-xs focus:border-cyan focus:outline-none transition-colors"})]}),s>0&&e.jsxs("div",{className:"mt-2 flex gap-4",children:[s<n&&e.jsxs("p",{className:"text-body-xs text-warning-red-500",children:["Minimum payout is $",n]}),s>a&&e.jsx("p",{className:"text-body-xs text-warning-red-500",children:"Insufficient balance"})]}),e.jsxs("div",{className:"mt-3 flex gap-2",children:[e.jsx("button",{type:"button",onClick:()=>r(Math.floor(a*.25).toString()),className:"px-3 py-1 bg-neutral-900 border border-dark-border rounded text-body-xs hover:border-cyan transition-colors",children:"25%"}),e.jsx("button",{type:"button",onClick:()=>r(Math.floor(a*.5).toString()),className:"px-3 py-1 bg-neutral-900 border border-dark-border rounded text-body-xs hover:border-cyan transition-colors",children:"50%"}),e.jsx("button",{type:"button",onClick:()=>r(Math.floor(a*.75).toString()),className:"px-3 py-1 bg-neutral-900 border border-dark-border rounded text-body-xs hover:border-cyan transition-colors",children:"75%"}),e.jsx("button",{type:"button",onClick:()=>r(a.toString()),className:"px-3 py-1 bg-neutral-900 border border-dark-border rounded text-body-xs hover:border-cyan transition-colors",children:"Max"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-body-s text-neutral-400 mb-4",children:"Payment Method"}),e.jsx("div",{className:"space-y-3",children:u.map(t=>e.jsxs("label",{className:`flex items-center gap-4 p-4 border rounded-md cursor-pointer transition-colors ${c===t.id?"border-cyan bg-cyan/5":"border-dark-border hover:border-neutral-700"}`,children:[e.jsx("input",{type:"radio",name:"paymentMethod",value:t.id,checked:c===t.id,onChange:j=>y(j.target.value),className:"w-4 h-4 text-cyan focus:ring-cyan"}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("p",{className:"text-body-m font-medium",children:t.name}),t.isDefault&&e.jsx("span",{className:"text-body-xs px-2 py-0.5 bg-cyan/10 text-cyan rounded",children:"Default"})]}),e.jsx("p",{className:"text-body-s text-neutral-400",children:t.details})]}),e.jsxs("div",{className:"w-12 h-8 bg-neutral-900 rounded flex items-center justify-center",children:[t.type==="bank"&&e.jsx("span",{className:"text-body-xs text-neutral-400",children:"BANK"}),t.type==="paypal"&&e.jsx("span",{className:"text-body-xs text-brand-400",children:"PP"})]})]},t.id))}),e.jsx("button",{type:"button",className:"mt-3 text-body-s text-cyan hover:underline",children:"+ Add Payment Method"})]}),e.jsx("div",{className:"p-4 bg-neutral-900/50 border border-dark-border rounded-md",children:e.jsxs("p",{className:"text-body-s text-neutral-400",children:[e.jsx("span",{className:"text-white font-medium",children:"Processing time:"}

1)," Payouts typically arrive in 2-3 business days. Bank transfers may take longer depending on your bank."]})}),e.jsx("button",{type:"submit",disabled:!b||i,className:`w-full h-14 rounded-md font-medium text-body-m transition-all ${b&&!i?"bg-cyan text-dark hover:bg-cyan/90":"bg-neutral-800 text-neutral-500 cursor-not-allowed"}`,children:i?e.jsxs("span",{className:"flex items-center justify-center gap-2",children:[e.jsx(d.span,{animate:{rotate:360},transition:{duration:1,repeat:1/0,ease:"linear"},className:"inline-block w-5 h-5 border-2 border-neutral-500 border-t-transparent rounded-full"}),"Processing..."]}):`Request Payout${s>0?` ($${s.toLocaleString()})`:""}`})]})}),e.jsxs(d.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},className:"mt-8",children:[e.jsx("h3",{className:"text-heading-xs mb-4",children:"Recent Payouts"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between p-4 bg-dark-surface border border-dark-border rounded-md",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-body-m font-medium",children:"$2,500.00"}),e.jsx("p",{className:"text-body-s text-neutral-400",children:"Dec 18, 2024"})]}),e.jsx("span",{className:"text-body-xs px-3 py-1 bg-warning-green-500/10 text-warning-green-500 rounded",children:"Completed"})]}),e.jsxs("div",{className:"flex items-center justify-between p-4 bg-dark-surface border border-dark-border rounded-md",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-body-m font-medium",children:"$1,800.00"}),e.jsx("p",{className:"text-body-s text-neutral-400",children:"Nov 28, 2024"})]}),e.jsx("span",{className:"text-body-xs px-3 py-1 bg-warning-green-500/10 text-warning-green-500 rounded",children:"Completed"})]})]})]})]})]})}export{f as default};