https://creatorconnect.com/assets/CheckOutForm-DmiZCuoy.js

1import{j as e,R as E}from"./index-CxpclvVk.js";import{u as R,c as k,b as l,L as B}from"./vendor-react-DDV1eynV.js";import{E as O,l as A,u as U,a as V,C}from"./vendor-stripe-CZbIad6m.js";import{k as P}from"./vendor-firebase-DVNX9Yd2.js";const S=A("pk_live_51PDgmKRotvaadvKDcnKp3zgkkbtvnLlIT0z0xgbFACtNUusf0IT3wfnnw8VQH5fsclUHh5hdlwFHg6zN0ZKrOBcg00jR7L7JtF"),L=({formData:a,setPaymentStatus:d,registrationId:u})=>{const i=U(),t=V(),n=k(),[m,r]=l.useState(null),[o,s]=l.useState(!1),[N,v]=l.useState(!1),[p,g]=l.useState(""),[x,w]=l.useState(0),j=P();l.useEffect(()=>{const c=a.players.length*525;w(c),console.log("FormData being sent:",JSON.stringify({email:a.email,parentFirstName:a.parentFirstName,parentLastName:a.parentLastName,players:a.players.length})),i&&(async()=>{try{const b={email:a.email,parentFirstName:a.parentFirstName,parentLastName:a.parentLastName,players:a.players.length},f=await fetch("https://us-central1-ccfirebasetest.cloudfunctions.net/createBasketballCampPayment",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({amount:c,formData:b,registrationId:u})});if(!f.ok)throw new Error(`HTTP error: ${f.status}`);const F=await f.json();g(F.paymentIntent),console.log("Payment intent created successfully")}catch(b){console.error("Error creating payment intent:",b),r("Failed to initialize payment. Please try again later.")}})()},[a,j,i,u]);const D=async h=>{if(h.preventDefault(),!i||!t||!p){r("Payment processing not ready. Please wait or reload the page.");return}s(!0);const c=await i.confirmCardPayment(p,{payment_method:{card:t.getElement(C),billing_details:{name:`${a.parentFirstName} ${a.parentLastName}`,email:a.email}}});c.error?(r(`Payment failed: ${c.error.message}`),s(!1)):(r(null),v(!0),s(!1),d("success"),n("/confirmation",{state:{formData:a,registrationId:u}}))},y={style:{base:{color:"#32325d",fontFamily:'"Helvetica Neue", Helvetica, sans-serif',fontSmoothing:"antialiased",fontSize:"16px","::placeholder":{color:"#aab7c4"}},invalid:{color:"#fa755a",iconColor:"#fa755a"}}};return e.jsxDEV("form",{onSubmit:D,className:"mt-8",children:[e.jsxDEV("div",{className:"mb-6",children:[e.jsxDEV("label",{className:"block text-gray-700 text-sm font-bold mb-2",children:"Card Details"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:152,columnNumber:9},void 0),e.jsxDEV("div",{className:"p-3 border rounded shadow-sm bg-white",children:e.jsxDEV(C,{options:y},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:156,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:155,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:151,columnNumber:7},void 0),m&&e.jsxDEV("div",{className:"mb-4 p-3 bg-red-100 text-red-700 rounded",children:m},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:161,columnNumber:9},void 0),e.jsxDEV("div",{className:"flex justify-between",children:[e.jsxDEV(B,{to:"/register",className:"bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-6 rounded focus:outline-none focus:shadow-outline",children:"Back"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:165,columnNumber:9},void 0),e.jsxDEV("button",{type:"submit",disabled:o||!i||!t||!p,className:`${o||!i||!p?"bg-gray-400":"bg-orange-500 hover:bg-orange-600"} text-white font-bold py-2 px-6 rounded focus:outline-none focus:shadow-outline`,children:o?"Processing...":`Pay $${x}`},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:171,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:164,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:150,columnNumber:5},void 0)},_=()=>{var r,o;const a=R(),d=k(),[u,i]=l.useState("pending"),t=(r=a.state)==null?void 0:r.formData,n=(o=a.state)==null?void 0:o.registrationId;l.useEffect(()=>{var s;!t||!n?d("/register"):console.log("Payment received formData:",{email:t.email,parentName:`${t.parentFirstName} ${t.parentLastName}`,playerCount:((s=t.players)==null?void 0:s.length)||0})},[t,d,n]);const m={hidden:{opacity:0}

1,visible:{opacity:1,transition:{duration:.6}}};return!t||!n?null:e.jsxDEV("div",{className:"min-h-screen bg-gray-50 py-12",children:e.jsxDEV("div",{className:"container mx-auto px-4",children:e.jsxDEV("div",{className:"max-w-xl mx-auto bg-white rounded-xl shadow-md overflow-hidden",children:[e.jsxDEV("div",{className:"bg-gradient-to-r from-orange-500 to-red-600 px-6 py-4",children:[e.jsxDEV(B,{to:"/register",className:"text-white flex items-center mb-4",children:[e.jsxDEV("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5 mr-2",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsxDEV("path",{fillRule:"evenodd",d:"M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z",clipRule:"evenodd"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:230,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:224,columnNumber:15},void 0),"Back to Registration"]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:223,columnNumber:13},void 0),e.jsxDEV("h1",{className:"text-3xl font-bold text-white",children:"Payment"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:238,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:222,columnNumber:11},void 0),e.jsxDEV("div",{className:"p-8",children:e.jsxDEV(E.div,{initial:"hidden",animate:"visible",variants:m,children:[e.jsxDEV("h2",{className:"text-2xl font-bold text-gray-800 mb-6",children:"Complete Your Registration"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:243,columnNumber:15},void 0),e.jsxDEV("div",{className:"mb-8",children:[e.jsxDEV("h3",{className:"text-lg font-bold mb-3",children:"Order Summary"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:248,columnNumber:17},void 0),e.jsxDEV("div",{className:"bg-gray-100 p-4 rounded-lg",children:[e.jsxDEV("div",{className:"flex justify-between mb-2",children:[e.jsxDEV("span",{children:"Donnavan Kirk's Youth Basketball Camp"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:251,columnNumber:21},void 0),e.jsxDEV("span",{children:"$525.00"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:252,columnNumber:21},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:250,columnNumber:19},void 0),e.jsxDEV("div",{className:"flex justify-between font-bold pt-2 border-t border-gray-300",children:[e.jsxDEV("span",{children:"Total"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:255,columnNumber:21},void 0),e.jsxDEV("span",{children:["$",t.players.length*525]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:256,columnNumber:21},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:254,columnNumber:19},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:249,columnNumber:17},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:247,columnNumber:15},void 0),t.players.map((s,N)=>e.jsxDEV("div",{className:"mb-6",children:[e.jsxDEV("h3",{className:"text-lg font-bold mb-3",children:["Participant #",N+1]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:264,columnNumber:19},void 0),e.jsxDEV("div",{className:"bg-gray-100 p-4 rounded-lg",children:[e.jsxDEV("p",{className:"mb-1",children:[e.jsxDEV("strong",{children:"Name:"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:269,columnNumber:23},void 0)," ",s.playerFirstName," ",s.playerLastName]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:268,columnNumber:21},void 0),e.jsxDEV("p",{children:[e.jsxDEV("strong",{children:"Age:"},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:273,columnNumber:23},void 0)," ",s.age]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:272,columnNumber:21},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:267,columnNumber:19},void 0)]},N,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:263,columnNumber:17},void 0)),e.jsxDEV(O,{stripe:S,children:e.jsxDEV(L,{formData:t,setPaymentStatus:i,registrationId:n},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:280,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:279,columnNumber:15},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:242,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:241,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:221,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:220,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/wuwtechnologies/Desktop/ReactNativeBuildAndroid/BuildCc1/react-app/src/BasketballCamp/CheckOutForm.jsx",lineNumber:219,columnNumber:5},void 0)};export{_ as default};