const WA_NUM='96599300074';
function AssistantSection({t,lang}){
const {Button}=window.IonMediaDesignSystem_c5c366;
const [msgs,setMsgs]=React.useState([]);
const [input,setInput]=React.useState('');
const [busy,setBusy]=React.useState(false);
const [summary,setSummary]=React.useState(null);
const logRef=React.useRef(null);
React.useEffect(()=>{if(logRef.current)logRef.current.scrollTop=logRef.current.scrollHeight},[msgs,busy,summary]);
const sys=`You are the studio assistant for Ion Media Studio (آيون ميديا), a boutique photography studio in Kuwait run by Sulaiman Boodai. Visitors describe what they need; you qualify them for a quote.
Tone: calm, warm, precise. No hype, no exclamation marks, no emoji. Reply in the visitor's language and register: English gets English; Arabic gets Arabic — and if they write in Kuwaiti/Gulf dialect (e.g. ابي، ابغى، شكم، جم، وايد، الحين), answer in natural, polite Kuwaiti dialect, not formal فصحى. Keep numbers and prices in Western digits (KWD). Technical terms like ريلز/سوشيال ميديا are fine.
You close the ENTIRE booking in chat — never say someone will contact them later to coordinate. Never assume the visitor's gender; use gender-neutral phrasing until they state it. Collect, conversationally, ONE OR TWO questions per turn (max), only what is still missing:
1. Shoot type (portrait session / corporate event / conference / product launch / wedding or private celebration / sports / social-media content) 2. Date AND start time 3. Exact location/venue in Kuwait 4. Duration in hours 5. Deliverables (photo count, digital or prints, video/reels?) 6. If social media marketing interests them: platforms + monthly management? 7. Payment method — KNET link, cash, or bank transfer; a 50% deposit confirms the booking (rest on delivery) 8. Name and WhatsApp number or email.
Pricing anchors (KWD, starting): portraits Essential 45 / Signature 85 / Editorial 150; events Half-Day(3h) 120 / Full-Day(6h) 220 / Premium(2 shooters,reel) 380; social retainers scoped separately. Never promise a final price.
When you have items 1,2,3,4,5,7 and 8, STOP asking and output your final message: ONE short sentence confirming the booking request is complete and the order summary is on its way to the studio, then on a new line exactly:
{"type":"…","date":"…","time":"…","location":"…","hours":"…","deliverables":"…","social":"…","payment":"…","name":"…","contact":"…","estimate_kd":"120–180","package":"closest package name"}
Fields you never learned: "-". estimate_kd is an indicative range built from the anchors. Keep every reply under 80 words before the summary tag.`;
async function send(){
const text=input.trim();
if(!text||busy)return;
const next=[...msgs,{role:'user',content:text}];
setMsgs(next);setInput('');setBusy(true);
try{
const raw=await window.claude.complete({system:sys,max_tokens:600,messages:next.map(m=>({role:m.role,content:m.content}))});
const m=raw.match(/([\s\S]*?)<\/summary>/);
const visible=raw.replace(/[\s\S]*?<\/summary>/,'').trim();
setMsgs(v=>[...v,{role:'assistant',content:visible}]);
if(m){try{const sj=JSON.parse(m[1]);setSummary(sj);fetch('/api/order',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({order:sj,lang})}).catch(()=>{})}catch(e){}}
}catch(e){
setMsgs(v=>[...v,{role:'assistant',content:lang==='ar'?'تعذر الاتصال الآن — راسلنا مباشرة على واتساب 99300074.':'We could not connect just now — message us directly on WhatsApp 99300074.'}]);
}
setBusy(false);
}
function waLink(){
const s=summary||{};
const lines=lang==='ar'
?['مرحبًا آيون ميديا، هذا ملخص طلبي:','النوع: '+(s.type||'-'),'التاريخ: '+(s.date||'-'),'الوقت: '+(s.time||'-'),'الموقع: '+(s.location||'-'),'المدة: '+(s.hours||'-'),'التسليمات: '+(s.deliverables||'-'),'سوشيال ميديا: '+(s.social||'-'),'الدفع: '+(s.payment||'-'),'الاسم: '+(s.name||'-')]
:['Hello Ion Media, here is my brief:','Type: '+(s.type||'-'),'Date: '+(s.date||'-'),'Time: '+(s.time||'-'),'Location: '+(s.location||'-'),'Duration: '+(s.hours||'-'),'Deliverables: '+(s.deliverables||'-'),'Social media: '+(s.social||'-'),'Payment: '+(s.payment||'-'),'Name: '+(s.name||'-')];
return 'https://wa.me/'+WA_NUM+'?text='+encodeURIComponent(lines.join('\n'));
}
const rows=[['type',lang==='ar'?'النوع':'Type'],['date',lang==='ar'?'التاريخ':'Date'],['time',lang==='ar'?'الوقت':'Time'],['location',lang==='ar'?'الموقع':'Location'],['hours',lang==='ar'?'المدة':'Duration'],['deliverables',lang==='ar'?'التسليمات':'Deliverables'],['social',lang==='ar'?'سوشيال ميديا':'Social'],['payment',lang==='ar'?'الدفع':'Payment'],['name',lang==='ar'?'الاسم':'Name'],['contact',lang==='ar'?'التواصل':'Contact']];
return
{t.ai.body}
{t.ai.disclaimer}
{t.ai.kicker}
{msgs.length>0&&}
{msgs.length===0&&
{lang==='ar'?'ابدأ بوصف ما تحتاجه — جلسة، فعالية، أو محتوى.':'Start by describing what you need — a session, an event, or content.'}