@streamoji/avatar-widget 0.2.2 → 0.2.4
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 +652 -574
- package/dist/avatar-widget.js.map +1 -1
- package/dist/avatar-widget.umd.css +1 -1
- package/dist/avatar-widget.umd.js +52 -52
- 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,H=Math.floor(de*.7)/b,M=new Float32Array(b);for(let g=0;g<b;g++){let V=0;if(A&&H>0){const _=Math.floor(g*H),Y=Math.floor((g+1)*H);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;M[g]=x}for(let g=0;g<b;g++){const V=b-1-g,R=Math.max(M[g],M[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",Tt="https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev",ct="https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/fullbodyavatarmale.glb";async function Mt(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 Mt(c).then(C=>{if(h)return;const E=`${Tt}/${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],Nt={browInnerUp:.2},Ye=.18,jt=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 $t=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]),H=t.useRef(null),M=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"))&&(M.current=i,W(`[ANIMATION] Found head mesh: ${i.name}`)),r.includes("teeth")&&(g.current=i,W(`[ANIMATION] Found teeth mesh: ${i.name}`))}});const f=M.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(M.current,p,B),J(g.current,p,B)}},Te=f=>{const l=Pe[f]??Pe.neutral;for(const i in l)J(M.current,i,l[i]),J(g.current,i,l[i])};return Xe.useFrame((f,l)=>{const i=Math.pow(.88,60*l);ut(M.current,i),ut(g.current,i),Te(A);const r=f.clock.elapsedTime;let p=0;if(Math.floor(r)%5===0&&Math.floor((r-l)%5)!==0){let $=null;b.traverse(N=>{N.name.toLowerCase().includes("hips")&&($=N)});const ne=$?`Hips Y: ${$.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 N=ne<.5?ne*2:(1-ne)*2;J(M.current,"eyeBlinkLeft",N),J(M.current,"eyeBlinkRight",N),J(g.current,"eyeBlinkLeft",N),J(g.current,"eyeBlinkRight",N),p=N*Nt.browInnerUp}}const B=Pe[A]??Pe.neutral,G=B.browInnerUp??0,pe=B.browOuterUpLeft??0,fe=B.browOuterUpRight??0,ye=r*jt,he=Ye*Math.sin(ye),me=Ye*.7*Math.sin(ye+.7),Me=Ye*.7*Math.sin(ye+1.3),ge=$=>Math.max(0,Math.min(1,$)),Ie=ge(G+he),Re=ge(pe+me),Ve=ge(fe+Me),De=ge(Ie+p);if(J(M.current,"browInnerUp",De),J(g.current,"browInnerUp",De),J(M.current,"browOuterUpLeft",Re),J(g.current,"browOuterUpLeft",Re),J(M.current,"browOuterUpRight",Ve),J(g.current,"browOuterUpRight",Ve),H.current){const $=w.current?0:E.rotation[1];H.current.rotation.y=Ce.MathUtils.lerp(H.current.rotation.y,$,.1),H.current.position.set(...E.position),H.current.scale.setScalar(E.scale),H.current.rotation.x=E.rotation[0],H.current.rotation.z=E.rotation[2]}if(w.current&&h.current){const $=h.current.currentTime,be=($-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)}$>y.current+.5&&(X(),F(!1))}}),o.jsx("group",{ref:H,children:o.jsx("primitive",{object:b})})});function Ht(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([]),H=t.useRef(0),M=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),Te=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"),[Me,ge]=t.useState(""),Ie=t.useRef(null),Re=t.useRef(he);Re.current=he;const[Ve,De]=t.useState(null),$=t.useRef(null),ne=t.useRef(null),[N,be]=t.useState("hidden"),[ke,_e]=t.useState(""),Be=t.useRef(N);Be.current=N;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 ${Ht(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!==Me)&&(Ie.current=Fe?Ee:null,me("exiting"))}},[Fe,Ee,he,Me]);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 i=require("react/jsx-runtime"),Be=require("@react-three/drei"),Ke=require("@react-three/fiber"),e=require("react"),Tt=require("three"),Et=require("three/examples/jsm/loaders/GLTFLoader.js");function Mt(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=Mt(Tt),U=(...c)=>{},It=(...c)=>{},ct=({analyser:c})=>{const w=e.useRef(null),m=e.useRef(null);return e.useEffect(()=>{const h=w.current;if(!h)return;const F=h.getContext("2d",{alpha:!0});if(!F)return;let M,k=null;c&&(c.fftSize=128,k=new Uint8Array(c.frequencyBinCount));const de=()=>{M=requestAnimationFrame(de),(h.width!==h.offsetWidth||h.height!==h.offsetHeight)&&(h.width=h.offsetWidth,h.height=h.offsetHeight);const re=h.width,v=h.height;if(re===0||v===0)return;const S=v/2;F.clearRect(0,0,re,v),F.fillStyle="#1e293b";const Q=2,T=Q+2,oe=re*.95,b=Math.floor(oe/T);(!m.current||m.current.length!==b)&&(m.current=new Float32Array(b).fill(2));const Se=b*T,Z=(re-Se)/2;c&&k&&c.getByteFrequencyData(k);const fe=k?k.length:0,$=Math.floor(fe*.7)/b,D=new Float32Array(b);for(let g=0;g<b;g++){let B=0;if(k&&$>0){const _=Math.floor(g*$),X=Math.floor((g+1)*$);for(let q=_;q<X;q++){const ce=k[q]||0;ce>B&&(B=ce)}}B<10&&(B=0);const A=B/255,y=B>0?Math.max(2,Math.pow(A,1.4)*v*.25):2;D[g]=y}for(let g=0;g<b;g++){const B=b-1-g,A=Math.max(D[g],D[B]),y=m.current[g]+(A-m.current[g])*.3;m.current[g]=y;const _=Z+g*T,X=S-y/2;F.beginPath(),F.roundRect?F.roundRect(_,X,Q,y,4):F.fillRect(_,X,Q,y),F.fill()}};return de(),()=>{cancelAnimationFrame(M)}},[c]),i.jsx("canvas",{ref:w,style:{width:"100%",height:"100%",display:"block"}})},ut="https://ai.streamoji.com",Ct="https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev",lt="https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/fullbodyavatarmale.glb";async function Ot(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 Dt(c){const[w,m]=e.useState(null);return e.useEffect(()=>{if(!c){m(null);return}let h=!1;return Ot(c).then(F=>{if(h)return;const M=`${Ct}/${F}.glb`;fetch(M,{method:"HEAD"}).then(k=>{h||m(k.ok?M:lt)}).catch(()=>{h||m(lt)})}),()=>{h=!0}},[c]),w}const Ft=["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"],jt=[{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"}],Ut=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb"],Nt={zoom:.85,position:[.15,-.8,0],scale:1.5,rotation:[.15,.02,0]},Pt=[-.45,1.9,.1],Wt={browInnerUp:.2},Xe=.18,Bt=1,We={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}},Ht=[{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:{}}],Vt={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 $t(c){if(!c)return[{v:"sil",w:1}];const w=c.toLowerCase();return Vt[w]??[{v:"sil",w:1}]}function qt({target:c}){const{camera:w}=Ke.useThree();return e.useEffect(()=>{w.lookAt(...c)},[w,c]),null}function G(c,w,m){if(!c||!c.morphTargetDictionary)return;const h=c,F=h.morphTargetDictionary,M=h.morphTargetInfluences;if(M)for(const k in F)k.toLowerCase()===w.toLowerCase()&&(M[F[k]]=m)}function dt(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 Jt=e.memo(({avatarUrl:c,isPlayingRef:w,visemeQueueRef:m,audioContextRef:h,responseAudioStartTimeRef:F,adjustments:M,mood:k,expression:de,agentResponse:re,isSpeaking:v,nextStartTimeRef:S,stopPlayback:Q,setIsSpeaking:O,expressionUrl:T,onExpressionFinished:oe})=>{const{scene:b}=Be.useGLTF(c),Se=Be.useGLTF(Ft),Z=e.useMemo(()=>Se.flatMap(f=>f.animations),[Se]),fe=Be.useGLTF(Ut),se=e.useMemo(()=>fe.flatMap(f=>f.animations),[fe]),$=e.useRef(null),D=e.useRef(null),g=e.useRef(null),B=e.useRef([]),[A]=e.useState(()=>new Ce.AnimationMixer(b)),y=e.useRef({}),_=e.useRef(null),X=e.useRef(0),q=e.useRef(!1),ce=e.useRef(0),ee=e.useRef(null);e.useEffect(()=>{if(!(!Z||!b)){if(Z.forEach((f,d)=>{const a=`idle_${d}`;if(!y.current[a]){const r=A.clipAction(f,b);r.name=a,r.setLoop(Ce.LoopOnce,1),r.clampWhenFinished=!0,y.current[a]=r}}),se.forEach((f,d)=>{const a=`talk_${d}`;if(!y.current[a]){const r=A.clipAction(f,b);r.name=a,r.setLoop(Ce.LoopOnce,1),r.clampWhenFinished=!0,y.current[a]=r}}),Z.length>0){const f=y.current.idle_0,d=_.current&&A.existingAction(_.current.getClip());f&&!d&&(f.reset().fadeIn(.5).play(),_.current=f)}return()=>{A.stopAllAction(),y.current={},_.current=null}}},[Z,se,b,A]);const xe=e.useRef("");e.useEffect(()=>{if(!T||!b||T===xe.current)return;xe.current=T,ee.current=T,new Et.GLTFLoader().load(T,d=>{if(d.animations&&d.animations.length>0){const a=d.animations[0],r=A.clipAction(a,b);if(r.name=`EXPR_${T}`,r.setLoop(Ce.LoopOnce,1),r.clampWhenFinished=!0,y.current[`EXPR_${T}`]=r,v&&ee.current===T){const p=_.current;r.reset().fadeIn(.3).play(),p&&p!==r&&p.crossFadeTo(r,.3,!0),_.current=r,ee.current=null}}},void 0,d=>{console.error(`[ANIMATION] Failed to load ${T}`,d)})},[T,b,A,v]),e.useEffect(()=>{const f=d=>{const a=d.action,r=a.name||"";if(r.startsWith("idle_")){const H=(parseInt(r.split("_")[1])+1)%Z.length,z=y.current[`idle_${H}`];z&&(z.reset().fadeIn(.5).play(),a.crossFadeTo(z,.5,!0),_.current=z)}else if(r.startsWith("EXPR_")){if(v){const p=y.current.talk_0;p&&(p.reset().fadeIn(.5).play(),a.crossFadeTo(p,.5,!0),_.current=p)}else{const p=y.current.idle_0;p&&(p.reset().fadeIn(.5).play(),a.crossFadeTo(p,.5,!0),_.current=p)}oe&&oe()}else if(r.startsWith("talk_"))if(v){const H=(parseInt(r.split("_")[1])+1)%se.length,z=y.current[`talk_${H}`];z&&(z.reset().fadeIn(.3).play(),a.crossFadeTo(z,.3,!0),_.current=z)}else{const p=y.current.idle_0;p&&(p.reset().fadeIn(.5).play(),a.crossFadeTo(p,.5,!0),_.current=p)}};return A.addEventListener("finished",f),()=>A.removeEventListener("finished",f)},[A,Z,se,v,oe]),e.useEffect(()=>{if(v&&b){const f=_.current,d=f?.name||"";if(d.startsWith("idle_")||d.startsWith("talk_")||d===""){const a=ee.current;if(a){const r=y.current[`EXPR_${a}`];if(r){r.reset().fadeIn(.3).play(),f&&f!==r&&f.crossFadeTo(r,.3,!0),_.current=r,ee.current=null;return}}if(d.startsWith("idle_")||d===""){const r=y.current.talk_0;r&&(r.reset().fadeIn(.5).play(),f&&f.crossFadeTo(r,.5,!0),_.current=r)}}}else if(!v&&b){const f=_.current,d=f?.name||"";if(d.startsWith("talk_")||d.startsWith("EXPR_")){const a=y.current.idle_0;a&&(a.reset().fadeIn(.5).play(),f&&f.crossFadeTo(a,.5,!0),_.current=a)}}},[v,b,T]),e.useEffect(()=>{if(!b)return;b.traverse(a=>{if(a.isMesh&&a.morphTargetDictionary){const r=a.name.toLowerCase();(r.includes("head")||r.includes("avatar"))&&(D.current=a,U(`[ANIMATION] Found head mesh: ${a.name}`)),r.includes("teeth")&&(g.current=a,U(`[ANIMATION] Found teeth mesh: ${a.name}`))}});const f=D.current?.morphTargetDictionary;f&&Object.keys(f).filter(a=>a.toLowerCase().includes("brow"));const d=[];b.traverse(a=>{if(a.isMesh){const p=a.morphTargetDictionary;p&&Object.keys(p).some(H=>H.toLowerCase().includes("brow"))&&d.push(a)}}),B.current=d,d.length>0&&U("[ANIMATION] Meshes with brow morphs:",d.length)},[b]);const Oe=(f,d=1)=>{const a=`viseme_${f}`.toLowerCase(),r=Ht.find(p=>p.key.toLowerCase()===a);if(r)for(const p in r.mix){const H=r.mix[p]*d;G(D.current,p,H),G(g.current,p,H)}},Te=f=>{const d=We[f]??We.neutral;for(const a in d)G(D.current,a,d[a]),G(g.current,a,d[a])};return Ke.useFrame((f,d)=>{const a=Math.pow(.88,60*d);dt(D.current,a),dt(g.current,a),Te(k);const r=f.clock.elapsedTime;let p=0;if(Math.floor(r)%5===0&&Math.floor((r-d)%5)!==0){let V=null;b.traverse(J=>{J.name.toLowerCase().includes("hips")&&(V=J)});const P=V?`Hips Y: ${V.position.y.toFixed(4)}`:"Hips not found";U(`[ANIMATION] Mixer Time: ${A.time.toFixed(2)}, ${P}`)}if(A.update(d),r>X.current&&!q.current&&(q.current=!0,ce.current=r),q.current){const P=(r-ce.current)/.3;if(P>=1)q.current=!1,X.current=r+2+Math.random()*5;else{const J=P<.5?P*2:(1-P)*2;G(D.current,"eyeBlinkLeft",J),G(D.current,"eyeBlinkRight",J),G(g.current,"eyeBlinkLeft",J),G(g.current,"eyeBlinkRight",J),p=J*Wt.browInnerUp}}const H=We[k]??We.neutral,z=H.browInnerUp??0,me=H.browOuterUpLeft??0,he=H.browOuterUpRight??0,ve=r*Bt,pe=Xe*Math.sin(ve),ge=Xe*.7*Math.sin(ve+.7),Ee=Xe*.7*Math.sin(ve+1.3),be=V=>Math.max(0,Math.min(1,V)),Me=be(z+pe),ye=be(me+ge),He=be(he+Ee),De=be(Me+p);if(G(D.current,"browInnerUp",De),G(g.current,"browInnerUp",De),G(D.current,"browOuterUpLeft",ye),G(g.current,"browOuterUpLeft",ye),G(D.current,"browOuterUpRight",He),G(g.current,"browOuterUpRight",He),$.current){const V=w.current?0:M.rotation[1];$.current.rotation.y=Ce.MathUtils.lerp($.current.rotation.y,V,.1),$.current.position.set(...M.position),$.current.scale.setScalar(M.scale),$.current.rotation.x=M.rotation[0],$.current.rotation.z=M.rotation[2]}if(w.current&&h.current){const V=h.current.currentTime,Ie=(V-F.current)*1e3- -150;for(let Re=0;Re<m.current.length;Re++){const K=m.current[Re];Ie>=K.vtime&&Ie<K.vtime+K.vduration&&Oe(K.viseme,K.weight??1)}V>S.current+.5&&(Q(),O(!1))}}),i.jsx("group",{ref:$,children:i.jsx("primitive",{object:b})})});function Gt(c){return c?c.charAt(0).toUpperCase()+c.slice(1).toLowerCase():""}const zt=({token:c,agentToken:w,onNavigationRequested:m}={})=>{const h=c??w??"",F=Dt(h||void 0),[M,k]=e.useState(""),[de,re]=e.useState(""),[v,S]=e.useState("Ready"),[Q,O]=e.useState(!1),[T,oe]=e.useState(!1),[b,Se]=e.useState(()=>typeof window<"u"?window.matchMedia("(max-width: 480px)").matches:!1);e.useEffect(()=>{const t=window.matchMedia("(max-width: 480px)"),n=()=>Se(t.matches);return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]);const Z=b?80:600,fe=e.useRef(!1),se=e.useRef([]),$=e.useRef(0),D=e.useRef(!1),g=e.useRef([]),B=e.useRef(null),A=e.useRef([]);e.useRef([]);const y=e.useRef([]),_=e.useRef(0),X=e.useRef(0),q=e.useRef(0),ce=e.useRef(0),ee=e.useRef(!1),[xe,Oe]=e.useState(null),Te=e.useRef(null),[f,d]=e.useState("neutral"),[a,r]=e.useState(""),[p,H]=e.useState(""),[z,me]=e.useState("Chat with us"),[he,ve]=e.useState(null),[pe,ge]=e.useState("hidden"),[Ee,be]=e.useState(""),Me=e.useRef(null),ye=e.useRef(pe);ye.current=pe;const[He,De]=e.useState(null),V=e.useRef(null),P=e.useRef(null),[J,Ie]=e.useState(!1),Re=e.useRef(null),[K,Fe]=e.useState("hidden"),[Qe,ft]=e.useState(""),Ve=e.useRef(K);Ve.current=K;const ue=e.useRef(""),ke=e.useRef(!1),Ae=e.useRef(""),Le=e.useMemo(()=>J?"Try again":v==="Busy"?"Busy":v==="Thinking..."||v==="Processing Voice..."?v:he!=null&&he!==""&&he!=="none"&&he!=="<none>"?`Enter ${Gt(he)}`:null,[v,he,J]),je=Le!=null&&Le!=="";e.useEffect(()=>{const t=ye.current;if(!(t==="exiting"||t==="entering")){if(t==="hidden"){je&&(be(Le??""),ge("entering"));return}t==="visible"&&(!je||Le!==Ee)&&(Me.current=je?Le:null,ge("exiting"))}},[je,Le,pe,Ee]),e.useEffect(()=>{if(v!=="Busy"){P.current!=null&&(clearTimeout(P.current),P.current=null);return}return P.current=setTimeout(()=>{P.current=null,S("Ready"),Ie(!0)},12e3),()=>{P.current!=null&&(clearTimeout(P.current),P.current=null)}},[v]),e.useEffect(()=>{if(!J)return;const t=setTimeout(()=>Ie(!1),2500);return()=>clearTimeout(t)},[J]);const ht=e.useCallback(()=>{const t=ye.current;if(t==="exiting"){ge("hidden");const n=Me.current;Me.current=null,n!=null&&n!==""&&(be(n),ge("entering"))}else t==="entering"&&ge("visible")},[]),pt=t=>{if(!t)return;if(t.mood!=null){const s=String(t.mood).toLowerCase();d(s)}if(t.expression!=null){const s=String(t.expression).trim();r(s);const u=jt.find(x=>x.name.toLowerCase()===s.toLowerCase());U(`[STREAM] Animation match for "${s}": ${u?u.name:"NONE"}`),H(u?.url??"")}if(t.navigation!=null){const s=String(t.navigation).trim();s!==""&&(m?m(s):window.open(s,"_blank"))}const n=t.ask_for||t.lead_capture?.ask_for,o=n?String(n).trim().toLowerCase():"",l=o==="none"||o==="<none>";if(n&&!l){const s=o;ve(s||null),me(s==="email"?"Enter your email":s==="name"?"Enter your name":s==="phone"?"Enter your phone number":"Chat with us")}else(l||t.ask_for===null||t.lead_capture&&t.lead_capture.ask_for===null||t.ask_for==="none")&&(ve(null),z!=="Chat with us"&&me("Chat with us"));t.collected,t.valid},mt=t=>{const n=t.trim();if(!n)return null;if(n.startsWith("{"))try{return JSON.parse(n)}catch{return null}if(n.includes(":")){const o=n.split(":"),l=o[0].trim().toLowerCase(),s=o.slice(1).join(":").trim();return{[l]:s}}return null},gt=e.useCallback(()=>{},[]),Ze=t=>{if(ke.current)t==="§"?ke.current=!1:(Ae.current+=t,re(n=>n+t));else if(t==="§"){ke.current=!0;return}else for(ue.current+=t;ue.current.includes(`
|
|
2
|
+
`);){const n=ue.current.indexOf(`
|
|
3
|
+
`),o=ue.current.slice(0,n).trim();ue.current=ue.current.slice(n+1);const l=mt(o);l&&pt(l)}};e.useEffect(()=>{(async()=>{if(!sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID")){const o="secret",l=Math.floor(Date.now()/1e3).toString();try{const s=new TextEncoder,u=await crypto.subtle.importKey("raw",s.encode(o),{name:"HMAC",hash:"SHA-256"},!1,["sign"]),x=await crypto.subtle.sign("HMAC",u,s.encode(l)),j=Array.from(new Uint8Array(x)).map(R=>R.toString(16).padStart(2,"0")).join("");sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID",j),U("[SESSION] New HMAC UID generated and saved:",j)}catch(s){console.error("[SESSION] HMAC generation failed:",s);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([]))})()},[]);const et=()=>{try{return JSON.parse(sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES")||"[]")}catch{return[]}},bt=t=>{sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES",JSON.stringify(t))},[$e,qe]=e.useState(!1),[tt,Je]=e.useState(0),ie=e.useRef(null),Ue=e.useRef([]),nt=e.useRef(0),[rt,_t]=e.useState(null),[wt,Ge]=e.useState(null),le=e.useRef(null),_e=e.useRef(null),Ne=e.useCallback((t=!1)=>{t&&(ee.current=!0,O(!1),S("Ready")),g.current=[],se.current=[],D.current=!1,oe(!1),_.current=0,X.current=0,q.current=0,A.current.forEach(n=>{try{n.stop()}catch{}}),V.current&&(clearTimeout(V.current),V.current=null),De(null),H(""),A.current=[]},[]),St=async()=>{try{const t=await navigator.mediaDevices.getUserMedia({audio:!0}),n=window.AudioContext||window.webkitAudioContext,o=new n,l=o.createMediaStreamSource(t),s=o.createAnalyser();s.fftSize=64,l.connect(s),le.current=o,_e.current=l,Ge(s);const u=new MediaRecorder(t);ie.current=u,Ue.current=[],u.ondataavailable=x=>{x.data.size>0&&Ue.current.push(x.data)},u.onstop=async()=>{const x=Date.now()-nt.current;if(Ge(null),_e.current&&(_e.current.disconnect(),_e.current=null),le.current&&le.current.state!=="closed"&&(le.current.close(),le.current=null),x<1e3){S("Recording too short. Hold or click longer."),O(!1);return}const L=new Blob(Ue.current,{type:"audio/wav"});await Rt(L)},nt.current=Date.now(),u.start(100),qe(!0),S("Listening...")}catch(t){console.error("Error accessing microphone:",t),S("Mic Access Error")}},xt=()=>{ie.current&&ie.current.state!=="inactive"&&(ie.current.stop(),ie.current.stream.getTracks().forEach(t=>t.stop()),qe(!1))},vt=()=>{ie.current&&ie.current.state!=="inactive"&&(ie.current.onstop=null,ie.current.stop(),ie.current.stream.getTracks().forEach(t=>t.stop()),Ge(null),_e.current&&(_e.current.disconnect(),_e.current=null),le.current&&le.current.state!=="closed"&&(le.current.close(),le.current=null),qe(!1),Ue.current=[],S("Ready"))};e.useEffect(()=>{if(!T)return;const t=()=>{const n=q.current;if(n<=0)return;const o=B.current,l=_.current;if(!o)return;const s=o.currentTime-l,u=Math.min(Math.max(0,s),n),x=de.trim().length;if(x<=0)return;const L=Math.min(Math.round(u/n*x),x);Oe(L)};return clearInterval(Te.current??void 0),Te.current=setInterval(t,90),()=>clearInterval(Te.current??void 0)},[T,de,q.current]),e.useEffect(()=>{let t;return $e?(Je(0),t=window.setInterval(()=>{Je(n=>n+1)},1e3)):Je(0),()=>clearInterval(t)},[$e]);const yt=t=>{const n=t.numberOfChannels,o=t.length*n*2+44,l=new ArrayBuffer(o),s=new DataView(l);let u=0;const x=I=>{s.setUint16(u,I,!0),u+=2},L=I=>{s.setUint32(u,I,!0),u+=4};L(1179011410),L(o-8),L(1163280727),L(544501094),L(16),x(1),x(n),L(t.sampleRate),L(t.sampleRate*2*n),x(n*2),x(16),L(1635017060),L(o-u-4);const j=[];for(let I=0;I<n;I++)j.push(t.getChannelData(I));let R=0;for(;u<o;){for(let I=0;I<n;I++){let N=Math.max(-1,Math.min(1,j[I][R]));N=N<0?N*32768:N*32767,s.setInt16(u,N,!0),u+=2}R++}return new Blob([l],{type:"audio/wav"})},ze=async(t,n,o=!1)=>{if(!ee.current){if(fe.current){se.current.push({audio:t,visemes:n,isNewSegment:o});return}fe.current=!0;try{const l=window.AudioContext||window.webkitAudioContext,s=B.current??new l;s.state==="suspended"&&await s.resume(),B.current=s;const u=window.atob(t),x=new Uint8Array(u.length);for(let C=0;C<u.length;C++)x[C]=u.charCodeAt(C);const L=await s.decodeAudioData(x.buffer.slice(0));q.current+=L.duration;const j=s.currentTime;let R=X.current;const I=!D.current;R<j&&(R=j+.1),X.current=R+L.duration;const N=s.createBufferSource();N.buffer=L;let W=rt;if((!W||W.context!==s)&&(W=s.createAnalyser(),W.fftSize=64,W.connect(s.destination),_t(W)),N.connect(W),A.current.push(N),ee.current){A.current=A.current.filter(C=>C!==N);return}if(I){D.current=!0,oe(!0),U(`[AUDIO] setIsSpeaking(true) - First chunk starting at ${R.toFixed(3)}`),_.current=R;const C=(R-j)*1e3;$.current=performance.now()+C,U(`[AUDIO] Response started. Initial startTime: ${R.toFixed(3)}, CT: ${j.toFixed(3)}`)}N.start(R);const Y=(R-_.current)*1e3;o&&(ce.current=Y,U(`[AUDIO] New segment detected at +${Y.toFixed(0)}ms. Resetting segment offset.`)),n.forEach((C,te)=>{const E=C.symbol??"";if(E){const ne=$t(E),ae=Math.round(C.start*1e3),we=Math.round((C.duration??0)*1e3),at=ce.current+ae;te<3&&U(`[AUDIO] Viseme "${E}": segment_relative=${ae}ms, segment_offset=${ce.current.toFixed(0)}ms => vtime=${at}ms`),ne.forEach(ot=>{g.current.push({viseme:ot.v,weight:ot.w,vtime:at,vduration:we})})}}),S("Speaking...")}finally{if(fe.current=!1,se.current.length>0){const l=se.current.shift();l&&ze(l.audio,l.visemes,l.isNewSegment)}}}},Rt=async t=>{try{O(!0),Ae.current="",re(""),S("Processing Voice...");const n=await t.arrayBuffer(),l=await new(window.AudioContext||window.webkitAudioContext)().decodeAudioData(n),s=yt(l),u=new FileReader;u.readAsDataURL(s),u.onloadend=async()=>{const x=u.result.split(",")[1];Ne(),k(""),ue.current="",ke.current=!1;const L=`${ut}/stt?token=${encodeURIComponent(h)}`,j=await fetch(L,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({audio_base64:x,audio_format:"wav"})});if(j.status===429){try{const te=await j.text(),E=JSON.parse(te);U("[STT] 429 agent at capacity:",E?.detail)}catch{}k(""),S("Busy"),O(!1);return}if(!j.ok){const te=await j.text();let E="STT Failed";try{E=JSON.parse(te).error||E}catch{te&&(E=te.slice(0,200))}throw new Error(E)}const R=j.body;if(U("this is body"+R),!R){S("STT Failed"),O(!1);return}const I=R.getReader();ee.current=!1;const N=new TextDecoder;let W="",Y=!1;const C=async(te,E)=>{switch(te){case"transcript":E.transcript!=null&&k(String(E.transcript));break;case"text":{const ne=E.delta??E.text??"";ne&&Ze(ne);break}case"audio":{const ne=E.chunk,ae=E.visemes??[],we=!!E.is_new_segment;ne&&await ze(ne,ae,we);break}case"done":{Y=!0,S("Ready"),O(!1);break}case"error":{Y=!0,S("STT Failed"),O(!1);break}default:break}};for(;;){const{done:te,value:E}=await I.read();E&&(W+=N.decode(E,{stream:!0}));const ne=W.split(`
|
|
4
4
|
|
|
5
|
-
`);
|
|
5
|
+
`);W=ne.pop()??"";for(const ae of ne){const we=Pe(ae);we&&await C(we.event,we.data)}if(te){if(W.trim()){const ae=Pe(W.trim());ae&&await C(ae.event,ae.data)}Y||(S("Ready"),O(!1));break}}}}catch(n){console.error("Audio Submission Error:",n),S("STT Failed"),O(!1)}},kt=async t=>{t&&t.preventDefault(),Ae.current="",re(""),!(!M||Q)&&await At(M)},Pe=t=>{const n=t.split(/\r?\n/);let o="",l="";for(const u of n)u.startsWith("event:")?o=u.slice(6).trim():u.startsWith("data:")&&(l=u.slice(5).trim());if(!o)return null;let s={};if(l)try{s=JSON.parse(l)}catch{s={raw:l}}return{event:o,data:s}},st=(t,n)=>{switch(t){case"connected":ue.current="",ke.current=!1;break;case"text":{const o=n.delta??"";o&&Ze(o);break}case"audio":{const o=n.chunk,l=n.visemes??[];o&&ze(o,l);break}case"done":{const o=et(),l=Ae.current.trim(),s=[...o,{role:"user",content:M||"..."},{role:"assistant",content:l}];bt(s),y.current=[...g.current],S("Ready"),O(!1),k("");break}case"error":{const o=n.message??"Unknown error";Ae.current=o,re(o),S("Agent Failed"),O(!1);break}}},At=async t=>{O(!0),S("Thinking..."),Ae.current="",ue.current="",ke.current=!1,Ne(),q.current=0,Oe(0);const n=`${ut}/agent/chat?token=${encodeURIComponent(h)}`;try{const o=et();let l=sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID");l||(It("[CHAT] Session UID missing at send time! Generating emergency backup."),l="emergency-"+Math.random().toString(36).substring(7),sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID",l));const s={history:o,question:t,lead_id:l};U("[CHAT] Sending payload:",s);const u=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s),cache:"default"});if(u.status===429){try{const I=await u.json();U("[CHAT] 429 agent at capacity:",I?.detail)}catch{}k(""),S("Busy"),O(!1);return}if(!u.ok)throw new Error("Agent request failed");const x=u.body;if(!x){S("Agent Failed"),O(!1);return}const L=x.getReader();ee.current=!1;const j=new TextDecoder;let R="";for(;;){const{done:I,value:N}=await L.read();U(`[SSE] Chunk received. done=${I}, length=${N?.length||0}`),N&&(R+=j.decode(N,{stream:!0}));const W=R.split(`
|
|
6
6
|
|
|
7
|
-
`);
|
|
7
|
+
`);R=W.pop()??"";for(const Y of W){U(`[SSE] Processing block: ${Y.slice(0,50)}...`);const C=Pe(Y);C&&(U(`[SSE] Event: ${C.event}`),st(C.event,C.data))}if(I){if(U("[SSE] Stream finished"),R.trim()){const Y=Pe(R.trim());Y&&st(Y.event,Y.data)}S("Ready"),O(!1),k("");break}}}catch(o){console.error("Chat Error:",o),S("Agent Failed"),O(!1)}},it=de.trim(),Ye=it&&T?it.slice(0,xe!=null&&xe>0?xe:0):"";e.useEffect(()=>{const t=Ve.current;t!=="exiting"&&(Ye?(ft(Ye),t==="hidden"&&Fe("entering")):(t==="visible"||t==="entering")&&Fe("exiting"))},[Ye,K]);const Lt=e.useCallback(()=>{const t=Ve.current;t==="entering"?Fe("visible"):t==="exiting"&&Fe("hidden")},[]);return e.useLayoutEffect(()=>{const t=Re.current;t&&(t.scrollTop=t.scrollHeight)},[Qe]),i.jsxs("div",{className:"avatar-widget-container",children:[i.jsxs("div",{className:"avatar-input-area",children:[pe!=="hidden"?i.jsx("div",{className:`avatar-thinking-tab${pe==="exiting"?" avatar-thinking-tab--exiting":pe==="entering"?" avatar-thinking-tab--entering":""}`,onAnimationEnd:ht,children:Ee}):null,i.jsx("div",{className:"avatar-input-container",children:i.jsx("div",{style:{display:"flex",alignItems:"center",width:"100%",height:"100%"},children:$e?i.jsxs("div",{className:"avatar-input-recording",children:[i.jsx("button",{type:"button",className:"avatar-recording-cancel",onClick:vt,title:"Cancel",children:i.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:[i.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),i.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}),i.jsxs("div",{style:{flex:1,height:"100%",position:"relative",display:"flex",alignItems:"center",minWidth:0},children:[i.jsx("div",{style:{flex:1,height:"100%"},children:i.jsx(ct,{analyser:wt})}),i.jsxs("span",{style:{fontSize:"0.75rem",color:"#64748b",fontWeight:500,marginLeft:"4px",minWidth:"32px",textAlign:"right",fontVariantNumeric:"tabular-nums"},children:[Math.floor(tt/60),":",String(tt%60).padStart(2,"0")]})]}),i.jsx("button",{type:"button",className:"avatar-recording-confirm",onClick:xt,title:"Send",children:i.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:i.jsx("polyline",{points:"20 6 9 17 4 12"})})})]}):T?i.jsxs("div",{className:"avatar-input-speaking",children:[i.jsx("div",{style:{flex:1,height:"100%",display:"flex",alignItems:"center",paddingRight:"8px"},children:i.jsx(ct,{analyser:rt})}),i.jsx("button",{type:"button",className:"avatar-speaking-stop",onClick:()=>Ne(!0),title:"Stop",children:i.jsx("span",{className:"avatar-speaking-stop__icon","aria-hidden":!0})})]}):Q?i.jsx("div",{style:{flex:1,height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:i.jsx("div",{className:"avatar-input-loader"})}):i.jsxs("form",{onSubmit:kt,style:{flex:1,display:"flex",height:"100%",alignItems:"center"},children:[i.jsx("input",{id:"avatar-text-input",type:"text",value:M,onChange:t=>k(t.target.value),placeholder:v==="Busy"?"Assisting another user":"Ask me anything",disabled:Q||v==="Busy",autoComplete:"off",style:{width:"100%",height:"100%"}}),v==="Busy"?i.jsx("button",{type:"button",className:"mic-button",disabled:!0,style:{backgroundColor:"#1e4a5e"},title:"Agent at capacity",children:i.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:i.jsx("path",{d:"M4 2L20 2L12 10L4 2z M12 14L4 22L20 22L12 14z",fill:"white"})})}):M.trim()===""?i.jsx("button",{type:"button",className:"mic-button",onClick:St,disabled:Q,style:{backgroundColor:"#1e4a5e"},children:i.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.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"}),i.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"})]})}):i.jsx("button",{type:"submit",className:"mic-button",disabled:Q,style:{backgroundColor:"#1e4a5e"},title:"Send",children:i.jsx("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:i.jsx("path",{d:"M19 12H5M19 12L14 17M19 12L14 7",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})})})]}),i.jsx("div",{className:"avatar-wrapper",children:i.jsxs("div",{className:"avatar-scene-wrapper",children:[K!=="hidden"&&i.jsx("div",{className:`avatar-bubble${K==="entering"?" avatar-bubble--entering":K==="exiting"?" avatar-bubble--exiting":""}`,onAnimationEnd:Lt,children:i.jsx("div",{ref:Re,className:"avatar-bubble__content",children:Qe})}),i.jsx("div",{className:"avatar-canvas-layer",style:{width:Z,height:Z},children:i.jsxs(Ke.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:[i.jsx(qt,{target:Pt}),i.jsx("ambientLight",{intensity:.7}),i.jsx("directionalLight",{position:[0,2,2],intensity:1}),i.jsx(Be.Environment,{preset:"city"}),i.jsx(e.Suspense,{fallback:null,children:F!==null&&i.jsx(Jt,{avatarUrl:F,isPlayingRef:D,visemeQueueRef:g,audioContextRef:B,responseAudioStartTimeRef:_,adjustments:Nt,mood:f,expression:a,agentResponse:de,isSpeaking:T,nextStartTimeRef:X,stopPlayback:Ne,setIsSpeaking:oe,expressionUrl:p,onExpressionFinished:gt})})]})})]})})]})},Yt=({token:c,onNavigationRequested:w})=>i.jsx(zt,{token:c,onNavigationRequested:w});exports.AvatarWidget=Yt;
|
|
8
8
|
//# sourceMappingURL=avatar-widget.cjs.map
|