;
}
return (
);
}
// ─── Time zones ───
// The client's IANA time zone (e.g. "America/Chicago") is captured
// automatically from their browser on login/signup — see the useEffect in
// App that calls PT.updateClientTimezone — so there's nothing for either
// side to type in manually, and it stays correct even if a client travels.
// getTzOffsetMinutes computes a zone's real UTC offset *right now* (handles
// DST correctly, unlike a static offset table) using the standard
// format-then-diff trick: render "now" as if its wall-clock digits were UTC,
// then compare that to the real UTC instant.
function getTzOffsetMinutes(tz, date = new Date()){
try{
const dtf = new Intl.DateTimeFormat("en-US", {
timeZone: tz, hourCycle: "h23",
year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",
});
const parts = dtf.formatToParts(date).reduce((acc,p)=>{ if(p.type!=="literal") acc[p.type]=p.value; return acc; },{});
const asUTC = Date.UTC(+parts.year, +parts.month-1, +parts.day, +parts.hour, +parts.minute, +parts.second);
return (asUTC - date.getTime())/60000;
}catch{ return null; }
}
function myTimeZone(){
try{ return Intl.DateTimeFormat().resolvedOptions().timeZone; }catch{ return null; }
}
// Human summary of a client's time relative to whoever's looking at the
// screen right now (the concierge's own device clock/time zone) — e.g.
// "2:34 PM · 3 hrs ahead of you". Recomputed live wherever it's used.
function describeClientTime(clientTz){
if(!clientTz) return null;
const now = new Date();
const myTz = myTimeZone();
let timeStr;
try{ timeStr = now.toLocaleTimeString("en-US",{timeZone:clientTz, hour:"numeric", minute:"2-digit"}); }
catch{ return null; }
let diffLabel = "";
if(myTz && myTz!==clientTz){
const clientOffset = getTzOffsetMinutes(clientTz, now);
const myOffset = getTzOffsetMinutes(myTz, now);
if(clientOffset!=null && myOffset!=null){
const diffHrs = (clientOffset - myOffset)/60;
if(Math.abs(diffHrs) < 0.01) diffLabel = "same time as you";
else {
const rounded = Math.abs(diffHrs%1)<0.01 ? Math.abs(diffHrs).toFixed(0) : Math.abs(diffHrs).toFixed(1);
diffLabel = `${rounded} hr${rounded==="1"?"":"s"} ${diffHrs>0?"ahead of":"behind"} you`;
}
}
} else if(myTz===clientTz){
diffLabel = "same time as you";
}
const cityLabel = clientTz.split("/").pop().replace(/_/g," ");
return { timeStr, diffLabel, cityLabel, tz:clientTz };
}
function tripStatus(trip){
// A trip with no startDate yet (e.g. just created via "Create Blank
// Itinerary", before travel dates are known) isn't Active/Upcoming/
// Completed — it's still being planned. This used to call tripStatus(trip)
// on itself here, which is infinite recursion for any trip missing a
// startDate and would hang/crash the whole Itineraries screen.
if(!trip.startDate)return trip.status||"Planning";
const today=new Date(); today.setHours(0,0,0,0);
const start=new Date(trip.startDate);
const end=new Date(trip.endDate);
end.setHours(23,59,59,999);
if(today>end) return "Completed";
if(today>=start) return "Active";
return "Upcoming";
}
const catColor = {flight:N.sky, hotel:N.purple, dining:N.gold, transfer:N.coral, activity:N.teal, leisure:"rgba(237,232,223,0.35)"};
const statusColor = {Active:N.green, Upcoming:N.gold, Planning:N.sky, Completed:N.parchD};
const statusOrder={Active:0,Upcoming:1,Planning:2,Completed:3};
function sortTrips(arr){return [...arr].sort((a,b)=>(statusOrder[tripStatus(a)]||1)-(statusOrder[tripStatus(b)]||1));}
function Badge({label, color=N.gold}){
return {label};
}
// Shared "voice to talk" mic button — used in Sage (both client & concierge)
// and the human Messages composers. Uses the browser's built-in Web Speech
// API (no server/API key needed): tap to start listening, speak, and the
// transcript is handed back via onResult. Renders nothing at all in
// browsers that don't support it (Firefox desktop, most non-Chrome mobile
// browsers as of writing) rather than showing a button that would just
// error when tapped.
function MicButton({onResult, disabled}){
const [listening, setListening] = useState(false);
const recRef = useRef(null);
const SR = (typeof window!=="undefined") && (window.SpeechRecognition || window.webkitSpeechRecognition);
useEffect(()=>()=>{ try{recRef.current?.stop();}catch{} },[]);
if(!SR) return null;
function toggle(){
if(disabled) return;
if(listening){
try{recRef.current?.stop();}catch{}
return;
}
const rec = new SR();
rec.lang = "en-US";
rec.interimResults = false;
rec.maxAlternatives = 1;
rec.onresult = (e)=>{
const transcript = Array.from(e.results).map(r=>r[0].transcript).join(" ").trim();
if(transcript) onResult(transcript);
};
rec.onerror = ()=>setListening(false);
rec.onend = ()=>setListening(false);
// Stop as soon as the browser detects the person has stopped talking,
// rather than waiting for the engine's own (often multi-second) silence
// timeout before onend fires — this is what makes the mic "light"
// linger on after a sentence is finished.
rec.onspeechend = ()=>{ try{ rec.stop(); }catch{} };
recRef.current = rec;
try{ rec.start(); setListening(true); }catch{ setListening(false); }
}
return (
);
}
function GoldBar(){return ;}
function Avatar({initials, size=40, photo=null, onClick=null}){
if(photo) return ;
return
;
}
// ─── NavBar ───
function NavBar({role,fixedRole,conciergeLabel,onSettingsClick,onAlertsClick,alertCount=0}){
// fixedRole locks the app to a single mode with no in-app switcher —
// ClientApp passes fixedRole="Client", ConciergeApp passes fixedRole="Concierge".
return(
);
}
// ─── Alerts overlay (shared by Client + Concierge) ───
// Client sees only their own open alerts and can dismiss (hides it for them
// only — the concierge still sees it as open until they resolve it).
// Concierge sees every open alert across all clients and can resolve.
function AlertsScreen({role,alerts,onClose,onDismiss,onResolve}){
const severityColor = {critical:"#e57373",warning:N.gold,info:N.sky};
const typeLabel = {document_expiry:"Travel Document",weather:"Weather",flight_delay:"Flight"};
return(
);
}
// ─── Settings overlay (shared by Client + Concierge) ───
function SettingsScreen({role,currentClient,onClose,onOpenProfile,onOpenKeys,onOpenIntake,onCardSaved}){
const [loggingOut,setLoggingOut]=useState(false);
const [resetStatus,setResetStatus]=useState("idle"); // idle | sending | sent | error
const [resetError,setResetError]=useState("");
const [showLegal,setShowLegal]=useState(false);
const [showPayment,setShowPayment]=useState(false);
const email = role==="Client" ? (currentClient&¤tClient.email) : (PT.auth.currentUser&&PT.auth.currentUser.email);
const name = role==="Client" ? ((currentClient&¤tClient.full_name)||(currentClient&¤tClient.fullName)||"") : "Concierge";
function logOut(){
setLoggingOut(true);
PT.signOut().then(()=>{ window.location.reload(); }).catch(()=>{ setLoggingOut(false); });
}
async function changePassword(){
if(!email) return;
setResetStatus("sending"); setResetError("");
try{
await PT.sendPasswordReset(email);
setResetStatus("sent");
}catch(e){
setResetError(e.message||"Something went wrong.");
setResetStatus("error");
}
}
const rowStyle={display:"flex",alignItems:"center",justifyContent:"space-between",padding:"14px 16px",borderRadius:10,background:N.navyMid,border:`1px solid ${N.goldLine}`,marginBottom:10,cursor:"pointer"};
return(
{showLegal && setShowLegal(false)}/>}
{showPayment && currentClient && (
setShowPayment(false)}
onSaved={onCardSaved}
/>
)}
);
}
// ─── Bottom Tab Bar ───
function TabBar({tabs,active,setActive}){
const col = t => t.id===active ? N.gold : "rgba(237,232,223,0.35)";
return(
);
}
// ─── Payment Method (Stripe card on file) ───
// The card number is typed directly into a Stripe-hosted Elements field —
// it goes straight from the browser to Stripe and never passes through our
// server or database. We only ever store the resulting Stripe IDs and
// display-safe details (brand/last4/exp). See api/stripe-*.js.
function ClientPaymentMethod({clientId, cardOnFile, onClose, onSaved}){
const [stage,setStage]=useState("idle"); // idle | loading | ready | saving | done | error
const [error,setError]=useState("");
const cardElRef = React.useRef(null);
const stripeRef = React.useRef(null);
const elementsRef = React.useRef(null);
const cardRef = React.useRef(null);
useEffect(()=>{
let cancelled=false;
setStage("loading");
PT.createCardSetupIntent(clientId).then(({clientSecret, publishableKey})=>{
if(cancelled) return;
if(!window.Stripe){ setError("Payments aren't available right now — try again in a moment."); setStage("error"); return; }
const stripe = window.Stripe(publishableKey);
const elements = stripe.elements();
const card = elements.create("card", {
style: { base: { color: N.parch, fontSize: "15px", fontFamily: "'Montserrat','Helvetica Neue',sans-serif", "::placeholder": { color: N.parchD } }, invalid: { color: "#e57373" } },
});
card.mount(cardElRef.current);
stripeRef.current = stripe; elementsRef.current = { clientSecret }; cardRef.current = card;
setStage("ready");
}).catch(e=>{ if(!cancelled){ setError(e.message||"Could not start card setup."); setStage("error"); } });
return ()=>{ cancelled=true; if(cardRef.current) cardRef.current.unmount(); };
},[clientId]);
async function submit(e){
e.preventDefault();
if(!stripeRef.current || stage!=="ready") return;
setStage("saving"); setError("");
try{
const { setupIntent, error: stripeErr } = await stripeRef.current.confirmCardSetup(
elementsRef.current.clientSecret,
{ payment_method: { card: cardRef.current } }
);
if(stripeErr) throw new Error(stripeErr.message);
const saved = await PT.saveCardOnFile(clientId, setupIntent.payment_method);
setStage("done");
if(onSaved) onSaved(saved.cardOnFile);
}catch(e){
setError(e.message||"Could not save this card.");
setStage("ready");
}
}
return(
deep link) ───
// Client opens a link the concierge sent, sees the amount + description,
// and pays with their card on file (one click) or a new card via Stripe
// Elements. On success we generate a simple PDF receipt right here in the
// browser and file it in the client's own Documents — the same Storage/
// Firestore documents the Documents tab already reads from, so there's no
// separate invoicing system to keep in sync.
function InvoiceScreen({invoiceId, currentClient, onDone}){
const [invoice,setInvoice]=useState(null);
const [loading,setLoading]=useState(true);
const [notFound,setNotFound]=useState(false);
const [useNewCard,setUseNewCard]=useState(false);
const [payStage,setPayStage]=useState("idle"); // idle | preparing | ready | paying | done | error
const [error,setError]=useState("");
const [filingDoc,setFilingDoc]=useState(false);
const cardElRef=useRef(null);
const stripeRef=useRef(null);
const cardRef=useRef(null);
const clientSecretRef=useRef(null);
useEffect(()=>{
let cancelled=false;
PT.fetchInvoice(invoiceId).then(inv=>{
if(cancelled) return;
if(!inv){ setNotFound(true); setLoading(false); return; }
setInvoice(inv);
setLoading(false);
}).catch(()=>{ if(!cancelled){ setNotFound(true); setLoading(false); } });
return ()=>{cancelled=true;};
},[invoiceId]);
const hasCardOnFile = !!currentClient?.cardOnFile?.paymentMethodId;
const showCardForm = invoice?.status==="pending" && (useNewCard || !hasCardOnFile);
useEffect(()=>{
if(!showCardForm) return;
let cancelled=false;
setPayStage("preparing");
PT.createInvoicePaymentIntent(invoiceId).then(({clientSecret,publishableKey})=>{
if(cancelled) return;
if(!window.Stripe){ setError("Payments aren't available right now."); setPayStage("error"); return; }
const stripe=window.Stripe(publishableKey);
const elements=stripe.elements();
const card=elements.create("card",{style:{base:{color:N.parch,fontSize:"15px",fontFamily:"'Montserrat','Helvetica Neue',sans-serif","::placeholder":{color:N.parchD}},invalid:{color:"#e57373"}}});
card.mount(cardElRef.current);
stripeRef.current=stripe; clientSecretRef.current=clientSecret; cardRef.current=card;
setPayStage("ready");
}).catch(e=>{ if(!cancelled){ setError(e.message||"Could not start payment."); setPayStage("error"); } });
return ()=>{ cancelled=true; if(cardRef.current) cardRef.current.unmount(); };
},[showCardForm, invoiceId]);
async function fileReceipt(paidInvoice){
// Best-effort: generate a simple PDF receipt and drop it in the
// client's own Documents folder. Non-fatal if it fails — the payment
// itself already succeeded either way.
try{
setFilingDoc(true);
const {jsPDF}=window.jspdf;
const pdf=new jsPDF({unit:"pt",format:"letter"});
const margin=60; const lineH=20; let y=margin;
pdf.setFont("helvetica","bold"); pdf.setFontSize(18); pdf.setTextColor(10,22,40);
pdf.text("PROVISIONS TRAVEL",margin,y); y+=lineH*1.5;
pdf.setFontSize(13); pdf.text("Payment Receipt",margin,y); y+=lineH*1.5;
pdf.setFont("helvetica","normal"); pdf.setFontSize(10); pdf.setTextColor(80,80,80);
const amt=(paidInvoice.amountCents/100).toLocaleString("en-US",{style:"currency",currency:"USD"});
[`Amount: ${amt}`, `For: ${paidInvoice.description||"Provisions Travel services"}`, `Date: ${new Date().toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"})}`, `Invoice ID: ${invoiceId}`].forEach(line=>{ pdf.text(line,margin,y); y+=lineH; });
y+=lineH; pdf.setDrawColor(180,150,80); pdf.line(margin,y,612-margin,y); y+=lineH*1.5;
pdf.setFontSize(10); pdf.setTextColor(60,60,60);
pdf.text("Thank you for your business — Provisions Travel",margin,y);
const blob=pdf.output("blob");
blob.name=`Invoice Receipt - ${amt}.pdf`;
if(currentClient?.id && PT.auth.currentUser){
await PT.uploadDocument(PT.auth.currentUser.uid, currentClient.id, blob, "invoice", "client", paidInvoice.tripId||null);
}
}catch(e){ console.warn("Could not file invoice receipt",e); }
setFilingDoc(false);
}
async function payWithSavedCard(){
setPayStage("paying"); setError("");
try{
const {clientSecret, publishableKey} = await PT.createInvoicePaymentIntent(invoiceId);
const stripe = window.Stripe(publishableKey);
const {paymentIntent, error:stripeErr} = await stripe.confirmCardPayment(clientSecret,{payment_method:currentClient.cardOnFile.paymentMethodId});
if(stripeErr) throw new Error(stripeErr.message);
await PT.markInvoicePaid(invoiceId, paymentIntent.id);
const paid={...invoice,status:"paid"};
setInvoice(paid);
setPayStage("done");
fileReceipt(paid);
}catch(e){
setError(e.message||"Payment failed.");
setPayStage("idle");
}
}
async function payWithNewCard(e){
e.preventDefault();
if(!stripeRef.current) return;
setPayStage("paying"); setError("");
try{
const {paymentIntent, error:stripeErr} = await stripeRef.current.confirmCardPayment(clientSecretRef.current,{payment_method:{card:cardRef.current}});
if(stripeErr) throw new Error(stripeErr.message);
await PT.markInvoicePaid(invoiceId, paymentIntent.id);
const paid={...invoice,status:"paid"};
setInvoice(paid);
setPayStage("done");
fileReceipt(paid);
}catch(e){
setError(e.message||"Payment failed.");
setPayStage("ready");
}
}
if(loading) return
{initials}
;
}
function Screen({children, pad=true}){
return {children}
;
}
function SectionEye({label}){
return {label}
;
}
function SectionTitle({children, small}){
return {children}
;
}
function EmptyState({icon,title,body}){
return {icon}
{title}
{body}
Alerts
{(!alerts||alerts.length===0) ? (
):(
alerts.map(a=>(
))
)}
Nothing needs attention right now.
{typeLabel[a.type]||"Alert"}
{a.title}
{a.message}
{role==="Client" && onDismiss && (
)}
{role==="Concierge" && onResolve && (
)}
Settings
Account
{name &&
{name}
}
{email||"—"}
Preferences
{role==="Client" && (
Travel Preferences
)}
{role==="Client" && currentClient && (
setShowPayment(true)}>
{currentClient.cardOnFile?.last4 ? `Payment Method — ${(currentClient.cardOnFile.brand||"card").toUpperCase()} ••••${currentClient.cardOnFile.last4}` : "Add Payment Method"}
)}
{role==="Concierge" && (
Manage Access Keys
)}
{role==="Concierge" && onOpenIntake && (
Client Intake Links
)}
{resetStatus==="sending" ? "Sending reset link..." : resetStatus==="sent" ? "Reset link sent — check your email" : "Change Password"}
{resetStatus!=="sent" && }
{resetStatus==="sent" && }
{resetStatus==="error" && {resetError}
}
setShowLegal(true)}>
Terms & Privacy Policy
{tabs.map(t=>(
))}
);
}
// Shared legal text, defined once here and reused both by the required
// first-login AgreementScreen below and by the read-only "Terms & Privacy
// Policy" viewer reachable from Settings (see TermsPrivacyPanel), so the
// two never drift out of sync.
const TERMS_TEXT = "Effective Date: July 4, 2027\n\nThese Terms and Conditions (\"Agreement\") govern the relationship between Provisions Travel LLC, an independent travel concierge (\"Travel Advisor\" or \"we\") and you, the purchaser of travel services or lead traveler (\"Client\" or \"you\"). By booking a consultation, signing a service agreement, or otherwise engaging our services, you acknowledge that you have read, understood, and agree to be bound by this Agreement on behalf of yourself and all members of your traveling party.\n\n1. ELIGIBILITY & REPRESENTATIONS\nYou represent and warrant that: (a) you are at least 18 years of age and authorized to enter into this Agreement; (b) all information you provide is true, accurate, and current; and (c) you will abide by the terms of this Agreement and any applicable terms of our travel suppliers.\n\n2. SERVICES & ROLE AS AGENT\nProvisions Travel LLC provides premium travel concierge and planning services. We act as an independent agent on your behalf in arranging travel with airlines, hotels, cruise lines, tour operators, car rental companies, and other travel suppliers (\"Suppliers\"). We are not a Supplier. Each Supplier is an independent entity not subject to our control, and we bear no responsibility for any changes, delays, alterations, or cancellations made by a Supplier or due to force majeure.\n\n3. PLANNING FEES & PAYMENT\nOur service fees are separate from and in addition to all travel costs. Any planning fees are 100% non-refundable once planning has commenced. A non-refundable expedited planning fee of $150 applies to any request requiring turnaround within 72 hours. All quoted prices are in USD and are subject to change until a booking is confirmed.\n\n4. CREDIT CARD AUTHORIZATION; CHARGEBACKS\nYou certify that you are an authorized user of any credit card provided to Provisions Travel. YOU AGREE NOT TO FILE ANY DISPUTE WITH YOUR BANK OR CREDIT CARD COMPANY TO AVOID OR VIOLATE ANY BOOKING TERMS AND CONDITIONS OF PROVISIONS TRAVEL OR OUR TRAVEL SUPPLIERS, INCLUDING CANCELLATIONS OR CHANGES FOR REASONS BEYOND OUR CONTROL.\n\n5. CANCELLATIONS & MODIFICATIONS\nAll cancellation or modification requests must be submitted in writing to info@provisionstravel.com with a minimum of 48 hours' notice. Provisions Travel has no authority to waive Supplier cancellation penalties, which may include forfeiture of up to 100% of travel costs.\n\n6. TRAVEL INSURANCE\nTravel insurance is not included unless expressly stated and purchased. THE PURCHASE OF TRAVEL INSURANCE IS HIGHLY RECOMMENDED ON ALL TRIPS. Without appropriate coverage, cancellation penalties may result in the loss of the full cost of your booking.\n\n7. PASSPORTS, VISAS & TRAVEL DOCUMENTS\nIt is each traveler's sole responsibility to ensure they hold a valid passport (valid at least six months beyond return date), all required visas, travel authorizations, and health documentation. ALL NAMES ON TRAVEL DOCUMENTS MUST MATCH THE LEGAL NAME ON GOVERNMENT-ISSUED PHOTO I.D. BEING DENIED ENTRY FOR ANY REASON MAY RESULT IN COMPLETE FINANCIAL LOSS AND DOES NOT ENTITLE YOU TO ANY REFUND.\n\n8. TRAVEL ADVISORIES\nChanges in government-issued travel advisories do not supersede Supplier cancellation and refund policies. CLIENT'S PARTICIPATION IN ANY TRAVEL CONSTITUTES ACCEPTANCE OF SUCH RISK.\n\n9. LIMITATION OF LIABILITY\nPROVISIONS TRAVEL ACTS SOLELY AS AN AGENT FOR DISCLOSED TRAVEL SUPPLIERS AND HAS NO CONTROL OVER THEIR OPERATIONS. ANY RECOVERY FROM PROVISIONS TRAVEL SHALL BE LIMITED TO THE AMOUNT OF SERVICE FEES ACTUALLY RECEIVED BY PROVISIONS TRAVEL FOR THE TRIP AT ISSUE. IN NO EVENT SHALL PROVISIONS TRAVEL BE LIABLE FOR INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, PUNITIVE, OR EXEMPLARY DAMAGES.\n\n10. FORCE MAJEURE\nProvisions Travel is not liable for any failure or delay due to causes beyond its reasonable control, including natural disasters, civil unrest, war, terrorism, pandemics, equipment failures, or government actions.\n\n11. MILITARY & VETERAN DISCOUNT\nA 5% discount on service fees is available to active-duty U.S. military personnel and veterans. Valid military ID or DD-214 required prior to booking confirmation.\n\n12. REFERRAL PROGRAM\nClients who refer five (5) individuals who complete a paid booking are eligible for a 10% credit toward a future service fee. Credits expire 12 months from issuance.\n\n13. CLAIMS; CLASS ACTION WAIVER\nAny claim must be brought within 12 months after completion of the trip. YOU WAIVE ANY RIGHT TO CLAIM PUNITIVE OR EXEMPLARY DAMAGES. YOU AGREE TO BRING CLAIMS ONLY IN YOUR INDIVIDUAL CAPACITY.\n\n14. GOVERNING LAW & VENUE\nThis Agreement is governed by the laws of the State of South Carolina. Exclusive jurisdiction and venue: courts in North Augusta, South Carolina.\n\n15. CONTACT\nProvisions Travel LLC · PO Box 6244, N. Augusta, SC 29861-6244 · info@provisionstravel.com";
const PRIVACY_TEXT = "Effective Date: July 4, 2027\n\nProvisions Travel LLC (\"we,\" \"us,\" or \"our\") is committed to protecting the privacy and security of your personal information. This Privacy Policy describes how we collect, use, disclose, and safeguard information when you visit our website or engage our travel concierge services.\n\n1. INFORMATION WE COLLECT\nWe collect information you voluntarily provide, including: full name; email address; mailing address; phone number; date of birth; passport and travel document details; travel preferences, dietary restrictions, and accessibility needs; emergency contact information; and payment method information. We may also collect information automatically when you visit our website, such as IP address, browser type, and pages visited.\n\n2. PAYMENT CARD INFORMATION\nProvisions Travel LLC does not store, retain, or have access to your full credit or debit card numbers. All payment transactions are processed by PCI-DSS compliant third-party payment processors. We retain only confirmation numbers and transaction amounts for record-keeping purposes.\n\n3. HOW WE USE YOUR INFORMATION\nWe use your personal information to: plan, coordinate, and book your travel arrangements; communicate regarding your itinerary and service updates; process service fee payments; verify military/veteran status; administer our referral program; and comply with applicable legal obligations. We do not sell, rent, or trade your personal information to any third parties for their own marketing purposes.\n\n4. DISCLOSURE TO THIRD PARTIES\nTo fulfill your travel arrangements, we may share necessary personal information with airlines, hotels, cruise lines, tour operators, ground transportation providers, and other travel suppliers. These third parties are governed by their own privacy policies. We may also disclose information when required by law or to protect the rights and safety of Provisions Travel LLC and our clients.\n\n5. DATA RETENTION\nWe retain your personal information for as long as necessary to fulfill the purposes described in this policy and to comply with applicable legal, tax, and regulatory obligations.\n\n6. DATA SECURITY\nWe implement commercially reasonable administrative, technical, and physical safeguards to protect your personal information. No method of transmission over the internet is 100% secure. We encourage the use of strong passwords and secure connections.\n\n7. CHILDREN'S PRIVACY\nOur services are not directed to individuals under the age of 18. We do not knowingly collect personal information from minors.\n\n8. YOUR RIGHTS\nDepending on your state of residence, you may have the right to: access the personal information we hold; request correction of inaccurate information; request deletion; opt out of certain data uses; and receive a portable copy of your data. Contact us at info@provisionstravel.com. We respond within 30 days.\n\n9. CHANGES TO THIS POLICY\nWe reserve the right to update this Privacy Policy at any time. Your continued use of our services constitutes acceptance of the revised policy.\n\n10. CONTACT\nProvisions Travel LLC · PO Box 6244, N. Augusta, SC 29861-6244 · info@provisionstravel.com";
function renderLegalText(text){
return text.split("\n").map((line,i)=>line?React.createElement("span",{key:i},line,React.createElement("br",null)):React.createElement("br",{key:i}));
}
// ─── Terms & Privacy Policy viewer (read-only, reached from Settings) ───
function TermsPrivacyPanel({onClose}){
return(
Terms & Privacy
Terms of Service
{renderLegalText(TERMS_TEXT)}
Privacy Policy
{renderLegalText(PRIVACY_TEXT)}
Payment Method
{cardOnFile?.last4 && (
)}
);
}
// ─── Invoice payment screen (reached via ?invoice=Card On File
{(cardOnFile.brand||"Card").toUpperCase()} •••• {cardOnFile.last4}{cardOnFile.expMonth?` · exp ${cardOnFile.expMonth}/${cardOnFile.expYear}`:""}
{cardOnFile?.last4 ? "Add a new card below to replace the one on file." : "Save a card so your concierge can handle hotel and vendor bookings on your behalf. Your card number goes straight to our payment processor (Stripe) and is never stored on our servers."}
;
if(notFound) return (
);
const amt=(invoice.amountCents/100).toLocaleString("en-US",{style:"currency",currency:"USD"});
return(
{invoice.status==="paid" ? (
<>
) : (
<>
{hasCardOnFile && !useNewCard && (
<>
)}
{showCardForm && (
);
}
// ─── First Login Agreement ───
function AgreementScreen({onAccept}){
const [checkedTerms,setCheckedTerms]=useState(false);
const [checkedPrivacy,setCheckedPrivacy]=useState(false);
const [signature,setSignature]=useState("");
const canSubmit = checkedTerms && checkedPrivacy && signature.trim().length > 2;
return(
{/* Privacy Policy */}
{/* Signature */}
{/* CTA */}
);
}
// ─── CLIENT: Profile Edit ───
function ClientProfileEdit({profile, onSave, onBack}){
const trip = sortTrips(TRIPS).find(t=>tripStatus(t)!=="Completed")||TRIPS[0];
const defaults = trip?.profile||{};
const [form, setForm] = useState(()=>({
name: profile.name||defaults.name||"",
email: profile.email||defaults.email||"",
phone: profile.phone||defaults.phone||"",
cabin: profile.cabin||defaults.cabin||"First Class",
seat: profile.seat||defaults.seat||"Window",
hotel: profile.hotel||defaults.hotel||"",
dietary: profile.dietary||defaults.dietary||"",
downtime: profile.downtime||defaults.downtime||"",
tsa: profile.tsa||defaults.tsa||"",
travelingWith: profile.travelingWith||defaults.travelingWith||"",
childrenAges: profile.childrenAges||defaults.childrenAges||"",
loyalties: profile.loyalties||[],
travelers: profile.travelers||defaults.travelers||[],
notes: profile.notes||"",
passportExpiry: profile.passportExpiry||defaults.passportExpiry||"",
}));
const addLoyalty=()=>setForm(f=>({...f,loyalties:[...f.loyalties,{program:"",number:""}]}));
const removeLoyalty=(i)=>setForm(f=>({...f,loyalties:f.loyalties.filter((_,j)=>j!==i)}));
const updateLoyalty=(i,key,val)=>setForm(f=>({...f,loyalties:f.loyalties.map((l,j)=>j===i?{...l,[key]:val}:l)}));
const addTraveler=()=>setForm(f=>({...f,travelers:[...f.travelers,{name:"",birthdate:""}]}));
const removeTraveler=(i)=>setForm(f=>({...f,travelers:f.travelers.filter((_,j)=>j!==i)}));
const updateTraveler=(i,key,val)=>setForm(f=>({...f,travelers:f.travelers.map((t,j)=>j===i?{...t,[key]:val}:t)}));
const sel=(key,label,opts)=>(
);
const txt=(key,label,placeholder="")=>(
);
const dateInput=(key,label)=>(
);
return(
Invoice not found
This link may be out of date. Reach out to Shayla for a new one.
Provisions Travel
✓
Payment Received
{amt} for {invoice.description||"your Provisions Travel invoice"}.{filingDoc?" Filing your receipt…":" A receipt has been added to your Documents."}
Invoice
{amt}
{invoice.description||"Provisions Travel services"}
Provisions Travel
Welcome
Before accessing your account, please review and acknowledge our Terms of Service and Privacy Policy.
{/* Terms of Service */}
Terms of Service
Provisions Travel LLC — Terms & Conditions
{renderLegalText(TERMS_TEXT)}
Privacy Policy
Provisions Travel LLC — Privacy Policy
{renderLegalText(PRIVACY_TEXT)}
Electronic Signature
Type your full legal name below as your electronic acknowledgment of the above agreements.
setSignature(e.target.value)}
placeholder="Your full legal name"
style={{width:"100%",background:N.navyMid,border:`1px solid ${checkedTerms&&checkedPrivacy?N.gold:N.goldLine}`,borderRadius:8,padding:"12px 16px",color:N.parch,fontSize:14,outline:"none",fontFamily:"Georgia,serif",fontStyle:"italic"}}
/>
{signature.trim().length>0&&Signed: {signature} · {new Date().toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"})}
}
This agreement is legally binding · Provisions Travel LLC
{label}
{label}
setForm(f=>({...f,[key]:e.target.value}))} placeholder={placeholder}
style={{width:"100%",background:N.navyMid,border:`1px solid ${N.goldLine}`,borderRadius:8,padding:"10px 14px",color:N.parch,fontSize:12,outline:"none",fontFamily:"inherit"}}/>
{label}
setForm(f=>({...f,[key]:e.target.value}))}
style={{width:"100%",background:N.navyMid,border:`1px solid ${N.goldLine}`,borderRadius:8,padding:"10px 14px",color:N.parch,fontSize:12,outline:"none",fontFamily:"inherit",colorScheme:"dark"}}/>
My Profile
Your preferences are pre-filled from your intake. Update anything below — Shayla will be notified.
Contact
{txt("name","Full Name","Marcus W.")}
{txt("email","Email","marcus@company.com")}
{txt("phone","Phone","+1 (404) 555-0192")}
Travel Documents
{dateInput("passportExpiry","Passport Expiration Date")}
We'll give Shayla a heads-up automatically if this is set to expire close to an upcoming trip.
Flight Preferences
{sel("cabin","Cabin Class",["Economy","Premium Economy","Business Class","First Class"])}
{sel("seat","Seat Preference",["Window","Aisle","No preference","Exit row if available","Window · Exit row if available","Aisle · Exit row if available"])}
Loyalty Programs
{form.loyalties.map((l,i)=>(
updateLoyalty(i,"number",e.target.value)} placeholder="Member #"
style={{flex:1,background:N.navyMid,border:`1px solid ${N.goldLine}`,borderRadius:8,padding:"10px 10px",color:N.parch,fontSize:11,outline:"none",fontFamily:"inherit"}}/>
))}
{sel("tsa","TSA / Global Entry",["TSA PreCheck","Global Entry","Both","Neither / Not enrolled"])}
Hotel Preferences
{sel("hotel","Brand Preference",["No preference","Four Seasons","Ritz-Carlton","St. Regis","Aman","Rosewood","Mandarin Oriental","Waldorf Astoria","Four Seasons · Ritz-Carlton","Boutique / Independent"])}
Lifestyle
{sel("dietary","Dietary Restrictions",["None","No shellfish","Vegetarian","Vegan","Gluten-free","Kosher","Halal","Nut allergy","No shellfish · Nut allergy","Other (see notes)"])}
{sel("downtime","Downtime Style",["Spa & relaxation","Early hotel return","Fitness / gym","Explore locally","Shopping","Cultural / museums","Nightlife","Spa · Early hotel return","Active / outdoor"])}
Travel Party
{txt("travelingWith","Traveling With (names)","e.g. Sarah W., James W.")}
{txt("childrenAges","Children Ages","e.g. 4, 7, 12")}
Travelers & Birthdates
Add everyone traveling — age is calculated automatically from their birthdate, so it's always current.
{form.travelers.map((t,i)=>{
const age = calcAge(t.birthdate);
return(
updateTraveler(i,"name",e.target.value)} placeholder="Full name"
style={{flex:"1 1 40%",background:N.navyMid,border:`1px solid ${N.goldLine}`,borderRadius:8,padding:"10px 10px",color:N.parch,fontSize:11,outline:"none",fontFamily:"inherit"}}/>
updateTraveler(i,"birthdate",e.target.value)}
style={{flex:"1 1 34%",background:N.navyMid,border:`1px solid ${N.goldLine}`,borderRadius:8,padding:"10px 10px",color:N.parch,fontSize:11,outline:"none",fontFamily:"inherit",colorScheme:"dark"}}/>
);
})}
{age!=null?age:"—"}
Notes
Additional Notes for Shayla