// Membership, Donate, Contact pages const MembershipPage = ({ navigate }) => { const categories = [ { code: "RA", name: "Regular Member Attorney (U.S.)", shortName: "U.S. Attorney", desc: "For U.S.-admitted attorneys applying as regular attorney members." }, { code: "RFA", name: "Regular Member Foreign-Trained Attorney", shortName: "Foreign-Trained Attorney", desc: "For foreign-trained attorneys and legal professionals." }, { code: "LS", name: "Law Student Member", shortName: "Law Student", desc: "For law students, LLM students, and eligible early-career candidates." }, { code: "RAO", name: "Affiliated Organization Member (U.S.)", shortName: "U.S. Organization", desc: "For U.S. organizations applying through an authorized representative." }, { code: "RFAO", name: "Affiliated Foreign Organization Member", shortName: "Foreign Organization", desc: "For foreign organizations applying through an authorized representative." }, { code: "D", name: "Distinguished Member", shortName: "Distinguished", desc: "For applicants seeking merit-based recognition based on documented distinguished professional achievement." }, ]; const documentRequirements = { RA: [ { id: "bar_admission", label: "Proof of bar admission", required: true }, ], RFA: [ { id: "foreign_legal_credentials", label: "Legal credentials or professional verification", required: true }, ], LS: [ { id: "law_school_enrollment", label: "Law school enrollment verification", required: true }, ], RAO: [ { id: "organization_authorization", label: "Organizational authorization document", required: true }, ], RFAO: [ { id: "organization_authorization", label: "Organizational authorization document", required: true }, ], D: [ { id: "cv_bio", label: "Current curriculum vitae or professional biography", required: true }, { id: "written_statement", label: "Written statement identifying the applicant's law-related field", required: true }, { id: "achievement_evidence", label: "Evidence of distinguished achievement and peer recognition", required: true, multiple: true }, { id: "recommendation_letters", label: "At least two nomination, recommendation, or expert letters", required: true, multiple: true }, { id: "verification_records", label: "Supporting records for verification of claimed achievements", required: true, multiple: true }, { id: "additional_distinguished_docs", label: "Additional reliable supporting documentation", required: false, multiple: true }, ], }; const [categoryCode, setCategoryCode] = React.useState("RA"); const [status, setStatus] = React.useState("idle"); const [error, setError] = React.useState(""); const [application, setApplication] = React.useState({ name: "", email: "", phone: "", streetAddress: "", city: "", stateProvince: "", postalCode: "", country: "United States", barAdmission: "", lawSchool: "", organization: "", representativeName: "", distinguishedField: "", statement: "", externalDocumentsUrl: "", certificationAccepted: false, privacyAccepted: false, website: "", }); const [files, setFiles] = React.useState({}); const [uploadProgress, setUploadProgress] = React.useState(null); const selectedCategory = categories.find(c => c.code === categoryCode) || categories[0]; const selectedDocs = documentRequirements[categoryCode] || []; const maxUploadBytes = 10 * 1024 * 1024; const distinguishedMaxTotalBytes = 100 * 1024 * 1024; const isAttorneyCategory = ["RA", "RFA"].includes(categoryCode); const isStudentCategory = categoryCode === "LS"; const isOrganizationCategory = ["RAO", "RFAO"].includes(categoryCode); const showOrganizationField = ["RA", "RFA", "RAO", "RFAO", "D"].includes(categoryCode); const isUnitedStates = application.country === "United States"; const scrollToApplication = () => { document.getElementById("membership-application")?.scrollIntoView({ behavior: "smooth", block: "start" }); }; const updateApplication = (field, value) => { setApplication(prev => ({ ...prev, [field]: value })); }; const updateFiles = (docId, fileList) => { setFiles(prev => ({ ...prev, [docId]: Array.from(fileList || []) })); }; const changeCategory = (nextCategoryCode) => { setCategoryCode(nextCategoryCode); setFiles({}); setApplication(prev => ({ ...prev, barAdmission: "", lawSchool: "", organization: "", representativeName: "", distinguishedField: "", })); }; const submitApplication = async (e) => { e.preventDefault(); setError(""); setStatus("submitting"); setUploadProgress(null); try { const missingDoc = selectedDocs.find(doc => doc.required && !(files[doc.id] || []).length); if (missingDoc) { if (!application.externalDocumentsUrl.trim()) { throw new Error(`Please upload: ${missingDoc.label}, or provide a secure cloud folder link.`); } } const oversizedFile = Object.values(files) .flat() .find(file => file.size > maxUploadBytes); if (oversizedFile) { throw new Error(`Please upload files no larger than 10 MB. ${oversizedFile.name} exceeds the per-file limit.`); } const selectedFileList = Object.values(files).flat(); const totalUploadBytes = selectedFileList.reduce((total, file) => total + file.size, 0); if (categoryCode === "D" && totalUploadBytes > distinguishedMaxTotalBytes) { throw new Error("Distinguished Member portfolio uploads must total 100 MB or less. You may provide a secure cloud folder link instead."); } if (selectedFileList.length && !window.CAABABlobSDK?.upload) { throw new Error("Document upload is unavailable right now. Please refresh the page or provide a secure cloud folder link."); } const blobUploads = []; let uploadedBytes = 0; for (const doc of selectedDocs) { const fieldName = `doc_${doc.id}`; for (const file of (files[doc.id] || [])) { const safeFileName = file.name.replace(/[^a-zA-Z0-9._ -]/g, "-"); const pathname = `membership-applications/${Date.now()}-${Math.random().toString(36).slice(2)}/${fieldName}/${safeFileName}`; const blob = await window.CAABABlobSDK.upload(pathname, file, { access: "private", handleUploadUrl: "/api/membership-upload", clientPayload: JSON.stringify({ website: application.website }), contentType: file.type || undefined, onUploadProgress: progress => { const percentage = totalUploadBytes ? Math.round(((uploadedBytes + progress.loaded) / totalUploadBytes) * 100) : 100; setUploadProgress(Math.min(percentage, 100)); }, }); blobUploads.push({ fieldName, pathname: blob.pathname, originalName: file.name, }); uploadedBytes += file.size; } } const formData = new FormData(); Object.entries(application).forEach(([key, value]) => { formData.append(key, String(value)); }); formData.append("categoryCode", categoryCode); formData.append("categoryName", selectedCategory.name); const documentLabels = {}; selectedDocs.forEach(doc => { const fieldName = `doc_${doc.id}`; documentLabels[fieldName] = doc.label; }); formData.append("documentLabels", JSON.stringify(documentLabels)); formData.append("blobUploads", JSON.stringify(blobUploads)); const response = await fetch("/api/membership", { method: "POST", body: formData, }); const result = await response.json().catch(() => ({})); if (!response.ok) { if (response.status === 413) { throw new Error("Uploaded files could not be processed. Please use files no larger than 10 MB or provide a secure cloud folder link."); } throw new Error(result.error || "Unable to submit the application right now."); } setStatus("success"); setFiles({}); setUploadProgress(null); setApplication({ name: "", email: "", phone: "", streetAddress: "", city: "", stateProvince: "", postalCode: "", country: "United States", barAdmission: "", lawSchool: "", organization: "", representativeName: "", distinguishedField: "", statement: "", externalDocumentsUrl: "", certificationAccepted: false, privacyAccepted: false, website: "", }); } catch (err) { setStatus("error"); setUploadProgress(null); setError(err.message || "Unable to submit the application right now."); } }; return (
Membership

