@streamoji/avatar-widget 0.3.5 → 0.3.8
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 +7 -5
- package/dist/avatar-widget.css +1 -1
- package/dist/avatar-widget.js +960 -749
- package/dist/avatar-widget.umd.css +1 -1
- package/dist/avatar-widget.umd.js +58 -56
- package/dist/avatar-widget.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/avatar-widget.cjs
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),Ye=require("@react-three/drei"),ct=require("@react-three/fiber"),e=require("react"),Gt=require("three"),zt=require("three/examples/jsm/loaders/GLTFLoader.js");function Yt(u){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const g in u)if(g!=="default"){const m=Object.getOwnPropertyDescriptor(u,g);Object.defineProperty(_,g,m.get?m:{enumerable:!0,get:()=>u[g]})}}return _.default=u,Object.freeze(_)}const Pe=Yt(Gt),at="https://ai.streamoji.com",W=(...u)=>{},Qt=(...u)=>{},kt=({analyser:u})=>{const _=e.useRef(null),g=e.useRef(null);return e.useEffect(()=>{const m=_.current;if(!m)return;const w=m.getContext("2d",{alpha:!0});if(!w)return;let C,V=null;u&&(u.fftSize=128,V=new Uint8Array(u.frequencyBinCount));const ue=()=>{C=requestAnimationFrame(ue),(m.width!==m.offsetWidth||m.height!==m.offsetHeight)&&(m.width=m.offsetWidth,m.height=m.offsetHeight);const Y=m.width,D=m.height;if(Y===0||D===0)return;const le=D/2;w.clearRect(0,0,Y,D),w.fillStyle="#1e293b";const A=2,y=A+2,E=Y*.95,N=Math.floor(E/y);(!g.current||g.current.length!==N)&&(g.current=new Float32Array(N).fill(2));const de=N*y,x=(Y-de)/2;u&&V&&u.getByteFrequencyData(V);const ve=V?V.length:0,G=Math.floor(ve*.7)/N,fe=new Float32Array(N);for(let j=0;j<N;j++){let $=0;if(V&&G>0){const U=Math.floor(j*G),pe=Math.floor((j+1)*G);for(let I=U;I<pe;I++){const R=V[I]||0;R>$&&($=R)}}$<10&&($=0);const J=$/255,L=$>0?Math.max(2,Math.pow(J,1.4)*D*.25):2;fe[j]=L}for(let j=0;j<N;j++){const $=N-1-j,J=Math.max(fe[j],fe[$]),L=g.current[j]+(J-g.current[j])*.3;g.current[j]=L;const U=x+j*y,pe=le-L/2;w.beginPath(),w.roundRect?w.roundRect(U,pe,A,L,4):w.fillRect(U,pe,A,L),w.fill()}};return ue(),()=>{cancelAnimationFrame(C)}},[u]),i.jsx("canvas",{ref:_,style:{width:"100%",height:"100%",display:"block"}})},Kt="https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev",Tt="https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/avatar-blue-suit.glb";async function Xt(u){const _=await crypto.subtle.digest("SHA-256",new TextEncoder().encode(u));return Array.from(new Uint8Array(_)).map(g=>g.toString(16).padStart(2,"0")).join("")}function Zt(u){const[_,g]=e.useState(null);return e.useEffect(()=>{if(!u){g(null);return}let m=!1;return Xt(u).then(w=>{if(m)return;const C=`${Kt}/${w}.glb`;fetch(C,{method:"HEAD"}).then(V=>{m||g(V.ok?C:Tt)}).catch(()=>{m||g(Tt)})}),()=>{m=!0}},[u]),_}const en=["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"],tn=["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"],nn=[{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"}],rn=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_006.glb"],sn=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_004.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_005.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_006.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_002.glb"],an={zoom:.85,position:[.15,-.8,0],scale:1.5,rotation:[.15,.02,0]},on=[-.45,1.9,.1],cn={browInnerUp:.2},ot=.18,un=1,Et="__branding__",ze={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}},ln=[{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:{}}],dn={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 fn(u){if(!u)return[{v:"sil",w:1}];const _=u.toLowerCase();return dn[_]??[{v:"sil",w:1}]}function hn({target:u}){const{camera:_}=ct.useThree();return e.useEffect(()=>{_.lookAt(...u)},[_,u]),null}function z(u,_,g){if(!u||!u.morphTargetDictionary)return;const m=u,w=m.morphTargetDictionary,C=m.morphTargetInfluences;if(C)for(const V in w)V.toLowerCase()===_.toLowerCase()&&(C[w[V]]=g)}function At(u,_=.97){if(!u)return;const g=u;if(g.morphTargetInfluences)for(let m=0;m<g.morphTargetInfluences.length;m++)g.morphTargetInfluences[m]*=_}const mn=e.memo(({avatarUrl:u,isPlayingRef:_,visemeQueueRef:g,audioContextRef:m,responseAudioStartTimeRef:w,adjustments:C,mood:V,expression:ue,agentResponse:Y,isSpeaking:D,nextStartTimeRef:le,stopPlayback:A,setIsSpeaking:v,expressionUrl:y,onExpressionFinished:E,isNudgeResponse:N,avatarGender:de})=>{const{scene:x}=Ye.useGLTF(u),ve=de==="female"?tn:en,De=Ye.useGLTF(ve),G=e.useMemo(()=>De.flatMap(f=>f.animations),[De]),fe=de==="female"?sn:rn,j=Ye.useGLTF(fe),$=e.useMemo(()=>j.flatMap(f=>f.animations),[j]),J=e.useRef(null),L=e.useRef(null),U=e.useRef(null),pe=e.useRef([]),[I]=e.useState(()=>new Pe.AnimationMixer(x)),R=e.useRef({}),M=e.useRef(null),ge=e.useRef(0),Ae=e.useRef(!1),be=e.useRef(0),ie=e.useRef(null);e.useEffect(()=>{if(!(!G||!x)){if(G.forEach((f,d)=>{const a=`idle_${d}`;if(!R.current[a]){const o=I.clipAction(f,x);o.name=a,o.setLoop(Pe.LoopOnce,1),o.clampWhenFinished=!0,R.current[a]=o}}),$.forEach((f,d)=>{const a=`talk_${d}`;if(!R.current[a]){const o=I.clipAction(f,x);o.name=a,o.setLoop(Pe.LoopOnce,1),o.clampWhenFinished=!0,R.current[a]=o}}),G.length>0){const f=R.current.idle_0,d=M.current&&I.existingAction(M.current.getClip());f&&!d&&(f.reset().fadeIn(.5).play(),M.current=f)}return()=>{I.stopAllAction(),R.current={},M.current=null}}},[G,$,x,I]);const _e=e.useRef("");e.useEffect(()=>{if(!y||!x||y===_e.current)return;_e.current=y,ie.current=y,new zt.GLTFLoader().load(y,d=>{if(d.animations&&d.animations.length>0){const a=d.animations[0],o=I.clipAction(a,x);if(o.name=`EXPR_${y}`,o.setLoop(Pe.LoopOnce,1),o.clampWhenFinished=!0,R.current[`EXPR_${y}`]=o,D&&ie.current===y){const h=M.current;o.reset().fadeIn(.3).play(),h&&h!==o&&h.crossFadeTo(o,.3,!0),M.current=o,ie.current=null}}},void 0,d=>{console.error(`[ANIMATION] Failed to load ${y}`,d)})},[y,x,I,D]),e.useEffect(()=>{const f=d=>{const a=d.action,o=a.name||"";if(o.startsWith("idle_")){const B=(parseInt(o.split("_")[1])+1)%G.length,Q=R.current[`idle_${B}`];Q&&(Q.reset().fadeIn(.5).play(),a.crossFadeTo(Q,.5,!0),M.current=Q)}else if(o.startsWith("EXPR_")){if(D){const h=Math.floor(Math.random()*$.length),B=R.current[`talk_${h}`];B&&(B.reset().fadeIn(.5).play(),a.crossFadeTo(B,.5,!0),M.current=B)}else{const h=R.current.idle_0;h&&(h.reset().fadeIn(.5).play(),a.crossFadeTo(h,.5,!0),M.current=h)}E&&E()}else if(o.startsWith("talk_"))if(D&&!N){const B=(parseInt(o.split("_")[1])+1)%$.length,Q=R.current[`talk_${B}`];Q&&(Q.reset().fadeIn(.3).play(),a.crossFadeTo(Q,.3,!0),M.current=Q)}else{const h=R.current.idle_0;h&&(h.reset().fadeIn(.5).play(),a.crossFadeTo(h,.5,!0),M.current=h)}};return I.addEventListener("finished",f),()=>I.removeEventListener("finished",f)},[I,G,$,D,N,E]),e.useEffect(()=>{if(D&&x){const f=M.current,d=f?.name||"";if(d.startsWith("idle_")||d.startsWith("talk_")||d===""){const a=ie.current;if(a){const o=R.current[`EXPR_${a}`];if(o){o.reset().fadeIn(.3).play(),f&&f!==o&&f.crossFadeTo(o,.3,!0),M.current=o,ie.current=null;return}}if(d.startsWith("idle_")||d===""){const o=Math.floor(Math.random()*$.length),h=R.current[`talk_${o}`];h&&(h.reset().fadeIn(.5).play(),f&&f.crossFadeTo(h,.5,!0),M.current=h)}}}else if(!D&&x){const f=M.current,d=f?.name||"";if(d.startsWith("talk_")||d.startsWith("EXPR_")){const a=R.current.idle_0;a&&(a.reset().fadeIn(.5).play(),f&&f.crossFadeTo(a,.5,!0),M.current=a)}}},[D,x,y]),e.useEffect(()=>{if(!x)return;x.traverse(a=>{if(a.isMesh&&a.morphTargetDictionary){const o=a.name.toLowerCase();(o.includes("head")||o.includes("avatar"))&&(L.current=a,W(`[ANIMATION] Found head mesh: ${a.name}`)),o.includes("teeth")&&(U.current=a,W(`[ANIMATION] Found teeth mesh: ${a.name}`))}});const f=L.current?.morphTargetDictionary;f&&Object.keys(f).filter(a=>a.toLowerCase().includes("brow"));const d=[];x.traverse(a=>{if(a.isMesh){const h=a.morphTargetDictionary;h&&Object.keys(h).some(B=>B.toLowerCase().includes("brow"))&&d.push(a)}}),pe.current=d,d.length>0&&W("[ANIMATION] Meshes with brow morphs:",d.length)},[x]);const Fe=(f,d=1)=>{const a=`viseme_${f}`.toLowerCase(),o=ln.find(h=>h.key.toLowerCase()===a);if(o)for(const h in o.mix){const B=o.mix[h]*d;z(L.current,h,B),z(U.current,h,B)}},xe=f=>{const d=ze[f]??ze.neutral;for(const a in d)z(L.current,a,d[a]),z(U.current,a,d[a])};return ct.useFrame((f,d)=>{const a=Math.pow(.88,60*d);At(L.current,a),At(U.current,a),xe(V);const o=f.clock.elapsedTime;let h=0;if(Math.floor(o)%5===0&&Math.floor((o-d)%5)!==0){let H=null;x.traverse(K=>{K.name.toLowerCase().includes("hips")&&(H=K)});const we=H?`Hips Y: ${H.position.y.toFixed(4)}`:"Hips not found";W(`[ANIMATION] Mixer Time: ${I.time.toFixed(2)}, ${we}`)}if(I.update(d),o>ge.current&&!Ae.current&&(Ae.current=!0,be.current=o),Ae.current){const H=D?.2:.3,we=(o-be.current)/H;if(we>=1){Ae.current=!1;const K=D?1:2.5;ge.current=o+K}else{const K=we<.5?we*2:(1-we)*2;z(L.current,"eyeBlinkLeft",K),z(L.current,"eyeBlinkRight",K),z(U.current,"eyeBlinkLeft",K),z(U.current,"eyeBlinkRight",K),h=K*cn.browInnerUp}}const B=ze[V]??ze.neutral,Q=B.browInnerUp??0,Qe=B.browOuterUpLeft??0,We=B.browOuterUpRight??0,Ne=o*un,ye=ot*Math.sin(Ne),Z=ot*.7*Math.sin(Ne+.7),Ve=ot*.7*Math.sin(Ne+1.3),te=H=>Math.max(0,Math.min(1,H)),Re=te(Q+ye),ke=te(Qe+Z),je=te(We+Ve),Le=te(Re+h);if(z(L.current,"browInnerUp",Le),z(U.current,"browInnerUp",Le),z(L.current,"browOuterUpLeft",ke),z(U.current,"browOuterUpLeft",ke),z(L.current,"browOuterUpRight",je),z(U.current,"browOuterUpRight",je),J.current){const H=_.current?0:C.rotation[1];J.current.rotation.y=Pe.MathUtils.lerp(J.current.rotation.y,H,.1),J.current.position.set(...C.position),J.current.scale.setScalar(C.scale),J.current.rotation.x=C.rotation[0],J.current.rotation.z=C.rotation[2]}if(_.current&&m.current){const H=m.current.currentTime,Ie=(H-w.current)*1e3- -150;for(let ee=0;ee<g.current.length;ee++){const ne=g.current[ee];Ie>=ne.vtime&&Ie<ne.vtime+ne.vduration&&Fe(ne.viseme,ne.weight??1)}H>le.current+.5&&(A(),v(!1))}}),i.jsx("group",{ref:J,children:i.jsx("primitive",{object:x})})});function pn(u){return u?u.charAt(0).toUpperCase()+u.slice(1).toLowerCase():""}function Lt(u){return u.replace(/\*(.*?)\*/g," $1 ").replace(/\[.*?\]/g," ").replace(/<.*?\/>/g," ").replace(/<.*?>.*?<\/.*?>/g," ").replace(/\s+/g," ").trim()}const gn=({token:u,agentToken:_,onNavigationRequested:g,avatarGender:m,presetUserDetails:w}={})=>{const C=u??_??"",V=Zt(C||void 0),[ue,Y]=e.useState(""),[D,le]=e.useState(""),[A,v]=e.useState("Ready"),[y,E]=e.useState(!1),[N,de]=e.useState(!1),[x,ve]=e.useState([]),[De,G]=e.useState(""),fe=e.useRef(null),[j,$]=e.useState(()=>typeof window<"u"?window.matchMedia("(max-width: 480px)").matches:!1);e.useEffect(()=>{const t=window.matchMedia("(max-width: 480px)"),n=()=>$(t.matches);return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]);const J=j?80:600,L=e.useRef(!1),U=e.useRef([]),pe=e.useRef(0),I=e.useRef(!1),R=e.useRef([]),M=e.useRef(null),ge=e.useRef([]);e.useRef([]);const Ae=e.useRef([]),be=e.useRef(0),ie=e.useRef(0),_e=e.useRef(0),Fe=e.useRef(0),xe=e.useRef(!1),[f,d]=e.useState(null),a=e.useRef(null),[o,h]=e.useState("neutral"),[B,Q]=e.useState(""),[Qe,We]=e.useState(""),[Ne,ye]=e.useState("Chat with us"),[Z,Ve]=e.useState(null),[te,Re]=e.useState("hidden"),[ke,je]=e.useState(""),Le=e.useRef(null),H=e.useRef(te);H.current=te;const[we,K]=e.useState(null),Ie=e.useRef(null),ee=e.useRef(null),[ne,ut]=e.useState(!1),lt=e.useRef(null),[ae,$e]=e.useState("hidden"),[dt,It]=e.useState(""),Ke=e.useRef(ae);Ke.current=ae;const he=e.useRef(""),Me=e.useRef(!1),Oe=e.useRef(""),ft=e.useRef(Date.now()),Xe=e.useRef([]),Ue=e.useRef(!1),[Ze,Be]=e.useState(!1),[ht,mt]=e.useState(!1),Se=e.useRef(null),Ce=e.useMemo(()=>ne?"Try again":A==="Busy"?"Busy":A==="Thinking..."||A==="Processing Voice..."?A:Z!=null&&Z!==""&&Z!=="none"&&Z!=="<none>"?`Enter ${pn(Z)}`:ae!=="hidden"||!ht?null:Et,[A,Z,ne,ae,ht]),pt=!ne&&A!=="Busy"&&A!=="Thinking..."&&A!=="Processing Voice..."&&(Z==null||Z===""||Z==="none"||Z==="<none>");e.useEffect(()=>{if(ae!=="hidden"||!pt){mt(!1),Se.current!=null&&(clearTimeout(Se.current),Se.current=null);return}return Se.current=setTimeout(()=>{Se.current=null,mt(!0)},400),()=>{Se.current!=null&&(clearTimeout(Se.current),Se.current=null)}},[ae,pt]);const He=Ce!=null&&Ce!=="";e.useEffect(()=>{const t=H.current;if(!(t==="exiting"||t==="entering")){if(t==="hidden"){He&&(je(Ce??""),Re("entering"));return}t==="visible"&&(!He||Ce!==ke)&&(Le.current=He?Ce:null,Re("exiting"))}},[He,Ce,te,ke]),e.useEffect(()=>{if(A!=="Busy"){ee.current!=null&&(clearTimeout(ee.current),ee.current=null);return}return ee.current=setTimeout(()=>{ee.current=null,v("Ready"),ut(!0)},12e3),()=>{ee.current!=null&&(clearTimeout(ee.current),ee.current=null)}},[A]),e.useEffect(()=>{if(!ne)return;const t=setTimeout(()=>ut(!1),2500);return()=>clearTimeout(t)},[ne]);const Mt=e.useCallback(()=>{const t=H.current;if(t==="exiting"){Re("hidden");const n=Le.current;Le.current=null,n!=null&&n!==""&&(je(n),Re("entering"))}else t==="entering"&&Re("visible")},[]),Ot=t=>{if(!t)return;if(t.mood!=null){const r=String(t.mood).toLowerCase();h(r)}if(t.expression!=null){const r=String(t.expression).trim();Q(r);const l=nn.find(p=>p.name.toLowerCase()===r.toLowerCase());W(`[STREAM] Animation match for "${r}": ${l?l.name:"NONE"}`),We(l?.url??"")}if(t.navigation!=null){const r=String(t.navigation).trim();r!==""&&(g?g(r):window.open(r,"_blank"))}const n=t.ask_for||t.lead_capture?.ask_for,s=n?String(n).trim().toLowerCase():"",c=s==="none"||s==="<none>";if(n&&!c){const r=s;if(w&&(r==="email"&&w.email||r==="name"&&w.name||r==="phone"&&w.phone))return;Ve(r||null),ye(r==="email"?"Enter your email":r==="name"?"Enter your name":r==="phone"?"Enter your phone number":"Chat with us")}else(c||t.ask_for===null||t.lead_capture&&t.lead_capture.ask_for===null||t.ask_for==="none")&&(Ve(null),Ne!=="Chat with us"&&ye("Chat with us"));t.collected,t.valid},Ct=t=>{const n=t.trim();if(!n)return null;if(n.startsWith("{"))try{return JSON.parse(n)}catch{return null}if(n.includes(":")){const s=n.split(":"),c=s[0].trim().toLowerCase(),r=s.slice(1).join(":").trim();return{[c]:r}}return null},Dt=e.useCallback(()=>{},[]),gt=t=>{if(Me.current)t==="§"?Me.current=!1:(Oe.current+=t,le(n=>n+t));else if(t==="§"){Me.current=!0;return}else for(he.current+=t;he.current.includes(`
|
|
2
|
-
`);){const
|
|
3
|
-
`),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),Ze=require("@react-three/drei"),ft=require("@react-three/fiber"),t=require("react"),tn=require("three"),nn=require("three/examples/jsm/loaders/GLTFLoader.js");function rn(l){const v=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const _ in l)if(_!=="default"){const g=Object.getOwnPropertyDescriptor(l,_);Object.defineProperty(v,_,g.get?g:{enumerable:!0,get:()=>l[_]})}}return v.default=l,Object.freeze(v)}const He=rn(tn),qe="https://ai.streamoji.com",j=(...l)=>{},sn=(...l)=>{},Ot=({analyser:l})=>{const v=t.useRef(null),_=t.useRef(null);return t.useEffect(()=>{const g=v.current;if(!g)return;const y=g.getContext("2d",{alpha:!0});if(!y)return;let W,M=null;l&&(l.fftSize=128,M=new Uint8Array(l.frequencyBinCount));const Oe=()=>{W=requestAnimationFrame(Oe),(g.width!==g.offsetWidth||g.height!==g.offsetHeight)&&(g.width=g.offsetWidth,g.height=g.offsetHeight);const re=g.width,k=g.height;if(re===0||k===0)return;const be=k/2;y.clearRect(0,0,re,k),y.fillStyle="#1e293b";const z=2,h=z+2,Y=re*.95,b=Math.floor(Y/h);(!_.current||_.current.length!==b)&&(_.current=new Float32Array(b).fill(2));const X=b*h,L=(re-X)/2;l&&M&&l.getByteFrequencyData(M);const _e=M?M.length:0,Z=Math.floor(_e*.7)/b,he=new Float32Array(b);for(let I=0;I<b;I++){let $=0;if(M&&Z>0){const P=Math.floor(I*Z),B=Math.floor((I+1)*Z);for(let Ee=P;Ee<B;Ee++){const F=M[Ee]||0;F>$&&($=F)}}$<10&&($=0);const G=$/255,C=$>0?Math.max(2,Math.pow(G,1.4)*k*.25):2;he[I]=C}for(let I=0;I<b;I++){const $=b-1-I,G=Math.max(he[I],he[$]),C=_.current[I]+(G-_.current[I])*.3;_.current[I]=C;const P=L+I*h,B=be-C/2;y.beginPath(),y.roundRect?y.roundRect(P,B,z,C,4):y.fillRect(P,B,z,C),y.fill()}};return Oe(),()=>{cancelAnimationFrame(W)}},[l]),c.jsx("canvas",{ref:v,style:{width:"100%",height:"100%",display:"block"}})},on="https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev",Ct="https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/avatar-blue-suit.glb";async function an(l){const v=await crypto.subtle.digest("SHA-256",new TextEncoder().encode(l));return Array.from(new Uint8Array(v)).map(_=>_.toString(16).padStart(2,"0")).join("")}function cn(l){const[v,_]=t.useState(null);return t.useEffect(()=>{if(!l){_(null);return}let g=!1;return an(l).then(y=>{if(g)return;const W=`${on}/${y}.glb`;fetch(W,{method:"HEAD"}).then(M=>{g||_(M.ok?W:Ct)}).catch(()=>{g||_(Ct)})}),()=>{g=!0}},[l]),v}const un=["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"],ln=["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"],dn=[{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"}],hn=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_005.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_007.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/M_Talking_Variations_006.glb"],fn=["https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_004.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_005.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_006.glb","https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/expression/F_Talking_Variations_002.glb"],mn={zoom:.85,position:[.15,-.8,0],scale:1.5,rotation:[.15,.02,0]},pn=[-.45,1.9,.1],gn=[-.45,1.75,.1],bn={browInnerUp:.2},dt=.18,_n=1,Ft="__branding__",Xe={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}},wn=[{key:"viseme_aa",mix:{jawOpen:.4,mouthSmileLeft:.15,mouthSmileRight:.15},teethMix:{jawOpen:.2,mouthSmileLeft:.15,mouthSmileRight:.15}},{key:"viseme_E",mix:{mouthPressLeft:.65,mouthPressRight:.65,mouthDimpleLeft:1,mouthDimpleRight:1,jawOpen:.25,mouthFunnel:.1},teethMix:{jawOpen:.15,mouthPressLeft:.65,mouthPressRight:.65,mouthDimpleLeft:1,mouthDimpleRight:1,mouthFunnel:.1}},{key:"viseme_I",mix:{mouthPressLeft:.55,mouthPressRight:.55,mouthDimpleLeft:1,mouthDimpleRight:1,jawOpen:.15,mouthFunnel:.05},teethMix:{mouthPressLeft:.55,mouthPressRight:.55,mouthDimpleLeft:1,mouthDimpleRight:1,jawOpen:.15,mouthFunnel:.05}},{key:"viseme_O",mix:{mouthPucker:.7,jawOpen:.4,mouthFunnel:.25},teethMix:{jawForward:.6,jawOpen:.2,mouthPucker:.7,mouthFunnel:.25}},{key:"viseme_U",mix:{mouthFunnel:1,mouthClose:.2},teethMix:{mouthFunnel:1,mouthClose:.2}},{key:"viseme_PP",mix:{mouthDimpleLeft:.5,mouthDimpleRight:.5,mouthStretchLeft:.3,mouthStretchRight:.3,mouthRollLower:.3,mouthRollUpper:.3,mouthPressLeft:.5,mouthPressRight:.5},teethMix:{mouthDimpleLeft:.5,mouthDimpleRight:.5,mouthStretchLeft:.3,mouthStretchRight:.3,mouthRollLower:.3,mouthRollUpper:.3,mouthPressLeft:.5,mouthPressRight:.5}},{key:"viseme_FF",mix:{mouthPucker:1,mouthShrugUpper:1,mouthDimpleLeft:1,mouthDimpleRight:1,mouthStretchLeft:.5,mouthStretchRight:.5,mouthPressLeft:.3,mouthPressRight:.3,mouthRollLower:.1},teethMix:{mouthPucker:1,mouthShrugUpper:1,mouthDimpleLeft:1,mouthDimpleRight:1,mouthStretchLeft:.5,mouthStretchRight:.5,mouthPressLeft:.3,mouthPressRight:.3,mouthRollLower:.1}},{key:"viseme_DD",mix:{mouthShrugUpper:.25,mouthShrugLower:.25,mouthPressLeft:.4,mouthPressRight:.4,mouthFunnel:.7,jawOpen:.1},teethMix:{mouthShrugUpper:.25,mouthShrugLower:.25,mouthPressLeft:.4,mouthPressRight:.4,mouthFunnel:.7,jawOpen:.1}},{key:"viseme_SS",mix:{mouthPressLeft:.8,mouthPressRight:.8,mouthLowerDownLeft:.3,mouthLowerDownRight:.3,jawOpen:.1},teethMix:{mouthPressLeft:.8,mouthPressRight:.8,mouthLowerDownLeft:.3,mouthLowerDownRight:.3,jawOpen:.1}},{key:"viseme_TH",mix:{mouthStretchLeft:.4,mouthStretchRight:.4,mouthDimpleLeft:1,mouthDimpleRight:1,mouthFunnel:.4,jawOpen:.15,mouthShrugLower:.45,mouthShrugUpper:.45},teethMix:{mouthStretchLeft:.4,mouthStretchRight:.4,mouthDimpleLeft:1,mouthDimpleRight:1,mouthFunnel:.4,jawOpen:.15,mouthShrugLower:.45,mouthShrugUpper:.45}},{key:"viseme_CH",mix:{mouthPucker:.8,mouthShrugLower:.7,mouthShrugUpper:.2,mouthLowerDownLeft:.6,mouthLowerDownRight:.6,mouthDimpleLeft:.5,mouthDimpleRight:.5,mouthUpperUpLeft:.8,mouthUpperUpRight:.8,jawOpen:.2},teethMix:{mouthPucker:.8,mouthShrugLower:.7,mouthShrugUpper:.2,mouthLowerDownLeft:.6,mouthLowerDownRight:.6,mouthDimpleLeft:.5,mouthDimpleRight:.5,mouthUpperUpLeft:.8,mouthUpperUpRight:.8,jawOpen:.2}},{key:"viseme_RR",mix:{mouthPucker:.4,jawOpen:.2,mouthShrugUpper:.5,mouthFunnel:.15,mouthDimpleLeft:.5,mouthDimpleRight:.5},teethMix:{mouthPucker:.4,jawOpen:.2,mouthShrugUpper:.5,mouthFunnel:.15,mouthDimpleLeft:.5,mouthDimpleRight:.5}},{key:"viseme_kk",mix:{mouthPucker:.5,jawOpen:.2,mouthShrugUpper:.5,mouthFunnel:.2,mouthDimpleLeft:.5,mouthDimpleRight:.5},teethMix:{mouthPucker:.5,jawOpen:.2,mouthShrugUpper:.5,mouthFunnel:.2,mouthDimpleLeft:.5,mouthDimpleRight:.5}},{key:"viseme_nn",mix:{mouthPucker:.6,jawOpen:.2,mouthShrugUpper:.7,mouthShrugLower:.1,mouthFunnel:.1,mouthDimpleLeft:.8,mouthDimpleRight:.8},teethMix:{mouthPucker:.6,jawOpen:.2,mouthShrugUpper:.7,mouthShrugLower:.1,mouthFunnel:.1,mouthDimpleLeft:.8,mouthDimpleRight:.8}},{key:"viseme_sil",mix:{}}],Sn={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 xn(l){if(!l)return[{v:"sil",w:1}];const v=l.toLowerCase();return Sn[v]??[{v:"sil",w:1}]}function vn({target:l}){const{camera:v}=ft.useThree();return t.useEffect(()=>{v.lookAt(...l)},[v,l]),null}function A(l,v,_){if(!l||!l.morphTargetDictionary)return;const g=l,y=g.morphTargetDictionary,W=g.morphTargetInfluences;if(W)for(const M in y)M.toLowerCase()===v.toLowerCase()&&(W[y[M]]=_)}function ht(l,v=.97){if(!l)return;const _=l;if(_.morphTargetInfluences)for(let g=0;g<_.morphTargetInfluences.length;g++)_.morphTargetInfluences[g]*=v}const yn=t.memo(({avatarUrl:l,isPlayingRef:v,visemeQueueRef:_,audioContextRef:g,responseAudioStartTimeRef:y,adjustments:W,mood:M,expression:Oe,agentResponse:re,isSpeaking:k,nextStartTimeRef:be,stopPlayback:z,setIsSpeaking:V,expressionUrl:h,onExpressionFinished:Y,isNudgeResponse:b,avatarGender:X})=>{const{scene:L}=Ze.useGLTF(l),_e=X==="female"?ln:un,ke=Ze.useGLTF(_e),Z=t.useMemo(()=>ke.flatMap(p=>p.animations),[ke]),he=X==="female"?fn:hn,I=Ze.useGLTF(he),$=t.useMemo(()=>I.flatMap(p=>p.animations),[I]),G=t.useRef(null),C=t.useRef(null),P=t.useRef(null),B=t.useRef(null),Ee=t.useRef([]),[F]=t.useState(()=>new He.AnimationMixer(L)),N=t.useRef({}),D=t.useRef(null),we=t.useRef(0),Ce=t.useRef(!1),Se=t.useRef(0),ce=t.useRef(null);t.useEffect(()=>{if(!(!Z||!L)){if(Z.forEach((p,d)=>{const o=`idle_${d}`;if(!N.current[o]){const a=F.clipAction(p,L);a.name=o,a.setLoop(He.LoopOnce,1),a.clampWhenFinished=!0,N.current[o]=a}}),$.forEach((p,d)=>{const o=`talk_${d}`;if(!N.current[o]){const a=F.clipAction(p,L);a.name=o,a.setLoop(He.LoopOnce,1),a.clampWhenFinished=!0,N.current[o]=a}}),Z.length>0){const p=N.current.idle_0,d=D.current&&F.existingAction(D.current.getClip());p&&!d&&(p.reset().fadeIn(.5).play(),D.current=p)}return()=>{F.stopAllAction(),N.current={},D.current=null}}},[Z,$,L,F]);const fe=t.useRef("");t.useEffect(()=>{if(!h||!L||h===fe.current)return;fe.current=h,ce.current=h,new nn.GLTFLoader().load(h,d=>{if(d.animations&&d.animations.length>0){const o=d.animations[0],a=F.clipAction(o,L);if(a.name=`EXPR_${h}`,a.setLoop(He.LoopOnce,1),a.clampWhenFinished=!0,N.current[`EXPR_${h}`]=a,k&&ce.current===h){const f=D.current;a.reset().fadeIn(.3).play(),f&&f!==a&&f.crossFadeTo(a,.3,!0),D.current=a,ce.current=null}}},void 0,d=>{console.error(`[ANIMATION] Failed to load ${h}`,d)})},[h,L,F,k]),t.useEffect(()=>{const p=d=>{const o=d.action,a=o.name||"";if(a.startsWith("idle_")){const T=(parseInt(a.split("_")[1])+1)%Z.length,K=N.current[`idle_${T}`];K&&(K.reset().fadeIn(.5).play(),o.crossFadeTo(K,.5,!0),D.current=K)}else if(a.startsWith("EXPR_")){if(k){const f=Math.floor(Math.random()*$.length),T=N.current[`talk_${f}`];T&&(T.reset().fadeIn(.5).play(),o.crossFadeTo(T,.5,!0),D.current=T)}else{const f=N.current.idle_0;f&&(f.reset().fadeIn(.5).play(),o.crossFadeTo(f,.5,!0),D.current=f)}Y&&Y()}else if(a.startsWith("talk_"))if(k&&!b){const T=(parseInt(a.split("_")[1])+1)%$.length,K=N.current[`talk_${T}`];K&&(K.reset().fadeIn(.3).play(),o.crossFadeTo(K,.3,!0),D.current=K)}else{const f=N.current.idle_0;f&&(f.reset().fadeIn(.5).play(),o.crossFadeTo(f,.5,!0),D.current=f)}};return F.addEventListener("finished",p),()=>F.removeEventListener("finished",p)},[F,Z,$,k,b,Y]),t.useEffect(()=>{if(k&&L){const p=D.current,d=p?.name||"";if(d.startsWith("idle_")||d.startsWith("talk_")||d===""){const o=ce.current;if(o){const a=N.current[`EXPR_${o}`];if(a){a.reset().fadeIn(.3).play(),p&&p!==a&&p.crossFadeTo(a,.3,!0),D.current=a,ce.current=null;return}}if(d.startsWith("idle_")||d===""){const a=Math.floor(Math.random()*$.length),f=N.current[`talk_${a}`];f&&(f.reset().fadeIn(.5).play(),p&&p.crossFadeTo(f,.5,!0),D.current=f)}}}else if(!k&&L){const p=D.current,d=p?.name||"";if(d.startsWith("talk_")||d.startsWith("EXPR_")){const o=N.current.idle_0;o&&(o.reset().fadeIn(.5).play(),p&&p.crossFadeTo(o,.5,!0),D.current=o)}}},[k,L,h]),t.useEffect(()=>{if(!L)return;L.traverse(o=>{if(o.isMesh&&o.morphTargetDictionary){const a=o.name.toLowerCase();(a.includes("head")||a.includes("avatar"))&&(C.current=o,j(`[ANIMATION] Found head mesh: ${o.name}`)),a.includes("teeth")&&(P.current=o,j(`[ANIMATION] Found teeth mesh: ${o.name}`)),a.includes("beard")&&(B.current=o,j(`[ANIMATION] Found beard mesh: ${o.name}`))}});const p=C.current?.morphTargetDictionary;p&&Object.keys(p).filter(o=>o.toLowerCase().includes("brow"));const d=[];L.traverse(o=>{if(o.isMesh){const f=o.morphTargetDictionary;f&&Object.keys(f).some(T=>T.toLowerCase().includes("brow"))&&d.push(o)}}),Ee.current=d,d.length>0&&j("[ANIMATION] Meshes with brow morphs:",d.length)},[L]);const Pe=(p,d=1)=>{const o=`viseme_${p}`.toLowerCase(),a=wn.find(f=>f.key.toLowerCase()===o);if(a){for(const f in a.mix){const T=a.mix[f]*d;A(C.current,f,T),A(B.current,f,T),(!a.teethMix||!(f in a.teethMix))&&A(P.current,f,T)}if(a.teethMix)for(const f in a.teethMix){const T=a.teethMix[f]*d;A(P.current,f,T)}}},xe=p=>{const d=Xe[p]??Xe.neutral;for(const o in d)A(C.current,o,d[o]),A(P.current,o,d[o]),A(B.current,o,d[o])};return ft.useFrame((p,d)=>{const o=Math.pow(.88,60*d);ht(C.current,o),ht(P.current,o),ht(B.current,o),xe(M);const a=p.clock.elapsedTime;let f=0;if(Math.floor(a)%5===0&&Math.floor((a-d)%5)!==0){let H=null;L.traverse(J=>{J.name.toLowerCase().includes("hips")&&(H=J)});const ye=H?`Hips Y: ${H.position.y.toFixed(4)}`:"Hips not found";j(`[ANIMATION] Mixer Time: ${F.time.toFixed(2)}, ${ye}`)}if(F.update(d),a>we.current&&!Ce.current&&(Ce.current=!0,Se.current=a),Ce.current){const H=k?.2:.3,ye=(a-Se.current)/H;if(ye>=1){Ce.current=!1;const J=k?1:2.5;we.current=a+J}else{const J=ye<.5?ye*2:(1-ye)*2;A(C.current,"eyeBlinkLeft",J),A(C.current,"eyeBlinkRight",J),A(P.current,"eyeBlinkLeft",J),A(P.current,"eyeBlinkRight",J),A(B.current,"eyeBlinkLeft",J),A(B.current,"eyeBlinkRight",J),f=J*bn.browInnerUp}}const T=Xe[M]??Xe.neutral,K=T.browInnerUp??0,et=T.browOuterUpLeft??0,Je=T.browOuterUpRight??0,Be=a*_n,Te=dt*Math.sin(Be),ee=dt*.7*Math.sin(Be+.7),Ge=dt*.7*Math.sin(Be+1.3),se=H=>Math.max(0,Math.min(1,H)),Ae=se(K+Te),ve=se(et+ee),Fe=se(Je+Ge),Me=se(Ae+f);if(A(C.current,"browInnerUp",Me),A(P.current,"browInnerUp",Me),A(B.current,"browInnerUp",Me),A(C.current,"browOuterUpLeft",ve),A(P.current,"browOuterUpLeft",ve),A(B.current,"browOuterUpLeft",ve),A(C.current,"browOuterUpRight",Fe),A(P.current,"browOuterUpRight",Fe),A(B.current,"browOuterUpRight",Fe),G.current){const H=v.current?0:W.rotation[1];G.current.rotation.y=He.MathUtils.lerp(G.current.rotation.y,H,.1),G.current.position.set(...W.position),G.current.scale.setScalar(W.scale),G.current.rotation.x=W.rotation[0],G.current.rotation.z=W.rotation[2]}if(v.current&&g.current){const H=g.current.currentTime,Ne=(H-y.current)*1e3- -150;for(let te=0;te<_.current.length;te++){const ie=_.current[te];Ne>=ie.vtime&&Ne<ie.vtime+ie.vduration&&Pe(ie.viseme,ie.weight??1)}H>be.current+.5&&(z(),V(!1))}}),c.jsx("group",{ref:G,children:c.jsx("primitive",{object:L})})});function Rn(l){return l?l.charAt(0).toUpperCase()+l.slice(1).toLowerCase():""}function Nt(l){return l.replace(/\*(.*?)\*/g," $1 ").replace(/\[.*?\]/g," ").replace(/<.*?\/>/g," ").replace(/<.*?>.*?<\/.*?>/g," ").replace(/\s+/g," ").trim()}const Ln=({token:l,agentToken:v,onNavigationRequested:_,avatarGender:g,presetUserDetails:y,onAvatarReady:W}={})=>{const M=l??v??"",Oe=cn(M||void 0),[re,k]=t.useState(""),[be,z]=t.useState(""),[V,h]=t.useState("Ready"),[Y,b]=t.useState(!1),[X,L]=t.useState(!1),[_e,ke]=t.useState([]),[Z,he]=t.useState(""),I=t.useRef(null),[$,G]=t.useState(()=>typeof window<"u"?window.matchMedia("(max-width: 480px)").matches:!1);t.useEffect(()=>{const e=window.matchMedia("(max-width: 480px)"),n=()=>G(e.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]);const C=$?80:600,P=t.useRef(!1),B=t.useRef([]),Ee=t.useRef(0),F=t.useRef(!1),N=t.useRef([]),D=t.useRef(null),we=t.useRef([]);t.useRef([]);const Ce=t.useRef([]),Se=t.useRef(0),ce=t.useRef(0),fe=t.useRef(0),Pe=t.useRef(0),xe=t.useRef(!1),[p,d]=t.useState(null),o=t.useRef(null),[a,f]=t.useState("neutral"),[T,K]=t.useState(""),[et,Je]=t.useState(""),[Be,Te]=t.useState("Chat with us"),[ee,Ge]=t.useState(null),[se,Ae]=t.useState("hidden"),[ve,Fe]=t.useState(""),Me=t.useRef(null),H=t.useRef(se);H.current=se;const[ye,J]=t.useState(null),Ne=t.useRef(null),te=t.useRef(null),[ie,mt]=t.useState(!1),pt=t.useRef(null),[ue,ze]=t.useState("hidden"),[gt,Ut]=t.useState(""),tt=t.useRef(ue);tt.current=ue;const ne=t.useRef(""),me=t.useRef(!1),pe=t.useRef(""),bt=t.useRef(Date.now()),nt=t.useRef([]),We=t.useRef(!1),[rt,Ve]=t.useState(!1),[_t,wt]=t.useState(!1),Re=t.useRef(null),Ue=t.useMemo(()=>ie?"Try again":V==="Busy"?"Busy":V==="Thinking..."||V==="Processing Voice..."?V:ee!=null&&ee!==""&&ee!=="none"&&ee!=="<none>"?`Enter ${Rn(ee)}`:ue!=="hidden"||!_t?null:Ft,[V,ee,ie,ue,_t]),St=!ie&&V!=="Busy"&&V!=="Thinking..."&&V!=="Processing Voice..."&&(ee==null||ee===""||ee==="none"||ee==="<none>");t.useEffect(()=>{if(ue!=="hidden"||!St){wt(!1),Re.current!=null&&(clearTimeout(Re.current),Re.current=null);return}return Re.current=setTimeout(()=>{Re.current=null,wt(!0)},400),()=>{Re.current!=null&&(clearTimeout(Re.current),Re.current=null)}},[ue,St]);const Ye=Ue!=null&&Ue!=="";t.useEffect(()=>{const e=H.current;if(!(e==="exiting"||e==="entering")){if(e==="hidden"){Ye&&(Fe(Ue??""),Ae("entering"));return}e==="visible"&&(!Ye||Ue!==ve)&&(Me.current=Ye?Ue:null,Ae("exiting"))}},[Ye,Ue,se,ve]),t.useEffect(()=>{if(V!=="Busy"){te.current!=null&&(clearTimeout(te.current),te.current=null);return}return te.current=setTimeout(()=>{te.current=null,h("Ready"),mt(!0)},12e3),()=>{te.current!=null&&(clearTimeout(te.current),te.current=null)}},[V]),t.useEffect(()=>{if(!ie)return;const e=setTimeout(()=>mt(!1),2500);return()=>clearTimeout(e)},[ie]);const jt=t.useCallback(()=>{const e=H.current;if(e==="exiting"){Ae("hidden");const n=Me.current;Me.current=null,n!=null&&n!==""&&(Fe(n),Ae("entering"))}else e==="entering"&&Ae("visible")},[]),Pt=e=>{if(!e)return;if(e.mood!=null){const s=String(e.mood).toLowerCase();f(s)}if(e.expression!=null){const s=String(e.expression).trim();K(s);const u=dn.find(m=>m.name.toLowerCase()===s.toLowerCase());j(`[STREAM] Animation match for "${s}": ${u?u.name:"NONE"}`),Je(u?.url??"")}if(e.navigation!=null){const s=String(e.navigation).trim();s!==""&&(_?_(s):window.open(s,"_blank"))}const n=e.ask_for||e.lead_capture?.ask_for,r=n?String(n).trim().toLowerCase():"",i=r==="none"||r==="<none>";if(n&&!i){const s=r;if(y&&(s==="email"&&y.email||s==="name"&&y.name||s==="phone"&&y.phone))return;Ge(s||null),Te(s==="email"?"Enter your email":s==="name"?"Enter your name":s==="phone"?"Enter your phone number":"Chat with us")}else(i||e.ask_for===null||e.lead_capture&&e.lead_capture.ask_for===null||e.ask_for==="none")&&(Ge(null),Be!=="Chat with us"&&Te("Chat with us"));e.collected,e.valid},Bt=e=>{const n=e.trim();if(!n)return null;if(n.startsWith("{"))try{return JSON.parse(n)}catch{return null}if(n.includes(":")){const r=n.split(":"),i=r[0].trim().toLowerCase(),s=r.slice(1).join(":").trim();return{[i]:s}}return null},Wt=t.useCallback(()=>{},[]),Le="§",st=()=>{for(;ne.current.includes(`
|
|
2
|
+
`);){const e=ne.current.indexOf(`
|
|
3
|
+
`),n=ne.current.slice(0,e).trim();ne.current=ne.current.slice(e+1);const r=Bt(n);r&&Pt(r)}},xt=e=>{if(me.current)if(e.includes(Le)){const n=e.indexOf(Le),r=e.slice(0,n),i=e.slice(n+Le.length);r&&(pe.current+=r,z(s=>s+r)),me.current=!1,i&&(ne.current+=i,st())}else e===Le?me.current=!1:(pe.current+=e,z(n=>n+e));else if(e.includes(Le)){const n=e.indexOf(Le),r=e.slice(0,n),i=e.slice(n+Le.length);ne.current+=r,st(),me.current=!0,i&&(pe.current+=i,z(s=>s+i))}else if(e===Le){me.current=!0;return}else ne.current+=e,st()};t.useEffect(()=>{(async()=>{if(!sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID")){const s="secret",u=Math.floor(Date.now()/1e3).toString();try{const m=new TextEncoder,w=await crypto.subtle.importKey("raw",m.encode(s),{name:"HMAC",hash:"SHA-256"},!1,["sign"]),x=await crypto.subtle.sign("HMAC",w,m.encode(u)),S=Array.from(new Uint8Array(x)).map(E=>E.toString(16).padStart(2,"0")).join("");sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID",S),j("[SESSION] New HMAC UID generated and saved:",S)}catch(m){console.error("[SESSION] HMAC generation failed:",m);const w=Math.random().toString(36)+Date.now().toString();sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID",w)}}const r=sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES");let i=[];if(r)try{i=JSON.parse(r)}catch{i=[]}i.length===0&&y&&(y.name||y.email)?(i=[{role:"user",content:`PRESET_USER_DETAILS: Name is "${y.name||""}" , Email is "${y.email||""}"`}],sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES",JSON.stringify(i))):r||sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES",JSON.stringify([]))})()},[y]),t.useEffect(()=>{const e=()=>{bt.current=Date.now(),We.current&&(We.current=!1,Ve(!1),ke([]),he(""),z(""),L(!1))};window.addEventListener("mousemove",e),window.addEventListener("keydown",e),window.addEventListener("mousedown",e),window.addEventListener("touchstart",e);const n=setInterval(async()=>{if(Date.now()-bt.current>=3e4&&!X&&!Y&&V==="Ready"&&!We.current)if(We.current=!0,nt.current.length>0)Ve(!0),ke(nt.current);else try{const s=`${qe}/nudgeUser`,u={navigationUrl:window.location.href,token:M},m=await fetch(s,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});if(m.ok){const x=(await m.json()).nudge_questions;x&&x.length>0&&(j("[NUDGE] Received nudge questions from API:",x),nt.current=x,Ve(!0),ke(x))}}catch(s){console.error("[NUDGE] Error calling /nudgeUser:",s),We.current=!1}},1e3);return()=>{window.removeEventListener("mousemove",e),window.removeEventListener("keydown",e),window.removeEventListener("mousedown",e),window.removeEventListener("touchstart",e),clearInterval(n)}},[M,X,Y,V]),t.useEffect(()=>{if(_e.length===0)return;let e=0,n=0,r=!1,i=100;const s=()=>{const u=_e[e];if(r){const m=u.substring(0,n-1);he(m),n--,i=50}else{const m=u.substring(0,n+1);he(m),n++,i=100}!r&&n===u.length?(r=!0,i=3e3):r&&n===0&&(r=!1,e=(e+1)%_e.length,i=500),I.current=setTimeout(s,i)};return s(),()=>{I.current&&clearTimeout(I.current)}},[_e]);const vt=()=>{try{return JSON.parse(sessionStorage.getItem("STREAMOJI_LEADS_SESSION_MESSAGES")||"[]")}catch{return[]}},Vt=e=>{sessionStorage.setItem("STREAMOJI_LEADS_SESSION_MESSAGES",JSON.stringify(e))},[it,ot]=t.useState(!1),[yt,at]=t.useState(0),le=t.useRef(null),Ke=t.useRef([]),Rt=t.useRef(0),[Lt,$t]=t.useState(null),[Ht,ct]=t.useState(null),ge=t.useRef(null),Ie=t.useRef(null),$e=t.useCallback((e=!1)=>{e&&(xe.current=!0,b(!1),h("Ready")),N.current=[],B.current=[],F.current=!1,L(!1),Se.current=0,ce.current=0,fe.current=0,we.current.forEach(n=>{try{n.stop()}catch{}}),Ne.current&&(clearTimeout(Ne.current),Ne.current=null),J(null),Je(""),we.current=[]},[]),qt=async()=>{try{const e=await navigator.mediaDevices.getUserMedia({audio:!0}),n=window.AudioContext||window.webkitAudioContext,r=new n,i=r.createMediaStreamSource(e),s=r.createAnalyser();s.fftSize=64,i.connect(s),ge.current=r,Ie.current=i,ct(s);const u=new MediaRecorder(e);le.current=u,Ke.current=[],u.ondataavailable=m=>{m.data.size>0&&Ke.current.push(m.data)},u.onstop=async()=>{const m=Date.now()-Rt.current;if(ct(null),Ie.current&&(Ie.current.disconnect(),Ie.current=null),ge.current&&ge.current.state!=="closed"&&(ge.current.close(),ge.current=null),m<1e3){h("Recording too short. Hold or click longer."),b(!1);return}const w=new Blob(Ke.current,{type:"audio/wav"});await Yt(w)},Rt.current=Date.now(),u.start(100),ot(!0),h("Listening...")}catch(e){console.error("Error accessing microphone:",e),h("Mic Access Error")}},Jt=()=>{le.current&&le.current.state!=="inactive"&&(le.current.stop(),le.current.stream.getTracks().forEach(e=>e.stop()),ot(!1))},Gt=()=>{le.current&&le.current.state!=="inactive"&&(le.current.onstop=null,le.current.stop(),le.current.stream.getTracks().forEach(e=>e.stop()),ct(null),Ie.current&&(Ie.current.disconnect(),Ie.current=null),ge.current&&ge.current.state!=="closed"&&(ge.current.close(),ge.current=null),ot(!1),Ke.current=[],h("Ready"))};t.useEffect(()=>{if(!X)return;const e=()=>{const n=fe.current;if(n<=0)return;const r=D.current,i=Se.current;if(!r)return;const s=r.currentTime-i,u=Math.min(Math.max(0,s),n),w=Nt(be).trim().length;if(w<=0)return;const x=Math.min(Math.round(u/n*w),w);d(x)};return clearInterval(o.current??void 0),o.current=setInterval(e,90),()=>clearInterval(o.current??void 0)},[X,be,fe.current]),t.useEffect(()=>{let e;return it?(at(0),e=window.setInterval(()=>{at(n=>n+1)},1e3)):at(0),()=>clearInterval(e)},[it]);const zt=e=>{const n=e.numberOfChannels,r=e.length*n*2+44,i=new ArrayBuffer(r),s=new DataView(i);let u=0;const m=S=>{s.setUint16(u,S,!0),u+=2},w=S=>{s.setUint32(u,S,!0),u+=4};w(1179011410),w(r-8),w(1163280727),w(544501094),w(16),m(1),m(n),w(e.sampleRate),w(e.sampleRate*2*n),m(n*2),m(16),w(1635017060),w(r-u-4);const x=[];for(let S=0;S<n;S++)x.push(e.getChannelData(S));let R=0;for(;u<r;){for(let S=0;S<n;S++){let E=Math.max(-1,Math.min(1,x[S][R]));E=E<0?E*32768:E*32767,s.setInt16(u,E,!0),u+=2}R++}return new Blob([i],{type:"audio/wav"})},ut=async(e,n,r=!1)=>{if(!xe.current){if(P.current){B.current.push({audio:e,visemes:n,isNewSegment:r});return}P.current=!0;try{const i=window.AudioContext||window.webkitAudioContext,s=D.current??new i;s.state==="suspended"&&await s.resume(),D.current=s;const u=window.atob(e),m=new Uint8Array(u.length);for(let U=0;U<u.length;U++)m[U]=u.charCodeAt(U);const w=await s.decodeAudioData(m.buffer.slice(0));fe.current+=w.duration;const x=s.currentTime;let R=ce.current;const S=!F.current;R<x&&(R=x+.1),ce.current=R+w.duration;const E=s.createBufferSource();E.buffer=w;let q=Lt;if((!q||q.context!==s)&&(q=s.createAnalyser(),q.fftSize=64,q.connect(s.destination),$t(q)),E.connect(q),we.current.push(E),xe.current){we.current=we.current.filter(U=>U!==E);return}if(S){F.current=!0,L(!0),j(`[AUDIO] setIsSpeaking(true) - First chunk starting at ${R.toFixed(3)}`),Se.current=R;const U=(R-x)*1e3;Ee.current=performance.now()+U,j(`[AUDIO] Response started. Initial startTime: ${R.toFixed(3)}, CT: ${x.toFixed(3)}`)}E.start(R);const Q=(R-Se.current)*1e3;r&&(Pe.current=Q,j(`[AUDIO] New segment detected at +${Q.toFixed(0)}ms. Resetting segment offset.`)),n.forEach((U,oe)=>{const O=U.symbol??"";if(O){const ae=xn(O),de=Math.round(U.start*1e3),De=Math.round((U.duration??0)*1e3),It=Pe.current+de;oe<3&&j(`[AUDIO] Viseme "${O}": segment_relative=${de}ms, segment_offset=${Pe.current.toFixed(0)}ms => vtime=${It}ms`),ae.forEach(Dt=>{N.current.push({viseme:Dt.v,weight:Dt.w,vtime:It,vduration:De})})}}),h("Speaking...")}finally{if(P.current=!1,B.current.length>0){const i=B.current.shift();i&&ut(i.audio,i.visemes,i.isNewSegment)}}}},Yt=async e=>{try{b(!0),Ve(!1),pe.current="",z(""),h("Processing Voice...");const n=await e.arrayBuffer(),i=await new(window.AudioContext||window.webkitAudioContext)().decodeAudioData(n),s=zt(i),u=new FileReader;u.readAsDataURL(s),u.onloadend=async()=>{const m=u.result.split(",")[1];$e(),k(""),ne.current="",me.current=!1;const w=`${qe}/stt?token=${encodeURIComponent(M)}`,x=await fetch(w,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({audio_base64:m,audio_format:"wav"})});if(x.status===429){try{const oe=await x.text(),O=JSON.parse(oe);j("[STT] 429 agent at capacity:",O?.detail)}catch{}k(""),h("Busy"),b(!1);return}if(!x.ok){const oe=await x.text();let O="STT Failed";try{O=JSON.parse(oe).error||O}catch{oe&&(O=oe.slice(0,200))}throw new Error(O)}const R=x.body;if(j("this is body"+R),!R){h("STT Failed"),b(!1);return}const S=R.getReader();xe.current=!1;const E=new TextDecoder;let q="",Q=!1;const U=async(oe,O)=>{switch(oe){case"transcript":O.transcript!=null&&k(String(O.transcript));break;case"text":{const ae=O.delta??O.text??"";ae&&xt(ae);break}case"audio":{const ae=O.chunk,de=O.visemes??[],De=!!O.is_new_segment;ae&&await ut(ae,de,De);break}case"done":{Q=!0,h("Ready"),b(!1);break}case"error":{Q=!0,h("STT Failed"),b(!1);break}default:break}};for(;;){const{done:oe,value:O}=await S.read();O&&(q+=E.decode(O,{stream:!0}));const ae=q.split(`
|
|
4
4
|
|
|
5
|
-
`);q=
|
|
5
|
+
`);q=ae.pop()??"";for(const de of ae){const De=je(de);De&&await U(De.event,De.data)}if(oe){if(q.trim()){const de=je(q.trim());de&&await U(de.event,de.data)}Q||(h("Ready"),b(!1));break}}}}catch(n){console.error("Audio Submission Error:",n),h("STT Failed"),b(!1)}},Kt=async e=>{e&&e.preventDefault(),Ve(!1),pe.current="",z(""),!(!re||Y)&&await Qt(re)},je=e=>{const n=e.split(/\r?\n/);let r="",i="";for(const u of n)u.startsWith("event:")?r=u.slice(6).trim():u.startsWith("data:")&&(i=u.slice(5).trim());if(!r)return null;let s={};if(i)try{s=JSON.parse(i)}catch{s={raw:i}}return{event:r,data:s}},Qe=(e,n)=>{switch(e){case"connected":ne.current="",me.current=!1;break;case"text":{const r=n.delta??"";r&&xt(r);break}case"audio":{const r=n.chunk,i=n.visemes??[];r&&ut(r,i);break}case"done":{const r=vt(),i=pe.current.trim(),s=[...r,{role:"user",content:re||"..."},{role:"assistant",content:i}];Vt(s),Ce.current=[...N.current],h("Ready"),b(!1),k("");break}case"error":{const r=n.message??"Unknown error";pe.current=r,z(r),h("Agent Failed"),b(!1);break}}},kt=async(e,n)=>{b(!0),h("Thinking..."),pe.current="",ne.current="",me.current=!1,$e(),fe.current=0,d(0);try{const r=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(r.status===429){h("Busy"),b(!1);return}if(!r.ok)throw new Error("Request failed");const i=r.body;if(!i){h("Failed"),b(!1);return}const s=i.getReader();xe.current=!1;const u=new TextDecoder;let m="";for(;;){const{done:w,value:x}=await s.read();x&&(m+=u.decode(x,{stream:!0}));const R=m.split(`
|
|
6
6
|
|
|
7
|
-
`);
|
|
7
|
+
`);m=R.pop()??"";for(const S of R){const E=je(S);E&&Qe(E.event,E.data)}if(w){if(m.trim()){const S=je(m.trim());S&&Qe(S.event,S.data)}h("Ready"),b(!1);break}}}catch(r){console.error("Streaming Error:",r),h("Failed"),b(!1)}},Et=t.useCallback(async(e,n,r,i,s,u="inworld")=>{const m=`${qe}/avatar_tts`;await kt(m,{text:e,userQuery:n,llmPrompt:r,accessKey:i,agentUrl:s,flow:u})},[]),Tt=t.useCallback(async(e,n,r,i,s="inworld")=>{const u=`${qe}/avatar_ttsWithKnowledge`;await kt(u,{userQuery:e,llmPrompt:n,knowledge:r,history:i,flow:s})},[]),At=t.useRef(!1);t.useEffect(()=>{W&&!At.current&&(W({avatarSpeak:Et,avatarRespond:Tt}),At.current=!0)},[W,Et,Tt]);const Qt=async e=>{b(!0),h("Thinking..."),pe.current="",ne.current="",me.current=!1,$e(),fe.current=0,d(0);const n=`${qe}/agent/chat?token=${encodeURIComponent(M)}`;try{const r=vt();let i=sessionStorage.getItem("STREAMOJI_LEADS_SESSION_LEAD_ID");i||(sn("[CHAT] Session UID missing at send time! Generating emergency backup."),i="emergency-"+Math.random().toString(36).substring(7),sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID",i));const s={history:r,question:e,lead_id:i};j("[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 S=await u.json();j("[CHAT] 429 agent at capacity:",S?.detail)}catch{}k(""),h("Busy"),b(!1);return}if(!u.ok)throw new Error("Agent request failed");const m=u.body;if(!m){h("Agent Failed"),b(!1);return}const w=m.getReader();xe.current=!1;const x=new TextDecoder;let R="";for(;;){const{done:S,value:E}=await w.read();j(`[SSE] Chunk received. done=${S}, length=${E?.length||0}`),E&&(R+=x.decode(E,{stream:!0}));const q=R.split(`
|
|
8
|
+
|
|
9
|
+
`);R=q.pop()??"";for(const Q of q){j(`[SSE] Processing block: ${Q.slice(0,50)}...`);const U=je(Q);U&&(j(`[SSE] Event: ${U.event}`),Qe(U.event,U.data))}if(S){if(j("[SSE] Stream finished"),R.trim()){const Q=je(R.trim());Q&&Qe(Q.event,Q.data)}h("Ready"),b(!1),k("");break}}}catch(r){console.error("Chat Error:",r),h("Agent Failed"),b(!1)}},Xt=be.trim(),Mt=Nt(Xt),lt=Mt&&X?Mt.slice(0,p!=null&&p>0?p:0):"";t.useEffect(()=>{const e=tt.current;e!=="exiting"&&(lt?(Ut(lt),e==="hidden"&&ze("entering")):(e==="visible"||e==="entering")&&ze("exiting"))},[lt,ue]);const Zt=t.useCallback(()=>{const e=tt.current;e==="entering"?ze("visible"):e==="exiting"&&ze("hidden")},[]);t.useLayoutEffect(()=>{const e=pt.current;e&&(e.scrollTop=e.scrollHeight)},[gt]);const en=g==="female"?gn:pn;return c.jsxs("div",{className:"avatar-widget-container",children:[c.jsxs("div",{className:"avatar-input-area",children:[se!=="hidden"?c.jsx("div",{className:`avatar-thinking-tab${se==="exiting"?" avatar-thinking-tab--exiting":se==="entering"?" avatar-thinking-tab--entering":""}`,onAnimationEnd:jt,children:ve===Ft?c.jsx("a",{href:"https://leads.streamoji.com",target:"_blank",rel:"noopener noreferrer",children:"Made by Streamoji Leads"}):ve}):null,c.jsx("div",{className:"avatar-input-container",children:c.jsx("div",{style:{display:"flex",alignItems:"center",width:"100%",height:"100%"},children:it?c.jsxs("div",{className:"avatar-input-recording",children:[c.jsx("button",{type:"button",className:"avatar-recording-cancel",onClick:Gt,title:"Cancel",children:c.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:[c.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),c.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}),c.jsxs("div",{style:{flex:1,height:"100%",position:"relative",display:"flex",alignItems:"center",minWidth:0},children:[c.jsx("div",{style:{flex:1,height:"100%"},children:c.jsx(Ot,{analyser:Ht})}),c.jsxs("span",{style:{fontSize:"0.75rem",color:"#64748b",fontWeight:500,marginLeft:"4px",minWidth:"32px",textAlign:"right",fontVariantNumeric:"tabular-nums"},children:[Math.floor(yt/60),":",String(yt%60).padStart(2,"0")]})]}),c.jsx("button",{type:"button",className:"avatar-recording-confirm",onClick:Jt,title:"Send",children:c.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:c.jsx("polyline",{points:"20 6 9 17 4 12"})})})]}):X&&!rt?c.jsxs("div",{className:"avatar-input-speaking",children:[c.jsx("div",{style:{flex:1,height:"100%",display:"flex",alignItems:"center",paddingRight:"8px"},children:c.jsx(Ot,{analyser:Lt})}),c.jsx("button",{type:"button",className:"avatar-speaking-stop",onClick:()=>$e(!0),title:"Stop",children:c.jsx("span",{className:"avatar-speaking-stop__icon","aria-hidden":!0})})]}):Y?c.jsx("div",{style:{flex:1,height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:c.jsx("div",{className:"avatar-input-loader"})}):c.jsxs("form",{onSubmit:Kt,style:{flex:1,display:"flex",height:"100%",alignItems:"center"},children:[c.jsx("input",{id:"avatar-text-input",type:"text",value:re,onChange:e=>k(e.target.value),placeholder:V==="Busy"?"Assisting another user":Z||"Ask me anything",disabled:Y||V==="Busy",autoComplete:"off",style:{width:"100%",height:"100%"}}),V==="Busy"?c.jsx("button",{type:"button",className:"mic-button",disabled:!0,style:{backgroundColor:"#1e4a5e"},title:"Agent at capacity",children:c.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:c.jsx("path",{d:"M4 2L20 2L12 10L4 2z M12 14L4 22L20 22L12 14z",fill:"white"})})}):re.trim()===""?c.jsx("button",{type:"button",className:"mic-button",onClick:qt,disabled:Y,style:{backgroundColor:"#1e4a5e"},children:c.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[c.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"}),c.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"})]})}):c.jsx("button",{type:"submit",className:"mic-button",disabled:Y,style:{backgroundColor:"#1e4a5e"},title:"Send",children:c.jsx("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:c.jsx("path",{d:"M19 12H5M19 12L14 17M19 12L14 7",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})})})]}),c.jsx("div",{className:"avatar-wrapper",children:c.jsxs("div",{className:"avatar-scene-wrapper",children:[ue!=="hidden"&&c.jsx("div",{className:`avatar-bubble${ue==="entering"?" avatar-bubble--entering":ue==="exiting"?" avatar-bubble--exiting":""}`,onAnimationEnd:Zt,children:c.jsx("div",{ref:pt,className:`avatar-bubble__content${rt?" avatar-bubble__content--nudge":""}`,children:gt})}),c.jsx("div",{className:"avatar-canvas-layer",style:{width:C,height:C},children:c.jsxs(ft.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:[c.jsx(vn,{target:en}),c.jsx("ambientLight",{intensity:.7}),c.jsx("directionalLight",{position:[0,2,2],intensity:1}),c.jsx(Ze.Environment,{preset:"city"}),c.jsx(t.Suspense,{fallback:null,children:Oe!==null&&c.jsx(yn,{avatarUrl:Oe,isPlayingRef:F,visemeQueueRef:N,audioContextRef:D,responseAudioStartTimeRef:Se,adjustments:mn,mood:a,expression:T,agentResponse:be,isSpeaking:X,nextStartTimeRef:ce,stopPlayback:$e,setIsSpeaking:L,expressionUrl:et,onExpressionFinished:Wt,isNudgeResponse:rt,avatarGender:g})})]})})]})})]})},kn=({token:l,avatarGender:v,onNavigationRequested:_,presetUserDetails:g})=>c.jsx(Ln,{token:l,onNavigationRequested:_,avatarGender:v,presetUserDetails:g});exports.AvatarWidget=kn;
|
package/dist/avatar-widget.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.avatar-widget-container{position:fixed;bottom:0;right:0;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;width:280px}.avatar-bubble{z-index:10002;background:#fff;padding:1.25rem 1.5rem 1.5rem;min-height:3em;border-radius:24px;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:500;line-height:1.5;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid rgba(0,0,0,.05);position:absolute;top:64px;left:50%;transform:translate(-50%,-100%);max-width:min(320px,85vw);width:100%;pointer-events:none;-webkit-user-select:text;user-select:text;overflow:visible;word-break:break-word}.avatar-bubble:after{content:"";position:absolute;bottom:0;right:18%;width:29px;height:33px;background-image:url("data:image/svg+xml,%3Csvg width='29' height='33' viewBox='0 0 29 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5%209C3.55459%207.42985%204.13875e-07%208%204.13875e-07%208L0.517701%20-9.50694e-06L28.5%200.995422L28.2689%207.49131C28.2689%207.49131%2023.754%207.83102%2022.2194%208.77706C20.6848%209.7231%2019.1146%2011.6685%2018.5794%2012.6501C18.0442%2013.6317%206.37564%2032.2286%206.37564%2032.2286C6.37564%2032.2286%207.46192%2015.7568%207.53302%2013.7581C7.60412%2011.7594%207.44541%2010.5702%205.5%209Z' fill='white'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08));transform:translateY(78%) rotate(0)}.avatar-bubble__content{max-height:63px;overflow-y:auto;word-break:break-word;scrollbar-width:none;-ms-overflow-style:none}.avatar-bubble__content::-webkit-scrollbar{display:none}.avatar-bubble__content--nudge{max-height:160px!important}.avatar-bubble--entering{animation:avatarBubbleEnter .35s ease-out forwards}.avatar-bubble--exiting{animation:avatarBubbleExit .6s ease-in 2s forwards}@keyframes avatarBubbleEnter{0%{transform:translate(120%,-100%);opacity:0}to{transform:translate(-50%,-100%);opacity:1}}@keyframes avatarBubbleExit{0%{transform:translate(-50%,-100%);opacity:1}to{transform:translate(120%,-100%);opacity:0}}.avatar-wrapper{pointer-events:none;width:300px;height:400px;cursor:pointer;transition:transform .3s ease;z-index:1000}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-circle-bg{width:100%;height:100%;border-radius:50%;border:2px solid white;background:linear-gradient(135deg,#008b8b,#38bdf8);box-shadow:0 4px 20px #0000004d;position:absolute;top:0;left:0;z-index:1}.avatar-circle-bg:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 #ffffffb3;animation:pulse-white 2s infinite;z-index:-1}.avatar-scene-wrapper{z-index:2;pointer-events:none;overflow:visible}.avatar-scene-wrapper .avatar-canvas-layer{position:absolute;bottom:0;right:0;pointer-events:none!important;overflow:visible}.avatar-canvas-layer{width:400px;height:400px;z-index:2;pointer-events:none!important;overflow:visible}.avatar-canvas-layer canvas{pointer-events:none!important}@keyframes pulse-white{0%{transform:scale(.95);box-shadow:0 0 #ffffffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.avatar-input-area{position:absolute;bottom:4px;right:4px;z-index:10001;display:flex;flex-direction:column;align-items:flex-end;gap:6px}@keyframes thinkingTabPopUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes thinkingTabPopDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(28px);opacity:0}}.avatar-thinking-tab{background:#1e4a5e;color:#fff;font-size:.8rem;font-weight:500;padding:6px 14px;border-radius:12px 12px 0 0;font-family:Inter,system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0000001a;position:absolute;bottom:45px;left:25px}.avatar-thinking-tab--entering{animation:thinkingTabPopUp .25s ease-out forwards}.avatar-thinking-tab--exiting{animation:thinkingTabPopDown .25s ease-in forwards}.avatar-thinking-tab a{color:inherit;text-decoration:none}.avatar-thinking-tab a:hover{text-decoration:underline}.avatar-input-container{position:relative;bottom:auto;right:auto;z-index:10001;width:100%;min-width:280px;height:48px;min-height:48px;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch;overflow:hidden;background:#fff;border-radius:50px;padding:0 6px;box-shadow:0 2px 12px #00000014}.avatar-input-container>div:first-child{display:flex;align-items:center;width:100%;height:100%;min-height:0}.avatar-input-container .avatar-input-loader{height:30px;aspect-ratio:2.5;--_g: no-repeat radial-gradient(farthest-side, #1e4a5e 90%, #0000);background:var(--_g),var(--_g),var(--_g),var(--_g);background-size:20% 50%;animation:avatar-input-l44 1s infinite linear alternate}@keyframes avatar-input-l44{0%,5%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}12.5%{background-position:0% 0,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}25%{background-position:0% 0,calc(1*100%/3) 0,calc(2*100%/3) 50%,100% 50%}37.5%{background-position:0% 100%,calc(1*100%/3) 0,calc(2*100%/3) 0,100% 50%}50%{background-position:0% 100%,calc(1*100%/3) 100%,calc(2*100%/3) 0,100% 0}62.5%{background-position:0% 50%,calc(1*100%/3) 100%,calc(2*100%/3) 100%,100% 0}75%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 100%,100% 100%}87.5%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 100%}95%,to{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}}.avatar-input-header{background:#1e4a5e;color:#fff;padding:6px 16px;width:fit-content;min-width:35%;margin-left:8%;border-radius:12px 12px 0 0;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:-.01em;text-align:center;white-space:nowrap}.avatar-input-body{background:#fff;padding:6px;border-radius:50px;display:flex;flex-direction:column}.avatar-input-body form{display:flex;align-items:center;width:100%}#avatar-text-input{background:transparent;border:none;color:#334155;font-size:.95rem;line-height:1.25;outline:none;padding:0 2px 0 12px;flex:1;min-width:0;font-family:Inter,system-ui,sans-serif}#avatar-text-input::placeholder{color:#94a3b8}.avatar-input-container .mic-button{background:#1e4a5e;color:#fff;border:none;width:38px;height:38px;border-radius:50%!important;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-right:0;margin-left:8px}.avatar-input-container .mic-button:hover{background:#163a4a;transform:translateY(-1px)}.avatar-input-recording{flex:1;display:flex;align-items:center;width:100%;height:100%;min-height:36px;gap:8px}.avatar-input-recording .avatar-recording-cancel,.avatar-input-recording .avatar-recording-confirm{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:0;align-self:center;box-sizing:border-box}.avatar-input-recording .avatar-recording-cancel{background:#cbd5e1;color:#fff}.avatar-input-recording .avatar-recording-confirm{background:#1e4a5e;color:#fff}.avatar-input-recording .avatar-recording-cancel:hover,.avatar-input-recording .avatar-recording-confirm:hover{opacity:.9}.avatar-input-speaking{flex:1;display:flex;align-items:center;width:100%;height:100%;min-height:36px;gap:8px}.avatar-input-speaking .avatar-speaking-stop{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:2px solid #7dd3fc;background:#1e4a5e;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:0;align-self:center;box-sizing:border-box}.avatar-input-speaking .avatar-speaking-stop:hover{opacity:.9}.avatar-speaking-stop__icon{width:10px;height:10px;background:#cbd5e1;border-radius:2px;display:block}.avatar-status-text{font-size:.75rem;color:#64748b;text-align:center;padding-bottom:4px;font-family:Inter,sans-serif}@media(max-width:480px){.avatar-widget-container{width:100%;left:0;right:0;bottom:0;padding:0 max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));box-sizing:border-box;flex-direction:column-reverse;align-items:flex-end}.avatar-input-area{position:relative;width:100%}.avatar-input-container{width:100%;min-width:0;max-width:100%;right:auto;bottom:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.avatar-wrapper{width:80px;height:80px;align-self:flex-end}.avatar-scene-wrapper{width:80px;height:80px}.avatar-canvas-layer{width:350px!important;height:350px!important;right:-28px!important}.avatar-bubble{left:16px;right:auto;top:40px;transform:translateY(-50%);max-width:calc(100vw - 120px);font-size:.85rem;padding:.6rem .85rem .75rem;border-radius:18px;height:90px;box-shadow:0 6px 22px -4px #00000021,0 2px 7px -2px #00000014}.avatar-bubble--entering{animation:avatarBubbleEnterMobile .35s ease-out forwards}.avatar-bubble--exiting{animation:avatarBubbleExitMobile .6s ease-in 2s forwards}@keyframes avatarBubbleEnterMobile{0%{transform:translate(-20px,-50%);opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes avatarBubbleExitMobile{0%{transform:translateY(-50%);opacity:1}to{transform:translate(-20px,-50%);opacity:0}}.avatar-bubble:after{left:auto;right:4px;bottom:50%;width:16px;height:18px;background-size:100% 100%;transform:translate(100%,50%) rotate(-90deg)}.avatar-input-header{padding:8px 12px;font-size:14px}}.speech-bubble{background:#fff;border-radius:40px 40px 0/40px 40px 0px;padding:16px 24px;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;line-height:1.4;max-width:320px;width:max-content;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;text-align:center;z-index:10002;transform:translate(-50%,-100%);margin-bottom:20px}@keyframes bubbleFadeIn{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.thinking-dots{display:flex;justify-content:center;align-items:center;gap:4px;height:12px}.thinking-dots span{width:6px;height:6px;background-color:#94a3b8;border-radius:50%;display:inline-block;animation:thinking-dot-pulse 1.4s infinite ease-in-out both}.thinking-dots span:nth-child(1){animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes thinking-dot-pulse{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}
|
|
1
|
+
.avatar-widget-container{position:fixed;bottom:0;right:0;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;width:280px}.avatar-bubble{z-index:10002;background:#fff;padding:.8rem;min-height:3em;border-radius:24px;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:500;line-height:1.4;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid rgba(0,0,0,.05);position:absolute;top:64px;left:50%;transform:translate(-50%,-100%);max-width:min(320px,85vw);width:100%;pointer-events:none;-webkit-user-select:text;user-select:text;overflow:visible;word-break:break-word}.avatar-bubble:after{content:"";position:absolute;bottom:0;right:18%;width:29px;height:33px;background-image:url("data:image/svg+xml,%3Csvg width='29' height='33' viewBox='0 0 29 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5%209C3.55459%207.42985%204.13875e-07%208%204.13875e-07%208L0.517701%20-9.50694e-06L28.5%200.995422L28.2689%207.49131C28.2689%207.49131%2023.754%207.83102%2022.2194%208.77706C20.6848%209.7231%2019.1146%2011.6685%2018.5794%2012.6501C18.0442%2013.6317%206.37564%2032.2286%206.37564%2032.2286C6.37564%2032.2286%207.46192%2015.7568%207.53302%2013.7581C7.60412%2011.7594%207.44541%2010.5702%205.5%209Z' fill='white'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08));transform:translateY(78%) rotate(0)}.avatar-bubble__content{max-height:63px;overflow-y:auto;word-break:break-word;scrollbar-width:none;-ms-overflow-style:none}.avatar-bubble__content::-webkit-scrollbar{display:none}.avatar-bubble__content--nudge{max-height:160px!important}.avatar-bubble--entering{animation:avatarBubbleEnter .35s ease-out forwards}.avatar-bubble--exiting{animation:avatarBubbleExit .6s ease-in 2s forwards}@keyframes avatarBubbleEnter{0%{transform:translate(120%,-100%);opacity:0}to{transform:translate(-50%,-100%);opacity:1}}@keyframes avatarBubbleExit{0%{transform:translate(-50%,-100%);opacity:1}to{transform:translate(120%,-100%);opacity:0}}.avatar-wrapper{pointer-events:none;width:300px;height:400px;cursor:pointer;transition:transform .3s ease;z-index:1000}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-circle-bg{width:100%;height:100%;border-radius:50%;border:2px solid white;background:linear-gradient(135deg,#008b8b,#38bdf8);box-shadow:0 4px 20px #0000004d;position:absolute;top:0;left:0;z-index:1}.avatar-circle-bg:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 #ffffffb3;animation:pulse-white 2s infinite;z-index:-1}.avatar-scene-wrapper{z-index:2;pointer-events:none;overflow:visible}.avatar-scene-wrapper .avatar-canvas-layer{position:absolute;bottom:0;right:0;pointer-events:none!important;overflow:visible}.avatar-canvas-layer{width:400px;height:400px;z-index:2;pointer-events:none!important;overflow:visible}.avatar-canvas-layer canvas{pointer-events:none!important}@keyframes pulse-white{0%{transform:scale(.95);box-shadow:0 0 #ffffffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.avatar-input-area{position:absolute;bottom:4px;right:4px;z-index:10001;display:flex;flex-direction:column;align-items:flex-end;gap:6px}@keyframes thinkingTabPopUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes thinkingTabPopDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(28px);opacity:0}}.avatar-thinking-tab{background:#1e4a5e;color:#fff;font-size:.8rem;font-weight:500;padding:6px 14px;border-radius:12px 12px 0 0;font-family:Inter,system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0000001a;position:absolute;bottom:45px;left:25px}.avatar-thinking-tab--entering{animation:thinkingTabPopUp .25s ease-out forwards}.avatar-thinking-tab--exiting{animation:thinkingTabPopDown .25s ease-in forwards}.avatar-thinking-tab a{color:inherit;text-decoration:none}.avatar-thinking-tab a:hover{text-decoration:underline}.avatar-input-container{position:relative;bottom:auto;right:auto;z-index:10001;width:100%;min-width:280px;height:48px;min-height:48px;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch;overflow:hidden;background:#fff;border-radius:50px;padding:0 6px;box-shadow:0 2px 12px #00000014}.avatar-input-container>div:first-child{display:flex;align-items:center;width:100%;height:100%;min-height:0}.avatar-input-container .avatar-input-loader{height:30px;aspect-ratio:2.5;--_g: no-repeat radial-gradient(farthest-side, #1e4a5e 90%, #0000);background:var(--_g),var(--_g),var(--_g),var(--_g);background-size:20% 50%;animation:avatar-input-l44 1s infinite linear alternate}@keyframes avatar-input-l44{0%,5%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}12.5%{background-position:0% 0,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}25%{background-position:0% 0,calc(1*100%/3) 0,calc(2*100%/3) 50%,100% 50%}37.5%{background-position:0% 100%,calc(1*100%/3) 0,calc(2*100%/3) 0,100% 50%}50%{background-position:0% 100%,calc(1*100%/3) 100%,calc(2*100%/3) 0,100% 0}62.5%{background-position:0% 50%,calc(1*100%/3) 100%,calc(2*100%/3) 100%,100% 0}75%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 100%,100% 100%}87.5%{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 100%}95%,to{background-position:0% 50%,calc(1*100%/3) 50%,calc(2*100%/3) 50%,100% 50%}}.avatar-input-header{background:#1e4a5e;color:#fff;padding:6px 16px;width:fit-content;min-width:35%;margin-left:8%;border-radius:12px 12px 0 0;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:-.01em;text-align:center;white-space:nowrap}.avatar-input-body{background:#fff;padding:6px;border-radius:50px;display:flex;flex-direction:column}.avatar-input-body form{display:flex;align-items:center;width:100%}#avatar-text-input{background:transparent;border:none;color:#334155;font-size:.95rem;line-height:1.25;outline:none;padding:0 2px 0 12px;flex:1;min-width:0;font-family:Inter,system-ui,sans-serif}#avatar-text-input::placeholder{color:#94a3b8}.avatar-input-container .mic-button{background:#1e4a5e;color:#fff;border:none;width:38px;height:38px;border-radius:50%!important;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-right:0;margin-left:8px}.avatar-input-container .mic-button:hover{background:#163a4a;transform:translateY(-1px)}.avatar-input-recording{flex:1;display:flex;align-items:center;width:100%;height:100%;min-height:36px;gap:8px}.avatar-input-recording .avatar-recording-cancel,.avatar-input-recording .avatar-recording-confirm{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:0;align-self:center;box-sizing:border-box}.avatar-input-recording .avatar-recording-cancel{background:#cbd5e1;color:#fff}.avatar-input-recording .avatar-recording-confirm{background:#1e4a5e;color:#fff}.avatar-input-recording .avatar-recording-cancel:hover,.avatar-input-recording .avatar-recording-confirm:hover{opacity:.9}.avatar-input-speaking{flex:1;display:flex;align-items:center;width:100%;height:100%;min-height:36px;gap:8px}.avatar-input-speaking .avatar-speaking-stop{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:2px solid #7dd3fc;background:#1e4a5e;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:0;align-self:center;box-sizing:border-box}.avatar-input-speaking .avatar-speaking-stop:hover{opacity:.9}.avatar-speaking-stop__icon{width:10px;height:10px;background:#cbd5e1;border-radius:2px;display:block}.avatar-status-text{font-size:.75rem;color:#64748b;text-align:center;padding-bottom:4px;font-family:Inter,sans-serif}@media(max-width:480px){.avatar-widget-container{width:100%;left:0;right:0;bottom:0;padding:0 max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));box-sizing:border-box;flex-direction:column-reverse;align-items:flex-end}.avatar-input-area{position:relative;width:100%}.avatar-input-container{width:100%;min-width:0;max-width:100%;right:auto;bottom:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.avatar-wrapper{width:80px;height:80px;align-self:flex-end}.avatar-scene-wrapper{width:80px;height:80px}.avatar-canvas-layer{width:350px!important;height:350px!important;right:-28px!important}.avatar-bubble{left:16px;right:auto;top:40px;transform:translateY(-50%);max-width:calc(100vw - 120px);font-size:.85rem;padding:.8rem;border-radius:18px;line-height:1.6;height:90px;box-shadow:0 6px 22px -4px #00000021,0 2px 7px -2px #00000014}.avatar-bubble--entering{animation:avatarBubbleEnterMobile .35s ease-out forwards}.avatar-bubble--exiting{animation:avatarBubbleExitMobile .6s ease-in 2s forwards}@keyframes avatarBubbleEnterMobile{0%{transform:translate(-20px,-50%);opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes avatarBubbleExitMobile{0%{transform:translateY(-50%);opacity:1}to{transform:translate(-20px,-50%);opacity:0}}.avatar-bubble:after{left:auto;right:4px;bottom:50%;width:16px;height:18px;background-size:100% 100%;transform:translate(100%,50%) rotate(-90deg)}.avatar-input-header{padding:8px 12px;font-size:14px}}.speech-bubble{background:#fff;border-radius:40px 40px 0/40px 40px 0px;padding:16px 24px;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;line-height:1.4;max-width:320px;width:max-content;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;text-align:center;z-index:10002;transform:translate(-50%,-100%);margin-bottom:20px}@keyframes bubbleFadeIn{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.thinking-dots{display:flex;justify-content:center;align-items:center;gap:4px;height:12px}.thinking-dots span{width:6px;height:6px;background-color:#94a3b8;border-radius:50%;display:inline-block;animation:thinking-dot-pulse 1.4s infinite ease-in-out both}.thinking-dots span:nth-child(1){animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes thinking-dot-pulse{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}
|