@streamoji/avatar-widget 0.2.3 → 0.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/avatar-widget.cjs +5 -5
- package/dist/avatar-widget.cjs.map +1 -1
- package/dist/avatar-widget.css +1 -1
- package/dist/avatar-widget.js +754 -628
- package/dist/avatar-widget.js.map +1 -1
- package/dist/avatar-widget.umd.css +1 -1
- package/dist/avatar-widget.umd.js +61 -61
- package/dist/avatar-widget.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/avatar-widget.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),We=require("@react-three/drei"),Xe=require("@react-three/fiber"),t=require("react"),kt=require("three"),At=require("three/examples/jsm/loaders/GLTFLoader.js");function Lt(c){const w=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const m in c)if(m!=="default"){const h=Object.getOwnPropertyDescriptor(c,m);Object.defineProperty(w,m,h.get?h:{enumerable:!0,get:()=>c[m]})}}return w.default=c,Object.freeze(w)}const Ce=Lt(kt),W=(...c)=>{},Et=(...c)=>{},ot=({analyser:c})=>{const w=t.useRef(null),m=t.useRef(null);return t.useEffect(()=>{const h=w.current;if(!h)return;const C=h.getContext("2d",{alpha:!0});if(!C)return;let E,A=null;c&&(c.fftSize=128,A=new Uint8Array(c.frequencyBinCount));const le=()=>{E=requestAnimationFrame(le),(h.width!==h.offsetWidth||h.height!==h.offsetHeight)&&(h.width=h.offsetWidth,h.height=h.offsetHeight);const ee=h.width,O=h.height;if(ee===0||O===0)return;const y=O/2;C.clearRect(0,0,ee,O),C.fillStyle="#1e293b";const X=2,L=X+2,ie=ee*.95,b=Math.floor(ie/L);(!m.current||m.current.length!==b)&&(m.current=new Float32Array(b).fill(2));const xe=b*L,K=(ee-xe)/2;c&&A&&c.getByteFrequencyData(A);const de=A?A.length:0,$=Math.floor(de*.7)/b,T=new Float32Array(b);for(let g=0;g<b;g++){let V=0;if(A&&$>0){const _=Math.floor(g*$),Y=Math.floor((g+1)*$);for(let q=_;q<Y;q++){const oe=A[q]||0;oe>V&&(V=oe)}}V<10&&(V=0);const R=V/255,x=V>0?Math.max(2,Math.pow(R,1.4)*O*.25):2;T[g]=x}for(let g=0;g<b;g++){const V=b-1-g,R=Math.max(T[g],T[V]),x=m.current[g]+(R-m.current[g])*.3;m.current[g]=x;const _=K+g*L,Y=y-x/2;C.beginPath(),C.roundRect?C.roundRect(_,Y,X,x,4):C.fillRect(_,Y,X,x),C.fill()}};return le(),()=>{cancelAnimationFrame(E)}},[c]),o.jsx("canvas",{ref:w,style:{width:"100%",height:"100%",display:"block"}})},at="https://ai.streamoji.com",Mt="https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev",ct="https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/fullbodyavatarmale.glb";async function Tt(c){const w=await crypto.subtle.digest("SHA-256",new TextEncoder().encode(c));return Array.from(new Uint8Array(w)).map(m=>m.toString(16).padStart(2,"0")).join("")}function It(c){const[w,m]=t.useState(null);return t.useEffect(()=>{if(!c){m(null);return}let h=!1;return Tt(c).then(C=>{if(h)return;const E=`${Mt}/${C}.glb`;fetch(E,{method:"HEAD"}).then(A=>{h||m(A.ok?E:ct)}).catch(()=>{h||m(ct)})}),()=>{h=!0}},[c]),w}const Ct=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_001.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_002.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_002.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_005.glb"],Ot=[{id:"m_expr_01",name:"Friendly Wave",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_001.glb"},{id:"m_expr_02",name:"You There",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_002.glb"},{id:"m_expr_04",name:"Awkward Agreement",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_004.glb"},{id:"m_expr_05",name:"What's Going On?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_005.glb"},{id:"m_expr_06",name:"Tired Stretch",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_006.glb"},{id:"m_expr_07",name:"Conceilied Laughter",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_007.glb"},{id:"m_expr_08",name:"You Come Here",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_008.glb"},{id:"m_expr_09",name:"Come Here Kid",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_009.glb"},{id:"m_expr_10",name:"Come Here Everyone",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_010.glb"},{id:"m_expr_11",name:"No Freaking Way",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_011.glb"},{id:"m_expr_12",name:"Cheerful Approval",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_012.glb"},{id:"m_expr_13",name:"Waving Hello",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_013.glb"},{id:"m_expr_14",name:"Checking Surroundings",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_014.glb"},{id:"m_expr_15",name:"Referee Warning",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_015.glb"},{id:"m_expr_16",name:"You Thumbs Down",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_016.glb"},{id:"m_expr_17",name:"Side Thumbs Down",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_017.glb"},{id:"m_expr_18",name:"You're Finished",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_018.glb"},{id:"m_talk_01",name:"Oh God, Why Me?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_001.glb"},{id:"m_talk_02",name:"What Are You Doing?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_002.glb"},{id:"m_talk_03",name:"What Am I doing?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_003.glb"},{id:"m_talk_04",name:"No Way",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_004.glb"},{id:"m_talk_05",name:"What's Going On?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb"},{id:"m_talk_06",name:"I have no idea",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_006.glb"},{id:"m_talk_07",name:"What's going on here?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb"},{id:"m_talk_08",name:"Let's stop",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_008.glb"},{id:"m_talk_09",name:"Fed Up Moment",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_009.glb"},{id:"m_talk_10",name:"What's This? Hold On",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_010.glb"},{id:"f_talk_01",name:"Great Job Clap",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_001.glb"},{id:"f_talk_02",name:"Chill Stretch",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_002.glb"},{id:"f_talk_03",name:"This Is Me",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_003.glb"},{id:"f_talk_04",name:"Empathize",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_004.glb"},{id:"f_talk_05",name:"Loose Hands Stretch",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_005.glb"},{id:"f_talk_06",name:"Take It Easy",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_006.glb"}],Dt=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb"],Ft={zoom:.85,position:[.15,-.8,0],scale:1.5,rotation:[.15,.02,0]},Ut=[-.45,1.9,.1],jt={browInnerUp:.2},Ye=.18,Nt=1,Pe={neutral:{eyeLookDownLeft:.1,eyeLookDownRight:.1},happy:{mouthSmileLeft:.2,mouthSmileRight:.2,eyeLookDownLeft:.1,eyeLookDownRight:.1},sad:{eyeLookDownLeft:.2,eyeLookDownRight:.2,browDownRight:.1,browInnerUp:.6,browOuterUpRight:.2,eyeSquintLeft:.7,eyeSquintRight:.7,mouthFrownLeft:.8,mouthFrownRight:.8,mouthLeft:.2,mouthPucker:.5,mouthRollLower:.2,mouthRollUpper:.2,mouthShrugLower:.2,mouthShrugUpper:.2,mouthStretchLeft:.4},angry:{eyeLookDownLeft:.1,eyeLookDownRight:.1,browDownLeft:.6,browDownRight:.6,jawForward:.3,mouthFrownLeft:.7,mouthFrownRight:.7,mouthRollLower:.2,mouthShrugLower:.3},fear:{browInnerUp:.7,eyeSquintLeft:.5,eyeSquintRight:.5,eyeWideLeft:.6,eyeWideRight:.6,mouthClose:.1,mouthFunnel:.3,mouthShrugLower:.5,mouthShrugUpper:.5},disgust:{browDownLeft:.7,browDownRight:.1,browInnerUp:.3,eyeSquintLeft:1,eyeSquintRight:1,eyeWideLeft:.5,eyeWideRight:.5,mouthLeft:.4,mouthPressLeft:.3,mouthRollLower:.3,mouthShrugLower:.3,mouthShrugUpper:.8,mouthUpperUpLeft:.3,noseSneerLeft:1,noseSneerRight:.7},love:{browInnerUp:.4,browOuterUpLeft:.2,browOuterUpRight:.2,mouthSmileLeft:.2,mouthSmileRight:.2,eyeBlinkLeft:.6,eyeBlinkRight:.6,eyeWideLeft:.7,eyeWideRight:.7,mouthDimpleLeft:.1,mouthDimpleRight:.1,mouthPressLeft:.2,mouthShrugUpper:.2,mouthUpperUpLeft:.1,mouthUpperUpRight:.1}},Pt=[{key:"viseme_aa",mix:{jawOpen:.6}},{key:"viseme_E",mix:{mouthPressLeft:.8,mouthPressRight:.8,mouthDimpleLeft:1,mouthDimpleRight:1,jawOpen:.3}},{key:"viseme_I",mix:{mouthPressLeft:.6,mouthPressRight:.6,mouthDimpleLeft:.6,mouthDimpleRight:.6,jawOpen:.2}},{key:"viseme_O",mix:{mouthPucker:1,jawForward:.6,jawOpen:.2}},{key:"viseme_U",mix:{mouthFunnel:1}},{key:"viseme_PP",mix:{mouthRollLower:.3,mouthRollUpper:.3,mouthUpperUpLeft:.3,mouthUpperUpRight:.3}},{key:"viseme_FF",mix:{mouthPucker:1,mouthShrugUpper:1,mouthLowerDownLeft:.2,mouthLowerDownRight:.2,mouthDimpleLeft:1,mouthDimpleRight:1,mouthRollLower:.3}},{key:"viseme_DD",mix:{mouthPressLeft:.8,mouthPressRight:.8,mouthFunnel:.5,jawOpen:.2}},{key:"viseme_SS",mix:{mouthPressLeft:.8,mouthPressRight:.8,mouthLowerDownLeft:.5,mouthLowerDownRight:.5,jawOpen:.1}},{key:"viseme_TH",mix:{mouthRollUpper:.3,jawOpen:.2,tongueOut:.4}},{key:"viseme_CH",mix:{mouthPucker:.5,jawOpen:.2}},{key:"viseme_RR",mix:{mouthPucker:.5,jawOpen:.2}},{key:"viseme_kk",mix:{mouthLowerDownLeft:.4,mouthLowerDownRight:.4,mouthDimpleLeft:.3,mouthDimpleRight:.3,mouthFunnel:.3,mouthPucker:.3,jawOpen:.15}},{key:"viseme_nn",mix:{mouthLowerDownLeft:.4,mouthLowerDownRight:.4,mouthDimpleLeft:.3,mouthDimpleRight:.3,mouthFunnel:.3,mouthPucker:.3,jawOpen:.15,tongueOut:.2}},{key:"viseme_sil",mix:{}}],Wt={aei:[{v:"E",w:.8},{v:"I",w:.2}],ee:[{v:"I",w:1}],oo:[{v:"O",w:1}],u:[{v:"U",w:1}],aa:[{v:"aa",w:1}],ah:[{v:"aa",w:.7},{v:"O",w:.3}],bmp:[{v:"PP",w:1}],fv:[{v:"FF",w:1}],th:[{v:"TH",w:1}],l:[{v:"nn",w:1}],r:[{v:"RR",w:1}],qw:[{v:"U",w:.6},{v:"O",w:.4}],chjsh:[{v:"CH",w:1}],cdgknstxyz:[{v:"DD",w:.6},{v:"SS",w:.4}],sil:[{v:"sil",w:1}]};function Vt(c){if(!c)return[{v:"sil",w:1}];const w=c.toLowerCase();return Wt[w]??[{v:"sil",w:1}]}function Bt({target:c}){const{camera:w}=Xe.useThree();return t.useEffect(()=>{w.lookAt(...c)},[w,c]),null}function J(c,w,m){if(!c||!c.morphTargetDictionary)return;const h=c,C=h.morphTargetDictionary,E=h.morphTargetInfluences;if(E)for(const A in C)A.toLowerCase()===w.toLowerCase()&&(E[C[A]]=m)}function ut(c,w=.97){if(!c)return;const m=c;if(m.morphTargetInfluences)for(let h=0;h<m.morphTargetInfluences.length;h++)m.morphTargetInfluences[h]*=w}const Ht=t.memo(({avatarUrl:c,isPlayingRef:w,visemeQueueRef:m,audioContextRef:h,responseAudioStartTimeRef:C,adjustments:E,mood:A,expression:le,agentResponse:ee,isSpeaking:O,nextStartTimeRef:y,stopPlayback:X,setIsSpeaking:F,expressionUrl:L,onExpressionFinished:ie})=>{const{scene:b}=We.useGLTF(c),xe=We.useGLTF(Ct),K=t.useMemo(()=>xe.flatMap(f=>f.animations),[xe]),de=We.useGLTF(Dt),te=t.useMemo(()=>de.flatMap(f=>f.animations),[de]),$=t.useRef(null),T=t.useRef(null),g=t.useRef(null),V=t.useRef([]),[R]=t.useState(()=>new Ce.AnimationMixer(b)),x=t.useRef({}),_=t.useRef(null),Y=t.useRef(0),q=t.useRef(!1),oe=t.useRef(0),Q=t.useRef(null);t.useEffect(()=>{if(!(!K||!b)){if(K.forEach((f,l)=>{const i=`idle_${l}`;if(!x.current[i]){const r=R.clipAction(f,b);r.name=i,r.setLoop(Ce.LoopOnce,1),r.clampWhenFinished=!0,x.current[i]=r}}),te.forEach((f,l)=>{const i=`talk_${l}`;if(!x.current[i]){const r=R.clipAction(f,b);r.name=i,r.setLoop(Ce.LoopOnce,1),r.clampWhenFinished=!0,x.current[i]=r}}),K.length>0){const f=x.current.idle_0,l=_.current&&R.existingAction(_.current.getClip());f&&!l&&(f.reset().fadeIn(.5).play(),_.current=f)}return()=>{R.stopAllAction(),x.current={},_.current=null}}},[K,te,b,R]);const ve=t.useRef("");t.useEffect(()=>{if(!L||!b||L===ve.current)return;ve.current=L,Q.current=L,new At.GLTFLoader().load(L,l=>{if(l.animations&&l.animations.length>0){const i=l.animations[0],r=R.clipAction(i,b);if(r.name=`EXPR_${L}`,r.setLoop(Ce.LoopOnce,1),r.clampWhenFinished=!0,x.current[`EXPR_${L}`]=r,O&&Q.current===L){const p=_.current;r.reset().fadeIn(.3).play(),p&&p!==r&&p.crossFadeTo(r,.3,!0),_.current=r,Q.current=null}}},void 0,l=>{console.error(`[ANIMATION] Failed to load ${L}`,l)})},[L,b,R,O]),t.useEffect(()=>{const f=l=>{const i=l.action,r=i.name||"";if(r.startsWith("idle_")){const B=(parseInt(r.split("_")[1])+1)%K.length,G=x.current[`idle_${B}`];G&&(G.reset().fadeIn(.5).play(),i.crossFadeTo(G,.5,!0),_.current=G)}else if(r.startsWith("EXPR_")){if(O){const p=x.current.talk_0;p&&(p.reset().fadeIn(.5).play(),i.crossFadeTo(p,.5,!0),_.current=p)}else{const p=x.current.idle_0;p&&(p.reset().fadeIn(.5).play(),i.crossFadeTo(p,.5,!0),_.current=p)}ie&&ie()}else if(r.startsWith("talk_"))if(O){const B=(parseInt(r.split("_")[1])+1)%te.length,G=x.current[`talk_${B}`];G&&(G.reset().fadeIn(.3).play(),i.crossFadeTo(G,.3,!0),_.current=G)}else{const p=x.current.idle_0;p&&(p.reset().fadeIn(.5).play(),i.crossFadeTo(p,.5,!0),_.current=p)}};return R.addEventListener("finished",f),()=>R.removeEventListener("finished",f)},[R,K,te,O,ie]),t.useEffect(()=>{if(O&&b){const f=_.current,l=f?.name||"";if(l.startsWith("idle_")||l.startsWith("talk_")||l===""){const i=Q.current;if(i){const r=x.current[`EXPR_${i}`];if(r){r.reset().fadeIn(.3).play(),f&&f!==r&&f.crossFadeTo(r,.3,!0),_.current=r,Q.current=null;return}}if(l.startsWith("idle_")||l===""){const r=x.current.talk_0;r&&(r.reset().fadeIn(.5).play(),f&&f.crossFadeTo(r,.5,!0),_.current=r)}}}else if(!O&&b){const f=_.current,l=f?.name||"";if(l.startsWith("talk_")||l.startsWith("EXPR_")){const i=x.current.idle_0;i&&(i.reset().fadeIn(.5).play(),f&&f.crossFadeTo(i,.5,!0),_.current=i)}}},[O,b,L]),t.useEffect(()=>{if(!b)return;b.traverse(i=>{if(i.isMesh&&i.morphTargetDictionary){const r=i.name.toLowerCase();(r.includes("head")||r.includes("avatar"))&&(T.current=i,W(`[ANIMATION] Found head mesh: ${i.name}`)),r.includes("teeth")&&(g.current=i,W(`[ANIMATION] Found teeth mesh: ${i.name}`))}});const f=T.current?.morphTargetDictionary;f&&Object.keys(f).filter(i=>i.toLowerCase().includes("brow"));const l=[];b.traverse(i=>{if(i.isMesh){const p=i.morphTargetDictionary;p&&Object.keys(p).some(B=>B.toLowerCase().includes("brow"))&&l.push(i)}}),V.current=l,l.length>0&&W("[ANIMATION] Meshes with brow morphs:",l.length)},[b]);const Oe=(f,l=1)=>{const i=`viseme_${f}`.toLowerCase(),r=Pt.find(p=>p.key.toLowerCase()===i);if(r)for(const p in r.mix){const B=r.mix[p]*l;J(T.current,p,B),J(g.current,p,B)}},Me=f=>{const l=Pe[f]??Pe.neutral;for(const i in l)J(T.current,i,l[i]),J(g.current,i,l[i])};return Xe.useFrame((f,l)=>{const i=Math.pow(.88,60*l);ut(T.current,i),ut(g.current,i),Me(A);const r=f.clock.elapsedTime;let p=0;if(Math.floor(r)%5===0&&Math.floor((r-l)%5)!==0){let H=null;b.traverse(j=>{j.name.toLowerCase().includes("hips")&&(H=j)});const ne=H?`Hips Y: ${H.position.y.toFixed(4)}`:"Hips not found";W(`[ANIMATION] Mixer Time: ${R.time.toFixed(2)}, ${ne}`)}if(R.update(l),r>Y.current&&!q.current&&(q.current=!0,oe.current=r),q.current){const ne=(r-oe.current)/.3;if(ne>=1)q.current=!1,Y.current=r+2+Math.random()*5;else{const j=ne<.5?ne*2:(1-ne)*2;J(T.current,"eyeBlinkLeft",j),J(T.current,"eyeBlinkRight",j),J(g.current,"eyeBlinkLeft",j),J(g.current,"eyeBlinkRight",j),p=j*jt.browInnerUp}}const B=Pe[A]??Pe.neutral,G=B.browInnerUp??0,pe=B.browOuterUpLeft??0,fe=B.browOuterUpRight??0,ye=r*Nt,he=Ye*Math.sin(ye),me=Ye*.7*Math.sin(ye+.7),Te=Ye*.7*Math.sin(ye+1.3),ge=H=>Math.max(0,Math.min(1,H)),Ie=ge(G+he),Re=ge(pe+me),Ve=ge(fe+Te),De=ge(Ie+p);if(J(T.current,"browInnerUp",De),J(g.current,"browInnerUp",De),J(T.current,"browOuterUpLeft",Re),J(g.current,"browOuterUpLeft",Re),J(T.current,"browOuterUpRight",Ve),J(g.current,"browOuterUpRight",Ve),$.current){const H=w.current?0:E.rotation[1];$.current.rotation.y=Ce.MathUtils.lerp($.current.rotation.y,H,.1),$.current.position.set(...E.position),$.current.scale.setScalar(E.scale),$.current.rotation.x=E.rotation[0],$.current.rotation.z=E.rotation[2]}if(w.current&&h.current){const H=h.current.currentTime,be=(H-C.current)*1e3- -150;for(let ke=0;ke<m.current.length;ke++){const _e=m.current[ke];be>=_e.vtime&&be<_e.vtime+_e.vduration&&Oe(_e.viseme,_e.weight??1)}H>y.current+.5&&(X(),F(!1))}}),o.jsx("group",{ref:$,children:o.jsx("primitive",{object:b})})});function $t(c){return c?c.charAt(0).toUpperCase()+c.slice(1).toLowerCase():""}const qt=({token:c,agentToken:w,onNavigationRequested:m}={})=>{const h=c??w??"",C=It(h||void 0),[E,A]=t.useState(""),[le,ee]=t.useState(""),[O,y]=t.useState("Ready"),[X,F]=t.useState(!1),[L,ie]=t.useState(!1),[b,xe]=t.useState(()=>typeof window<"u"?window.matchMedia("(max-width: 480px)").matches:!1);t.useEffect(()=>{const e=window.matchMedia("(max-width: 480px)"),n=()=>xe(e.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]);const K=b?80:600,de=t.useRef(!1),te=t.useRef([]),$=t.useRef(0),T=t.useRef(!1),g=t.useRef([]),V=t.useRef(null),R=t.useRef([]);t.useRef([]);const x=t.useRef([]),_=t.useRef(0),Y=t.useRef(0),q=t.useRef(0),oe=t.useRef(0),Q=t.useRef(!1),[ve,Oe]=t.useState(null),Me=t.useRef(null),[f,l]=t.useState("neutral"),[i,r]=t.useState(""),[p,B]=t.useState(""),[G,pe]=t.useState("Chat with us"),[fe,ye]=t.useState(null),[he,me]=t.useState("hidden"),[Te,ge]=t.useState(""),Ie=t.useRef(null),Re=t.useRef(he);Re.current=he;const[Ve,De]=t.useState(null),H=t.useRef(null),ne=t.useRef(null),[j,be]=t.useState("hidden"),[ke,_e]=t.useState(""),Be=t.useRef(j);Be.current=j;const ae=t.useRef(""),Ae=t.useRef(!1),Le=t.useRef(""),Ee=t.useMemo(()=>O==="Thinking..."||O==="Processing Voice..."?O:fe!=null&&fe!==""&&fe!=="none"&&fe!=="<none>"?`Enter ${$t(fe)}`:null,[O,fe]),Fe=Ee!=null&&Ee!=="";t.useEffect(()=>{const e=Re.current;if(!(e==="exiting"||e==="entering")){if(e==="hidden"){Fe&&(ge(Ee??""),me("entering"));return}e==="visible"&&(!Fe||Ee!==Te)&&(Ie.current=Fe?Ee:null,me("exiting"))}},[Fe,Ee,he,Te]);const lt=t.useCallback(()=>{const e=Re.current;if(e==="exiting"){me("hidden");const n=Ie.current;Ie.current=null,n!=null&&n!==""&&(ge(n),me("entering"))}else e==="entering"&&me("visible")},[]),dt=e=>{if(!e)return;if(e.mood!=null){const s=String(e.mood).toLowerCase();l(s)}if(e.expression!=null){const s=String(e.expression).trim();r(s);const d=Ot.find(S=>S.name.toLowerCase()===s.toLowerCase());W(`[STREAM] Animation match for "${s}": ${d?d.name:"NONE"}`),B(d?.url??"")}if(e.navigation!=null){const s=String(e.navigation).trim();s!==""&&(m?m(s):window.open(s,"_blank"))}const n=e.ask_for||e.lead_capture?.ask_for,a=n?String(n).trim().toLowerCase():"",u=a==="none"||a==="<none>";if(n&&!u){const s=a;ye(s||null),pe(s==="email"?"Enter your email":s==="name"?"Enter your name":s==="phone"?"Enter your phone number":"Chat with us")}else(u||e.ask_for===null||e.lead_capture&&e.lead_capture.ask_for===null||e.ask_for==="none")&&(ye(null),G!=="Chat with us"&&pe("Chat with us"));e.collected,e.valid},ft=e=>{const n=e.trim();if(!n)return null;if(n.startsWith("{"))try{return JSON.parse(n)}catch{return null}if(n.includes(":")){const a=n.split(":"),u=a[0].trim().toLowerCase(),s=a.slice(1).join(":").trim();return{[u]:s}}return null},ht=t.useCallback(()=>{},[]),Ke=e=>{if(Ae.current)e==="§"?Ae.current=!1:(Le.current+=e,ee(n=>n+e));else if(e==="§"){Ae.current=!0;return}else for(ae.current+=e;ae.current.includes(`
|
|
2
|
-
`);){const n=
|
|
3
|
-
`),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),Je=require("@react-three/drei"),at=require("@react-three/fiber"),t=require("react"),Wt=require("three"),Bt=require("three/examples/jsm/loaders/GLTFLoader.js");function Vt(l){const w=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const b in l)if(b!=="default"){const p=Object.getOwnPropertyDescriptor(l,b);Object.defineProperty(w,b,p.get?p:{enumerable:!0,get:()=>l[b]})}}return w.default=l,Object.freeze(w)}const je=Vt(Wt),st="https://ai.streamoji.com",N=(...l)=>{},Ht=(...l)=>{},St=({analyser:l})=>{const w=t.useRef(null),b=t.useRef(null);return t.useEffect(()=>{const p=w.current;if(!p)return;const A=p.getContext("2d",{alpha:!0});if(!A)return;let j,E=null;l&&(l.fftSize=128,E=new Uint8Array(l.frequencyBinCount));const X=()=>{j=requestAnimationFrame(X),(p.width!==p.offsetWidth||p.height!==p.offsetHeight)&&(p.width=p.offsetWidth,p.height=p.offsetHeight);const ne=p.width,F=p.height;if(ne===0||F===0)return;const W=F/2;A.clearRect(0,0,ne,F),A.fillStyle="#1e293b";const _=2,m=_+2,J=ne*.95,B=Math.floor(J/m);(!b.current||b.current.length!==B)&&(b.current=new Float32Array(B).fill(2));const le=B*m,R=(ne-le)/2;l&&E&&l.getByteFrequencyData(E);const Ce=E?E.length:0,$=Math.floor(Ce*.7)/B,de=new Float32Array(B);for(let T=0;T<B;T++){let C=0;if(E&&$>0){const fe=Math.floor(T*$),L=Math.floor((T+1)*$);for(let v=fe;v<L;v++){const S=E[v]||0;S>C&&(C=S)}}C<10&&(C=0);const U=C/255,M=C>0?Math.max(2,Math.pow(U,1.4)*F*.25):2;de[T]=M}for(let T=0;T<B;T++){const C=B-1-T,U=Math.max(de[T],de[C]),M=b.current[T]+(U-b.current[T])*.3;b.current[T]=M;const fe=R+T*m,L=W-M/2;A.beginPath(),A.roundRect?A.roundRect(fe,L,_,M,4):A.fillRect(fe,L,_,M),A.fill()}};return X(),()=>{cancelAnimationFrame(j)}},[l]),a.jsx("canvas",{ref:w,style:{width:"100%",height:"100%",display:"block"}})},$t="https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev",xt="https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/fullbodyavatarmale.glb";async function qt(l){const w=await crypto.subtle.digest("SHA-256",new TextEncoder().encode(l));return Array.from(new Uint8Array(w)).map(b=>b.toString(16).padStart(2,"0")).join("")}function Gt(l){const[w,b]=t.useState(null);return t.useEffect(()=>{if(!l){b(null);return}let p=!1;return qt(l).then(A=>{if(p)return;const j=`${$t}/${A}.glb`;fetch(j,{method:"HEAD"}).then(E=>{p||b(E.ok?j:xt)}).catch(()=>{p||b(xt)})}),()=>{p=!0}},[l]),w}const Jt=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_001.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_002.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_002.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_005.glb"],zt=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/F_Standing_Idle_Variations_001.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/F_Standing_Idle_Variations_003.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/F_Standing_Idle_Variations_003.glb"],Yt=[{id:"m_expr_01",name:"Friendly Wave",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_001.glb"},{id:"m_expr_02",name:"You There",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_002.glb"},{id:"m_expr_04",name:"Awkward Agreement",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_004.glb"},{id:"m_expr_05",name:"What's Going On?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_005.glb"},{id:"m_expr_06",name:"Tired Stretch",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_006.glb"},{id:"m_expr_07",name:"Conceilied Laughter",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_007.glb"},{id:"m_expr_08",name:"You Come Here",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_008.glb"},{id:"m_expr_09",name:"Come Here Kid",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_009.glb"},{id:"m_expr_10",name:"Come Here Everyone",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_010.glb"},{id:"m_expr_11",name:"No Freaking Way",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_011.glb"},{id:"m_expr_12",name:"Cheerful Approval",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_012.glb"},{id:"m_expr_13",name:"Waving Hello",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_013.glb"},{id:"m_expr_14",name:"Checking Surroundings",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_014.glb"},{id:"m_expr_15",name:"Referee Warning",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_015.glb"},{id:"m_expr_16",name:"You Thumbs Down",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_016.glb"},{id:"m_expr_17",name:"Side Thumbs Down",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_017.glb"},{id:"m_expr_18",name:"You're Finished",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Standing_Expressions_018.glb"},{id:"m_talk_01",name:"Oh God, Why Me?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_001.glb"},{id:"m_talk_02",name:"What Are You Doing?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_002.glb"},{id:"m_talk_03",name:"What Am I doing?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_003.glb"},{id:"m_talk_04",name:"No Way",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_004.glb"},{id:"m_talk_05",name:"What's Going On?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb"},{id:"m_talk_06",name:"I have no idea",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_006.glb"},{id:"m_talk_07",name:"What's going on here?",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb"},{id:"m_talk_08",name:"Let's stop",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_008.glb"},{id:"m_talk_09",name:"Fed Up Moment",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_009.glb"},{id:"m_talk_10",name:"What's This? Hold On",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_010.glb"},{id:"f_talk_01",name:"Great Job Clap",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_001.glb"},{id:"f_talk_02",name:"Chill Stretch",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_002.glb"},{id:"f_talk_03",name:"This Is Me",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_003.glb"},{id:"f_talk_04",name:"Empathize",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_004.glb"},{id:"f_talk_05",name:"Loose Hands Stretch",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_005.glb"},{id:"f_talk_06",name:"Take It Easy",url:"https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_006.glb"}],Qt=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb"],Xt={zoom:.85,position:[.15,-.8,0],scale:1.5,rotation:[.15,.02,0]},Kt=[-.45,1.9,.1],Zt={browInnerUp:.2},it=.18,en=1,Ge={neutral:{eyeLookDownLeft:.1,eyeLookDownRight:.1},happy:{mouthSmileLeft:.2,mouthSmileRight:.2,eyeLookDownLeft:.1,eyeLookDownRight:.1},sad:{eyeLookDownLeft:.2,eyeLookDownRight:.2,browDownRight:.1,browInnerUp:.6,browOuterUpRight:.2,eyeSquintLeft:.7,eyeSquintRight:.7,mouthFrownLeft:.8,mouthFrownRight:.8,mouthLeft:.2,mouthPucker:.5,mouthRollLower:.2,mouthRollUpper:.2,mouthShrugLower:.2,mouthShrugUpper:.2,mouthStretchLeft:.4},angry:{eyeLookDownLeft:.1,eyeLookDownRight:.1,browDownLeft:.6,browDownRight:.6,jawForward:.3,mouthFrownLeft:.7,mouthFrownRight:.7,mouthRollLower:.2,mouthShrugLower:.3},fear:{browInnerUp:.7,eyeSquintLeft:.5,eyeSquintRight:.5,eyeWideLeft:.6,eyeWideRight:.6,mouthClose:.1,mouthFunnel:.3,mouthShrugLower:.5,mouthShrugUpper:.5},disgust:{browDownLeft:.7,browDownRight:.1,browInnerUp:.3,eyeSquintLeft:1,eyeSquintRight:1,eyeWideLeft:.5,eyeWideRight:.5,mouthLeft:.4,mouthPressLeft:.3,mouthRollLower:.3,mouthShrugLower:.3,mouthShrugUpper:.8,mouthUpperUpLeft:.3,noseSneerLeft:1,noseSneerRight:.7},love:{browInnerUp:.4,browOuterUpLeft:.2,browOuterUpRight:.2,mouthSmileLeft:.2,mouthSmileRight:.2,eyeBlinkLeft:.6,eyeBlinkRight:.6,eyeWideLeft:.7,eyeWideRight:.7,mouthDimpleLeft:.1,mouthDimpleRight:.1,mouthPressLeft:.2,mouthShrugUpper:.2,mouthUpperUpLeft:.1,mouthUpperUpRight:.1}},tn=[{key:"viseme_aa",mix:{jawOpen:.6}},{key:"viseme_E",mix:{mouthPressLeft:.8,mouthPressRight:.8,mouthDimpleLeft:1,mouthDimpleRight:1,jawOpen:.3}},{key:"viseme_I",mix:{mouthPressLeft:.6,mouthPressRight:.6,mouthDimpleLeft:.6,mouthDimpleRight:.6,jawOpen:.2}},{key:"viseme_O",mix:{mouthPucker:1,jawForward:.6,jawOpen:.2}},{key:"viseme_U",mix:{mouthFunnel:1}},{key:"viseme_PP",mix:{mouthRollLower:.3,mouthRollUpper:.3,mouthUpperUpLeft:.3,mouthUpperUpRight:.3}},{key:"viseme_FF",mix:{mouthPucker:1,mouthShrugUpper:1,mouthLowerDownLeft:.2,mouthLowerDownRight:.2,mouthDimpleLeft:1,mouthDimpleRight:1,mouthRollLower:.3}},{key:"viseme_DD",mix:{mouthPressLeft:.8,mouthPressRight:.8,mouthFunnel:.5,jawOpen:.2}},{key:"viseme_SS",mix:{mouthPressLeft:.8,mouthPressRight:.8,mouthLowerDownLeft:.5,mouthLowerDownRight:.5,jawOpen:.1}},{key:"viseme_TH",mix:{mouthRollUpper:.3,jawOpen:.2,tongueOut:.4}},{key:"viseme_CH",mix:{mouthPucker:.5,jawOpen:.2}},{key:"viseme_RR",mix:{mouthPucker:.5,jawOpen:.2}},{key:"viseme_kk",mix:{mouthLowerDownLeft:.4,mouthLowerDownRight:.4,mouthDimpleLeft:.3,mouthDimpleRight:.3,mouthFunnel:.3,mouthPucker:.3,jawOpen:.15}},{key:"viseme_nn",mix:{mouthLowerDownLeft:.4,mouthLowerDownRight:.4,mouthDimpleLeft:.3,mouthDimpleRight:.3,mouthFunnel:.3,mouthPucker:.3,jawOpen:.15,tongueOut:.2}},{key:"viseme_sil",mix:{}}],nn={aei:[{v:"E",w:.8},{v:"I",w:.2}],ee:[{v:"I",w:1}],oo:[{v:"O",w:1}],u:[{v:"U",w:1}],aa:[{v:"aa",w:1}],ah:[{v:"aa",w:.7},{v:"O",w:.3}],bmp:[{v:"PP",w:1}],fv:[{v:"FF",w:1}],th:[{v:"TH",w:1}],l:[{v:"nn",w:1}],r:[{v:"RR",w:1}],qw:[{v:"U",w:.6},{v:"O",w:.4}],chjsh:[{v:"CH",w:1}],cdgknstxyz:[{v:"DD",w:.6},{v:"SS",w:.4}],sil:[{v:"sil",w:1}]};function rn(l){if(!l)return[{v:"sil",w:1}];const w=l.toLowerCase();return nn[w]??[{v:"sil",w:1}]}function sn({target:l}){const{camera:w}=at.useThree();return t.useEffect(()=>{w.lookAt(...l)},[w,l]),null}function G(l,w,b){if(!l||!l.morphTargetDictionary)return;const p=l,A=p.morphTargetDictionary,j=p.morphTargetInfluences;if(j)for(const E in A)E.toLowerCase()===w.toLowerCase()&&(j[A[E]]=b)}function yt(l,w=.97){if(!l)return;const b=l;if(b.morphTargetInfluences)for(let p=0;p<b.morphTargetInfluences.length;p++)b.morphTargetInfluences[p]*=w}const an=t.memo(({avatarUrl:l,isPlayingRef:w,visemeQueueRef:b,audioContextRef:p,responseAudioStartTimeRef:A,adjustments:j,mood:E,expression:X,agentResponse:ne,isSpeaking:F,nextStartTimeRef:W,stopPlayback:_,setIsSpeaking:re,expressionUrl:m,onExpressionFinished:J,isNudgeResponse:B,avatarGender:le})=>{const{scene:R}=Je.useGLTF(l),Ce=le==="female"?zt:Jt,_e=Je.useGLTF(Ce),$=t.useMemo(()=>_e.flatMap(f=>f.animations),[_e]),de=Je.useGLTF(Qt),T=t.useMemo(()=>de.flatMap(f=>f.animations),[de]),C=t.useRef(null),U=t.useRef(null),M=t.useRef(null),fe=t.useRef([]),[L]=t.useState(()=>new je.AnimationMixer(R)),v=t.useRef({}),S=t.useRef(null),he=t.useRef(0),ke=t.useRef(!1),pe=t.useRef(0),se=t.useRef(null);t.useEffect(()=>{if(!(!$||!R)){if($.forEach((f,d)=>{const o=`idle_${d}`;if(!v.current[o]){const s=L.clipAction(f,R);s.name=o,s.setLoop(je.LoopOnce,1),s.clampWhenFinished=!0,v.current[o]=s}}),T.forEach((f,d)=>{const o=`talk_${d}`;if(!v.current[o]){const s=L.clipAction(f,R);s.name=o,s.setLoop(je.LoopOnce,1),s.clampWhenFinished=!0,v.current[o]=s}}),$.length>0){const f=v.current.idle_0,d=S.current&&L.existingAction(S.current.getClip());f&&!d&&(f.reset().fadeIn(.5).play(),S.current=f)}return()=>{L.stopAllAction(),v.current={},S.current=null}}},[$,T,R,L]);const me=t.useRef("");t.useEffect(()=>{if(!m||!R||m===me.current)return;me.current=m,se.current=m,new Bt.GLTFLoader().load(m,d=>{if(d.animations&&d.animations.length>0){const o=d.animations[0],s=L.clipAction(o,R);if(s.name=`EXPR_${m}`,s.setLoop(je.LoopOnce,1),s.clampWhenFinished=!0,v.current[`EXPR_${m}`]=s,F&&se.current===m){const h=S.current;s.reset().fadeIn(.3).play(),h&&h!==s&&h.crossFadeTo(s,.3,!0),S.current=s,se.current=null}}},void 0,d=>{console.error(`[ANIMATION] Failed to load ${m}`,d)})},[m,R,L,F]),t.useEffect(()=>{const f=d=>{const o=d.action,s=o.name||"";if(s.startsWith("idle_")){const q=(parseInt(s.split("_")[1])+1)%$.length,z=v.current[`idle_${q}`];z&&(z.reset().fadeIn(.5).play(),o.crossFadeTo(z,.5,!0),S.current=z)}else if(s.startsWith("EXPR_")){if(F){const h=v.current.talk_0;h&&(h.reset().fadeIn(.5).play(),o.crossFadeTo(h,.5,!0),S.current=h)}else{const h=v.current.idle_0;h&&(h.reset().fadeIn(.5).play(),o.crossFadeTo(h,.5,!0),S.current=h)}J&&J()}else if(s.startsWith("talk_"))if(F&&!B){const q=(parseInt(s.split("_")[1])+1)%T.length,z=v.current[`talk_${q}`];z&&(z.reset().fadeIn(.3).play(),o.crossFadeTo(z,.3,!0),S.current=z)}else{const h=v.current.idle_0;h&&(h.reset().fadeIn(.5).play(),o.crossFadeTo(h,.5,!0),S.current=h)}};return L.addEventListener("finished",f),()=>L.removeEventListener("finished",f)},[L,$,T,F,B,J]),t.useEffect(()=>{if(F&&R){const f=S.current,d=f?.name||"";if(d.startsWith("idle_")||d.startsWith("talk_")||d===""){const o=se.current;if(o){const s=v.current[`EXPR_${o}`];if(s){s.reset().fadeIn(.3).play(),f&&f!==s&&f.crossFadeTo(s,.3,!0),S.current=s,se.current=null;return}}if(d.startsWith("idle_")||d===""){const s=v.current.talk_0;s&&(s.reset().fadeIn(.5).play(),f&&f.crossFadeTo(s,.5,!0),S.current=s)}}}else if(!F&&R){const f=S.current,d=f?.name||"";if(d.startsWith("talk_")||d.startsWith("EXPR_")){const o=v.current.idle_0;o&&(o.reset().fadeIn(.5).play(),f&&f.crossFadeTo(o,.5,!0),S.current=o)}}},[F,R,m]),t.useEffect(()=>{if(!R)return;R.traverse(o=>{if(o.isMesh&&o.morphTargetDictionary){const s=o.name.toLowerCase();(s.includes("head")||s.includes("avatar"))&&(U.current=o,N(`[ANIMATION] Found head mesh: ${o.name}`)),s.includes("teeth")&&(M.current=o,N(`[ANIMATION] Found teeth mesh: ${o.name}`))}});const f=U.current?.morphTargetDictionary;f&&Object.keys(f).filter(o=>o.toLowerCase().includes("brow"));const d=[];R.traverse(o=>{if(o.isMesh){const h=o.morphTargetDictionary;h&&Object.keys(h).some(q=>q.toLowerCase().includes("brow"))&&d.push(o)}}),fe.current=d,d.length>0&&N("[ANIMATION] Meshes with brow morphs:",d.length)},[R]);const De=(f,d=1)=>{const o=`viseme_${f}`.toLowerCase(),s=tn.find(h=>h.key.toLowerCase()===o);if(s)for(const h in s.mix){const q=s.mix[h]*d;G(U.current,h,q),G(M.current,h,q)}},we=f=>{const d=Ge[f]??Ge.neutral;for(const o in d)G(U.current,o,d[o]),G(M.current,o,d[o])};return at.useFrame((f,d)=>{const o=Math.pow(.88,60*d);yt(U.current,o),yt(M.current,o),we(E);const s=f.clock.elapsedTime;let h=0;if(Math.floor(s)%5===0&&Math.floor((s-d)%5)!==0){let H=null;R.traverse(Z=>{Z.name.toLowerCase().includes("hips")&&(H=Z)});const be=H?`Hips Y: ${H.position.y.toFixed(4)}`:"Hips not found";N(`[ANIMATION] Mixer Time: ${L.time.toFixed(2)}, ${be}`)}if(L.update(d),s>he.current&&!ke.current&&(ke.current=!0,pe.current=s),ke.current){const be=(s-pe.current)/.3;if(be>=1)ke.current=!1,he.current=s+2+Math.random()*5;else{const Z=be<.5?be*2:(1-be)*2;G(U.current,"eyeBlinkLeft",Z),G(U.current,"eyeBlinkRight",Z),G(M.current,"eyeBlinkLeft",Z),G(M.current,"eyeBlinkRight",Z),h=Z*Zt.browInnerUp}}const q=Ge[E]??Ge.neutral,z=q.browInnerUp??0,ze=q.browOuterUpLeft??0,Pe=q.browOuterUpRight??0,Oe=s*en,ve=it*Math.sin(Oe),ge=it*.7*Math.sin(Oe+.7),We=it*.7*Math.sin(Oe+1.3),K=H=>Math.max(0,Math.min(1,H)),Se=K(z+ve),xe=K(ze+ge),Fe=K(Pe+We),Le=K(Se+h);if(G(U.current,"browInnerUp",Le),G(M.current,"browInnerUp",Le),G(U.current,"browOuterUpLeft",xe),G(M.current,"browOuterUpLeft",xe),G(U.current,"browOuterUpRight",Fe),G(M.current,"browOuterUpRight",Fe),C.current){const H=w.current?0:j.rotation[1];C.current.rotation.y=je.MathUtils.lerp(C.current.rotation.y,H,.1),C.current.position.set(...j.position),C.current.scale.setScalar(j.scale),C.current.rotation.x=j.rotation[0],C.current.rotation.z=j.rotation[2]}if(w.current&&p.current){const H=p.current.currentTime,Ae=(H-A.current)*1e3- -150;for(let Q=0;Q<b.current.length;Q++){const ie=b.current[Q];Ae>=ie.vtime&&Ae<ie.vtime+ie.vduration&&De(ie.viseme,ie.weight??1)}H>W.current+.5&&(_(),re(!1))}}),a.jsx("group",{ref:C,children:a.jsx("primitive",{object:R})})});function on(l){return l?l.charAt(0).toUpperCase()+l.slice(1).toLowerCase():""}const cn=({token:l,agentToken:w,onNavigationRequested:b,avatarGender:p}={})=>{const A=l??w??"",j=Gt(A||void 0),[E,X]=t.useState(""),[ne,F]=t.useState(""),[W,_]=t.useState("Ready"),[re,m]=t.useState(!1),[J,B]=t.useState(!1),[le,R]=t.useState([]),[Ce,_e]=t.useState(""),$=t.useRef(null),[de,T]=t.useState(()=>typeof window<"u"?window.matchMedia("(max-width: 480px)").matches:!1);t.useEffect(()=>{const e=window.matchMedia("(max-width: 480px)"),n=()=>T(e.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]);const C=de?80:600,U=t.useRef(!1),M=t.useRef([]),fe=t.useRef(0),L=t.useRef(!1),v=t.useRef([]),S=t.useRef(null),he=t.useRef([]);t.useRef([]);const ke=t.useRef([]),pe=t.useRef(0),se=t.useRef(0),me=t.useRef(0),De=t.useRef(0),we=t.useRef(!1),[f,d]=t.useState(null),o=t.useRef(null),[s,h]=t.useState("neutral"),[q,z]=t.useState(""),[ze,Pe]=t.useState(""),[Oe,ve]=t.useState("Chat with us"),[ge,We]=t.useState(null),[K,Se]=t.useState("hidden"),[xe,Fe]=t.useState(""),Le=t.useRef(null),H=t.useRef(K);H.current=K;const[be,Z]=t.useState(null),Ae=t.useRef(null),Q=t.useRef(null),[ie,ot]=t.useState(!1),ct=t.useRef(null),[Ee,Be]=t.useState("hidden"),[ut,Rt]=t.useState(""),Ye=t.useRef(Ee);Ye.current=Ee;const ce=t.useRef(""),Te=t.useRef(!1),Me=t.useRef(""),lt=t.useRef(Date.now()),Qe=t.useRef([]),Ne=t.useRef(!1),[Xe,Ue]=t.useState(!1),dt="__branding__",Ie=t.useMemo(()=>ie?"Try again":W==="Busy"?"Busy":W==="Thinking..."||W==="Processing Voice..."?W:ge!=null&&ge!==""&&ge!=="none"&&ge!=="<none>"?`Enter ${on(ge)}`:dt,[W,ge,ie]),Ve=Ie!=null&&Ie!=="";t.useEffect(()=>{const e=H.current;if(!(e==="exiting"||e==="entering")){if(e==="hidden"){Ve&&(Fe(Ie??""),Se("entering"));return}e==="visible"&&(!Ve||Ie!==xe)&&(Le.current=Ve?Ie:null,Se("exiting"))}},[Ve,Ie,K,xe]),t.useEffect(()=>{if(W!=="Busy"){Q.current!=null&&(clearTimeout(Q.current),Q.current=null);return}return Q.current=setTimeout(()=>{Q.current=null,_("Ready"),ot(!0)},12e3),()=>{Q.current!=null&&(clearTimeout(Q.current),Q.current=null)}},[W]),t.useEffect(()=>{if(!ie)return;const e=setTimeout(()=>ot(!1),2500);return()=>clearTimeout(e)},[ie]);const kt=t.useCallback(()=>{const e=H.current;if(e==="exiting"){Se("hidden");const n=Le.current;Le.current=null,n!=null&&n!==""&&(Fe(n),Se("entering"))}else e==="entering"&&Se("visible")},[]),Lt=e=>{if(!e)return;if(e.mood!=null){const r=String(e.mood).toLowerCase();h(r)}if(e.expression!=null){const r=String(e.expression).trim();z(r);const u=Yt.find(g=>g.name.toLowerCase()===r.toLowerCase());N(`[STREAM] Animation match for "${r}": ${u?u.name:"NONE"}`),Pe(u?.url??"")}if(e.navigation!=null){const r=String(e.navigation).trim();r!==""&&(b?b(r):window.open(r,"_blank"))}const n=e.ask_for||e.lead_capture?.ask_for,i=n?String(n).trim().toLowerCase():"",c=i==="none"||i==="<none>";if(n&&!c){const r=i;We(r||null),ve(r==="email"?"Enter your email":r==="name"?"Enter your name":r==="phone"?"Enter your phone number":"Chat with us")}else(c||e.ask_for===null||e.lead_capture&&e.lead_capture.ask_for===null||e.ask_for==="none")&&(We(null),Oe!=="Chat with us"&&ve("Chat with us"));e.collected,e.valid},At=e=>{const n=e.trim();if(!n)return null;if(n.startsWith("{"))try{return JSON.parse(n)}catch{return null}if(n.includes(":")){const i=n.split(":"),c=i[0].trim().toLowerCase(),r=i.slice(1).join(":").trim();return{[c]:r}}return null},Et=t.useCallback(()=>{},[]),ft=e=>{if(Te.current)e==="§"?Te.current=!1:(Me.current+=e,F(n=>n+e));else if(e==="§"){Te.current=!0;return}else for(ce.current+=e;ce.current.includes(`
|
|
2
|
+
`);){const n=ce.current.indexOf(`
|
|
3
|
+
`),i=ce.current.slice(0,n).trim();ce.current=ce.current.slice(n+1);const c=At(i);c&&Lt(c)}};t.useEffect(()=>{(async()=>{if(!sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID")){const i="secret",c=Math.floor(Date.now()/1e3).toString();try{const r=new TextEncoder,u=await crypto.subtle.importKey("raw",r.encode(i),{name:"HMAC",hash:"SHA-256"},!1,["sign"]),g=await crypto.subtle.sign("HMAC",u,r.encode(c)),x=Array.from(new Uint8Array(g)).map(y=>y.toString(16).padStart(2,"0")).join("");sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID",x),N("[SESSION] New HMAC UID generated and saved:",x)}catch(r){console.error("[SESSION] HMAC generation failed:",r);const u=Math.random().toString(36)+Date.now().toString();sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID",u)}}sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES")||sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES",JSON.stringify([]))})()},[]),t.useEffect(()=>{const e=()=>{lt.current=Date.now(),Ne.current&&(Ne.current=!1,Ue(!1),R([]),_e(""),F(""),B(!1))};window.addEventListener("mousemove",e),window.addEventListener("keydown",e),window.addEventListener("mousedown",e),window.addEventListener("touchstart",e);const n=setInterval(async()=>{if(Date.now()-lt.current>=3e4&&!J&&!re&&W==="Ready"&&!Ne.current)if(Ne.current=!0,Qe.current.length>0)Ue(!0),R(Qe.current);else try{const r=`${st}/nudgeUser`,u={navigationUrl:window.location.href,token:A},g=await fetch(r,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});if(g.ok){const x=(await g.json()).nudge_questions;x&&x.length>0&&(N("[NUDGE] Received nudge questions from API:",x),Qe.current=x,Ue(!0),R(x))}}catch(r){console.error("[NUDGE] Error calling /nudgeUser:",r),Ne.current=!1}},1e3);return()=>{window.removeEventListener("mousemove",e),window.removeEventListener("keydown",e),window.removeEventListener("mousedown",e),window.removeEventListener("touchstart",e),clearInterval(n)}},[A,J,re,W]),t.useEffect(()=>{if(le.length===0)return;let e=0,n=0,i=!1,c=100;const r=()=>{const u=le[e];if(i){const g=u.substring(0,n-1);_e(g),n--,c=50}else{const g=u.substring(0,n+1);_e(g),n++,c=100}!i&&n===u.length?(i=!0,c=3e3):i&&n===0&&(i=!1,e=(e+1)%le.length,c=500),$.current=setTimeout(r,c)};return r(),()=>{$.current&&clearTimeout($.current)}},[le]);const ht=()=>{try{return JSON.parse(sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES")||"[]")}catch{return[]}},Tt=e=>{sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES",JSON.stringify(e))},[Ke,Ze]=t.useState(!1),[pt,et]=t.useState(0),ae=t.useRef(null),He=t.useRef([]),mt=t.useRef(0),[gt,Mt]=t.useState(null),[It,tt]=t.useState(null),ue=t.useRef(null),ye=t.useRef(null),$e=t.useCallback((e=!1)=>{e&&(we.current=!0,m(!1),_("Ready")),v.current=[],M.current=[],L.current=!1,B(!1),pe.current=0,se.current=0,me.current=0,he.current.forEach(n=>{try{n.stop()}catch{}}),Ae.current&&(clearTimeout(Ae.current),Ae.current=null),Z(null),Pe(""),he.current=[]},[]),Ct=async()=>{try{const e=await navigator.mediaDevices.getUserMedia({audio:!0}),n=window.AudioContext||window.webkitAudioContext,i=new n,c=i.createMediaStreamSource(e),r=i.createAnalyser();r.fftSize=64,c.connect(r),ue.current=i,ye.current=c,tt(r);const u=new MediaRecorder(e);ae.current=u,He.current=[],u.ondataavailable=g=>{g.data.size>0&&He.current.push(g.data)},u.onstop=async()=>{const g=Date.now()-mt.current;if(tt(null),ye.current&&(ye.current.disconnect(),ye.current=null),ue.current&&ue.current.state!=="closed"&&(ue.current.close(),ue.current=null),g<1e3){_("Recording too short. Hold or click longer."),m(!1);return}const k=new Blob(He.current,{type:"audio/wav"});await Nt(k)},mt.current=Date.now(),u.start(100),Ze(!0),_("Listening...")}catch(e){console.error("Error accessing microphone:",e),_("Mic Access Error")}},Dt=()=>{ae.current&&ae.current.state!=="inactive"&&(ae.current.stop(),ae.current.stream.getTracks().forEach(e=>e.stop()),Ze(!1))},Ot=()=>{ae.current&&ae.current.state!=="inactive"&&(ae.current.onstop=null,ae.current.stop(),ae.current.stream.getTracks().forEach(e=>e.stop()),tt(null),ye.current&&(ye.current.disconnect(),ye.current=null),ue.current&&ue.current.state!=="closed"&&(ue.current.close(),ue.current=null),Ze(!1),He.current=[],_("Ready"))};t.useEffect(()=>{if(!J)return;const e=()=>{const n=me.current;if(n<=0)return;const i=S.current,c=pe.current;if(!i)return;const r=i.currentTime-c,u=Math.min(Math.max(0,r),n),g=ne.trim().length;if(g<=0)return;const k=Math.min(Math.round(u/n*g),g);d(k)};return clearInterval(o.current??void 0),o.current=setInterval(e,90),()=>clearInterval(o.current??void 0)},[J,ne,me.current]),t.useEffect(()=>{let e;return Ke?(et(0),e=window.setInterval(()=>{et(n=>n+1)},1e3)):et(0),()=>clearInterval(e)},[Ke]);const Ft=e=>{const n=e.numberOfChannels,i=e.length*n*2+44,c=new ArrayBuffer(i),r=new DataView(c);let u=0;const g=D=>{r.setUint16(u,D,!0),u+=2},k=D=>{r.setUint32(u,D,!0),u+=4};k(1179011410),k(i-8),k(1163280727),k(544501094),k(16),g(1),g(n),k(e.sampleRate),k(e.sampleRate*2*n),g(n*2),g(16),k(1635017060),k(i-u-4);const x=[];for(let D=0;D<n;D++)x.push(e.getChannelData(D));let y=0;for(;u<i;){for(let D=0;D<n;D++){let P=Math.max(-1,Math.min(1,x[D][y]));P=P<0?P*32768:P*32767,r.setInt16(u,P,!0),u+=2}y++}return new Blob([c],{type:"audio/wav"})},nt=async(e,n,i=!1)=>{if(!we.current){if(U.current){M.current.push({audio:e,visemes:n,isNewSegment:i});return}U.current=!0;try{const c=window.AudioContext||window.webkitAudioContext,r=S.current??new c;r.state==="suspended"&&await r.resume(),S.current=r;const u=window.atob(e),g=new Uint8Array(u.length);for(let O=0;O<u.length;O++)g[O]=u.charCodeAt(O);const k=await r.decodeAudioData(g.buffer.slice(0));me.current+=k.duration;const x=r.currentTime;let y=se.current;const D=!L.current;y<x&&(y=x+.1),se.current=y+k.duration;const P=r.createBufferSource();P.buffer=k;let V=gt;if((!V||V.context!==r)&&(V=r.createAnalyser(),V.fftSize=64,V.connect(r.destination),Mt(V)),P.connect(V),he.current.push(P),we.current){he.current=he.current.filter(O=>O!==P);return}if(D){L.current=!0,B(!0),N(`[AUDIO] setIsSpeaking(true) - First chunk starting at ${y.toFixed(3)}`),pe.current=y;const O=(y-x)*1e3;fe.current=performance.now()+O,N(`[AUDIO] Response started. Initial startTime: ${y.toFixed(3)}, CT: ${x.toFixed(3)}`)}P.start(y);const Y=(y-pe.current)*1e3;i&&(De.current=Y,N(`[AUDIO] New segment detected at +${Y.toFixed(0)}ms. Resetting segment offset.`)),n.forEach((O,ee)=>{const I=O.symbol??"";if(I){const te=rn(I),oe=Math.round(O.start*1e3),Re=Math.round((O.duration??0)*1e3),wt=De.current+oe;ee<3&&N(`[AUDIO] Viseme "${I}": segment_relative=${oe}ms, segment_offset=${De.current.toFixed(0)}ms => vtime=${wt}ms`),te.forEach(vt=>{v.current.push({viseme:vt.v,weight:vt.w,vtime:wt,vduration:Re})})}}),_("Speaking...")}finally{if(U.current=!1,M.current.length>0){const c=M.current.shift();c&&nt(c.audio,c.visemes,c.isNewSegment)}}}},Nt=async e=>{try{m(!0),Ue(!1),Me.current="",F(""),_("Processing Voice...");const n=await e.arrayBuffer(),c=await new(window.AudioContext||window.webkitAudioContext)().decodeAudioData(n),r=Ft(c),u=new FileReader;u.readAsDataURL(r),u.onloadend=async()=>{const g=u.result.split(",")[1];$e(),X(""),ce.current="",Te.current=!1;const k=`${st}/stt?token=${encodeURIComponent(A)}`,x=await fetch(k,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({audio_base64:g,audio_format:"wav"})});if(x.status===429){try{const ee=await x.text(),I=JSON.parse(ee);N("[STT] 429 agent at capacity:",I?.detail)}catch{}X(""),_("Busy"),m(!1);return}if(!x.ok){const ee=await x.text();let I="STT Failed";try{I=JSON.parse(ee).error||I}catch{ee&&(I=ee.slice(0,200))}throw new Error(I)}const y=x.body;if(N("this is body"+y),!y){_("STT Failed"),m(!1);return}const D=y.getReader();we.current=!1;const P=new TextDecoder;let V="",Y=!1;const O=async(ee,I)=>{switch(ee){case"transcript":I.transcript!=null&&X(String(I.transcript));break;case"text":{const te=I.delta??I.text??"";te&&ft(te);break}case"audio":{const te=I.chunk,oe=I.visemes??[],Re=!!I.is_new_segment;te&&await nt(te,oe,Re);break}case"done":{Y=!0,_("Ready"),m(!1);break}case"error":{Y=!0,_("STT Failed"),m(!1);break}default:break}};for(;;){const{done:ee,value:I}=await D.read();I&&(V+=P.decode(I,{stream:!0}));const te=V.split(`
|
|
4
4
|
|
|
5
|
-
`);
|
|
5
|
+
`);V=te.pop()??"";for(const oe of te){const Re=qe(oe);Re&&await O(Re.event,Re.data)}if(ee){if(V.trim()){const oe=qe(V.trim());oe&&await O(oe.event,oe.data)}Y||(_("Ready"),m(!1));break}}}}catch(n){console.error("Audio Submission Error:",n),_("STT Failed"),m(!1)}},Ut=async e=>{e&&e.preventDefault(),Ue(!1),Me.current="",F(""),!(!E||re)&&await jt(E)},qe=e=>{const n=e.split(/\r?\n/);let i="",c="";for(const u of n)u.startsWith("event:")?i=u.slice(6).trim():u.startsWith("data:")&&(c=u.slice(5).trim());if(!i)return null;let r={};if(c)try{r=JSON.parse(c)}catch{r={raw:c}}return{event:i,data:r}},bt=(e,n)=>{switch(e){case"connected":ce.current="",Te.current=!1;break;case"text":{const i=n.delta??"";i&&ft(i);break}case"audio":{const i=n.chunk,c=n.visemes??[];i&&nt(i,c);break}case"done":{const i=ht(),c=Me.current.trim(),r=[...i,{role:"user",content:E||"..."},{role:"assistant",content:c}];Tt(r),ke.current=[...v.current],_("Ready"),m(!1),X("");break}case"error":{const i=n.message??"Unknown error";Me.current=i,F(i),_("Agent Failed"),m(!1);break}}},jt=async e=>{m(!0),_("Thinking..."),Me.current="",ce.current="",Te.current=!1,$e(),me.current=0,d(0);const n=`${st}/agent/chat?token=${encodeURIComponent(A)}`;try{const i=ht();let c=sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID");c||(Ht("[CHAT] Session UID missing at send time! Generating emergency backup."),c="emergency-"+Math.random().toString(36).substring(7),sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID",c));const r={history:i,question:e,lead_id:c};N("[CHAT] Sending payload:",r);const u=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(r),cache:"default"});if(u.status===429){try{const D=await u.json();N("[CHAT] 429 agent at capacity:",D?.detail)}catch{}X(""),_("Busy"),m(!1);return}if(!u.ok)throw new Error("Agent request failed");const g=u.body;if(!g){_("Agent Failed"),m(!1);return}const k=g.getReader();we.current=!1;const x=new TextDecoder;let y="";for(;;){const{done:D,value:P}=await k.read();N(`[SSE] Chunk received. done=${D}, length=${P?.length||0}`),P&&(y+=x.decode(P,{stream:!0}));const V=y.split(`
|
|
6
6
|
|
|
7
|
-
`);
|
|
7
|
+
`);y=V.pop()??"";for(const Y of V){N(`[SSE] Processing block: ${Y.slice(0,50)}...`);const O=qe(Y);O&&(N(`[SSE] Event: ${O.event}`),bt(O.event,O.data))}if(D){if(N("[SSE] Stream finished"),y.trim()){const Y=qe(y.trim());Y&&bt(Y.event,Y.data)}_("Ready"),m(!1),X("");break}}}catch(i){console.error("Chat Error:",i),_("Agent Failed"),m(!1)}},_t=ne.trim(),rt=_t&&J?_t.slice(0,f!=null&&f>0?f:0):"";t.useEffect(()=>{const e=Ye.current;e!=="exiting"&&(rt?(Rt(rt),e==="hidden"&&Be("entering")):(e==="visible"||e==="entering")&&Be("exiting"))},[rt,Ee]);const Pt=t.useCallback(()=>{const e=Ye.current;e==="entering"?Be("visible"):e==="exiting"&&Be("hidden")},[]);return t.useLayoutEffect(()=>{const e=ct.current;e&&(e.scrollTop=e.scrollHeight)},[ut]),a.jsxs("div",{className:"avatar-widget-container",children:[a.jsxs("div",{className:"avatar-input-area",children:[K!=="hidden"?a.jsx("div",{className:`avatar-thinking-tab${K==="exiting"?" avatar-thinking-tab--exiting":K==="entering"?" avatar-thinking-tab--entering":""}`,onAnimationEnd:kt,children:xe===dt?a.jsx("a",{href:"https://leads.streamoji.com",target:"_blank",rel:"noopener noreferrer",children:"Made by Streamoji Leads"}):xe}):null,a.jsx("div",{className:"avatar-input-container",children:a.jsx("div",{style:{display:"flex",alignItems:"center",width:"100%",height:"100%"},children:Ke?a.jsxs("div",{className:"avatar-input-recording",children:[a.jsx("button",{type:"button",className:"avatar-recording-cancel",onClick:Ot,title:"Cancel",children:a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[a.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),a.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}),a.jsxs("div",{style:{flex:1,height:"100%",position:"relative",display:"flex",alignItems:"center",minWidth:0},children:[a.jsx("div",{style:{flex:1,height:"100%"},children:a.jsx(St,{analyser:It})}),a.jsxs("span",{style:{fontSize:"0.75rem",color:"#64748b",fontWeight:500,marginLeft:"4px",minWidth:"32px",textAlign:"right",fontVariantNumeric:"tabular-nums"},children:[Math.floor(pt/60),":",String(pt%60).padStart(2,"0")]})]}),a.jsx("button",{type:"button",className:"avatar-recording-confirm",onClick:Dt,title:"Send",children:a.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:a.jsx("polyline",{points:"20 6 9 17 4 12"})})})]}):J&&!Xe?a.jsxs("div",{className:"avatar-input-speaking",children:[a.jsx("div",{style:{flex:1,height:"100%",display:"flex",alignItems:"center",paddingRight:"8px"},children:a.jsx(St,{analyser:gt})}),a.jsx("button",{type:"button",className:"avatar-speaking-stop",onClick:()=>$e(!0),title:"Stop",children:a.jsx("span",{className:"avatar-speaking-stop__icon","aria-hidden":!0})})]}):re?a.jsx("div",{style:{flex:1,height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:a.jsx("div",{className:"avatar-input-loader"})}):a.jsxs("form",{onSubmit:Ut,style:{flex:1,display:"flex",height:"100%",alignItems:"center"},children:[a.jsx("input",{id:"avatar-text-input",type:"text",value:E,onChange:e=>X(e.target.value),placeholder:W==="Busy"?"Assisting another user":Ce||"Ask me anything",disabled:re||W==="Busy",autoComplete:"off",style:{width:"100%",height:"100%"}}),W==="Busy"?a.jsx("button",{type:"button",className:"mic-button",disabled:!0,style:{backgroundColor:"#1e4a5e"},title:"Agent at capacity",children:a.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:a.jsx("path",{d:"M4 2L20 2L12 10L4 2z M12 14L4 22L20 22L12 14z",fill:"white"})})}):E.trim()===""?a.jsx("button",{type:"button",className:"mic-button",onClick:Ct,disabled:re,style:{backgroundColor:"#1e4a5e"},children:a.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a.jsx("path",{d:"M12 14C13.66 14 15 12.66 15 11V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 12.66 10.34 14 12 14Z",fill:"white"}),a.jsx("path",{d:"M17 11C17 13.76 14.76 16 12 16C9.24 16 7 13.76 7 11H5C5 14.53 7.61 17.43 11 17.93V21H13V17.93C16.39 17.43 19 14.53 19 11H17Z",fill:"white"})]})}):a.jsx("button",{type:"submit",className:"mic-button",disabled:re,style:{backgroundColor:"#1e4a5e"},title:"Send",children:a.jsx("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:a.jsx("path",{d:"M19 12H5M19 12L14 17M19 12L14 7",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})})})]}),a.jsx("div",{className:"avatar-wrapper",children:a.jsxs("div",{className:"avatar-scene-wrapper",children:[Ee!=="hidden"&&a.jsx("div",{className:`avatar-bubble${Ee==="entering"?" avatar-bubble--entering":Ee==="exiting"?" avatar-bubble--exiting":""}`,onAnimationEnd:Pt,children:a.jsx("div",{ref:ct,className:`avatar-bubble__content${Xe?" avatar-bubble__content--nudge":""}`,children:ut})}),a.jsx("div",{className:"avatar-canvas-layer",style:{width:C,height:C},children:a.jsxs(at.Canvas,{shadows:!0,camera:{position:[.2,1.4,3],fov:42},gl:{alpha:!0},dpr:1.8,style:{pointerEvents:"none",width:"100%",height:"100%"},children:[a.jsx(sn,{target:Kt}),a.jsx("ambientLight",{intensity:.7}),a.jsx("directionalLight",{position:[0,2,2],intensity:1}),a.jsx(Je.Environment,{preset:"city"}),a.jsx(t.Suspense,{fallback:null,children:j!==null&&a.jsx(an,{avatarUrl:j,isPlayingRef:L,visemeQueueRef:v,audioContextRef:S,responseAudioStartTimeRef:pe,adjustments:Xt,mood:s,expression:q,agentResponse:ne,isSpeaking:J,nextStartTimeRef:se,stopPlayback:$e,setIsSpeaking:B,expressionUrl:ze,onExpressionFinished:Et,isNudgeResponse:Xe,avatarGender:p})})]})})]})})]})},un=({token:l,onNavigationRequested:w})=>a.jsx(cn,{token:l,onNavigationRequested:w});exports.AvatarWidget=un;
|
|
8
8
|
//# sourceMappingURL=avatar-widget.cjs.map
|