A community worth joining, carefully stewarded

CAABA welcomes legal professionals, students, honored contributors, and mission-aligned supporters through membership categories designed to reflect the different ways people participate in and strengthen the Association.

§ 01 — Membership Who It's For

Membership is open to a broader professional community.

Our current membership structure includes regular attorneys, foreign-trained attorneys, law students, affiliated organizations, and merit-based Distinguished Members. Honorary Membership is conferred by the Board and is not a self-selected application category.

{categories.map((category, i) => ( ))}
Currently Viewing

{selectedCategory.name}

{selectedCategory.desc}

Uploaded documents will be stored in a CAABA-controlled application folder and linked to the Association's internal membership records.

Category Code
{categoryCode}
{/* Why Join */}
§ 02 — Benefits Why Join CAABA

Eight reasons to become a member

{[ ["Professional Development", "Substantive programming and continuing education built around real practice."], ["Mentorship Pairing", "Thoughtful, practice-aware matching with experienced attorneys across practice areas."], ["Trusted Referral Network", "Access to a network anchored in professional reputation and ethical rigor."], ["International Career Support", "OPT guidance and practical integration support for foreign-trained lawyers."], ["Cross-Border Access", "Engagement with cross-border matters and Central Asian legal institutions."], ["Member Convenings", "Salons, dinners, and programming that build durable professional ties."], ["Visibility & Platforms", "Speaking, writing, and representation opportunities within the broader bar."], ["Community Stewardship", "A voice in shaping the next chapter of the Association."], ].map(([h, b], i) => (
{String(i+1).padStart(2,"0")}

{h}

{b}

))}
Join the Network

Our community grows, carefully, with every complete application.

§ 03 — Application

Apply to join CAABA.

Submit your membership interest here. The Membership team will review the request and follow up with next steps.

{selectedCategory.name}

Honorary Membership is conferred by the Board and is not available as a self-selected application category.

{status === "success" ? (

Application received.

Thank you for submitting your CAABA membership application. A member of the Association will review it before membership is confirmed.

Membership Dues

Once reviewed, dues may be paid via Zelle to:

uscaabar@gmail.com

For ACH or wire transfer, please email the same address to request bank details.

) : (
updateApplication("name", e.target.value)} placeholder="Jane A. Counselor"/>
updateApplication("email", e.target.value)} placeholder="jane@firm.com"/>
updateApplication("phone", e.target.value)} placeholder="Optional"/>
{!isUnitedStates && (

Applicants outside the United States may be required to complete payment before membership is activated.

)}
updateApplication("streetAddress", e.target.value)} placeholder="Street address"/>
updateApplication("city", e.target.value)} placeholder="City"/>
updateApplication("stateProvince", e.target.value)} placeholder={isUnitedStates ? "State" : "Optional"}/>
updateApplication("postalCode", e.target.value)} placeholder={isUnitedStates ? "ZIP code" : "Postal code"}/>
{isAttorneyCategory && (
updateApplication("barAdmission", e.target.value)} placeholder={categoryCode === "RA" ? "State and admission status" : "Jurisdiction, credential, or professional status"}/>
)} {isStudentCategory && (
updateApplication("lawSchool", e.target.value)} placeholder="School and program"/>
)} {categoryCode === "D" && (
updateApplication("organization", e.target.value)} placeholder="Optional"/>
)}
{(showOrganizationField && categoryCode !== "D") && (
updateApplication("organization", e.target.value)} placeholder={isOrganizationCategory ? "Organization legal name" : "Optional"}/>
{isOrganizationCategory && (
updateApplication("representativeName", e.target.value)} placeholder="Authorized representative"/>
)}
)} {categoryCode === "D" && (
Distinguished Member Portfolio

Supporting documentation required.

Distinguished Member applications require a documented professional portfolio demonstrating outstanding achievements and peer recognition in the legal profession or a closely related law-related field.

updateApplication("distinguishedField", e.target.value)} placeholder="Legal practice, scholarship, advocacy, legal technology, public service, etc."/>
)}