@swan-admin/swan-web-component 1.0.121 → 1.0.123
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/BodyScan-CCRXkFFL.mjs +3 -0
- package/dist/BodyScan-CCRXkFFL.mjs.map +1 -0
- package/dist/BodyScan-RBxSYdGc.js +3 -0
- package/dist/BodyScan-RBxSYdGc.js.map +1 -0
- package/dist/FaceScan-DQvhrp3K.mjs +3 -0
- package/dist/FaceScan-DQvhrp3K.mjs.map +1 -0
- package/dist/{FaceScan-BRdpV_Yn.js → FaceScan-Dva9De8x.js} +3 -2
- package/dist/{FaceScan-BRdpV_Yn.js.map → FaceScan-Dva9De8x.js.map} +1 -1
- package/dist/{Modal-BPtRtRVC.js → Modal-CZgyeNwW.mjs} +3 -2
- package/dist/Modal-CZgyeNwW.mjs.map +1 -0
- package/dist/{Modal-HTYYx7sM.js → Modal-CmbYIXgn.js} +3 -2
- package/dist/{Modal-YZScjwEm.js.map → Modal-CmbYIXgn.js.map} +1 -1
- package/dist/bodyScan.d.ts +2 -2
- package/dist/bodyScan.js +2 -1
- package/dist/bodyScan.mjs +2 -1
- package/dist/faceScan.js +2 -1
- package/dist/faceScan.mjs +2 -1
- package/dist/index.css +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -1
- package/dist/index.mjs.map +1 -1
- package/dist/{pose-detection.esm-Bc8T4UAD.js → pose-detection.esm-DFB9u8DH.js} +2 -1
- package/dist/{pose-detection.esm-Bc8T4UAD.js.map → pose-detection.esm-DFB9u8DH.js.map} +1 -1
- package/dist/{pose-detection.esm-DC0_P6R7.js → pose-detection.esm-EvS-BndH.mjs} +2 -1
- package/dist/pose-detection.esm-EvS-BndH.mjs.map +1 -0
- package/package.json +3 -2
- package/dist/BodyScan-3YoMZG7n.js +0 -2
- package/dist/BodyScan-8qgqyl5-.js +0 -2
- package/dist/BodyScan-B0qqqK3C.js +0 -2
- package/dist/BodyScan-B1VBoA6S.js +0 -2
- package/dist/BodyScan-B1afPG1Q.js +0 -2
- package/dist/BodyScan-B1afPG1Q.js.map +0 -1
- package/dist/BodyScan-B4-sO3R2.js +0 -2
- package/dist/BodyScan-B87W6dpH.js +0 -2
- package/dist/BodyScan-B8pglBAp.js +0 -2
- package/dist/BodyScan-BEFwluXG.js +0 -2
- package/dist/BodyScan-BHgnqB6A.js +0 -2
- package/dist/BodyScan-BLvWlYnA.js +0 -2
- package/dist/BodyScan-BMAkl5Iw.js +0 -2
- package/dist/BodyScan-BMTK6e-E.js +0 -2
- package/dist/BodyScan-BQri8pAO.js +0 -2
- package/dist/BodyScan-BVNPC7bJ.js +0 -2
- package/dist/BodyScan-BfLKF5PU.js +0 -2
- package/dist/BodyScan-BjYHCskz.js +0 -2
- package/dist/BodyScan-BoAbG01d.js +0 -2
- package/dist/BodyScan-Bq64fsmL.js +0 -2
- package/dist/BodyScan-Bre1BIHK.js +0 -2
- package/dist/BodyScan-BsDJmy0G.js +0 -2
- package/dist/BodyScan-ByMGumuH.js +0 -2
- package/dist/BodyScan-C0V-EDdB.js +0 -2
- package/dist/BodyScan-C1dWJ2qu.js +0 -2
- package/dist/BodyScan-C43x2o2T.js +0 -2
- package/dist/BodyScan-C57PuQgF.js +0 -2
- package/dist/BodyScan-C9hQU-dK.js +0 -2
- package/dist/BodyScan-CA4rNyqL.js +0 -2
- package/dist/BodyScan-CH-_x55M.js +0 -2
- package/dist/BodyScan-CKH_WyTt.js +0 -2
- package/dist/BodyScan-CKmPcrkx.js +0 -2
- package/dist/BodyScan-CLpL3Uwx.js +0 -2
- package/dist/BodyScan-CM12T_-T.js +0 -2
- package/dist/BodyScan-CNhb6UOX.js +0 -2
- package/dist/BodyScan-CWsaPB8W.js +0 -2
- package/dist/BodyScan-CXwtxfOd.js +0 -2
- package/dist/BodyScan-CYn7eLoz.js +0 -2
- package/dist/BodyScan-CYnHFqsR.js +0 -2
- package/dist/BodyScan-CZTiQzpy.js +0 -2
- package/dist/BodyScan-Cc68SnU1.js +0 -2
- package/dist/BodyScan-CfS4bPCN.js +0 -2
- package/dist/BodyScan-CiG19l_n.js +0 -2
- package/dist/BodyScan-CjvyMLT9.js +0 -2
- package/dist/BodyScan-CkmrPAq9.js +0 -2
- package/dist/BodyScan-CoObDhac.js +0 -2
- package/dist/BodyScan-Cyfo46EK.js +0 -2
- package/dist/BodyScan-Cz9ggKm6.js +0 -2
- package/dist/BodyScan-D6Y_W5e2.js +0 -2
- package/dist/BodyScan-DCEgmVbG.js +0 -2
- package/dist/BodyScan-DEDdENv7.js +0 -2
- package/dist/BodyScan-DEdrK-ld.js +0 -2
- package/dist/BodyScan-DHMf2V5R.js +0 -2
- package/dist/BodyScan-DK9UmNBr.js +0 -2
- package/dist/BodyScan-DPCd26i-.js +0 -2
- package/dist/BodyScan-DPCd26i-.js.map +0 -1
- package/dist/BodyScan-DPSQ1hKh.js +0 -2
- package/dist/BodyScan-DVKnmJuJ.js +0 -2
- package/dist/BodyScan-DX_KbG5U.js +0 -2
- package/dist/BodyScan-DbfP9-G3.js +0 -2
- package/dist/BodyScan-DeBJWo0L.js +0 -2
- package/dist/BodyScan-DgZpiChn.js +0 -2
- package/dist/BodyScan-DkPwUgVu.js +0 -2
- package/dist/BodyScan-DntA0MBx.js +0 -2
- package/dist/BodyScan-DxidLEhk.js +0 -2
- package/dist/BodyScan-DyDxGqfI.js +0 -2
- package/dist/BodyScan-Dysj7b77.js +0 -2
- package/dist/BodyScan-DzyamZmb.js +0 -2
- package/dist/BodyScan-Ehsr_cYc.js +0 -2
- package/dist/BodyScan-MSB66I12.js +0 -2
- package/dist/BodyScan-Ot6nAH1j.js +0 -2
- package/dist/BodyScan-Srq29PK8.js +0 -2
- package/dist/BodyScan-SzaquTgH.js +0 -2
- package/dist/BodyScan-TPpfyief.js +0 -2
- package/dist/BodyScan-XW2vsiE3.js +0 -2
- package/dist/BodyScan-eUuIC3jY.js +0 -2
- package/dist/BodyScan-enDyqSjO.js +0 -2
- package/dist/BodyScan-iOXndWaO.js +0 -2
- package/dist/BodyScan-qVHOWabf.js +0 -2
- package/dist/BodyScan-t9qdQAL-.js +0 -2
- package/dist/BodyScan-twE2YOwy.js +0 -2
- package/dist/BodyScan-z6h5fueJ.js +0 -2
- package/dist/FaceScan-3rVSqkKB.js +0 -2
- package/dist/FaceScan-6Aoz5uUy.js +0 -2
- package/dist/FaceScan-7fl5pLnb.js +0 -2
- package/dist/FaceScan-9kUfXRSv.js +0 -2
- package/dist/FaceScan-AHZ-ajep.js +0 -2
- package/dist/FaceScan-B0pFv4Us.js +0 -2
- package/dist/FaceScan-BE0PB0fZ.js +0 -2
- package/dist/FaceScan-BWSeJEqI.js +0 -2
- package/dist/FaceScan-BdjT7nMG.js +0 -2
- package/dist/FaceScan-Bji5lGcQ.js +0 -2
- package/dist/FaceScan-Bji5lGcQ.js.map +0 -1
- package/dist/FaceScan-BmDNM8tt.js +0 -2
- package/dist/FaceScan-CNoW9DIE.js +0 -2
- package/dist/FaceScan-CPf6-siO.js +0 -2
- package/dist/FaceScan-CQayY4q-.js +0 -2
- package/dist/FaceScan-CQkfSMC2.js +0 -2
- package/dist/FaceScan-CaxQ6fGF.js +0 -2
- package/dist/FaceScan-CxDcvM4f.js +0 -2
- package/dist/FaceScan-D2PL8KpZ.js +0 -2
- package/dist/FaceScan-D3T_l4nN.js +0 -2
- package/dist/FaceScan-DCm43Nrq.js +0 -2
- package/dist/FaceScan-DKP93c3l.js +0 -2
- package/dist/FaceScan-DW6Ix1a1.js +0 -2
- package/dist/FaceScan-DYJVZoZ4.js +0 -2
- package/dist/FaceScan-Da2XEApH.js +0 -2
- package/dist/FaceScan-DrW2yUSA.js +0 -2
- package/dist/FaceScan-DxnydFcx.js +0 -2
- package/dist/FaceScan-Gm4F4cO1.js +0 -2
- package/dist/FaceScan-Nhc7myLG.js +0 -2
- package/dist/FaceScan-VFLJ9h_T.js +0 -2
- package/dist/FaceScan-iUXyDuza.js +0 -2
- package/dist/LoadingScreen-BILrJVZm.js +0 -2
- package/dist/LoadingScreen-FKDLJRUj.js +0 -2
- package/dist/Modal-4T_aWWPQ.js +0 -2
- package/dist/Modal-BHfJVhRi.js +0 -2
- package/dist/Modal-BitizIvu.js +0 -2
- package/dist/Modal-BpgpPVxR.js +0 -2
- package/dist/Modal-BzH-_ch3.js +0 -2
- package/dist/Modal-CB_MHF7l.js +0 -2
- package/dist/Modal-CDiBoVXR.js +0 -2
- package/dist/Modal-CWoUZTh4.js +0 -2
- package/dist/Modal-CaPtqgjI.js +0 -2
- package/dist/Modal-CbZJwbLZ.js +0 -2
- package/dist/Modal-DRjJKUrw.js +0 -2
- package/dist/Modal-DU2Jymve.js +0 -2
- package/dist/Modal-D_XGokez.js +0 -2
- package/dist/Modal-DnweWp6L.js +0 -2
- package/dist/Modal-Do--CErH.js +0 -2
- package/dist/Modal-Do--CErH.js.map +0 -1
- package/dist/Modal-YZScjwEm.js +0 -2
- package/dist/fonts/Switzer-Regular.eot +0 -0
- package/dist/fonts/Switzer-Regular.svg +0 -0
- package/dist/fonts/Switzer-Regular.ttf +0 -0
- package/dist/fonts/Switzer-Regular.woff +0 -0
- package/dist/fonts/Switzer-Regular.woff2 +0 -0
- package/dist/interfaces-B5ysRXpa.d.ts +0 -209
- package/dist/interfaces-CaaERZjZ.d.ts +0 -209
- package/dist/pose-detection.esm-D08ZA0zl.js +0 -18
- package/dist/pose-detection.esm-DejsYGYM.js +0 -18
- package/dist/pose-detection.esm-DejsYGYM.js.map +0 -1
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("./Modal-YZScjwEm.js"),n=require("lucide-react"),r=require("@mui/material");let o=null,s=!1;const c=async()=>{if("undefined"==typeof window)return null;if(o)return o;if(s)for(;s;)if(await new Promise(e=>setTimeout(e,100)),o)return o;s=!0;try{const[e,t]=await Promise.all([import("@tensorflow/tfjs"),Promise.resolve().then(function(){return require("./pose-detection.esm-Bc8T4UAD.js")})]);await e.setBackend("webgl"),await e.ready();const n=await t.createDetector(t.SupportedModels.BlazePose,{runtime:"tfjs",modelType:"full"}),r=document.createElement("canvas");r.width="number"==typeof a.videoConstraints.width?a.videoConstraints.width:a.videoConstraints.width.ideal??a.videoConstraints.width.max??1280,r.height="number"==typeof a.videoConstraints.height?a.videoConstraints.height:a.videoConstraints.height.ideal??a.videoConstraints.height.max??720;const s=r.getContext("2d");if(s){s.fillStyle="black",s.fillRect(0,0,r.width,r.height);try{await n.estimatePoses(r)}catch(e){console.warn("Warmup frame failed (non-fatal):",e)}}return o=n,n}catch(e){return console.error("Failed to preload detector:",e),null}finally{s=!1}};function i({faceScanId:e,onValidPose:n,onScanComplete:r,onModelReady:o,onStartRecording:s,shopDomain:i,isError:l,isSuccess:d}){const u=t.useRef(null),[f,g]=t.useState(0),[h,m]=t.useState(0),[p,y]=t.useState(!1),[S,x]=t.useState(!1),v=t.useRef(!1),b=t.useRef(null),w=t.useRef(null),F=t.useRef(f),C=t.useRef(h),j=t.useRef([]),E=t.useRef(""),_=t.useRef(0),N=t.useRef(!1),T=t.useRef(0),k="undefined"!=typeof navigator&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1),R=t.useMemo(()=>["Face front","Turn head fully left","Turn head fully right","Smile facing front"],[]),I=t.useMemo(()=>function(e,t){let a;return(...n)=>{a&&clearTimeout(a),a=setTimeout(()=>e(...n),t)}}(e=>{a.posthog.capture(`${i}/face_scan_pose_detection`,e)},4e3),[i]),D=t.useCallback((t,a,n,r,o,s)=>{const c=Date.now();if(!(c-T.current<4e3)){T.current=c;try{const c=t[0]||[0,0,0],i=t[2]||[0,0,0],l=t[5]||[0,0,0],d=t[9]||[0,0,0],u=t[10]||[0,0,0],f=t.map(e=>e[2]).filter(e=>e>0),g=f.length>0?f.reduce((e,t)=>e+t,0)/f.length:0,h=a.map(e=>e[2]).filter(e=>e>0),m=h.length>0?h.reduce((e,t)=>e+t,0)/h.length:0,p=Math.abs(i[0]-l[0]),y=c[0]-l[0],S=i[0]-c[0];let x="frontal";1===n?x="left":2===n?x="right":3===n&&(x="frontal_smile");const v={faceScanId:e,stage:n,timestamp:(new Date).toISOString(),data:JSON.stringify({headValid:r,bodyInvalid:o,consecutiveValid:s,avgFaceScore:parseFloat(g.toFixed(3)),avgBodyScore:parseFloat(m.toFixed(3)),faceKeypointsDetected:f.length,bodyKeypointsDetected:h.length,eyeDistance:parseFloat(p.toFixed(2)),noseToRightRatio:parseFloat((y/p).toFixed(3)),noseToLeftRatio:parseFloat((S/p).toFixed(3)),noseScore:parseFloat(c[2].toFixed(3)),leftEyeScore:parseFloat(i[2].toFixed(3)),rightEyeScore:parseFloat(l[2].toFixed(3)),leftMouthScore:parseFloat(d[2].toFixed(3)),rightMouthScore:parseFloat(u[2].toFixed(3)),expectedPosition:x})};I(v)}catch(e){console.warn("Failed to track pose detection:",e)}}},[e,I]),M=()=>{a.posthog.capture(`${i}/face_scan_detection_started`,{faceScanId:e,stage:F.current,timestamp:(new Date).toISOString(),stageName:R[F.current]}),setTimeout(()=>{x(!0)},1500)};return t.useEffect(()=>{if(!l&&!d)return(async()=>{if("undefined"!=typeof window)try{console.log("Initializing Face Scan...");const e=await c();e&&(u.current=e,console.log("Face scan model loaded successfully"),y(!0),o?.())}catch(e){console.error("Error initializing face scan:",e)}})(),()=>{(async()=>{try{y(!1)}catch(e){console.error("Error disposing resources:",e)}finally{g(0),m(0),F.current=0,C.current=0,j.current=[]}})()}},[l,d]),t.useEffect(()=>{F.current=f},[f]),t.useEffect(()=>{C.current=h},[h]),{faceScanDetector:async(t,o)=>{if(u.current&&t.current&&p&&S&&!(t.current.readyState<2||v.current)){v.current=!0;try{const c=t.current.videoWidth||720,l=t.current.videoHeight||1280;b.current||(b.current=document.createElement("canvas"),b.current.width=c,b.current.height=l);const d=b.current.getContext("2d");d&&d.drawImage(t.current,0,0,c,l);const f=await u.current.estimatePoses(d?b.current:t.current);if(f.length>0){const t=[],c=[];if(f[0].keypoints.forEach((e,a)=>{const n=e.score??0,r=[e.x??-1,e.y??-1,n];a<=10?t.push(r):c.push(r)}),o?.current){const e=o.current.getContext("2d"),{width:t,height:a}=o.current;if(e){e.clearRect(0,0,t,a);const n=Math.min(C.current/2,1),r=.35*a;e.beginPath(),e.strokeStyle="#00ff00",e.lineWidth=6,e.arc(t/2,a/2,r+10,-Math.PI/2,-Math.PI/2+2*n*Math.PI),e.stroke()}}const l=((e,t)=>{if(!t[0]||!t[2]||!t[5]||t[0][2]<.2||t[2][2]<.2||t[5][2]<.2)return!1;const a=.5*(t[10][1]+t[9][1])-.5*(t[5][1]+t[2][1]),n=(.5*(t[10][1]+t[9][1])-t[0][1])/a,r=n>.7||n<.3,o=Math.abs(t[2][1]-t[5][1])<.5*a&&Math.abs(t[9][1]-t[10][1])<.5*a,s=t[2][0]-t[5][0],c=t[0][0]-t[5][0],i=c>.4*s&&c<.6*s,l=c>.85*s,d=t[2][0]-t[0][0]>.85*s;switch(e){case 0:case 3:return!r&&o&&i;case 1:return!r&&o&&l;case 2:return!r&&o&&d;default:return!1}})(F.current,t),d=c.slice(2).filter(e=>e[2]>.7).length<=2;j.current.push(l&&d),j.current.length>10&&j.current.shift();if(j.current.filter(Boolean).length>=2){const e=C.current+1;m(e)}else m(Math.max(0,C.current-1));if(C.current>=2){n?.();const t=F.current+1;m(0),j.current=[],g(t),x(!1),(async()=>{if(await a.speechService.playAudio(`${a.voiceOverAssetsPath}face-scan-vos/Sound-effect.mp3`),a.posthog.capture(`${i}/face_scan_detection_stage_completed`,{faceScanId:e,completedStage:F.current,nextStage:t,timestamp:(new Date).toISOString(),totalStages:4,stageName:R[F.current]}),1===t&&s&&s(),t>=4)r?.();else{let e=null;switch(t){case 1:e="Left.mp3";break;case 2:e="Right.mp3";break;case 3:e="Smile.mp3"}e&&await a.speechService.playAudio(`${a.voiceOverAssetsPath}face-scan-vos/${e}`),M()}})()}D(t,c,F.current,l,d,C.current)}}catch(e){console.error("Pose detection error:",e)}finally{v.current=!1}}},scanStage:f,setScanStage:g,consecutiveValid:h,isModelLoaded:p,resetScan:()=>{a.posthog.capture(`${i}/face_scan_reset`,{faceScanId:e,stage:F.current,timestamp:(new Date).toISOString(),stageName:R[F.current],consecutiveValid:C.current}),g(0),m(0),x(!1),F.current=0,C.current=0,j.current=[],E.current="",_.current=0,N.current=!1,w.current&&(speechSynthesis.cancel(),w.current=null)},enableVoiceCommands:()=>{if(N.current=!0,"undefined"!=typeof window&&k&&"speechSynthesis"in window){const e=new SpeechSynthesisUtterance("");e.volume=0,speechSynthesis.speak(e)}},startScanSequence:M,isScanningActive:S}}function l({onRetry:r,loading:o}){const{translate:s}=t.useContext(a.LanguageContext)||{},c=a.useConfig();return e.jsx("div",{"data-testid":"face-scan-error-screen",className:"fixed common-ui-main top-[0] left-[0] z-[999] flex justify-center items-center w-full h-full",style:{background:c?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"flex flex-col w-full items-center p-[1rem] rounded-lg ",children:[e.jsx(a.Header,{noTitle:!0}),e.jsxs("div",{className:"flex flex-col items-center w-full",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-800 ",style:{fontFamily:c?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:c?.style?.heading?.headingFontSize||"32px",color:c?.style?.heading?.headingColor||"#000",fontWeight:c?.style?.heading?.headingFontWeight||"normal"},children:s?.(a.LanguageKeys.scanFailed)}),e.jsx("p",{className:"mb-[1.5rem]",style:{fontFamily:c?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:c?.style?.subheading?.subheadingFontSize||"14px",color:c?.style?.subheading?.subheadingColor||"#4b5563",fontWeight:c?.style?.subheading?.subheadingFontWeight||"normal"},children:s?.(a.LanguageKeys.clickToResetScan)}),e.jsx(a.SpecificButton,{"data-testid":"face-scan-retry-btn",disabled:o,className:"w-full h-[45px] shadow-[0px_1px_2px_0px_#00000040] text-[16px]",buttonText:s?.(a.LanguageKeys.resetScan),postfixIcon:e.jsx(n.ArrowRight,{}),buttonFunc:()=>r?.()})]})]})})}function d({stage:n,videoLoading:r,setVideoLoading:o,videoError:s,setVideoError:c,gender:i,btnConfig:l}){const{translate:d}=t.useContext(a.LanguageContext)||{},u=a.useConfig();return-1===n?e.jsxs("div",{"data-testid":"face-scan-guide",className:"text-center common-ui-main p-[16px] w-full h-full",style:{background:u?.style?.base?.backgroundColor},children:[e.jsxs("div",{className:"w-full",children:[e.jsx(a.Header,{noTitle:!0}),e.jsx("h2",{style:{fontFamily:u?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:u?.style?.heading?.headingFontSize||"32px",color:u?.style?.heading?.headingColor||"#000",fontWeight:u?.style?.heading?.headingFontWeight||"normal"},children:d?.(a.LanguageKeys.faceVisible)}),r&&e.jsx("div",{className:"mb-4 flex items-center justify-center",style:{fontFamily:u?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:u?.style?.subheading?.subheadingFontSize||"14px",color:u?.style?.subheading?.subheadingColor||"#4b5563",fontWeight:u?.style?.subheading?.subheadingFontWeight||"normal"},children:d?.(a.LanguageKeys.loadingVideo)}),s&&e.jsx("div",{className:"mb-4 text-red-600",style:{fontFamily:u?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:u?.style?.subheading?.subheadingFontSize||"14px",color:"#ff0000",fontWeight:u?.style?.subheading?.subheadingFontWeight||"normal"},children:d?.(a.LanguageKeys.videoLoadFailed)}),!s&&e.jsx("div",{className:" w-[100px] mx-auto",children:e.jsx("video",{src:i===a.GenderType.Male?a.maleGlassesOffVideo:a.glassesOffVideo,autoPlay:!0,loop:!0,controls:!1,muted:!0,playsInline:!0,className:"h-full w-full object-contain border-none",onCanPlay:()=>o(!1),onLoadStart:()=>o(!0),onError:()=>c(!0),"aria-label":"Instructional video: Please remove your glasses before starting the scan."})})]}),e.jsx("div",{className:"flex justify-center w-full p-[1rem]",children:e.jsx(a.SpecificButton,{"data-testid":"face-scan-start-btn",disabled:l.isDisabled,className:"!w-[60px] !h-[35px] !py-0 !px-0",buttonText:d?.(l.label),postfixIcon:l?.icon,buttonFunc:l.onClick})})]}):e.jsx("div",{className:"text-center common-ui-main p-[16px] w-full h-full",style:{background:u?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"w-full",children:[e.jsx(a.Header,{noTitle:!0}),e.jsx("h3",{className:"mb-[0.5rem]",style:{fontFamily:u?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:u?.style?.heading?.headingFontSize||"32px",color:u?.style?.heading?.headingColor||"#000",fontWeight:u?.style?.heading?.headingFontWeight||"normal"},children:d?.(a.directionMessages[n])}),e.jsxs("div",{className:"max-w-[400px] justify-center gap-1 mx-auto flex items-center",children:[e.jsx("div",{className:` w-[120px] overflow-hidden ${0===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.forward:a.FACE_SCAN_HEADSHOT.female.forward,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${1===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.left:a.FACE_SCAN_HEADSHOT.female.left,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${2===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.right:a.FACE_SCAN_HEADSHOT.female.right,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${3===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.smile:a.FACE_SCAN_HEADSHOT.female.smile,type:"video/mp4"})})})]})]})})}const u=({webcamRef:o,canvasRef:s})=>{const{isError:c,isSuccess:i,showLoader:u,hasError:f,errorType:g,resetScanState:h,showGuideCard:m,scanStage:p,videoLoading:y,setVideoLoading:S,videoError:x,setVideoError:v,gender:b,getButtonText:w,isScanning:F,startScan:C,isModelLoaded:j,onRetry:E}=t.useContext(a.ParamsContext),_=a.useConfig();return c?e.jsx(l,{onRetry:E}):i?e.jsx("div",{className:"fixed z-[9] common-ui-main w-full h-full",style:{background:_?.style?.base?.backgroundColor},children:e.jsx(a.LoadingScreen,{url:_?.loader,loaderType:"black"})}):e.jsxs(e.Fragment,{children:[e.jsx("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:void 0}),u&&!f&&e.jsx("div",{className:"fixed z-[9] common-ui-main w-full h-full",style:{background:_?.style?.base?.backgroundColor},children:e.jsx(a.LoadingScreen,{url:_?.loader,loaderType:"black"})}),e.jsx("div",{className:"h-full flex-col common-ui-main relative w-full flex justify-center items-center text-center rounded-t-[20px]",style:{background:_?.style?.base?.backgroundColor},children:e.jsx("div",{className:"flex-1 w-full max-w-md overflow-hidden",children:e.jsxs("div",{className:"w-full h-full",children:[e.jsx("video",{ref:o,autoPlay:!0,playsInline:!0,muted:!0,width:a.videoConstraints.width.ideal,height:a.videoConstraints.height.ideal,className:"w-full h-full object-cover fixed left-0 top-0 z-0",style:{transform:"scaleX(-1)"}}),e.jsx("canvas",{ref:s,width:a.videoConstraints.width.ideal,height:a.videoConstraints.height.ideal,style:{transform:"scaleX(-1)",opacity:"0"}})]})})}),!u&&f&&g===a.FaceScanErrorType.Camera&&e.jsx(a.Modal,{testId:"face-scan-camera-error-screen",config:_}),!u&&f&&g!==a.FaceScanErrorType.Camera&&e.jsx(l,{loading:u,onRetry:h}),m&&!f&&!u&&e.jsx(r.Drawer,{open:!0,className:"face-scan-small camera-draw",anchor:"bottom",onClose:(e,t)=>{},hideBackdrop:!0,children:e.jsx(d,{stage:p,videoLoading:y,setVideoLoading:S,videoError:x,setVideoError:v,gender:b,btnConfig:{label:w(),onClick:F?h:C,isDisabled:u||!j,icon:F?e.jsx(n.ArrowRight,{}):e.jsx(e.Fragment,{})}})})]})};exports.FaceScan=n=>{const{onScanSuccess:r,onScanError:o,onRetry:s,onScanStart:c,onCaptureComplete:l,onUploadStart:d,onUploadEnd:f,onMeasurementSocketStart:g,onMeasurementSocketClose:h,config:m,isError:p,isSuccess:y}=n,S=n.userDetails??{email:"",gender:"male",deviceFocalLength:0,shopDomain:"",bodyScanId:"",callbackUrl:null},x=n.token??"",v=t.useRef(null),b=t.useRef(null),w=t.useRef(null),F=t.useRef([]),C=t.useRef(null),j=t.useRef(null),E=t.useRef(0),_=t.useRef(null),[N,T]=t.useState(!1),[k,R]=t.useState(!1),[I,D]=t.useState(!1),[M,P]=t.useState(!0),[A,L]=t.useState(!1),[O,z]=t.useState(!1),[$,H]=t.useState(!1),[V,W]=t.useState(null),[K,U]=t.useState(a.generateUuid()),q=t.useMemo(()=>a.getSwanService(x),[x]),{email:B,gender:G,deviceFocalLength:J,shopDomain:X,callbackUrl:Q,bodyScanId:Y}=S,[Z,ee]=t.useState([]),[te,ae]=t.useState(a.videoConstraintsExact),ne=t.useMemo(()=>a.getPreferredMediaRecorderTypes(),[]),re=a.getRecordingMimeType(Z),oe=a.getRecordingExtension(re);a.usePosthogPageview();const se=t.useCallback(()=>{console.log("Stopping recording..."),cancelAnimationFrame(E.current),_.current&&(_.current.pause(),_.current.srcObject=null,_.current=null),w.current&&"recording"===w.current.state&&w.current.stop(),w.current=null},[]),ce=async()=>{if(l?.(),F.current){if(0===F.current.length)return console.error("No video data recorded"),W(a.FaceScanErrorType.Scan),H(!0),void T(!1);d?.(),T(!0);const e=new File(F.current,`${K}.${oe}`,{type:re}),t=j.current??await a.getVideoFPS(e),n=e.size,r=(n/1048576).toFixed(2),o=Math.round(n/1e4),s={video_size_mb:parseFloat(r),video_size_bytes:n,video_fps:t||0,blob_count:F.current.length,estimated_duration_seconds:o},c=[{gender:G},{face_scan_id:K},{focal_length:`${J}`},{customer_store_url:X},{scan_type:"face_scan"},{body_scan_id:Y}];Q&&c.push({callback_url:Q}),a.handleScanTimeCapture({eventName:`${X}/face_scan_meta_data`,faceScanId:K,email:B,data:JSON.stringify({metaData:c,videoData:s})});const i=Date.now();a.handleScanTimeCapture({eventName:`${X}/face_scan_upload_start`,faceScanId:K,email:B,startTime:i});try{const t=await q.fileUpload.faceScanFileUploader({file:e,arrayMetaData:c,objectKey:K,email:B,contentType:e.type}),n=Date.now(),r=n-i;a.handleScanTimeCapture({eventName:`${X}/face_scan_upload_complete`,faceScanId:K,email:B,completionTime:n,uploadDuration:r}),f?.(),console.log("✅ Upload successful",t),q.measurement.handlFaceScaneSocket({onPreopen:()=>{g?.(),a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"pre_open",type:"faceScan_recommendation",email:B})},faceScanId:K,onOpen:()=>{a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"open",type:"faceScan_recommendation",email:B}),console.log("websocket connect open")},onError:e=>{a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"error",type:"faceScan_recommendation",email:B}),ye(e)},onSuccess:e=>{a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"success",type:"faceScan_recommendation",email:B}),Se(e)},onClose:()=>{h?.(),console.log("websocket connect close"),a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"close",type:"faceScan_recommendation",email:B})}})}catch(e){f?.(),ye(e)}}},ie=t.useCallback(()=>{const e=v.current?.srcObject;if(!e)return;const t=e.getVideoTracks()[0].getSettings(),{width:n=1280,height:r=720}=t,o=document.createElement("canvas"),s=o.getContext("2d");n>r?(o.width=r,o.height=n):(o.width=n,o.height=r);const c=document.createElement("video");c.srcObject=e,c.muted=!0,c.playsInline=!0,c.play(),_.current=c;const i=()=>{n>r?(s?.save(),s?.translate(o.width,0),s?.rotate(Math.PI/2),s?.drawImage(c,0,0,r,n),s?.restore()):s?.drawImage(c,0,0,n,r),E.current=requestAnimationFrame(i)};E.current=requestAnimationFrame(i);const l=t.frameRate??10;j.current=l;const d=o.captureStream(l),u={videoBitsPerSecond:15e5};let f;Z.length>0&&(u.mimeType=Z[0]);try{f=new MediaRecorder(d,u)}catch(e){return console.error("MediaRecorder init failed:",e),W(a.FaceScanErrorType.Scan),H(!0),void T(!1)}F.current=[],f.ondataavailable=e=>{e?.data&&e.data.size>0&&F.current&&F.current.push(e.data)},f.onstop=()=>{console.log("Recording stopped, total blobs:",F?.current?.length),ce()},f.start(100),w.current=f,console.log("Recording started successfully (portrait normalized)")},[Z,ce]),{faceScanDetector:le,scanStage:de,setScanStage:ue,resetScan:fe,isModelLoaded:ge,startScanSequence:he}=i({faceScanId:K,shopDomain:X,isError:p,isSuccess:y,onScanComplete:()=>{se()},onModelReady:()=>{R(!0)},onStartRecording:()=>{console.log("Stage 0 completed - starting recording for stages 1-3"),ie()}}),me=t.useCallback(()=>{ge&&(c?.(),ue(0),a.speechService.playAudio(`${a.voiceOverAssetsPath}face-scan-vos/Face-forward.mp3`),setTimeout(()=>{D(!0),setTimeout(()=>{he()},200)},200))},[ue,D,he,ge,c]),pe=t.useCallback(()=>{D(!1),P(!0),se(),fe(),s?.(),F.current=[],j.current=null,w.current&&(w.current=null),H(!1),W(null),ue(-1),U(a.generateUuid()),v.current&&C.current&&(v.current.srcObject=C.current,console.log("Camera stream restored after reset"))},[ue,D,P,se,fe,U]),ye=e=>{console.log(e,"ws error"),o?.(e),W(a.FaceScanErrorType.Scan),H(!0),T(!1),P(!1),a.handleScanTimeCapture({eventName:`${X}/faceScan`,faceScanId:K,status:"failed",email:B,data:JSON.stringify(e)})},Se=e=>{console.log(e,"ws success"),e&&"intermediate"===e?.resultType&&a.handleScanTimeCapture({eventName:`${X}/faceScan_success/intermediate`,faceScanId:K,status:"success",email:B,data:JSON.stringify(e)}),r?.(e)};t.useEffect(()=>{if(!p&&!y)return navigator.mediaDevices.getUserMedia&&navigator.mediaDevices.getUserMedia({video:te}).then(e=>{C.current=e,v.current&&(v.current.srcObject=e)}).catch(e=>{if(console.error("Error accessing webcam:",e),te===a.videoConstraintsExact)return void ae(a.videoConstraintsFallback);const t=["NotAllowedError","PermissionDeniedError","NotFoundError","DevicesNotFoundError","NotReadableError","TrackStartError"].includes(e?.name);W(t?a.FaceScanErrorType.Camera:a.FaceScanErrorType.Scan),H(!0)}),()=>{C.current&&C.current.getTracks().forEach(e=>e.stop())}},[p,y,te]),t.useEffect(()=>{if(!k||!I)return;const e=setInterval(()=>{le(v,b)},500);return()=>clearInterval(e)},[le,k,I]);return console.log("Model ready:",k,"Has error:",$,"Is scanning:",I,"showLoader",N),t.useEffect(()=>{const e=a.getSupportedMediaRecorderTypes(ne,a.videoTypes);ee(e)},[ne]),t.useEffect(()=>{ue(-1)},[]),e.jsx("div",{"data-face-scan-stage":de,children:e.jsx(a.LanguageContextProvider,{children:e.jsx(a.ConfigProvider,{config:m,children:e.jsx(a.ParamsContext.Provider,{value:{isError:p,isSuccess:y,showLoader:N,hasError:$,errorType:V,resetScanState:pe,showGuideCard:M,scanStage:de,videoLoading:A,setVideoLoading:L,videoError:O,setVideoError:z,gender:G,getButtonText:()=>I?a.LanguageKeys.reset:ge?a.LanguageKeys.start:a.LanguageKeys.loading,isScanning:I,startScan:me,isModelLoaded:ge,onRetry:s},children:e.jsx(u,{webcamRef:v,canvasRef:b})})})})})},exports.preloadDetector=c;
|
|
2
|
-
//# sourceMappingURL=FaceScan-BRdpV_Yn.js.map
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("./Modal-CmbYIXgn.js"),n=require("lucide-react"),r=require("@mui/material");let o=null,s=!1;const c=async()=>{if("undefined"==typeof window)return null;if(o)return o;if(s)for(;s;)if(await new Promise(e=>setTimeout(e,100)),o)return o;s=!0;try{const[e,t]=await Promise.all([import("@tensorflow/tfjs"),Promise.resolve().then(function(){return require("./pose-detection.esm-DFB9u8DH.js")})]);await e.setBackend("webgl"),await e.ready();const n=await t.createDetector(t.SupportedModels.BlazePose,{runtime:"tfjs",modelType:"full"}),r=document.createElement("canvas");r.width="number"==typeof a.videoConstraints.width?a.videoConstraints.width:a.videoConstraints.width.ideal??a.videoConstraints.width.max??1280,r.height="number"==typeof a.videoConstraints.height?a.videoConstraints.height:a.videoConstraints.height.ideal??a.videoConstraints.height.max??720;const s=r.getContext("2d");if(s){s.fillStyle="black",s.fillRect(0,0,r.width,r.height);try{await n.estimatePoses(r)}catch(e){console.warn("Warmup frame failed (non-fatal):",e)}}return o=n,n}catch(e){return console.error("Failed to preload detector:",e),null}finally{s=!1}};function i({faceScanId:e,onValidPose:n,onScanComplete:r,onModelReady:o,onStartRecording:s,shopDomain:i,isError:l,isSuccess:d}){const u=t.useRef(null),[f,g]=t.useState(0),[h,m]=t.useState(0),[p,y]=t.useState(!1),[S,x]=t.useState(!1),v=t.useRef(!1),b=t.useRef(null),w=t.useRef(null),F=t.useRef(f),C=t.useRef(h),j=t.useRef([]),E=t.useRef(""),_=t.useRef(0),N=t.useRef(!1),T=t.useRef(0),k="undefined"!=typeof navigator&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1),R=t.useMemo(()=>["Face front","Turn head fully left","Turn head fully right","Smile facing front"],[]),I=t.useMemo(()=>function(e,t){let a;return(...n)=>{a&&clearTimeout(a),a=setTimeout(()=>e(...n),t)}}(e=>{a.posthog.capture(`${i}/face_scan_pose_detection`,e)},4e3),[i]),D=t.useCallback((t,a,n,r,o,s)=>{const c=Date.now();if(!(c-T.current<4e3)){T.current=c;try{const c=t[0]||[0,0,0],i=t[2]||[0,0,0],l=t[5]||[0,0,0],d=t[9]||[0,0,0],u=t[10]||[0,0,0],f=t.map(e=>e[2]).filter(e=>e>0),g=f.length>0?f.reduce((e,t)=>e+t,0)/f.length:0,h=a.map(e=>e[2]).filter(e=>e>0),m=h.length>0?h.reduce((e,t)=>e+t,0)/h.length:0,p=Math.abs(i[0]-l[0]),y=c[0]-l[0],S=i[0]-c[0];let x="frontal";1===n?x="left":2===n?x="right":3===n&&(x="frontal_smile");const v={faceScanId:e,stage:n,timestamp:(new Date).toISOString(),data:JSON.stringify({headValid:r,bodyInvalid:o,consecutiveValid:s,avgFaceScore:parseFloat(g.toFixed(3)),avgBodyScore:parseFloat(m.toFixed(3)),faceKeypointsDetected:f.length,bodyKeypointsDetected:h.length,eyeDistance:parseFloat(p.toFixed(2)),noseToRightRatio:parseFloat((y/p).toFixed(3)),noseToLeftRatio:parseFloat((S/p).toFixed(3)),noseScore:parseFloat(c[2].toFixed(3)),leftEyeScore:parseFloat(i[2].toFixed(3)),rightEyeScore:parseFloat(l[2].toFixed(3)),leftMouthScore:parseFloat(d[2].toFixed(3)),rightMouthScore:parseFloat(u[2].toFixed(3)),expectedPosition:x})};I(v)}catch(e){console.warn("Failed to track pose detection:",e)}}},[e,I]),M=()=>{a.posthog.capture(`${i}/face_scan_detection_started`,{faceScanId:e,stage:F.current,timestamp:(new Date).toISOString(),stageName:R[F.current]}),setTimeout(()=>{x(!0)},1500)};return t.useEffect(()=>{if(!l&&!d)return(async()=>{if("undefined"!=typeof window)try{console.log("Initializing Face Scan...");const e=await c();e&&(u.current=e,console.log("Face scan model loaded successfully"),y(!0),o?.())}catch(e){console.error("Error initializing face scan:",e)}})(),()=>{(async()=>{try{y(!1)}catch(e){console.error("Error disposing resources:",e)}finally{g(0),m(0),F.current=0,C.current=0,j.current=[]}})()}},[l,d]),t.useEffect(()=>{F.current=f},[f]),t.useEffect(()=>{C.current=h},[h]),{faceScanDetector:async(t,o)=>{if(u.current&&t.current&&p&&S&&!(t.current.readyState<2||v.current)){v.current=!0;try{const c=t.current.videoWidth||720,l=t.current.videoHeight||1280;b.current||(b.current=document.createElement("canvas"),b.current.width=c,b.current.height=l);const d=b.current.getContext("2d");d&&d.drawImage(t.current,0,0,c,l);const f=await u.current.estimatePoses(d?b.current:t.current);if(f.length>0){const t=[],c=[];if(f[0].keypoints.forEach((e,a)=>{const n=e.score??0,r=[e.x??-1,e.y??-1,n];a<=10?t.push(r):c.push(r)}),o?.current){const e=o.current.getContext("2d"),{width:t,height:a}=o.current;if(e){e.clearRect(0,0,t,a);const n=Math.min(C.current/2,1),r=.35*a;e.beginPath(),e.strokeStyle="#00ff00",e.lineWidth=6,e.arc(t/2,a/2,r+10,-Math.PI/2,-Math.PI/2+2*n*Math.PI),e.stroke()}}const l=((e,t)=>{if(!t[0]||!t[2]||!t[5]||t[0][2]<.2||t[2][2]<.2||t[5][2]<.2)return!1;const a=.5*(t[10][1]+t[9][1])-.5*(t[5][1]+t[2][1]),n=(.5*(t[10][1]+t[9][1])-t[0][1])/a,r=n>.7||n<.3,o=Math.abs(t[2][1]-t[5][1])<.5*a&&Math.abs(t[9][1]-t[10][1])<.5*a,s=t[2][0]-t[5][0],c=t[0][0]-t[5][0],i=c>.4*s&&c<.6*s,l=c>.85*s,d=t[2][0]-t[0][0]>.85*s;switch(e){case 0:case 3:return!r&&o&&i;case 1:return!r&&o&&l;case 2:return!r&&o&&d;default:return!1}})(F.current,t),d=c.slice(2).filter(e=>e[2]>.7).length<=2;j.current.push(l&&d),j.current.length>10&&j.current.shift();if(j.current.filter(Boolean).length>=2){const e=C.current+1;m(e)}else m(Math.max(0,C.current-1));if(C.current>=2){n?.();const t=F.current+1;m(0),j.current=[],g(t),x(!1),(async()=>{if(await a.speechService.playAudio(`${a.voiceOverAssetsPath}face-scan-vos/Sound-effect.mp3`),a.posthog.capture(`${i}/face_scan_detection_stage_completed`,{faceScanId:e,completedStage:F.current,nextStage:t,timestamp:(new Date).toISOString(),totalStages:4,stageName:R[F.current]}),1===t&&s&&s(),t>=4)r?.();else{let e=null;switch(t){case 1:e="Left.mp3";break;case 2:e="Right.mp3";break;case 3:e="Smile.mp3"}e&&await a.speechService.playAudio(`${a.voiceOverAssetsPath}face-scan-vos/${e}`),M()}})()}D(t,c,F.current,l,d,C.current)}}catch(e){console.error("Pose detection error:",e)}finally{v.current=!1}}},scanStage:f,setScanStage:g,consecutiveValid:h,isModelLoaded:p,resetScan:()=>{a.posthog.capture(`${i}/face_scan_reset`,{faceScanId:e,stage:F.current,timestamp:(new Date).toISOString(),stageName:R[F.current],consecutiveValid:C.current}),g(0),m(0),x(!1),F.current=0,C.current=0,j.current=[],E.current="",_.current=0,N.current=!1,w.current&&(speechSynthesis.cancel(),w.current=null)},enableVoiceCommands:()=>{if(N.current=!0,"undefined"!=typeof window&&k&&"speechSynthesis"in window){const e=new SpeechSynthesisUtterance("");e.volume=0,speechSynthesis.speak(e)}},startScanSequence:M,isScanningActive:S}}function l({onRetry:r,loading:o}){const{translate:s}=t.useContext(a.LanguageContext)||{},c=a.useConfig();return e.jsx("div",{"data-testid":"face-scan-error-screen",className:"fixed common-ui-main top-[0] left-[0] z-[999] flex justify-center items-center w-full h-full",style:{background:c?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"flex flex-col w-full items-center p-[1rem] rounded-lg ",children:[e.jsx(a.Header,{noTitle:!0}),e.jsxs("div",{className:"flex flex-col items-center w-full",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-800 ",style:{fontFamily:c?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:c?.style?.heading?.headingFontSize||"32px",color:c?.style?.heading?.headingColor||"#000",fontWeight:c?.style?.heading?.headingFontWeight||"normal"},children:s?.(a.LanguageKeys.scanFailed)}),e.jsx("p",{className:"mb-[1.5rem]",style:{fontFamily:c?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:c?.style?.subheading?.subheadingFontSize||"14px",color:c?.style?.subheading?.subheadingColor||"#4b5563",fontWeight:c?.style?.subheading?.subheadingFontWeight||"normal"},children:s?.(a.LanguageKeys.clickToResetScan)}),e.jsx(a.SpecificButton,{"data-testid":"face-scan-retry-btn",disabled:o,className:"w-full h-[45px] shadow-[0px_1px_2px_0px_#00000040] text-[16px]",buttonText:s?.(a.LanguageKeys.resetScan),postfixIcon:e.jsx(n.ArrowRight,{}),buttonFunc:()=>r?.()})]})]})})}function d({stage:n,videoLoading:r,setVideoLoading:o,videoError:s,setVideoError:c,gender:i,btnConfig:l}){const{translate:d}=t.useContext(a.LanguageContext)||{},u=a.useConfig();return-1===n?e.jsxs("div",{"data-testid":"face-scan-guide",className:"text-center common-ui-main p-[16px] w-full h-full",style:{background:u?.style?.base?.backgroundColor},children:[e.jsxs("div",{className:"w-full",children:[e.jsx(a.Header,{noTitle:!0}),e.jsx("h2",{style:{fontFamily:u?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:u?.style?.heading?.headingFontSize||"32px",color:u?.style?.heading?.headingColor||"#000",fontWeight:u?.style?.heading?.headingFontWeight||"normal"},children:d?.(a.LanguageKeys.faceVisible)}),r&&e.jsx("div",{className:"mb-4 flex items-center justify-center",style:{fontFamily:u?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:u?.style?.subheading?.subheadingFontSize||"14px",color:u?.style?.subheading?.subheadingColor||"#4b5563",fontWeight:u?.style?.subheading?.subheadingFontWeight||"normal"},children:d?.(a.LanguageKeys.loadingVideo)}),s&&e.jsx("div",{className:"mb-4 text-red-600",style:{fontFamily:u?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:u?.style?.subheading?.subheadingFontSize||"14px",color:"#ff0000",fontWeight:u?.style?.subheading?.subheadingFontWeight||"normal"},children:d?.(a.LanguageKeys.videoLoadFailed)}),!s&&e.jsx("div",{className:" w-[100px] mx-auto",children:e.jsx("video",{src:i===a.GenderType.Male?a.maleGlassesOffVideo:a.glassesOffVideo,autoPlay:!0,loop:!0,controls:!1,muted:!0,playsInline:!0,className:"h-full w-full object-contain border-none",onCanPlay:()=>o(!1),onLoadStart:()=>o(!0),onError:()=>c(!0),"aria-label":"Instructional video: Please remove your glasses before starting the scan."})})]}),e.jsx("div",{className:"flex justify-center w-full p-[1rem]",children:e.jsx(a.SpecificButton,{"data-testid":"face-scan-start-btn",disabled:l.isDisabled,className:"!w-[60px] !h-[35px] !py-0 !px-0",buttonText:d?.(l.label),postfixIcon:l?.icon,buttonFunc:l.onClick})})]}):e.jsx("div",{className:"text-center common-ui-main p-[16px] w-full h-full",style:{background:u?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"w-full",children:[e.jsx(a.Header,{noTitle:!0}),e.jsx("h3",{className:"mb-[0.5rem]",style:{fontFamily:u?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:u?.style?.heading?.headingFontSize||"32px",color:u?.style?.heading?.headingColor||"#000",fontWeight:u?.style?.heading?.headingFontWeight||"normal"},children:d?.(a.directionMessages[n])}),e.jsxs("div",{className:"max-w-[400px] justify-center gap-1 mx-auto flex items-center",children:[e.jsx("div",{className:` w-[120px] overflow-hidden ${0===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.forward:a.FACE_SCAN_HEADSHOT.female.forward,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${1===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.left:a.FACE_SCAN_HEADSHOT.female.left,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${2===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.right:a.FACE_SCAN_HEADSHOT.female.right,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${3===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.smile:a.FACE_SCAN_HEADSHOT.female.smile,type:"video/mp4"})})})]})]})})}const u=({webcamRef:o,canvasRef:s})=>{const{isError:c,isSuccess:i,showLoader:u,hasError:f,errorType:g,resetScanState:h,showGuideCard:m,scanStage:p,videoLoading:y,setVideoLoading:S,videoError:x,setVideoError:v,gender:b,getButtonText:w,isScanning:F,startScan:C,isModelLoaded:j,onRetry:E}=t.useContext(a.ParamsContext),_=a.useConfig();return c?e.jsx(l,{onRetry:E}):i?e.jsx("div",{className:"fixed z-[9] common-ui-main w-full h-full",style:{background:_?.style?.base?.backgroundColor},children:e.jsx(a.LoadingScreen,{url:_?.loader,loaderType:"black"})}):e.jsxs(e.Fragment,{children:[e.jsx("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:void 0}),u&&!f&&e.jsx("div",{className:"fixed z-[9] common-ui-main w-full h-full",style:{background:_?.style?.base?.backgroundColor},children:e.jsx(a.LoadingScreen,{url:_?.loader,loaderType:"black"})}),e.jsx("div",{className:"h-full flex-col common-ui-main relative w-full flex justify-center items-center text-center rounded-t-[20px]",style:{background:_?.style?.base?.backgroundColor},children:e.jsx("div",{className:"flex-1 w-full max-w-md overflow-hidden",children:e.jsxs("div",{className:"w-full h-full",children:[e.jsx("video",{ref:o,autoPlay:!0,playsInline:!0,muted:!0,width:a.videoConstraints.width.ideal,height:a.videoConstraints.height.ideal,className:"w-full h-full object-cover fixed left-0 top-0 z-0",style:{transform:"scaleX(-1)"}}),e.jsx("canvas",{ref:s,width:a.videoConstraints.width.ideal,height:a.videoConstraints.height.ideal,style:{transform:"scaleX(-1)",opacity:"0"}})]})})}),!u&&f&&g===a.FaceScanErrorType.Camera&&e.jsx(a.Modal,{testId:"face-scan-camera-error-screen",config:_}),!u&&f&&g!==a.FaceScanErrorType.Camera&&e.jsx(l,{loading:u,onRetry:h}),m&&!f&&!u&&e.jsx(r.Drawer,{open:!0,className:"face-scan-small camera-draw",anchor:"bottom",onClose:(e,t)=>{},hideBackdrop:!0,children:e.jsx(d,{stage:p,videoLoading:y,setVideoLoading:S,videoError:x,setVideoError:v,gender:b,btnConfig:{label:w(),onClick:F?h:C,isDisabled:u||!j,icon:F?e.jsx(n.ArrowRight,{}):e.jsx(e.Fragment,{})}})})]})};exports.FaceScan=n=>{const{onScanSuccess:r,onScanError:o,onRetry:s,onScanStart:c,onCaptureComplete:l,onUploadStart:d,onUploadEnd:f,onMeasurementSocketStart:g,onMeasurementSocketClose:h,config:m,isError:p,isSuccess:y}=n,S=n.userDetails??{email:"",gender:"male",deviceFocalLength:0,shopDomain:"",bodyScanId:"",callbackUrl:null},x=n.token??"",v=t.useRef(null),b=t.useRef(null),w=t.useRef(null),F=t.useRef([]),C=t.useRef(null),j=t.useRef(null),E=t.useRef(0),_=t.useRef(null),[N,T]=t.useState(!1),[k,R]=t.useState(!1),[I,D]=t.useState(!1),[M,P]=t.useState(!0),[A,L]=t.useState(!1),[O,z]=t.useState(!1),[$,H]=t.useState(!1),[V,W]=t.useState(null),[K,U]=t.useState(a.generateUuid()),q=t.useMemo(()=>a.getSwanService(x),[x]),{email:B,gender:G,deviceFocalLength:J,shopDomain:X,callbackUrl:Q,bodyScanId:Y}=S,[Z,ee]=t.useState([]),[te,ae]=t.useState(a.videoConstraintsExact),ne=t.useMemo(()=>a.getPreferredMediaRecorderTypes(),[]),re=a.getRecordingMimeType(Z),oe=a.getRecordingExtension(re);a.usePosthogPageview();const se=t.useCallback(()=>{console.log("Stopping recording..."),cancelAnimationFrame(E.current),_.current&&(_.current.pause(),_.current.srcObject=null,_.current=null),w.current&&"recording"===w.current.state&&w.current.stop(),w.current=null},[]),ce=async()=>{if(l?.(),F.current){if(0===F.current.length)return console.error("No video data recorded"),W(a.FaceScanErrorType.Scan),H(!0),void T(!1);d?.(),T(!0);const e=new File(F.current,`${K}.${oe}`,{type:re}),t=j.current??await a.getVideoFPS(e),n=e.size,r=(n/1048576).toFixed(2),o=Math.round(n/1e4),s={video_size_mb:parseFloat(r),video_size_bytes:n,video_fps:t||0,blob_count:F.current.length,estimated_duration_seconds:o},c=[{gender:G},{face_scan_id:K},{focal_length:`${J}`},{customer_store_url:X},{scan_type:"face_scan"},{body_scan_id:Y}];Q&&c.push({callback_url:Q}),a.handleScanTimeCapture({eventName:`${X}/face_scan_meta_data`,faceScanId:K,email:B,data:JSON.stringify({metaData:c,videoData:s})});const i=Date.now();a.handleScanTimeCapture({eventName:`${X}/face_scan_upload_start`,faceScanId:K,email:B,startTime:i});try{const t=await q.fileUpload.faceScanFileUploader({file:e,arrayMetaData:c,objectKey:K,email:B,contentType:e.type}),n=Date.now(),r=n-i;a.handleScanTimeCapture({eventName:`${X}/face_scan_upload_complete`,faceScanId:K,email:B,completionTime:n,uploadDuration:r}),f?.(),console.log("✅ Upload successful",t),q.measurement.handlFaceScaneSocket({onPreopen:()=>{g?.(),a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"pre_open",type:"faceScan_recommendation",email:B})},faceScanId:K,onOpen:()=>{a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"open",type:"faceScan_recommendation",email:B}),console.log("websocket connect open")},onError:e=>{a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"error",type:"faceScan_recommendation",email:B}),ye(e)},onSuccess:e=>{a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"success",type:"faceScan_recommendation",email:B}),Se(e)},onClose:()=>{h?.(),console.log("websocket connect close"),a.handleWebSocketCapture({eventName:`${X}/webSocket`,faceScanID:K,connection:"close",type:"faceScan_recommendation",email:B})}})}catch(e){f?.(),ye(e)}}},ie=t.useCallback(()=>{const e=v.current?.srcObject;if(!e)return;const t=e.getVideoTracks()[0].getSettings(),{width:n=1280,height:r=720}=t,o=document.createElement("canvas"),s=o.getContext("2d");n>r?(o.width=r,o.height=n):(o.width=n,o.height=r);const c=document.createElement("video");c.srcObject=e,c.muted=!0,c.playsInline=!0,c.play(),_.current=c;const i=()=>{n>r?(s?.save(),s?.translate(o.width,0),s?.rotate(Math.PI/2),s?.drawImage(c,0,0,r,n),s?.restore()):s?.drawImage(c,0,0,n,r),E.current=requestAnimationFrame(i)};E.current=requestAnimationFrame(i);const l=t.frameRate??10;j.current=l;const d=o.captureStream(l),u={videoBitsPerSecond:15e5};let f;Z.length>0&&(u.mimeType=Z[0]);try{f=new MediaRecorder(d,u)}catch(e){return console.error("MediaRecorder init failed:",e),W(a.FaceScanErrorType.Scan),H(!0),void T(!1)}F.current=[],f.ondataavailable=e=>{e?.data&&e.data.size>0&&F.current&&F.current.push(e.data)},f.onstop=()=>{console.log("Recording stopped, total blobs:",F?.current?.length),ce()},f.start(100),w.current=f,console.log("Recording started successfully (portrait normalized)")},[Z,ce]),{faceScanDetector:le,scanStage:de,setScanStage:ue,resetScan:fe,isModelLoaded:ge,startScanSequence:he}=i({faceScanId:K,shopDomain:X,isError:p,isSuccess:y,onScanComplete:()=>{se()},onModelReady:()=>{R(!0)},onStartRecording:()=>{console.log("Stage 0 completed - starting recording for stages 1-3"),ie()}}),me=t.useCallback(()=>{ge&&(c?.(),ue(0),a.speechService.playAudio(`${a.voiceOverAssetsPath}face-scan-vos/Face-forward.mp3`),setTimeout(()=>{D(!0),setTimeout(()=>{he()},200)},200))},[ue,D,he,ge,c]),pe=t.useCallback(()=>{D(!1),P(!0),se(),fe(),s?.(),F.current=[],j.current=null,w.current&&(w.current=null),H(!1),W(null),ue(-1),U(a.generateUuid()),v.current&&C.current&&(v.current.srcObject=C.current,console.log("Camera stream restored after reset"))},[ue,D,P,se,fe,U]),ye=e=>{console.log(e,"ws error"),o?.(e),W(a.FaceScanErrorType.Scan),H(!0),T(!1),P(!1),a.handleScanTimeCapture({eventName:`${X}/faceScan`,faceScanId:K,status:"failed",email:B,data:JSON.stringify(e)})},Se=e=>{console.log(e,"ws success"),e&&"intermediate"===e?.resultType&&a.handleScanTimeCapture({eventName:`${X}/faceScan_success/intermediate`,faceScanId:K,status:"success",email:B,data:JSON.stringify(e)}),r?.(e)};t.useEffect(()=>{if(!p&&!y)return navigator.mediaDevices.getUserMedia&&navigator.mediaDevices.getUserMedia({video:te}).then(e=>{C.current=e,v.current&&(v.current.srcObject=e)}).catch(e=>{if(console.error("Error accessing webcam:",e),te===a.videoConstraintsExact)return void ae(a.videoConstraintsFallback);const t=["NotAllowedError","PermissionDeniedError","NotFoundError","DevicesNotFoundError","NotReadableError","TrackStartError"].includes(e?.name);W(t?a.FaceScanErrorType.Camera:a.FaceScanErrorType.Scan),H(!0)}),()=>{C.current&&C.current.getTracks().forEach(e=>e.stop())}},[p,y,te]),t.useEffect(()=>{if(!k||!I)return;const e=setInterval(()=>{le(v,b)},500);return()=>clearInterval(e)},[le,k,I]);return console.log("Model ready:",k,"Has error:",$,"Is scanning:",I,"showLoader",N),t.useEffect(()=>{const e=a.getSupportedMediaRecorderTypes(ne,a.videoTypes);ee(e)},[ne]),t.useEffect(()=>{ue(-1)},[]),e.jsx("div",{"data-face-scan-stage":de,children:e.jsx(a.LanguageContextProvider,{children:e.jsx(a.ConfigProvider,{config:m,children:e.jsx(a.ParamsContext.Provider,{value:{isError:p,isSuccess:y,showLoader:N,hasError:$,errorType:V,resetScanState:pe,showGuideCard:M,scanStage:de,videoLoading:A,setVideoLoading:L,videoError:O,setVideoError:z,gender:G,getButtonText:()=>I?a.LanguageKeys.reset:ge?a.LanguageKeys.start:a.LanguageKeys.loading,isScanning:I,startScan:me,isModelLoaded:ge,onRetry:s},children:e.jsx(u,{webcamRef:v,canvasRef:b})})})})})},exports.preloadDetector=c;
|
|
3
|
+
//# sourceMappingURL=FaceScan-Dva9De8x.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FaceScan-BRdpV_Yn.js","sources":["../src/customHooks/useFaceScan.ts","../src/components/faceScan/FaceScanErrorScreen.tsx","../src/components/faceScan/FaceScanGuide.tsx","../src/components/faceScan/FaceScanStep.tsx","../src/components/faceScan/FaceScan.tsx"],"sourcesContent":["import {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n RefObject,\n} from \"react\";\n// 1. Use TYPE-ONLY imports. These are erased at build time and won't crash SSR.\nimport type { PoseDetector } from \"@tensorflow-models/pose-detection\";\nimport posthog from \"../utils/posthog\";\nimport speechService from \"../utils/service/speechService\";\nimport { videoConstraints, voiceOverAssetsPath } from \"../utils/constants\";\n\n/**\n * useFaceScan Hook with PostHog Analytics\n * Refactored for Zero-Config SSR/CSR Compatibility\n */\n\n// Debounce utility\nfunction debounce(fn: (...args: any) => void, delay: number) {\n let timer: ReturnType<typeof setTimeout>;\n return (...args: any) => {\n if (timer) clearTimeout(timer);\n timer = setTimeout(() => fn(...args), delay);\n };\n}\n\n// Global Singleton Cache (Preserves state across re-renders)\nlet preloadedDetector: PoseDetector | null = null;\nlet isPreloading = false;\n\n// 2. Async Preloader with Dynamic Imports\nexport const preloadDetector = async (): Promise<PoseDetector | null> => {\n // Guard: Never run on server\n if (typeof window === \"undefined\") return null;\n if (preloadedDetector) return preloadedDetector;\n if (isPreloading) {\n // Simple wait mechanism if already loading\n while (isPreloading) {\n await new Promise(r => setTimeout(r, 100));\n if (preloadedDetector) return preloadedDetector;\n }\n }\n\n isPreloading = true;\n\n try {\n // DYNAMIC IMPORTS: Only fetch these heavy bundles in the browser\n const [tf, poseDetection] = await Promise.all([\n import(\"@tensorflow/tfjs\"),\n import(\"@tensorflow-models/pose-detection\")\n ]);\n\n // Initialize Backend\n await tf.setBackend(\"webgl\");\n await tf.ready();\n\n const detector = await poseDetection.createDetector(\n poseDetection.SupportedModels.BlazePose,\n {\n runtime: \"tfjs\",\n modelType: \"full\",\n }\n );\n\n // Dummy video warmup (Performance Optimization)\n // This runs the model once on a blank canvas to \"wake up\" the GPU\n // so the first user frame detects instantly.\n const dummyCanvas = document.createElement(\"canvas\");\n dummyCanvas.width = typeof videoConstraints.width === \"number\" ? videoConstraints.width : videoConstraints.width.ideal ?? videoConstraints.width.max ?? 1280;\n dummyCanvas.height = typeof videoConstraints.height === \"number\" ? videoConstraints.height : videoConstraints.height.ideal ?? videoConstraints.height.max ?? 720;\n const ctx = dummyCanvas.getContext(\"2d\");\n if (ctx) {\n ctx.fillStyle = \"black\";\n ctx.fillRect(0, 0, dummyCanvas.width, dummyCanvas.height);\n try {\n await detector.estimatePoses(dummyCanvas);\n } catch (e) {\n console.warn(\"Warmup frame failed (non-fatal):\", e);\n }\n }\n\n preloadedDetector = detector;\n return detector;\n } catch (err) {\n console.error(\"Failed to preload detector:\", err);\n return null;\n } finally {\n isPreloading = false;\n }\n};\n\ntype Point = [number, number, number];\n\nfunction useFaceScan({\n faceScanId,\n onValidPose,\n onScanComplete,\n onModelReady,\n onStartRecording,\n shopDomain,\n isError,\n isSuccess,\n}: {\n faceScanId: string;\n onValidPose?: () => void;\n onScanComplete?: () => void;\n onModelReady?: () => void;\n onStartRecording: () => void;\n shopDomain: string;\n isError?: boolean;\n isSuccess?: boolean;\n}) {\n const detectorRef = useRef<PoseDetector | null>(null);\n const [scanStage, setScanStage] = useState(0);\n const [consecutiveValid, setConsecutiveValid] = useState(0);\n const [isModelLoaded, setIsModelLoaded] = useState(false);\n const [isScanningActive, setIsScanningActive] = useState(false);\n const isInferencingRef = useRef(false);\n // Persistent offscreen canvas for inference input.\n // tf.browser.fromPixels(videoElement) calls gl.texImage2D with the video,\n // which returns black frames on SwiftShader (headless CI) because video decoded\n // frames aren't in SW-composited memory. Drawing to a canvas first makes the\n // pixels CPU-accessible so SwiftShader can read them correctly.\n const inferenceCanvasRef = useRef<HTMLCanvasElement | null>(null);\n \n const utteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n const scanStageRef = useRef(scanStage);\n const consecutiveValidRef = useRef(consecutiveValid);\n const validityBufferRef = useRef<boolean[]>([]);\n const lastSpokenMessageRef = useRef(\"\");\n const lastSpokenTimeRef = useRef(0);\n const voiceEnabledRef = useRef(false);\n \n const VALIDITY_BUFFER_LENGTH = 10;\n const CONSECUTIVE_VALID_LENGTH = 2;\n const TOTAL_STAGES = 4;\n const POSE_TRACKING_INTERVAL = 4000;\n const lastPoseTrackingTimeRef = useRef(0);\n\n // Safe iOS detection (SSR safe)\n const isIOS = typeof navigator !== 'undefined' && (\n /iPad|iPhone|iPod/.test(navigator.userAgent) ||\n (navigator.platform === \"MacIntel\" && navigator.maxTouchPoints > 1)\n );\n\n const directionMessages = useMemo(\n () => [\n \"Face front\",\n \"Turn head fully left\",\n \"Turn head fully right\",\n \"Smile facing front\",\n ],\n []\n );\n\n const debouncedTrackPoseDetection = useMemo(\n () =>\n debounce((payload) => {\n posthog.capture(`${shopDomain}/face_scan_pose_detection`, payload);\n }, 4000),\n [shopDomain]\n );\n\n const trackPoseDetection = useCallback(\n (\n faceKeypoints: Point[],\n bodyKeypoints: Point[],\n stage: number,\n headValid: boolean,\n bodyInvalid: boolean,\n consecutiveValidCount: number\n ) => {\n const now = Date.now();\n if (now - lastPoseTrackingTimeRef.current < POSE_TRACKING_INTERVAL) {\n return;\n }\n\n lastPoseTrackingTimeRef.current = now;\n\n try {\n const nose = faceKeypoints[0] || [0, 0, 0];\n const leftEye = faceKeypoints[2] || [0, 0, 0];\n const rightEye = faceKeypoints[5] || [0, 0, 0];\n const leftMouth = faceKeypoints[9] || [0, 0, 0];\n const rightMouth = faceKeypoints[10] || [0, 0, 0];\n\n const faceKeypointScores = faceKeypoints\n .map((kp: Point) => kp[2])\n .filter((score: number) => score > 0);\n const avgFaceScore =\n faceKeypointScores.length > 0\n ? faceKeypointScores.reduce((a, b) => a + b, 0) /\n faceKeypointScores.length\n : 0;\n\n const bodyKeypointScores = bodyKeypoints\n .map((kp: Point) => kp[2])\n .filter((score: number) => score > 0);\n const avgBodyScore =\n bodyKeypointScores.length > 0\n ? bodyKeypointScores.reduce((a: number, b: number) => a + b, 0) /\n bodyKeypointScores.length\n : 0;\n\n const eyeDistance = Math.abs(leftEye[0] - rightEye[0]);\n const noseToRight = nose[0] - rightEye[0];\n const noseToLeft = leftEye[0] - nose[0];\n\n let expectedPosition = \"frontal\";\n if (stage === 1) expectedPosition = \"left\";\n else if (stage === 2) expectedPosition = \"right\";\n else if (stage === 3) expectedPosition = \"frontal_smile\";\n\n const payload = {\n faceScanId,\n stage,\n timestamp: new Date().toISOString(),\n data: JSON.stringify({\n headValid,\n bodyInvalid,\n consecutiveValid: consecutiveValidCount,\n avgFaceScore: parseFloat(avgFaceScore.toFixed(3)),\n avgBodyScore: parseFloat(avgBodyScore.toFixed(3)),\n faceKeypointsDetected: faceKeypointScores.length,\n bodyKeypointsDetected: bodyKeypointScores.length,\n eyeDistance: parseFloat(eyeDistance.toFixed(2)),\n noseToRightRatio: parseFloat((noseToRight / eyeDistance).toFixed(3)),\n noseToLeftRatio: parseFloat((noseToLeft / eyeDistance).toFixed(3)),\n noseScore: parseFloat(nose[2].toFixed(3)),\n leftEyeScore: parseFloat(leftEye[2].toFixed(3)),\n rightEyeScore: parseFloat(rightEye[2].toFixed(3)),\n leftMouthScore: parseFloat(leftMouth[2].toFixed(3)),\n rightMouthScore: parseFloat(rightMouth[2].toFixed(3)),\n expectedPosition,\n }),\n };\n debouncedTrackPoseDetection(payload);\n } catch (error) {\n console.warn(\"Failed to track pose detection:\", error);\n }\n },\n [faceScanId, debouncedTrackPoseDetection]\n );\n\n const enableVoiceCommands = () => {\n voiceEnabledRef.current = true;\n if (typeof window !== 'undefined' && isIOS && \"speechSynthesis\" in window) {\n const silentUtterance = new SpeechSynthesisUtterance(\"\");\n silentUtterance.volume = 0;\n speechSynthesis.speak(silentUtterance);\n }\n };\n\n const startScanSequence = () => {\n posthog.capture(`${shopDomain}/face_scan_detection_started`, {\n faceScanId,\n stage: scanStageRef.current,\n timestamp: new Date().toISOString(),\n stageName: directionMessages[scanStageRef.current],\n });\n\n setTimeout(() => {\n setIsScanningActive(true);\n }, 1500);\n };\n\n const isHeadInPosition = (stage: number, keypoints: Point[]) => {\n // ... logic unchanged ...\n const nose = 0;\n const leftEye = 2;\n const rightEye = 5;\n const leftMouth = 9;\n const rightMouth = 10;\n\n const minScore = 0.2;\n if (\n !keypoints[nose] || !keypoints[leftEye] || !keypoints[rightEye] ||\n keypoints[nose][2] < minScore ||\n keypoints[leftEye][2] < minScore ||\n keypoints[rightEye][2] < minScore\n ) {\n return false;\n }\n\n const eyesToMouthVerticalDistance =\n 0.5 * (keypoints[rightMouth][1] + keypoints[leftMouth][1]) -\n 0.5 * (keypoints[rightEye][1] + keypoints[leftEye][1]);\n\n const faceTiltedness =\n (0.5 * (keypoints[rightMouth][1] + keypoints[leftMouth][1]) -\n keypoints[nose][1]) /\n eyesToMouthVerticalDistance;\n\n const faceIsTilted = faceTiltedness > 0.7 || faceTiltedness < 0.3;\n\n const faceIsVertical =\n Math.abs(keypoints[leftEye][1] - keypoints[rightEye][1]) <\n 0.5 * eyesToMouthVerticalDistance &&\n Math.abs(keypoints[leftMouth][1] - keypoints[rightMouth][1]) <\n 0.5 * eyesToMouthVerticalDistance;\n\n const eyeDistance = keypoints[leftEye][0] - keypoints[rightEye][0];\n const noseToRight = keypoints[nose][0] - keypoints[rightEye][0];\n const noseToLeft = keypoints[leftEye][0] - keypoints[nose][0];\n\n const frontalFace =\n noseToRight > 0.4 * eyeDistance && noseToRight < 0.6 * eyeDistance;\n const fullLeft = noseToRight > 0.85 * eyeDistance;\n const fullRight = noseToLeft > 0.85 * eyeDistance;\n\n switch (stage) {\n case 0:\n return !faceIsTilted && faceIsVertical && frontalFace;\n case 1:\n return !faceIsTilted && faceIsVertical && fullLeft;\n case 2:\n return !faceIsTilted && faceIsVertical && fullRight;\n case 3:\n return !faceIsTilted && faceIsVertical && frontalFace;\n default:\n return false;\n }\n };\n\n const faceScanDetector = async (\n webcamRef: RefObject<HTMLVideoElement | null>,\n canvasRef: RefObject<HTMLCanvasElement | null>\n ) => {\n if (\n !detectorRef.current ||\n !webcamRef.current ||\n !isModelLoaded ||\n !isScanningActive\n )\n return;\n\n // Safety: ensure video is actually playing with data\n if (webcamRef.current.readyState < 2) return;\n\n // Prevent concurrent inference calls — important on slow GPUs (SwiftShader/CI)\n // where a single estimatePoses() can take longer than the 500ms interval.\n if (isInferencingRef.current) return;\n isInferencingRef.current = true;\n\n try {\n const vw = webcamRef.current.videoWidth || 720;\n const vh = webcamRef.current.videoHeight || 1280;\n if (!inferenceCanvasRef.current) {\n inferenceCanvasRef.current = document.createElement(\"canvas\");\n inferenceCanvasRef.current.width = vw;\n inferenceCanvasRef.current.height = vh;\n }\n const ictx = inferenceCanvasRef.current.getContext(\"2d\");\n if (ictx) ictx.drawImage(webcamRef.current, 0, 0, vw, vh);\n const poses = await detectorRef.current.estimatePoses(\n ictx ? inferenceCanvasRef.current : webcamRef.current\n );\n if (poses.length > 0) {\n const faceKeypoints: Point[] = [];\n const bodyKeypoints: Point[] = [];\n poses[0].keypoints.forEach((landmark, idx) => {\n const score = landmark.score ?? 0;\n const point: Point = [landmark.x ?? -1, landmark.y ?? -1, score];\n if (idx <= 10) faceKeypoints.push(point);\n else bodyKeypoints.push(point);\n });\n\n // Optional drawing\n if (canvasRef?.current) {\n const ctx = canvasRef.current.getContext(\"2d\");\n const { width, height } = canvasRef.current;\n if (ctx) {\n ctx.clearRect(0, 0, width, height);\n\n const progress = Math.min(\n consecutiveValidRef.current / CONSECUTIVE_VALID_LENGTH,\n 1\n );\n const radius = height * 0.35;\n ctx.beginPath();\n ctx.strokeStyle = \"#00ff00\";\n ctx.lineWidth = 6;\n ctx.arc(\n width / 2,\n height / 2,\n radius + 10,\n -Math.PI / 2,\n -Math.PI / 2 + progress * 2 * Math.PI\n );\n ctx.stroke();\n }\n }\n\n const headValid = isHeadInPosition(scanStageRef.current, faceKeypoints);\n const bodyInvalid =\n bodyKeypoints.slice(2).filter((p) => p[2] > 0.7).length <= 2;\n\n validityBufferRef.current.push(headValid && bodyInvalid);\n if (validityBufferRef.current.length > VALIDITY_BUFFER_LENGTH) {\n validityBufferRef.current.shift();\n }\n\n const validCount = validityBufferRef.current.filter(Boolean).length;\n if (validCount >= 2) {\n const nextValid = consecutiveValidRef.current + 1;\n setConsecutiveValid(nextValid);\n } else {\n setConsecutiveValid(Math.max(0, consecutiveValidRef.current - 1));\n }\n\n if (consecutiveValidRef.current >= CONSECUTIVE_VALID_LENGTH) {\n onValidPose?.();\n\n const nextStage = scanStageRef.current + 1;\n setConsecutiveValid(0);\n validityBufferRef.current = [];\n setScanStage(nextStage);\n setIsScanningActive(false);\n\n (async () => {\n await speechService.playAudio(\n `${voiceOverAssetsPath}face-scan-vos/Sound-effect.mp3`\n );\n posthog.capture(\n `${shopDomain}/face_scan_detection_stage_completed`,\n {\n faceScanId,\n completedStage: scanStageRef.current,\n nextStage,\n timestamp: new Date().toISOString(),\n totalStages: TOTAL_STAGES,\n stageName: directionMessages[scanStageRef.current],\n }\n );\n \n if (nextStage === 1 && onStartRecording) {\n onStartRecording();\n }\n if (nextStage >= TOTAL_STAGES) {\n onScanComplete?.();\n } else {\n let nextSound = null;\n switch (nextStage) {\n case 1: nextSound = \"Left.mp3\"; break;\n case 2: nextSound = \"Right.mp3\"; break;\n case 3: nextSound = \"Smile.mp3\"; break;\n }\n if (nextSound) {\n await speechService.playAudio(\n `${voiceOverAssetsPath}face-scan-vos/${nextSound}`\n );\n }\n startScanSequence();\n }\n })();\n }\n\n trackPoseDetection(\n faceKeypoints,\n bodyKeypoints,\n scanStageRef.current,\n headValid,\n bodyInvalid,\n consecutiveValidRef.current\n );\n }\n } catch (err) {\n console.error(\"Pose detection error:\", err);\n } finally {\n isInferencingRef.current = false;\n }\n };\n\n const initializeModels = async () => {\n // 3. Browser Guard\n if (typeof window === 'undefined') return;\n\n try {\n console.log(\"Initializing Face Scan...\");\n // Calls our safe, dynamic preloader\n const detector = await preloadDetector();\n \n if (detector) {\n detectorRef.current = detector;\n console.log(\"Face scan model loaded successfully\");\n setIsModelLoaded(true);\n onModelReady?.();\n }\n } catch (err) {\n console.error(\"Error initializing face scan:\", err);\n }\n };\n\n const disposeModelAndTf = async () => {\n // Optional: We might NOT want to dispose if we want to keep the cache \n // for re-mounting. But if you must dispose:\n try {\n setIsModelLoaded(false);\n // NOTE: We generally don't dispose the detector if we want to reuse it \n // via the 'preloadedDetector' global variable.\n // If you dispose here, make sure to set 'preloadedDetector = null' too.\n /* if (detectorRef.current) {\n await detectorRef.current.dispose();\n detectorRef.current = null;\n preloadedDetector = null; // Clear global cache if disposing\n }\n */\n } catch (err) {\n console.error(\"Error disposing resources:\", err);\n } finally {\n // Reset state\n setScanStage(0);\n setConsecutiveValid(0);\n scanStageRef.current = 0;\n consecutiveValidRef.current = 0;\n validityBufferRef.current = [];\n }\n };\n\n const resetScan = () => {\n posthog.capture(`${shopDomain}/face_scan_reset`, {\n faceScanId,\n stage: scanStageRef.current,\n timestamp: new Date().toISOString(),\n stageName: directionMessages[scanStageRef.current],\n consecutiveValid: consecutiveValidRef.current,\n });\n\n setScanStage(0);\n setConsecutiveValid(0);\n setIsScanningActive(false);\n scanStageRef.current = 0;\n consecutiveValidRef.current = 0;\n validityBufferRef.current = [];\n lastSpokenMessageRef.current = \"\";\n lastSpokenTimeRef.current = 0;\n voiceEnabledRef.current = false;\n if (utteranceRef.current) {\n speechSynthesis.cancel();\n utteranceRef.current = null;\n }\n };\n\n useEffect(() => {\n if (isError || isSuccess) return;\n initializeModels();\n return () => {\n disposeModelAndTf();\n };\n }, [isError, isSuccess]);\n\n useEffect(() => {\n scanStageRef.current = scanStage;\n }, [scanStage]);\n\n useEffect(() => {\n consecutiveValidRef.current = consecutiveValid;\n }, [consecutiveValid]);\n\n return {\n faceScanDetector,\n scanStage,\n setScanStage,\n consecutiveValid,\n isModelLoaded,\n resetScan,\n enableVoiceCommands,\n startScanSequence,\n isScanningActive,\n };\n}\n\nexport default useFaceScan;","import { ArrowRight } from \"lucide-react\";\nimport Header from \"../Header\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { useContext } from \"react\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { useConfig } from \"../../utils/context/configContext\";\n\nfunction FaceScanErrorScreen({ onRetry, loading }: { onRetry?: () => void; loading?: boolean }) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\tconst config = useConfig();\n\n\treturn (\n\t\t<div data-testid=\"face-scan-error-screen\" className=\"fixed common-ui-main top-[0] left-[0] z-[999] flex justify-center items-center w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t<div className=\"flex flex-col w-full items-center p-[1rem] rounded-lg \">\n\t\t\t\t<Header noTitle />\n\t\t\t\t<div className=\"flex flex-col items-center w-full\">\n\t\t\t\t\t<h2\n\t\t\t\t\t\tclassName=\"text-xl font-semibold text-gray-800 \"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.scanFailed)}\n\t\t\t\t\t</h2>\n\t\t\t\t\t<p\n\t\t\t\t\t\tclassName=\"mb-[1.5rem]\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\tcolor: config?.style?.subheading?.subheadingColor || \"#4b5563\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.clickToResetScan)}\n\t\t\t\t\t</p>\n\t\t\t\t\t<SpecificButton\n\t\t\t\t\t\tdata-testid=\"face-scan-retry-btn\"\n\t\t\t\t\t\tdisabled={loading}\n\t\t\t\t\t\tclassName=\"w-full h-[45px] shadow-[0px_1px_2px_0px_#00000040] text-[16px]\"\n\t\t\t\t\t\tbuttonText={translate?.(LanguageKeys.resetScan)}\n\t\t\t\t\t\tpostfixIcon={<ArrowRight />}\n\t\t\t\t\t\tbuttonFunc={() => onRetry?.()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default FaceScanErrorScreen;\n","import Header from \"../Header\";\nimport { GenderType } from \"../../utils/enums\";\nimport { directionMessages, FACE_SCAN_HEADSHOT, glassesOffVideo, maleGlassesOffVideo } from \"../../utils/constants\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { useContext } from \"react\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { useConfig } from \"../../utils/context/configContext\";\nimport { Dispatch, ReactNode, SetStateAction } from \"react\";\nimport { Gender } from \"../../types/interfaces\";\n\ninterface IButtonConfig {\n\tisDisabled: boolean;\n\ticon?: ReactNode;\n\tonClick: () => void;\n\tlabel: string;\n}\n\ninterface FaceScanGuideProps {\n\tstage: number;\n\tvideoLoading: boolean;\n\tsetVideoLoading: Dispatch<SetStateAction<boolean>>;\n\tvideoError: boolean;\n\tsetVideoError: Dispatch<SetStateAction<boolean>>;\n\tgender: Gender;\n\tbtnConfig: IButtonConfig;\n}\n\nfunction FaceScanGuide({ stage, videoLoading, setVideoLoading, videoError, setVideoError, gender, btnConfig }: FaceScanGuideProps) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\tconst config = useConfig();\n\n\tif (stage === -1) {\n\t\treturn (\n\t\t\t<div data-testid=\"face-scan-guide\" className=\"text-center common-ui-main p-[16px] w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t\t<div className=\"w-full\">\n\t\t\t\t\t<Header noTitle />\n\t\t\t\t\t<h2\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.faceVisible)}\n\t\t\t\t\t</h2>\n\t\t\t\t\t{videoLoading && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mb-4 flex items-center justify-center\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\t\tcolor: config?.style?.subheading?.subheadingColor || \"#4b5563\",\n\t\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{translate?.(LanguageKeys.loadingVideo)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{videoError && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mb-4 text-red-600\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\t\tcolor: \"#ff0000\",\n\t\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{translate?.(LanguageKeys.videoLoadFailed)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!videoError && (\n\t\t\t\t\t\t<div className={` w-[100px] mx-auto`}>\n\t\t\t\t\t\t\t<video\n\t\t\t\t\t\t\t\tsrc={gender === GenderType.Male ? maleGlassesOffVideo : glassesOffVideo}\n\t\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\t\tclassName=\"h-full w-full object-contain border-none\"\n\t\t\t\t\t\t\t\tonCanPlay={() => setVideoLoading(false)}\n\t\t\t\t\t\t\t\tonLoadStart={() => setVideoLoading(true)}\n\t\t\t\t\t\t\t\tonError={() => setVideoError(true)}\n\t\t\t\t\t\t\t\taria-label=\"Instructional video: Please remove your glasses before starting the scan.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex justify-center w-full p-[1rem]\">\n\t\t\t\t\t<SpecificButton\n\t\t\t\t\t\tdata-testid=\"face-scan-start-btn\"\n\t\t\t\t\t\tdisabled={btnConfig.isDisabled}\n\t\t\t\t\t\tclassName=\"!w-[60px] !h-[35px] !py-0 !px-0\"\n\t\t\t\t\t\tbuttonText={translate?.(btnConfig.label)}\n\t\t\t\t\t\tpostfixIcon={btnConfig?.icon}\n\t\t\t\t\t\tbuttonFunc={btnConfig.onClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"text-center common-ui-main p-[16px] w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t<div className=\"w-full\">\n\t\t\t\t<Header noTitle />\n\t\t\t\t<h3\n\t\t\t\t\tclassName=\"mb-[0.5rem]\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{translate?.(directionMessages[stage])}\n\t\t\t\t</h3>\n\t\t\t\t<div className=\"max-w-[400px] justify-center gap-1 mx-auto flex items-center\">\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 0 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.forward : FACE_SCAN_HEADSHOT.female.forward} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 1 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.left : FACE_SCAN_HEADSHOT.female.left} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 2 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.right : FACE_SCAN_HEADSHOT.female.right} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 3 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.smile : FACE_SCAN_HEADSHOT.female.smile} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default FaceScanGuide;\n","import React, { useContext } from \"react\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\nimport FaceScanErrorScreen from \"./FaceScanErrorScreen\";\nimport LoadingScreen from \"../LoadingScreen\";\nimport { videoConstraints } from \"../../utils/constants\";\nimport { Drawer } from \"@mui/material\";\nimport FaceScanGuide from \"./FaceScanGuide\";\nimport Modal from \"../Modal\";\nimport { FaceScanErrorType } from \"../../utils/enums\";\nimport { ArrowRight } from \"lucide-react\";\nimport { useConfig } from \"../../utils/context/configContext\";\ninterface FaceScanStepProps {\n\twebcamRef: React.RefObject<HTMLVideoElement | null>;\n\tcanvasRef: React.RefObject<HTMLCanvasElement | null>;\n}\n\nconst FaceScanStep: React.FC<FaceScanStepProps> = ({ webcamRef, canvasRef }) => {\n\tconst {\n\t\tisError,\n\t\tisSuccess,\n\t\tshowLoader,\n\t\thasError,\n\t\terrorType,\n\t\tresetScanState,\n\t\tshowGuideCard,\n\t\tscanStage,\n\t\tvideoLoading,\n\t\tsetVideoLoading,\n\t\tvideoError,\n\t\tsetVideoError,\n\t\tgender,\n\t\tgetButtonText,\n\t\tisScanning,\n\t\tstartScan,\n\t\tisModelLoaded,\n\t\tonRetry,\n\t} = useContext(ParamsContext);\n\tconst resolvedConfig = useConfig();\n\tif (isError) {\n\t\treturn <FaceScanErrorScreen onRetry={onRetry} />;\n\t}\n\tif (isSuccess) {\n\t\treturn (\n\t\t\t<div className=\"fixed z-[9] common-ui-main w-full h-full\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t<LoadingScreen url={resolvedConfig?.loader} loaderType=\"black\" />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<audio id=\"audioElement\" crossOrigin=\"anonymous\" preload=\"auto\" style={{ position: \"absolute\", zIndex: -99999 }} src={undefined} />\n\n\t\t\t{/* Error overlay */}\n\t\t\t{showLoader && !hasError && (\n\t\t\t\t<div className=\"fixed z-[9] common-ui-main w-full h-full\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t\t{/* <Asset genderType={gender} /> */}\n\t\t\t\t\t<LoadingScreen url={resolvedConfig?.loader} loaderType=\"black\" />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Always show camera view */}\n\t\t\t<div className=\"h-full flex-col common-ui-main relative w-full flex justify-center items-center text-center rounded-t-[20px]\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t<div className=\"flex-1 w-full max-w-md overflow-hidden\">\n\t\t\t\t\t<div className=\"w-full h-full\">\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tref={webcamRef}\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth={videoConstraints.width.ideal}\n\t\t\t\t\t\t\theight={videoConstraints.height.ideal}\n\t\t\t\t\t\t\tclassName=\"w-full h-full object-cover fixed left-0 top-0 z-0\"\n\t\t\t\t\t\t\tstyle={{ transform: \"scaleX(-1)\" }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<canvas ref={canvasRef} width={videoConstraints.width.ideal} height={videoConstraints.height.ideal} style={{ transform: \"scaleX(-1)\", opacity: \"0\" }} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Error overlay */}\n\t\t\t{!showLoader && hasError && errorType === FaceScanErrorType.Camera && (\n\t\t\t\t<Modal testId=\"face-scan-camera-error-screen\" config={resolvedConfig} />\n\t\t\t)}\n\t\t\t{!showLoader && hasError && errorType !== FaceScanErrorType.Camera && (\n\t\t\t\t<FaceScanErrorScreen loading={showLoader} onRetry={resetScanState} />\n\t\t\t)}\n\n\t\t\t{/* Scan guide drawer - only show when scanning */}\n\t\t\t{showGuideCard && !hasError && !showLoader && (\n\t\t\t\t<Drawer\n\t\t\t\t\topen\n\t\t\t\t\tclassName=\"face-scan-small camera-draw\"\n\t\t\t\t\tanchor=\"bottom\"\n\t\t\t\t\tonClose={(event, reason) => {\n\t\t\t\t\t\tif (reason === \"backdropClick\") {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\thideBackdrop\n\t\t\t\t>\n\t\t\t\t\t<FaceScanGuide\n\t\t\t\t\t\tstage={scanStage}\n\t\t\t\t\t\tvideoLoading={videoLoading}\n\t\t\t\t\t\tsetVideoLoading={setVideoLoading}\n\t\t\t\t\t\tvideoError={videoError}\n\t\t\t\t\t\tsetVideoError={setVideoError}\n\t\t\t\t\t\tgender={gender}\n\t\t\t\t\t\tbtnConfig={{\n\t\t\t\t\t\t\tlabel: getButtonText(),\n\t\t\t\t\t\t\tonClick: isScanning ? resetScanState : startScan,\n\t\t\t\t\t\t\tisDisabled: showLoader || !isModelLoaded,\n\t\t\t\t\t\t\ticon: isScanning ? <ArrowRight /> : <></>,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</Drawer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default FaceScanStep;\n","\"use client\";\nimport { useEffect, useRef, useState, useCallback, useMemo } from \"react\";\nimport { FaceScanMetaData, FaceScanProps } from \"../../types/interfaces\";\nimport {\n\tgenerateUuid,\n\tgetPreferredMediaRecorderTypes,\n\tgetRecordingExtension,\n\tgetRecordingMimeType,\n\tgetSupportedMediaRecorderTypes,\n\tgetVideoFPS,\n\thandleScanTimeCapture,\n\thandleWebSocketCapture,\n} from \"../../utils/utils\";\nimport { videoConstraintsExact, videoConstraintsFallback, videoTypes, voiceOverAssetsPath } from \"../../utils/constants\";\nimport { getSwanService } from \"../../utils/service/swanService\";\nimport speechService from \"../../utils/service/speechService\";\nimport useFaceScan from \"../../customHooks/useFaceScan\";\nimport usePosthogPageview from \"../../customHooks/usePosthogPageview\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { FaceScanErrorType } from \"../../utils/enums\";\nimport LanguageContextProvider from \"../../utils/context/languageContext\";\nimport { ConfigProvider } from \"../../utils/context/configContext\";\nimport FaceScanStep from \"./FaceScanStep\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\n\nexport const FaceScan: React.FC<FaceScanProps> = (props) => {\n\tconst { onScanSuccess, onScanError, onRetry, onScanStart, onCaptureComplete, onUploadStart, onUploadEnd, onMeasurementSocketStart, onMeasurementSocketClose, config, isError, isSuccess } = props;\n\tconst userDetails: FaceScanMetaData = props.userDetails ?? {\n\t\temail: \"\",\n\t\tgender: \"male\",\n\t\tdeviceFocalLength: 0,\n\t\tshopDomain: \"\",\n\t\tbodyScanId: \"\",\n\t\tcallbackUrl: null,\n\t};\n\tconst token = props.token ?? \"\";\n\tconst webcamRef = useRef<HTMLVideoElement | null>(null);\n\tconst canvasRef = useRef<HTMLCanvasElement | null>(null);\n\tconst mediaRecorderRef = useRef<MediaRecorder | null>(null);\n\tconst recordedBlobsRef = useRef<Blob[] | null>([]);\n\tconst streamRef = useRef<MediaStream | null>(null);\n\tconst recordedFpsRef = useRef<number | null>(null);\n\tconst drawFrameRafRef = useRef<number>(0);\n\tconst recordingVideoElRef = useRef<HTMLVideoElement | null>(null);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [modelReady, setModelReady] = useState(false);\n\tconst [isScanning, setIsScanning] = useState(false);\n\tconst [showGuideCard, setShowGuideCard] = useState(true);\n\tconst [videoLoading, setVideoLoading] = useState(false);\n\tconst [videoError, setVideoError] = useState(false);\n\tconst [hasError, setHasError] = useState(false);\n\tconst [errorType, setErrorType] = useState<FaceScanErrorType | null>(null);\n\tconst [faceScanId, setFaceScanId] = useState(generateUuid());\n\tconst swan = useMemo(() => getSwanService(token), [token]);\n\tconst { email, gender, deviceFocalLength, shopDomain, callbackUrl, bodyScanId } = userDetails;\n\tconst [supportedTypes, setSupportedTypes] = useState<string[]>([]);\n\tconst [currentVideoConstraints, setCurrentVideoConstraints] = useState<MediaTrackConstraints>(videoConstraintsExact);\n\tconst preferredVideoTypes = useMemo(() => getPreferredMediaRecorderTypes(), []);\n\tconst recordingMimeType = getRecordingMimeType(supportedTypes);\n\tconst recordingExtension = getRecordingExtension(recordingMimeType);\n\tusePosthogPageview();\n\n\tconst stopRecording = useCallback(() => {\n\t\tconsole.log(\"Stopping recording...\");\n\t\tcancelAnimationFrame(drawFrameRafRef.current);\n\t\tif (recordingVideoElRef.current) {\n\t\t\trecordingVideoElRef.current.pause();\n\t\t\trecordingVideoElRef.current.srcObject = null;\n\t\t\trecordingVideoElRef.current = null;\n\t\t}\n\t\tif (mediaRecorderRef.current && mediaRecorderRef.current.state === \"recording\") {\n\t\t\tmediaRecorderRef.current.stop();\n\t\t}\n\t\tmediaRecorderRef.current = null;\n\t}, []);\n\n\tconst uploadFinalVideo = async () => {\n\t\tonCaptureComplete?.();\n\t\tif (recordedBlobsRef.current) {\n\t\t\tif (recordedBlobsRef.current.length === 0) {\n\t\t\t\tconsole.error(\"No video data recorded\");\n\t\t\t\tsetErrorType(FaceScanErrorType.Scan);\n\t\t\t\tsetHasError(true);\n\t\t\t\tsetShowLoader(false);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonUploadStart?.();\n\t\t\tsetShowLoader(true);\n\t\t\tconst videoFile = new File(recordedBlobsRef.current, `${faceScanId}.${recordingExtension}`, {\n\t\t\t\ttype: recordingMimeType,\n\t\t\t});\n\t\t\t// Use FPS captured at recording time, fallback to calculation if not available\n\t\t\tconst videoFps = recordedFpsRef.current ?? (await getVideoFPS(videoFile));\n\n\t\t\tconst fileSize = videoFile.size;\n\t\t\tconst fileSizeMB = (fileSize / (1024 * 1024)).toFixed(2);\n\t\t\tconst estimatedDuration = Math.round(fileSize / 10000);\n\t\t\tconst videoData = {\n\t\t\t\tvideo_size_mb: parseFloat(fileSizeMB),\n\t\t\t\tvideo_size_bytes: fileSize,\n\t\t\t\tvideo_fps: videoFps || 0,\n\t\t\t\tblob_count: recordedBlobsRef.current.length,\n\t\t\t\testimated_duration_seconds: estimatedDuration,\n\t\t\t};\n\n\t\t\tconst metaData: any[] = [\n\t\t\t\t{ gender: gender },\n\t\t\t\t{ face_scan_id: faceScanId },\n\t\t\t\t{focal_length: `${deviceFocalLength}`},\n\t\t\t\t{ customer_store_url: shopDomain },\n\t\t\t\t{ scan_type: \"face_scan\" },\n\t\t\t\t{ body_scan_id: bodyScanId }\n\t\t\t];\n\t\t\tif (callbackUrl) {\n\t\t\t\tmetaData.push({ callback_url: callbackUrl });\n\t\t\t}\n\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/face_scan_meta_data`,\n\t\t\t\tfaceScanId,\n\t\t\t\temail,\n\t\t\t\tdata: JSON.stringify({ metaData, videoData }),\n\t\t\t});\n\n\t\t\tconst uploadStartTime = Date.now();\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/face_scan_upload_start`,\n\t\t\t\tfaceScanId,\n\t\t\t\temail,\n\t\t\t\tstartTime: uploadStartTime,\n\t\t\t});\n\n\t\t\ttry {\n\t\t\t\tconst res = await swan.fileUpload.faceScanFileUploader({\n\t\t\t\t\tfile: videoFile,\n\t\t\t\t\tarrayMetaData: metaData,\n\t\t\t\t\tobjectKey: faceScanId,\n\t\t\t\t\temail,\n\t\t\t\t\tcontentType: videoFile.type,\n\t\t\t\t});\n\n\t\t\t\tconst uploadEndTime = Date.now();\n\t\t\t\tconst uploadDuration = uploadEndTime - uploadStartTime;\n\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: `${shopDomain}/face_scan_upload_complete`,\n\t\t\t\t\tfaceScanId,\n\t\t\t\t\temail,\n\t\t\t\t\tcompletionTime: uploadEndTime,\n\t\t\t\t\tuploadDuration,\n\t\t\t\t});\n\t\t\t\tonUploadEnd?.();\n\t\t\t\tconsole.log(\"✅ Upload successful\", res);\n\t\t\t\tswan.measurement.handlFaceScaneSocket({\n\t\t\t\t\tonPreopen: () => {\n\t\t\t\t\t\tonMeasurementSocketStart?.();\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"pre_open\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\tfaceScanId,\n\t\t\t\t\tonOpen: () => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"open\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tconsole.log(\"websocket connect open\");\n\t\t\t\t\t},\n\t\t\t\t\tonError: (err) => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"error\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tonError(err);\n\t\t\t\t\t},\n\t\t\t\t\tonSuccess: (data) => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"success\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tonSuccess(data);\n\t\t\t\t\t},\n\t\t\t\t\tonClose: () => {\n\t\t\t\t\t\tonMeasurementSocketClose?.();\n\t\t\t\t\t\tconsole.log(\"websocket connect close\");\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"close\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t} catch (error) {\n\t\t\t\tonUploadEnd?.();\n\t\t\t\tonError(error);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst startRecording = useCallback(() => {\n\t\tconst stream = webcamRef.current?.srcObject as MediaStream | null;\n\t\tif (!stream) return;\n\n\t\t// Create a canvas to normalize orientation\n\t\tconst videoTrack = stream.getVideoTracks()[0];\n\t\tconst settings = videoTrack.getSettings();\n\t\t// Fallback to landscape defaults (1280×720); portrait swap below handles orientation\n\t\tconst { width = 1280, height = 720 } = settings;\n\n\t\tconst canvas = document.createElement(\"canvas\");\n\t\tconst ctx = canvas.getContext(\"2d\");\n\n\t\t// Always force portrait (swap width/height if landscape)\n\t\tif (width > height) {\n\t\t\tcanvas.width = height;\n\t\t\tcanvas.height = width;\n\t\t} else {\n\t\t\tcanvas.width = width;\n\t\t\tcanvas.height = height;\n\t\t}\n\n\t\tconst videoEl = document.createElement(\"video\");\n\t\tvideoEl.srcObject = stream;\n\t\tvideoEl.muted = true;\n\t\tvideoEl.playsInline = true;\n\t\tvideoEl.play();\n\t\trecordingVideoElRef.current = videoEl;\n\n\t\t// Draw video frames onto canvas\n\t\tconst drawFrame = () => {\n\t\t\t// Rotate if camera gives landscape frames\n\t\t\tif (width > height) {\n\t\t\t\tctx?.save();\n\t\t\t\tctx?.translate(canvas.width, 0);\n\t\t\t\tctx?.rotate(Math.PI / 2);\n\t\t\t\tctx?.drawImage(videoEl, 0, 0, height, width);\n\t\t\t\tctx?.restore();\n\t\t\t} else {\n\t\t\t\tctx?.drawImage(videoEl, 0, 0, width, height);\n\t\t\t}\n\t\t\tdrawFrameRafRef.current = requestAnimationFrame(drawFrame);\n\t\t};\n\t\tdrawFrameRafRef.current = requestAnimationFrame(drawFrame);\n\n\t\t// Match recording FPS to actual camera FPS to avoid duplicate frames in the encoded video\n\t\tconst recordingFps = settings.frameRate ?? 10;\n\t\trecordedFpsRef.current = recordingFps; // Store FPS at recording time\n\t\tconst canvasStream = canvas.captureStream(recordingFps);\n\t\tconst mediaRecorderOptions: MediaRecorderOptions = {\n\t\t\tvideoBitsPerSecond: 1_500_000,\n\t\t};\n\t\tif (supportedTypes.length > 0) {\n\t\t\tmediaRecorderOptions.mimeType = supportedTypes[0];\n\t\t}\n\t\tlet mediaRecorder;\n\n\t\ttry {\n\t\t\tmediaRecorder = new MediaRecorder(canvasStream, mediaRecorderOptions);\n\t\t} catch (e) {\n\t\t\tconsole.error(\"MediaRecorder init failed:\", e);\n\t\t\tsetErrorType(FaceScanErrorType.Scan);\n\t\t\tsetHasError(true);\n\t\t\tsetShowLoader(false);\n\t\t\treturn;\n\t\t}\n\n\t\trecordedBlobsRef.current = [];\n\t\tmediaRecorder.ondataavailable = (event) => {\n\t\t\tif (event?.data && event.data.size > 0 && recordedBlobsRef.current) {\n\t\t\t\trecordedBlobsRef.current.push(event.data);\n\t\t\t}\n\t\t};\n\t\tmediaRecorder.onstop = () => {\n\t\t\tconsole.log(\"Recording stopped, total blobs:\", recordedBlobsRef?.current?.length);\n\t\t\tuploadFinalVideo();\n\t\t};\n\n\t\tmediaRecorder.start(100); // 100ms chunks\n\t\tmediaRecorderRef.current = mediaRecorder;\n\t\tconsole.log(\"Recording started successfully (portrait normalized)\");\n\t}, [supportedTypes, uploadFinalVideo]);\n\n\tconst { faceScanDetector, scanStage, setScanStage, resetScan, isModelLoaded, startScanSequence } = useFaceScan({\n\t\tfaceScanId,\n\t\tshopDomain,\n\t\tisError,\n\t\tisSuccess,\n\t\tonScanComplete: () => {\n\t\t\tstopRecording();\n\t\t},\n\t\tonModelReady: () => {\n\t\t\tsetModelReady(true);\n\t\t},\n\t\tonStartRecording: () => {\n\t\t\tconsole.log(\"Stage 0 completed - starting recording for stages 1-3\");\n\t\t\tstartRecording();\n\t\t},\n\t});\n\n\tconst startScan = useCallback(() => {\n\t\tif (!isModelLoaded) return;\n\t\tonScanStart?.();\n\t\tsetScanStage(0);\n\t\tspeechService.playAudio(`${voiceOverAssetsPath}face-scan-vos/Face-forward.mp3`);\n\t\tsetTimeout(() => {\n\t\t\tsetIsScanning(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tstartScanSequence();\n\t\t\t}, 200);\n\t\t}, 200);\n\t}, [setScanStage, setIsScanning, startScanSequence, isModelLoaded, onScanStart]);\n\n\tconst resetScanState = useCallback(() => {\n\t\tsetIsScanning(false);\n\t\tsetShowGuideCard(true);\n\t\tstopRecording();\n\t\tresetScan();\n\t\tonRetry?.();\n\t\trecordedBlobsRef.current = [];\n\t\trecordedFpsRef.current = null;\n\t\tif (mediaRecorderRef.current) {\n\t\t\tmediaRecorderRef.current = null;\n\t\t}\n\t\tsetHasError(false);\n\t\tsetErrorType(null);\n\t\tsetScanStage(-1);\n\t\tsetFaceScanId(generateUuid());\n\t\tif (webcamRef.current && streamRef.current) {\n\t\t\twebcamRef.current.srcObject = streamRef.current;\n\t\t\tconsole.log(\"Camera stream restored after reset\");\n\t\t}\n\t}, [setScanStage, setIsScanning, setShowGuideCard, stopRecording, resetScan, setFaceScanId]);\n\n\tconst onError = (data: any) => {\n\t\tconsole.log(data, \"ws error\");\n\t\tonScanError?.(data);\n\t\tsetErrorType(FaceScanErrorType.Scan);\n\t\tsetHasError(true);\n\t\tsetShowLoader(false);\n\t\tsetShowGuideCard(false);\n\t\thandleScanTimeCapture({\n\t\t\teventName: `${shopDomain}/faceScan`,\n\t\t\tfaceScanId,\n\t\t\tstatus: \"failed\",\n\t\t\temail,\n\t\t\tdata: JSON.stringify(data),\n\t\t});\n\t};\n\n\tconst onSuccess = (data: any) => {\n\t\tconsole.log(data, \"ws success\");\n\t\tif (data && data?.resultType === \"intermediate\") {\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/faceScan_success/intermediate`,\n\t\t\t\tfaceScanId,\n\t\t\t\tstatus: \"success\",\n\t\t\t\temail,\n\t\t\t\tdata: JSON.stringify(data),\n\t\t\t});\n\t\t}\n\t\tonScanSuccess?.(data);\n\t};\n\n\tuseEffect(() => {\n\t\tif (isError || isSuccess) return;\n\t\tif (navigator.mediaDevices.getUserMedia) {\n\t\t\tnavigator.mediaDevices\n\t\t\t\t.getUserMedia({ video: currentVideoConstraints })\n\t\t\t\t.then((stream) => {\n\t\t\t\t\tstreamRef.current = stream;\n\t\t\t\t\tif (webcamRef.current) {\n\t\t\t\t\t\twebcamRef.current.srcObject = stream;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch((err) => {\n\t\t\t\t\tconsole.error(\"Error accessing webcam:\", err);\n\t\t\t\t\tif (currentVideoConstraints === videoConstraintsExact) {\n\t\t\t\t\t\tsetCurrentVideoConstraints(videoConstraintsFallback);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tconst isCameraAccessError = [\"NotAllowedError\", \"PermissionDeniedError\", \"NotFoundError\", \"DevicesNotFoundError\", \"NotReadableError\", \"TrackStartError\"].includes(err?.name);\n\t\t\t\t\tsetErrorType(isCameraAccessError ? FaceScanErrorType.Camera : FaceScanErrorType.Scan);\n\t\t\t\t\tsetHasError(true);\n\t\t\t\t});\n\t\t}\n\t\treturn () => {\n\t\t\tif (streamRef.current) {\n\t\t\t\tstreamRef.current.getTracks().forEach((track) => track.stop());\n\t\t\t}\n\t\t};\n\t}, [isError, isSuccess, currentVideoConstraints]);\n\n\t// Face detection interval - only run when scanning is active\n\tuseEffect(() => {\n\t\tif (!modelReady || !isScanning) return;\n\t\tconst intervalId = setInterval(() => {\n\t\t\tfaceScanDetector(webcamRef, canvasRef);\n\t\t}, 500);\n\n\t\t// eslint-disable-next-line consistent-return\n\t\treturn () => clearInterval(intervalId);\n\t}, [faceScanDetector, modelReady, isScanning]);\n\n\tconst getButtonText = () => {\n\t\tif (isScanning) return LanguageKeys.reset;\n\t\tif (!isModelLoaded) return LanguageKeys.loading;\n\t\treturn LanguageKeys.start;\n\t};\n\n\tconsole.log(\"Model ready:\", modelReady, \"Has error:\", hasError, \"Is scanning:\", isScanning, \"showLoader\", showLoader);\n\tuseEffect(() => {\n\t\tconst supported = getSupportedMediaRecorderTypes(preferredVideoTypes, videoTypes);\n\t\tsetSupportedTypes(supported);\n\t}, [preferredVideoTypes]);\n\tuseEffect(() => {\n\t\tsetScanStage(-1);\n\t}, []);\n\n\treturn (\n\t\t<div data-face-scan-stage={scanStage}>\n\t\t<LanguageContextProvider>\n\t\t\t<ConfigProvider config={config}>\n\t\t\t\t<ParamsContext.Provider\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tisError,\n\t\t\t\t\t\tisSuccess,\n\t\t\t\t\t\tshowLoader,\n\t\t\t\t\t\thasError,\n\t\t\t\t\t\terrorType,\n\t\t\t\t\t\tresetScanState,\n\t\t\t\t\t\tshowGuideCard,\n\t\t\t\t\t\tscanStage,\n\t\t\t\t\t\tvideoLoading,\n\t\t\t\t\t\tsetVideoLoading,\n\t\t\t\t\t\tvideoError,\n\t\t\t\t\t\tsetVideoError,\n\t\t\t\t\t\tgender,\n\t\t\t\t\t\tgetButtonText,\n\t\t\t\t\t\tisScanning,\n\t\t\t\t\t\tstartScan,\n\t\t\t\t\t\tisModelLoaded,\n\t\t\t\t\t\tonRetry,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FaceScanStep webcamRef={webcamRef} canvasRef={canvasRef} />\n\t\t\t\t</ParamsContext.Provider>\n\t\t\t</ConfigProvider>\n\t\t</LanguageContextProvider>\n\t\t</div>\n\t);\n};\n"],"names":["preloadedDetector","isPreloading","preloadDetector","async","window","Promise","r","setTimeout","tf","poseDetection","all","import","setBackend","ready","detector","createDetector","SupportedModels","BlazePose","runtime","modelType","dummyCanvas","document","createElement","width","videoConstraints","ideal","max","height","ctx","getContext","fillStyle","fillRect","estimatePoses","e","console","warn","err","error","useFaceScan","faceScanId","onValidPose","onScanComplete","onModelReady","onStartRecording","shopDomain","isError","isSuccess","detectorRef","useRef","scanStage","setScanStage","useState","consecutiveValid","setConsecutiveValid","isModelLoaded","setIsModelLoaded","isScanningActive","setIsScanningActive","isInferencingRef","inferenceCanvasRef","utteranceRef","scanStageRef","consecutiveValidRef","validityBufferRef","lastSpokenMessageRef","lastSpokenTimeRef","voiceEnabledRef","lastPoseTrackingTimeRef","isIOS","navigator","test","userAgent","platform","maxTouchPoints","directionMessages","useMemo","debouncedTrackPoseDetection","fn","delay","timer","args","clearTimeout","debounce","payload","posthog","capture","trackPoseDetection","useCallback","faceKeypoints","bodyKeypoints","stage","headValid","bodyInvalid","consecutiveValidCount","now","Date","current","nose","leftEye","rightEye","leftMouth","rightMouth","faceKeypointScores","map","kp","filter","score","avgFaceScore","length","reduce","a","b","bodyKeypointScores","avgBodyScore","eyeDistance","Math","abs","noseToRight","noseToLeft","expectedPosition","timestamp","toISOString","data","JSON","stringify","parseFloat","toFixed","faceKeypointsDetected","bodyKeypointsDetected","noseToRightRatio","noseToLeftRatio","noseScore","leftEyeScore","rightEyeScore","leftMouthScore","rightMouthScore","startScanSequence","stageName","useEffect","log","initializeModels","disposeModelAndTf","faceScanDetector","webcamRef","canvasRef","readyState","vw","videoWidth","vh","videoHeight","ictx","drawImage","poses","keypoints","forEach","landmark","idx","point","x","y","push","clearRect","progress","min","radius","beginPath","strokeStyle","lineWidth","arc","PI","stroke","eyesToMouthVerticalDistance","faceTiltedness","faceIsTilted","faceIsVertical","frontalFace","fullLeft","fullRight","isHeadInPosition","slice","p","shift","Boolean","nextValid","nextStage","speechService","playAudio","voiceOverAssetsPath","completedStage","totalStages","nextSound","resetScan","speechSynthesis","cancel","enableVoiceCommands","silentUtterance","SpeechSynthesisUtterance","volume","speak","FaceScanErrorScreen","onRetry","loading","translate","useContext","LanguageContext","config","useConfig","_jsx","className","style","background","base","backgroundColor","children","_jsxs","Header","noTitle","fontFamily","heading","headingFontFamily","fontSize","headingFontSize","color","headingColor","fontWeight","headingFontWeight","LanguageKeys","scanFailed","subheading","subheadingFontFamily","subheadingFontSize","subheadingColor","subheadingFontWeight","clickToResetScan","SpecificButton","disabled","buttonText","postfixIcon","ArrowRight","buttonFunc","FaceScanGuide","videoLoading","setVideoLoading","videoError","setVideoError","gender","btnConfig","faceVisible","loadingVideo","videoLoadFailed","src","GenderType","Male","maleGlassesOffVideo","glassesOffVideo","autoPlay","loop","controls","muted","playsInline","onCanPlay","onLoadStart","onError","isDisabled","label","icon","onClick","FACE_SCAN_HEADSHOT","male","forward","female","type","left","right","smile","FaceScanStep","showLoader","hasError","errorType","resetScanState","showGuideCard","getButtonText","isScanning","startScan","ParamsContext","resolvedConfig","LoadingScreen","url","loader","loaderType","_Fragment","id","crossOrigin","preload","position","zIndex","undefined","ref","transform","opacity","FaceScanErrorType","Camera","Modal","testId","Drawer","open","anchor","onClose","event","reason","hideBackdrop","props","onScanSuccess","onScanError","onScanStart","onCaptureComplete","onUploadStart","onUploadEnd","onMeasurementSocketStart","onMeasurementSocketClose","userDetails","email","deviceFocalLength","bodyScanId","callbackUrl","token","mediaRecorderRef","recordedBlobsRef","streamRef","recordedFpsRef","drawFrameRafRef","recordingVideoElRef","setShowLoader","modelReady","setModelReady","setIsScanning","setShowGuideCard","setHasError","setErrorType","setFaceScanId","generateUuid","swan","getSwanService","supportedTypes","setSupportedTypes","currentVideoConstraints","setCurrentVideoConstraints","videoConstraintsExact","preferredVideoTypes","getPreferredMediaRecorderTypes","recordingMimeType","getRecordingMimeType","recordingExtension","getRecordingExtension","usePosthogPageview","stopRecording","cancelAnimationFrame","pause","srcObject","state","stop","uploadFinalVideo","Scan","videoFile","File","videoFps","getVideoFPS","fileSize","size","fileSizeMB","estimatedDuration","round","videoData","video_size_mb","video_size_bytes","video_fps","blob_count","estimated_duration_seconds","metaData","face_scan_id","focal_length","customer_store_url","scan_type","body_scan_id","callback_url","handleScanTimeCapture","eventName","uploadStartTime","startTime","res","fileUpload","faceScanFileUploader","file","arrayMetaData","objectKey","contentType","uploadEndTime","uploadDuration","completionTime","measurement","handlFaceScaneSocket","onPreopen","handleWebSocketCapture","faceScanID","connection","onOpen","onSuccess","startRecording","stream","settings","getVideoTracks","getSettings","canvas","videoEl","play","drawFrame","save","rotate","restore","requestAnimationFrame","recordingFps","frameRate","canvasStream","captureStream","mediaRecorderOptions","videoBitsPerSecond","mediaRecorder","mimeType","MediaRecorder","ondataavailable","onstop","start","status","resultType","mediaDevices","getUserMedia","video","then","catch","videoConstraintsFallback","isCameraAccessError","includes","name","getTracks","track","intervalId","setInterval","clearInterval","supported","getSupportedMediaRecorderTypes","videoTypes","LanguageContextProvider","ConfigProvider","Provider","value","reset"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FaceScan-Dva9De8x.js","sources":["../src/customHooks/useFaceScan.ts","../src/components/faceScan/FaceScanErrorScreen.tsx","../src/components/faceScan/FaceScanGuide.tsx","../src/components/faceScan/FaceScanStep.tsx","../src/components/faceScan/FaceScan.tsx"],"sourcesContent":["import {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n RefObject,\n} from \"react\";\n// 1. Use TYPE-ONLY imports. These are erased at build time and won't crash SSR.\nimport type { PoseDetector } from \"@tensorflow-models/pose-detection\";\nimport posthog from \"../utils/posthog\";\nimport speechService from \"../utils/service/speechService\";\nimport { videoConstraints, voiceOverAssetsPath } from \"../utils/constants\";\n\n/**\n * useFaceScan Hook with PostHog Analytics\n * Refactored for Zero-Config SSR/CSR Compatibility\n */\n\n// Debounce utility\nfunction debounce(fn: (...args: any) => void, delay: number) {\n let timer: ReturnType<typeof setTimeout>;\n return (...args: any) => {\n if (timer) clearTimeout(timer);\n timer = setTimeout(() => fn(...args), delay);\n };\n}\n\n// Global Singleton Cache (Preserves state across re-renders)\nlet preloadedDetector: PoseDetector | null = null;\nlet isPreloading = false;\n\n// 2. Async Preloader with Dynamic Imports\nexport const preloadDetector = async (): Promise<PoseDetector | null> => {\n // Guard: Never run on server\n if (typeof window === \"undefined\") return null;\n if (preloadedDetector) return preloadedDetector;\n if (isPreloading) {\n // Simple wait mechanism if already loading\n while (isPreloading) {\n await new Promise(r => setTimeout(r, 100));\n if (preloadedDetector) return preloadedDetector;\n }\n }\n\n isPreloading = true;\n\n try {\n // DYNAMIC IMPORTS: Only fetch these heavy bundles in the browser\n const [tf, poseDetection] = await Promise.all([\n import(\"@tensorflow/tfjs\"),\n import(\"@tensorflow-models/pose-detection\")\n ]);\n\n // Initialize Backend\n await tf.setBackend(\"webgl\");\n await tf.ready();\n\n const detector = await poseDetection.createDetector(\n poseDetection.SupportedModels.BlazePose,\n {\n runtime: \"tfjs\",\n modelType: \"full\",\n }\n );\n\n // Dummy video warmup (Performance Optimization)\n // This runs the model once on a blank canvas to \"wake up\" the GPU\n // so the first user frame detects instantly.\n const dummyCanvas = document.createElement(\"canvas\");\n dummyCanvas.width = typeof videoConstraints.width === \"number\" ? videoConstraints.width : videoConstraints.width.ideal ?? videoConstraints.width.max ?? 1280;\n dummyCanvas.height = typeof videoConstraints.height === \"number\" ? videoConstraints.height : videoConstraints.height.ideal ?? videoConstraints.height.max ?? 720;\n const ctx = dummyCanvas.getContext(\"2d\");\n if (ctx) {\n ctx.fillStyle = \"black\";\n ctx.fillRect(0, 0, dummyCanvas.width, dummyCanvas.height);\n try {\n await detector.estimatePoses(dummyCanvas);\n } catch (e) {\n console.warn(\"Warmup frame failed (non-fatal):\", e);\n }\n }\n\n preloadedDetector = detector;\n return detector;\n } catch (err) {\n console.error(\"Failed to preload detector:\", err);\n return null;\n } finally {\n isPreloading = false;\n }\n};\n\ntype Point = [number, number, number];\n\nfunction useFaceScan({\n faceScanId,\n onValidPose,\n onScanComplete,\n onModelReady,\n onStartRecording,\n shopDomain,\n isError,\n isSuccess,\n}: {\n faceScanId: string;\n onValidPose?: () => void;\n onScanComplete?: () => void;\n onModelReady?: () => void;\n onStartRecording: () => void;\n shopDomain: string;\n isError?: boolean;\n isSuccess?: boolean;\n}) {\n const detectorRef = useRef<PoseDetector | null>(null);\n const [scanStage, setScanStage] = useState(0);\n const [consecutiveValid, setConsecutiveValid] = useState(0);\n const [isModelLoaded, setIsModelLoaded] = useState(false);\n const [isScanningActive, setIsScanningActive] = useState(false);\n const isInferencingRef = useRef(false);\n // Persistent offscreen canvas for inference input.\n // tf.browser.fromPixels(videoElement) calls gl.texImage2D with the video,\n // which returns black frames on SwiftShader (headless CI) because video decoded\n // frames aren't in SW-composited memory. Drawing to a canvas first makes the\n // pixels CPU-accessible so SwiftShader can read them correctly.\n const inferenceCanvasRef = useRef<HTMLCanvasElement | null>(null);\n \n const utteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n const scanStageRef = useRef(scanStage);\n const consecutiveValidRef = useRef(consecutiveValid);\n const validityBufferRef = useRef<boolean[]>([]);\n const lastSpokenMessageRef = useRef(\"\");\n const lastSpokenTimeRef = useRef(0);\n const voiceEnabledRef = useRef(false);\n \n const VALIDITY_BUFFER_LENGTH = 10;\n const CONSECUTIVE_VALID_LENGTH = 2;\n const TOTAL_STAGES = 4;\n const POSE_TRACKING_INTERVAL = 4000;\n const lastPoseTrackingTimeRef = useRef(0);\n\n // Safe iOS detection (SSR safe)\n const isIOS = typeof navigator !== 'undefined' && (\n /iPad|iPhone|iPod/.test(navigator.userAgent) ||\n (navigator.platform === \"MacIntel\" && navigator.maxTouchPoints > 1)\n );\n\n const directionMessages = useMemo(\n () => [\n \"Face front\",\n \"Turn head fully left\",\n \"Turn head fully right\",\n \"Smile facing front\",\n ],\n []\n );\n\n const debouncedTrackPoseDetection = useMemo(\n () =>\n debounce((payload) => {\n posthog.capture(`${shopDomain}/face_scan_pose_detection`, payload);\n }, 4000),\n [shopDomain]\n );\n\n const trackPoseDetection = useCallback(\n (\n faceKeypoints: Point[],\n bodyKeypoints: Point[],\n stage: number,\n headValid: boolean,\n bodyInvalid: boolean,\n consecutiveValidCount: number\n ) => {\n const now = Date.now();\n if (now - lastPoseTrackingTimeRef.current < POSE_TRACKING_INTERVAL) {\n return;\n }\n\n lastPoseTrackingTimeRef.current = now;\n\n try {\n const nose = faceKeypoints[0] || [0, 0, 0];\n const leftEye = faceKeypoints[2] || [0, 0, 0];\n const rightEye = faceKeypoints[5] || [0, 0, 0];\n const leftMouth = faceKeypoints[9] || [0, 0, 0];\n const rightMouth = faceKeypoints[10] || [0, 0, 0];\n\n const faceKeypointScores = faceKeypoints\n .map((kp: Point) => kp[2])\n .filter((score: number) => score > 0);\n const avgFaceScore =\n faceKeypointScores.length > 0\n ? faceKeypointScores.reduce((a, b) => a + b, 0) /\n faceKeypointScores.length\n : 0;\n\n const bodyKeypointScores = bodyKeypoints\n .map((kp: Point) => kp[2])\n .filter((score: number) => score > 0);\n const avgBodyScore =\n bodyKeypointScores.length > 0\n ? bodyKeypointScores.reduce((a: number, b: number) => a + b, 0) /\n bodyKeypointScores.length\n : 0;\n\n const eyeDistance = Math.abs(leftEye[0] - rightEye[0]);\n const noseToRight = nose[0] - rightEye[0];\n const noseToLeft = leftEye[0] - nose[0];\n\n let expectedPosition = \"frontal\";\n if (stage === 1) expectedPosition = \"left\";\n else if (stage === 2) expectedPosition = \"right\";\n else if (stage === 3) expectedPosition = \"frontal_smile\";\n\n const payload = {\n faceScanId,\n stage,\n timestamp: new Date().toISOString(),\n data: JSON.stringify({\n headValid,\n bodyInvalid,\n consecutiveValid: consecutiveValidCount,\n avgFaceScore: parseFloat(avgFaceScore.toFixed(3)),\n avgBodyScore: parseFloat(avgBodyScore.toFixed(3)),\n faceKeypointsDetected: faceKeypointScores.length,\n bodyKeypointsDetected: bodyKeypointScores.length,\n eyeDistance: parseFloat(eyeDistance.toFixed(2)),\n noseToRightRatio: parseFloat((noseToRight / eyeDistance).toFixed(3)),\n noseToLeftRatio: parseFloat((noseToLeft / eyeDistance).toFixed(3)),\n noseScore: parseFloat(nose[2].toFixed(3)),\n leftEyeScore: parseFloat(leftEye[2].toFixed(3)),\n rightEyeScore: parseFloat(rightEye[2].toFixed(3)),\n leftMouthScore: parseFloat(leftMouth[2].toFixed(3)),\n rightMouthScore: parseFloat(rightMouth[2].toFixed(3)),\n expectedPosition,\n }),\n };\n debouncedTrackPoseDetection(payload);\n } catch (error) {\n console.warn(\"Failed to track pose detection:\", error);\n }\n },\n [faceScanId, debouncedTrackPoseDetection]\n );\n\n const enableVoiceCommands = () => {\n voiceEnabledRef.current = true;\n if (typeof window !== 'undefined' && isIOS && \"speechSynthesis\" in window) {\n const silentUtterance = new SpeechSynthesisUtterance(\"\");\n silentUtterance.volume = 0;\n speechSynthesis.speak(silentUtterance);\n }\n };\n\n const startScanSequence = () => {\n posthog.capture(`${shopDomain}/face_scan_detection_started`, {\n faceScanId,\n stage: scanStageRef.current,\n timestamp: new Date().toISOString(),\n stageName: directionMessages[scanStageRef.current],\n });\n\n setTimeout(() => {\n setIsScanningActive(true);\n }, 1500);\n };\n\n const isHeadInPosition = (stage: number, keypoints: Point[]) => {\n // ... logic unchanged ...\n const nose = 0;\n const leftEye = 2;\n const rightEye = 5;\n const leftMouth = 9;\n const rightMouth = 10;\n\n const minScore = 0.2;\n if (\n !keypoints[nose] || !keypoints[leftEye] || !keypoints[rightEye] ||\n keypoints[nose][2] < minScore ||\n keypoints[leftEye][2] < minScore ||\n keypoints[rightEye][2] < minScore\n ) {\n return false;\n }\n\n const eyesToMouthVerticalDistance =\n 0.5 * (keypoints[rightMouth][1] + keypoints[leftMouth][1]) -\n 0.5 * (keypoints[rightEye][1] + keypoints[leftEye][1]);\n\n const faceTiltedness =\n (0.5 * (keypoints[rightMouth][1] + keypoints[leftMouth][1]) -\n keypoints[nose][1]) /\n eyesToMouthVerticalDistance;\n\n const faceIsTilted = faceTiltedness > 0.7 || faceTiltedness < 0.3;\n\n const faceIsVertical =\n Math.abs(keypoints[leftEye][1] - keypoints[rightEye][1]) <\n 0.5 * eyesToMouthVerticalDistance &&\n Math.abs(keypoints[leftMouth][1] - keypoints[rightMouth][1]) <\n 0.5 * eyesToMouthVerticalDistance;\n\n const eyeDistance = keypoints[leftEye][0] - keypoints[rightEye][0];\n const noseToRight = keypoints[nose][0] - keypoints[rightEye][0];\n const noseToLeft = keypoints[leftEye][0] - keypoints[nose][0];\n\n const frontalFace =\n noseToRight > 0.4 * eyeDistance && noseToRight < 0.6 * eyeDistance;\n const fullLeft = noseToRight > 0.85 * eyeDistance;\n const fullRight = noseToLeft > 0.85 * eyeDistance;\n\n switch (stage) {\n case 0:\n return !faceIsTilted && faceIsVertical && frontalFace;\n case 1:\n return !faceIsTilted && faceIsVertical && fullLeft;\n case 2:\n return !faceIsTilted && faceIsVertical && fullRight;\n case 3:\n return !faceIsTilted && faceIsVertical && frontalFace;\n default:\n return false;\n }\n };\n\n const faceScanDetector = async (\n webcamRef: RefObject<HTMLVideoElement | null>,\n canvasRef: RefObject<HTMLCanvasElement | null>\n ) => {\n if (\n !detectorRef.current ||\n !webcamRef.current ||\n !isModelLoaded ||\n !isScanningActive\n )\n return;\n\n // Safety: ensure video is actually playing with data\n if (webcamRef.current.readyState < 2) return;\n\n // Prevent concurrent inference calls — important on slow GPUs (SwiftShader/CI)\n // where a single estimatePoses() can take longer than the 500ms interval.\n if (isInferencingRef.current) return;\n isInferencingRef.current = true;\n\n try {\n const vw = webcamRef.current.videoWidth || 720;\n const vh = webcamRef.current.videoHeight || 1280;\n if (!inferenceCanvasRef.current) {\n inferenceCanvasRef.current = document.createElement(\"canvas\");\n inferenceCanvasRef.current.width = vw;\n inferenceCanvasRef.current.height = vh;\n }\n const ictx = inferenceCanvasRef.current.getContext(\"2d\");\n if (ictx) ictx.drawImage(webcamRef.current, 0, 0, vw, vh);\n const poses = await detectorRef.current.estimatePoses(\n ictx ? inferenceCanvasRef.current : webcamRef.current\n );\n if (poses.length > 0) {\n const faceKeypoints: Point[] = [];\n const bodyKeypoints: Point[] = [];\n poses[0].keypoints.forEach((landmark, idx) => {\n const score = landmark.score ?? 0;\n const point: Point = [landmark.x ?? -1, landmark.y ?? -1, score];\n if (idx <= 10) faceKeypoints.push(point);\n else bodyKeypoints.push(point);\n });\n\n // Optional drawing\n if (canvasRef?.current) {\n const ctx = canvasRef.current.getContext(\"2d\");\n const { width, height } = canvasRef.current;\n if (ctx) {\n ctx.clearRect(0, 0, width, height);\n\n const progress = Math.min(\n consecutiveValidRef.current / CONSECUTIVE_VALID_LENGTH,\n 1\n );\n const radius = height * 0.35;\n ctx.beginPath();\n ctx.strokeStyle = \"#00ff00\";\n ctx.lineWidth = 6;\n ctx.arc(\n width / 2,\n height / 2,\n radius + 10,\n -Math.PI / 2,\n -Math.PI / 2 + progress * 2 * Math.PI\n );\n ctx.stroke();\n }\n }\n\n const headValid = isHeadInPosition(scanStageRef.current, faceKeypoints);\n const bodyInvalid =\n bodyKeypoints.slice(2).filter((p) => p[2] > 0.7).length <= 2;\n\n validityBufferRef.current.push(headValid && bodyInvalid);\n if (validityBufferRef.current.length > VALIDITY_BUFFER_LENGTH) {\n validityBufferRef.current.shift();\n }\n\n const validCount = validityBufferRef.current.filter(Boolean).length;\n if (validCount >= 2) {\n const nextValid = consecutiveValidRef.current + 1;\n setConsecutiveValid(nextValid);\n } else {\n setConsecutiveValid(Math.max(0, consecutiveValidRef.current - 1));\n }\n\n if (consecutiveValidRef.current >= CONSECUTIVE_VALID_LENGTH) {\n onValidPose?.();\n\n const nextStage = scanStageRef.current + 1;\n setConsecutiveValid(0);\n validityBufferRef.current = [];\n setScanStage(nextStage);\n setIsScanningActive(false);\n\n (async () => {\n await speechService.playAudio(\n `${voiceOverAssetsPath}face-scan-vos/Sound-effect.mp3`\n );\n posthog.capture(\n `${shopDomain}/face_scan_detection_stage_completed`,\n {\n faceScanId,\n completedStage: scanStageRef.current,\n nextStage,\n timestamp: new Date().toISOString(),\n totalStages: TOTAL_STAGES,\n stageName: directionMessages[scanStageRef.current],\n }\n );\n \n if (nextStage === 1 && onStartRecording) {\n onStartRecording();\n }\n if (nextStage >= TOTAL_STAGES) {\n onScanComplete?.();\n } else {\n let nextSound = null;\n switch (nextStage) {\n case 1: nextSound = \"Left.mp3\"; break;\n case 2: nextSound = \"Right.mp3\"; break;\n case 3: nextSound = \"Smile.mp3\"; break;\n }\n if (nextSound) {\n await speechService.playAudio(\n `${voiceOverAssetsPath}face-scan-vos/${nextSound}`\n );\n }\n startScanSequence();\n }\n })();\n }\n\n trackPoseDetection(\n faceKeypoints,\n bodyKeypoints,\n scanStageRef.current,\n headValid,\n bodyInvalid,\n consecutiveValidRef.current\n );\n }\n } catch (err) {\n console.error(\"Pose detection error:\", err);\n } finally {\n isInferencingRef.current = false;\n }\n };\n\n const initializeModels = async () => {\n // 3. Browser Guard\n if (typeof window === 'undefined') return;\n\n try {\n console.log(\"Initializing Face Scan...\");\n // Calls our safe, dynamic preloader\n const detector = await preloadDetector();\n \n if (detector) {\n detectorRef.current = detector;\n console.log(\"Face scan model loaded successfully\");\n setIsModelLoaded(true);\n onModelReady?.();\n }\n } catch (err) {\n console.error(\"Error initializing face scan:\", err);\n }\n };\n\n const disposeModelAndTf = async () => {\n // Optional: We might NOT want to dispose if we want to keep the cache \n // for re-mounting. But if you must dispose:\n try {\n setIsModelLoaded(false);\n // NOTE: We generally don't dispose the detector if we want to reuse it \n // via the 'preloadedDetector' global variable.\n // If you dispose here, make sure to set 'preloadedDetector = null' too.\n /* if (detectorRef.current) {\n await detectorRef.current.dispose();\n detectorRef.current = null;\n preloadedDetector = null; // Clear global cache if disposing\n }\n */\n } catch (err) {\n console.error(\"Error disposing resources:\", err);\n } finally {\n // Reset state\n setScanStage(0);\n setConsecutiveValid(0);\n scanStageRef.current = 0;\n consecutiveValidRef.current = 0;\n validityBufferRef.current = [];\n }\n };\n\n const resetScan = () => {\n posthog.capture(`${shopDomain}/face_scan_reset`, {\n faceScanId,\n stage: scanStageRef.current,\n timestamp: new Date().toISOString(),\n stageName: directionMessages[scanStageRef.current],\n consecutiveValid: consecutiveValidRef.current,\n });\n\n setScanStage(0);\n setConsecutiveValid(0);\n setIsScanningActive(false);\n scanStageRef.current = 0;\n consecutiveValidRef.current = 0;\n validityBufferRef.current = [];\n lastSpokenMessageRef.current = \"\";\n lastSpokenTimeRef.current = 0;\n voiceEnabledRef.current = false;\n if (utteranceRef.current) {\n speechSynthesis.cancel();\n utteranceRef.current = null;\n }\n };\n\n useEffect(() => {\n if (isError || isSuccess) return;\n initializeModels();\n return () => {\n disposeModelAndTf();\n };\n }, [isError, isSuccess]);\n\n useEffect(() => {\n scanStageRef.current = scanStage;\n }, [scanStage]);\n\n useEffect(() => {\n consecutiveValidRef.current = consecutiveValid;\n }, [consecutiveValid]);\n\n return {\n faceScanDetector,\n scanStage,\n setScanStage,\n consecutiveValid,\n isModelLoaded,\n resetScan,\n enableVoiceCommands,\n startScanSequence,\n isScanningActive,\n };\n}\n\nexport default useFaceScan;","import { ArrowRight } from \"lucide-react\";\nimport Header from \"../Header\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { useContext } from \"react\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { useConfig } from \"../../utils/context/configContext\";\n\nfunction FaceScanErrorScreen({ onRetry, loading }: { onRetry?: () => void; loading?: boolean }) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\tconst config = useConfig();\n\n\treturn (\n\t\t<div data-testid=\"face-scan-error-screen\" className=\"fixed common-ui-main top-[0] left-[0] z-[999] flex justify-center items-center w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t<div className=\"flex flex-col w-full items-center p-[1rem] rounded-lg \">\n\t\t\t\t<Header noTitle />\n\t\t\t\t<div className=\"flex flex-col items-center w-full\">\n\t\t\t\t\t<h2\n\t\t\t\t\t\tclassName=\"text-xl font-semibold text-gray-800 \"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.scanFailed)}\n\t\t\t\t\t</h2>\n\t\t\t\t\t<p\n\t\t\t\t\t\tclassName=\"mb-[1.5rem]\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\tcolor: config?.style?.subheading?.subheadingColor || \"#4b5563\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.clickToResetScan)}\n\t\t\t\t\t</p>\n\t\t\t\t\t<SpecificButton\n\t\t\t\t\t\tdata-testid=\"face-scan-retry-btn\"\n\t\t\t\t\t\tdisabled={loading}\n\t\t\t\t\t\tclassName=\"w-full h-[45px] shadow-[0px_1px_2px_0px_#00000040] text-[16px]\"\n\t\t\t\t\t\tbuttonText={translate?.(LanguageKeys.resetScan)}\n\t\t\t\t\t\tpostfixIcon={<ArrowRight />}\n\t\t\t\t\t\tbuttonFunc={() => onRetry?.()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default FaceScanErrorScreen;\n","import Header from \"../Header\";\nimport { GenderType } from \"../../utils/enums\";\nimport { directionMessages, FACE_SCAN_HEADSHOT, glassesOffVideo, maleGlassesOffVideo } from \"../../utils/constants\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { useContext } from \"react\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { useConfig } from \"../../utils/context/configContext\";\nimport { Dispatch, ReactNode, SetStateAction } from \"react\";\nimport { Gender } from \"../../types/interfaces\";\n\ninterface IButtonConfig {\n\tisDisabled: boolean;\n\ticon?: ReactNode;\n\tonClick: () => void;\n\tlabel: string;\n}\n\ninterface FaceScanGuideProps {\n\tstage: number;\n\tvideoLoading: boolean;\n\tsetVideoLoading: Dispatch<SetStateAction<boolean>>;\n\tvideoError: boolean;\n\tsetVideoError: Dispatch<SetStateAction<boolean>>;\n\tgender: Gender;\n\tbtnConfig: IButtonConfig;\n}\n\nfunction FaceScanGuide({ stage, videoLoading, setVideoLoading, videoError, setVideoError, gender, btnConfig }: FaceScanGuideProps) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\tconst config = useConfig();\n\n\tif (stage === -1) {\n\t\treturn (\n\t\t\t<div data-testid=\"face-scan-guide\" className=\"text-center common-ui-main p-[16px] w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t\t<div className=\"w-full\">\n\t\t\t\t\t<Header noTitle />\n\t\t\t\t\t<h2\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.faceVisible)}\n\t\t\t\t\t</h2>\n\t\t\t\t\t{videoLoading && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mb-4 flex items-center justify-center\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\t\tcolor: config?.style?.subheading?.subheadingColor || \"#4b5563\",\n\t\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{translate?.(LanguageKeys.loadingVideo)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{videoError && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mb-4 text-red-600\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\t\tcolor: \"#ff0000\",\n\t\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{translate?.(LanguageKeys.videoLoadFailed)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!videoError && (\n\t\t\t\t\t\t<div className={` w-[100px] mx-auto`}>\n\t\t\t\t\t\t\t<video\n\t\t\t\t\t\t\t\tsrc={gender === GenderType.Male ? maleGlassesOffVideo : glassesOffVideo}\n\t\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\t\tclassName=\"h-full w-full object-contain border-none\"\n\t\t\t\t\t\t\t\tonCanPlay={() => setVideoLoading(false)}\n\t\t\t\t\t\t\t\tonLoadStart={() => setVideoLoading(true)}\n\t\t\t\t\t\t\t\tonError={() => setVideoError(true)}\n\t\t\t\t\t\t\t\taria-label=\"Instructional video: Please remove your glasses before starting the scan.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex justify-center w-full p-[1rem]\">\n\t\t\t\t\t<SpecificButton\n\t\t\t\t\t\tdata-testid=\"face-scan-start-btn\"\n\t\t\t\t\t\tdisabled={btnConfig.isDisabled}\n\t\t\t\t\t\tclassName=\"!w-[60px] !h-[35px] !py-0 !px-0\"\n\t\t\t\t\t\tbuttonText={translate?.(btnConfig.label)}\n\t\t\t\t\t\tpostfixIcon={btnConfig?.icon}\n\t\t\t\t\t\tbuttonFunc={btnConfig.onClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"text-center common-ui-main p-[16px] w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t<div className=\"w-full\">\n\t\t\t\t<Header noTitle />\n\t\t\t\t<h3\n\t\t\t\t\tclassName=\"mb-[0.5rem]\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{translate?.(directionMessages[stage])}\n\t\t\t\t</h3>\n\t\t\t\t<div className=\"max-w-[400px] justify-center gap-1 mx-auto flex items-center\">\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 0 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.forward : FACE_SCAN_HEADSHOT.female.forward} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 1 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.left : FACE_SCAN_HEADSHOT.female.left} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 2 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.right : FACE_SCAN_HEADSHOT.female.right} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 3 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.smile : FACE_SCAN_HEADSHOT.female.smile} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default FaceScanGuide;\n","import React, { useContext } from \"react\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\nimport FaceScanErrorScreen from \"./FaceScanErrorScreen\";\nimport LoadingScreen from \"../LoadingScreen\";\nimport { videoConstraints } from \"../../utils/constants\";\nimport { Drawer } from \"@mui/material\";\nimport FaceScanGuide from \"./FaceScanGuide\";\nimport Modal from \"../Modal\";\nimport { FaceScanErrorType } from \"../../utils/enums\";\nimport { ArrowRight } from \"lucide-react\";\nimport { useConfig } from \"../../utils/context/configContext\";\ninterface FaceScanStepProps {\n\twebcamRef: React.RefObject<HTMLVideoElement | null>;\n\tcanvasRef: React.RefObject<HTMLCanvasElement | null>;\n}\n\nconst FaceScanStep: React.FC<FaceScanStepProps> = ({ webcamRef, canvasRef }) => {\n\tconst {\n\t\tisError,\n\t\tisSuccess,\n\t\tshowLoader,\n\t\thasError,\n\t\terrorType,\n\t\tresetScanState,\n\t\tshowGuideCard,\n\t\tscanStage,\n\t\tvideoLoading,\n\t\tsetVideoLoading,\n\t\tvideoError,\n\t\tsetVideoError,\n\t\tgender,\n\t\tgetButtonText,\n\t\tisScanning,\n\t\tstartScan,\n\t\tisModelLoaded,\n\t\tonRetry,\n\t} = useContext(ParamsContext);\n\tconst resolvedConfig = useConfig();\n\tif (isError) {\n\t\treturn <FaceScanErrorScreen onRetry={onRetry} />;\n\t}\n\tif (isSuccess) {\n\t\treturn (\n\t\t\t<div className=\"fixed z-[9] common-ui-main w-full h-full\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t<LoadingScreen url={resolvedConfig?.loader} loaderType=\"black\" />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<audio id=\"audioElement\" crossOrigin=\"anonymous\" preload=\"auto\" style={{ position: \"absolute\", zIndex: -99999 }} src={undefined} />\n\n\t\t\t{/* Error overlay */}\n\t\t\t{showLoader && !hasError && (\n\t\t\t\t<div className=\"fixed z-[9] common-ui-main w-full h-full\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t\t{/* <Asset genderType={gender} /> */}\n\t\t\t\t\t<LoadingScreen url={resolvedConfig?.loader} loaderType=\"black\" />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Always show camera view */}\n\t\t\t<div className=\"h-full flex-col common-ui-main relative w-full flex justify-center items-center text-center rounded-t-[20px]\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t<div className=\"flex-1 w-full max-w-md overflow-hidden\">\n\t\t\t\t\t<div className=\"w-full h-full\">\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tref={webcamRef}\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth={videoConstraints.width.ideal}\n\t\t\t\t\t\t\theight={videoConstraints.height.ideal}\n\t\t\t\t\t\t\tclassName=\"w-full h-full object-cover fixed left-0 top-0 z-0\"\n\t\t\t\t\t\t\tstyle={{ transform: \"scaleX(-1)\" }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<canvas ref={canvasRef} width={videoConstraints.width.ideal} height={videoConstraints.height.ideal} style={{ transform: \"scaleX(-1)\", opacity: \"0\" }} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Error overlay */}\n\t\t\t{!showLoader && hasError && errorType === FaceScanErrorType.Camera && (\n\t\t\t\t<Modal testId=\"face-scan-camera-error-screen\" config={resolvedConfig} />\n\t\t\t)}\n\t\t\t{!showLoader && hasError && errorType !== FaceScanErrorType.Camera && (\n\t\t\t\t<FaceScanErrorScreen loading={showLoader} onRetry={resetScanState} />\n\t\t\t)}\n\n\t\t\t{/* Scan guide drawer - only show when scanning */}\n\t\t\t{showGuideCard && !hasError && !showLoader && (\n\t\t\t\t<Drawer\n\t\t\t\t\topen\n\t\t\t\t\tclassName=\"face-scan-small camera-draw\"\n\t\t\t\t\tanchor=\"bottom\"\n\t\t\t\t\tonClose={(event, reason) => {\n\t\t\t\t\t\tif (reason === \"backdropClick\") {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\thideBackdrop\n\t\t\t\t>\n\t\t\t\t\t<FaceScanGuide\n\t\t\t\t\t\tstage={scanStage}\n\t\t\t\t\t\tvideoLoading={videoLoading}\n\t\t\t\t\t\tsetVideoLoading={setVideoLoading}\n\t\t\t\t\t\tvideoError={videoError}\n\t\t\t\t\t\tsetVideoError={setVideoError}\n\t\t\t\t\t\tgender={gender}\n\t\t\t\t\t\tbtnConfig={{\n\t\t\t\t\t\t\tlabel: getButtonText(),\n\t\t\t\t\t\t\tonClick: isScanning ? resetScanState : startScan,\n\t\t\t\t\t\t\tisDisabled: showLoader || !isModelLoaded,\n\t\t\t\t\t\t\ticon: isScanning ? <ArrowRight /> : <></>,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</Drawer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default FaceScanStep;\n","\"use client\";\nimport { useEffect, useRef, useState, useCallback, useMemo } from \"react\";\nimport { FaceScanMetaData, FaceScanProps } from \"../../types/interfaces\";\nimport {\n\tgenerateUuid,\n\tgetPreferredMediaRecorderTypes,\n\tgetRecordingExtension,\n\tgetRecordingMimeType,\n\tgetSupportedMediaRecorderTypes,\n\tgetVideoFPS,\n\thandleScanTimeCapture,\n\thandleWebSocketCapture,\n} from \"../../utils/utils\";\nimport { videoConstraintsExact, videoConstraintsFallback, videoTypes, voiceOverAssetsPath } from \"../../utils/constants\";\nimport { getSwanService } from \"../../utils/service/swanService\";\nimport speechService from \"../../utils/service/speechService\";\nimport useFaceScan from \"../../customHooks/useFaceScan\";\nimport usePosthogPageview from \"../../customHooks/usePosthogPageview\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { FaceScanErrorType } from \"../../utils/enums\";\nimport LanguageContextProvider from \"../../utils/context/languageContext\";\nimport { ConfigProvider } from \"../../utils/context/configContext\";\nimport FaceScanStep from \"./FaceScanStep\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\n\nexport const FaceScan: React.FC<FaceScanProps> = (props) => {\n\tconst { onScanSuccess, onScanError, onRetry, onScanStart, onCaptureComplete, onUploadStart, onUploadEnd, onMeasurementSocketStart, onMeasurementSocketClose, config, isError, isSuccess } = props;\n\tconst userDetails: FaceScanMetaData = props.userDetails ?? {\n\t\temail: \"\",\n\t\tgender: \"male\",\n\t\tdeviceFocalLength: 0,\n\t\tshopDomain: \"\",\n\t\tbodyScanId: \"\",\n\t\tcallbackUrl: null,\n\t};\n\tconst token = props.token ?? \"\";\n\tconst webcamRef = useRef<HTMLVideoElement | null>(null);\n\tconst canvasRef = useRef<HTMLCanvasElement | null>(null);\n\tconst mediaRecorderRef = useRef<MediaRecorder | null>(null);\n\tconst recordedBlobsRef = useRef<Blob[] | null>([]);\n\tconst streamRef = useRef<MediaStream | null>(null);\n\tconst recordedFpsRef = useRef<number | null>(null);\n\tconst drawFrameRafRef = useRef<number>(0);\n\tconst recordingVideoElRef = useRef<HTMLVideoElement | null>(null);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [modelReady, setModelReady] = useState(false);\n\tconst [isScanning, setIsScanning] = useState(false);\n\tconst [showGuideCard, setShowGuideCard] = useState(true);\n\tconst [videoLoading, setVideoLoading] = useState(false);\n\tconst [videoError, setVideoError] = useState(false);\n\tconst [hasError, setHasError] = useState(false);\n\tconst [errorType, setErrorType] = useState<FaceScanErrorType | null>(null);\n\tconst [faceScanId, setFaceScanId] = useState(generateUuid());\n\tconst swan = useMemo(() => getSwanService(token), [token]);\n\tconst { email, gender, deviceFocalLength, shopDomain, callbackUrl, bodyScanId } = userDetails;\n\tconst [supportedTypes, setSupportedTypes] = useState<string[]>([]);\n\tconst [currentVideoConstraints, setCurrentVideoConstraints] = useState<MediaTrackConstraints>(videoConstraintsExact);\n\tconst preferredVideoTypes = useMemo(() => getPreferredMediaRecorderTypes(), []);\n\tconst recordingMimeType = getRecordingMimeType(supportedTypes);\n\tconst recordingExtension = getRecordingExtension(recordingMimeType);\n\tusePosthogPageview();\n\n\tconst stopRecording = useCallback(() => {\n\t\tconsole.log(\"Stopping recording...\");\n\t\tcancelAnimationFrame(drawFrameRafRef.current);\n\t\tif (recordingVideoElRef.current) {\n\t\t\trecordingVideoElRef.current.pause();\n\t\t\trecordingVideoElRef.current.srcObject = null;\n\t\t\trecordingVideoElRef.current = null;\n\t\t}\n\t\tif (mediaRecorderRef.current && mediaRecorderRef.current.state === \"recording\") {\n\t\t\tmediaRecorderRef.current.stop();\n\t\t}\n\t\tmediaRecorderRef.current = null;\n\t}, []);\n\n\tconst uploadFinalVideo = async () => {\n\t\tonCaptureComplete?.();\n\t\tif (recordedBlobsRef.current) {\n\t\t\tif (recordedBlobsRef.current.length === 0) {\n\t\t\t\tconsole.error(\"No video data recorded\");\n\t\t\t\tsetErrorType(FaceScanErrorType.Scan);\n\t\t\t\tsetHasError(true);\n\t\t\t\tsetShowLoader(false);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonUploadStart?.();\n\t\t\tsetShowLoader(true);\n\t\t\tconst videoFile = new File(recordedBlobsRef.current, `${faceScanId}.${recordingExtension}`, {\n\t\t\t\ttype: recordingMimeType,\n\t\t\t});\n\t\t\t// Use FPS captured at recording time, fallback to calculation if not available\n\t\t\tconst videoFps = recordedFpsRef.current ?? (await getVideoFPS(videoFile));\n\n\t\t\tconst fileSize = videoFile.size;\n\t\t\tconst fileSizeMB = (fileSize / (1024 * 1024)).toFixed(2);\n\t\t\tconst estimatedDuration = Math.round(fileSize / 10000);\n\t\t\tconst videoData = {\n\t\t\t\tvideo_size_mb: parseFloat(fileSizeMB),\n\t\t\t\tvideo_size_bytes: fileSize,\n\t\t\t\tvideo_fps: videoFps || 0,\n\t\t\t\tblob_count: recordedBlobsRef.current.length,\n\t\t\t\testimated_duration_seconds: estimatedDuration,\n\t\t\t};\n\n\t\t\tconst metaData: any[] = [\n\t\t\t\t{ gender: gender },\n\t\t\t\t{ face_scan_id: faceScanId },\n\t\t\t\t{focal_length: `${deviceFocalLength}`},\n\t\t\t\t{ customer_store_url: shopDomain },\n\t\t\t\t{ scan_type: \"face_scan\" },\n\t\t\t\t{ body_scan_id: bodyScanId }\n\t\t\t];\n\t\t\tif (callbackUrl) {\n\t\t\t\tmetaData.push({ callback_url: callbackUrl });\n\t\t\t}\n\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/face_scan_meta_data`,\n\t\t\t\tfaceScanId,\n\t\t\t\temail,\n\t\t\t\tdata: JSON.stringify({ metaData, videoData }),\n\t\t\t});\n\n\t\t\tconst uploadStartTime = Date.now();\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/face_scan_upload_start`,\n\t\t\t\tfaceScanId,\n\t\t\t\temail,\n\t\t\t\tstartTime: uploadStartTime,\n\t\t\t});\n\n\t\t\ttry {\n\t\t\t\tconst res = await swan.fileUpload.faceScanFileUploader({\n\t\t\t\t\tfile: videoFile,\n\t\t\t\t\tarrayMetaData: metaData,\n\t\t\t\t\tobjectKey: faceScanId,\n\t\t\t\t\temail,\n\t\t\t\t\tcontentType: videoFile.type,\n\t\t\t\t});\n\n\t\t\t\tconst uploadEndTime = Date.now();\n\t\t\t\tconst uploadDuration = uploadEndTime - uploadStartTime;\n\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: `${shopDomain}/face_scan_upload_complete`,\n\t\t\t\t\tfaceScanId,\n\t\t\t\t\temail,\n\t\t\t\t\tcompletionTime: uploadEndTime,\n\t\t\t\t\tuploadDuration,\n\t\t\t\t});\n\t\t\t\tonUploadEnd?.();\n\t\t\t\tconsole.log(\"✅ Upload successful\", res);\n\t\t\t\tswan.measurement.handlFaceScaneSocket({\n\t\t\t\t\tonPreopen: () => {\n\t\t\t\t\t\tonMeasurementSocketStart?.();\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"pre_open\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\tfaceScanId,\n\t\t\t\t\tonOpen: () => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"open\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tconsole.log(\"websocket connect open\");\n\t\t\t\t\t},\n\t\t\t\t\tonError: (err) => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"error\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tonError(err);\n\t\t\t\t\t},\n\t\t\t\t\tonSuccess: (data) => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"success\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tonSuccess(data);\n\t\t\t\t\t},\n\t\t\t\t\tonClose: () => {\n\t\t\t\t\t\tonMeasurementSocketClose?.();\n\t\t\t\t\t\tconsole.log(\"websocket connect close\");\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"close\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t} catch (error) {\n\t\t\t\tonUploadEnd?.();\n\t\t\t\tonError(error);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst startRecording = useCallback(() => {\n\t\tconst stream = webcamRef.current?.srcObject as MediaStream | null;\n\t\tif (!stream) return;\n\n\t\t// Create a canvas to normalize orientation\n\t\tconst videoTrack = stream.getVideoTracks()[0];\n\t\tconst settings = videoTrack.getSettings();\n\t\t// Fallback to landscape defaults (1280×720); portrait swap below handles orientation\n\t\tconst { width = 1280, height = 720 } = settings;\n\n\t\tconst canvas = document.createElement(\"canvas\");\n\t\tconst ctx = canvas.getContext(\"2d\");\n\n\t\t// Always force portrait (swap width/height if landscape)\n\t\tif (width > height) {\n\t\t\tcanvas.width = height;\n\t\t\tcanvas.height = width;\n\t\t} else {\n\t\t\tcanvas.width = width;\n\t\t\tcanvas.height = height;\n\t\t}\n\n\t\tconst videoEl = document.createElement(\"video\");\n\t\tvideoEl.srcObject = stream;\n\t\tvideoEl.muted = true;\n\t\tvideoEl.playsInline = true;\n\t\tvideoEl.play();\n\t\trecordingVideoElRef.current = videoEl;\n\n\t\t// Draw video frames onto canvas\n\t\tconst drawFrame = () => {\n\t\t\t// Rotate if camera gives landscape frames\n\t\t\tif (width > height) {\n\t\t\t\tctx?.save();\n\t\t\t\tctx?.translate(canvas.width, 0);\n\t\t\t\tctx?.rotate(Math.PI / 2);\n\t\t\t\tctx?.drawImage(videoEl, 0, 0, height, width);\n\t\t\t\tctx?.restore();\n\t\t\t} else {\n\t\t\t\tctx?.drawImage(videoEl, 0, 0, width, height);\n\t\t\t}\n\t\t\tdrawFrameRafRef.current = requestAnimationFrame(drawFrame);\n\t\t};\n\t\tdrawFrameRafRef.current = requestAnimationFrame(drawFrame);\n\n\t\t// Match recording FPS to actual camera FPS to avoid duplicate frames in the encoded video\n\t\tconst recordingFps = settings.frameRate ?? 10;\n\t\trecordedFpsRef.current = recordingFps; // Store FPS at recording time\n\t\tconst canvasStream = canvas.captureStream(recordingFps);\n\t\tconst mediaRecorderOptions: MediaRecorderOptions = {\n\t\t\tvideoBitsPerSecond: 1_500_000,\n\t\t};\n\t\tif (supportedTypes.length > 0) {\n\t\t\tmediaRecorderOptions.mimeType = supportedTypes[0];\n\t\t}\n\t\tlet mediaRecorder;\n\n\t\ttry {\n\t\t\tmediaRecorder = new MediaRecorder(canvasStream, mediaRecorderOptions);\n\t\t} catch (e) {\n\t\t\tconsole.error(\"MediaRecorder init failed:\", e);\n\t\t\tsetErrorType(FaceScanErrorType.Scan);\n\t\t\tsetHasError(true);\n\t\t\tsetShowLoader(false);\n\t\t\treturn;\n\t\t}\n\n\t\trecordedBlobsRef.current = [];\n\t\tmediaRecorder.ondataavailable = (event) => {\n\t\t\tif (event?.data && event.data.size > 0 && recordedBlobsRef.current) {\n\t\t\t\trecordedBlobsRef.current.push(event.data);\n\t\t\t}\n\t\t};\n\t\tmediaRecorder.onstop = () => {\n\t\t\tconsole.log(\"Recording stopped, total blobs:\", recordedBlobsRef?.current?.length);\n\t\t\tuploadFinalVideo();\n\t\t};\n\n\t\tmediaRecorder.start(100); // 100ms chunks\n\t\tmediaRecorderRef.current = mediaRecorder;\n\t\tconsole.log(\"Recording started successfully (portrait normalized)\");\n\t}, [supportedTypes, uploadFinalVideo]);\n\n\tconst { faceScanDetector, scanStage, setScanStage, resetScan, isModelLoaded, startScanSequence } = useFaceScan({\n\t\tfaceScanId,\n\t\tshopDomain,\n\t\tisError,\n\t\tisSuccess,\n\t\tonScanComplete: () => {\n\t\t\tstopRecording();\n\t\t},\n\t\tonModelReady: () => {\n\t\t\tsetModelReady(true);\n\t\t},\n\t\tonStartRecording: () => {\n\t\t\tconsole.log(\"Stage 0 completed - starting recording for stages 1-3\");\n\t\t\tstartRecording();\n\t\t},\n\t});\n\n\tconst startScan = useCallback(() => {\n\t\tif (!isModelLoaded) return;\n\t\tonScanStart?.();\n\t\tsetScanStage(0);\n\t\tspeechService.playAudio(`${voiceOverAssetsPath}face-scan-vos/Face-forward.mp3`);\n\t\tsetTimeout(() => {\n\t\t\tsetIsScanning(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tstartScanSequence();\n\t\t\t}, 200);\n\t\t}, 200);\n\t}, [setScanStage, setIsScanning, startScanSequence, isModelLoaded, onScanStart]);\n\n\tconst resetScanState = useCallback(() => {\n\t\tsetIsScanning(false);\n\t\tsetShowGuideCard(true);\n\t\tstopRecording();\n\t\tresetScan();\n\t\tonRetry?.();\n\t\trecordedBlobsRef.current = [];\n\t\trecordedFpsRef.current = null;\n\t\tif (mediaRecorderRef.current) {\n\t\t\tmediaRecorderRef.current = null;\n\t\t}\n\t\tsetHasError(false);\n\t\tsetErrorType(null);\n\t\tsetScanStage(-1);\n\t\tsetFaceScanId(generateUuid());\n\t\tif (webcamRef.current && streamRef.current) {\n\t\t\twebcamRef.current.srcObject = streamRef.current;\n\t\t\tconsole.log(\"Camera stream restored after reset\");\n\t\t}\n\t}, [setScanStage, setIsScanning, setShowGuideCard, stopRecording, resetScan, setFaceScanId]);\n\n\tconst onError = (data: any) => {\n\t\tconsole.log(data, \"ws error\");\n\t\tonScanError?.(data);\n\t\tsetErrorType(FaceScanErrorType.Scan);\n\t\tsetHasError(true);\n\t\tsetShowLoader(false);\n\t\tsetShowGuideCard(false);\n\t\thandleScanTimeCapture({\n\t\t\teventName: `${shopDomain}/faceScan`,\n\t\t\tfaceScanId,\n\t\t\tstatus: \"failed\",\n\t\t\temail,\n\t\t\tdata: JSON.stringify(data),\n\t\t});\n\t};\n\n\tconst onSuccess = (data: any) => {\n\t\tconsole.log(data, \"ws success\");\n\t\tif (data && data?.resultType === \"intermediate\") {\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/faceScan_success/intermediate`,\n\t\t\t\tfaceScanId,\n\t\t\t\tstatus: \"success\",\n\t\t\t\temail,\n\t\t\t\tdata: JSON.stringify(data),\n\t\t\t});\n\t\t}\n\t\tonScanSuccess?.(data);\n\t};\n\n\tuseEffect(() => {\n\t\tif (isError || isSuccess) return;\n\t\tif (navigator.mediaDevices.getUserMedia) {\n\t\t\tnavigator.mediaDevices\n\t\t\t\t.getUserMedia({ video: currentVideoConstraints })\n\t\t\t\t.then((stream) => {\n\t\t\t\t\tstreamRef.current = stream;\n\t\t\t\t\tif (webcamRef.current) {\n\t\t\t\t\t\twebcamRef.current.srcObject = stream;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch((err) => {\n\t\t\t\t\tconsole.error(\"Error accessing webcam:\", err);\n\t\t\t\t\tif (currentVideoConstraints === videoConstraintsExact) {\n\t\t\t\t\t\tsetCurrentVideoConstraints(videoConstraintsFallback);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tconst isCameraAccessError = [\"NotAllowedError\", \"PermissionDeniedError\", \"NotFoundError\", \"DevicesNotFoundError\", \"NotReadableError\", \"TrackStartError\"].includes(err?.name);\n\t\t\t\t\tsetErrorType(isCameraAccessError ? FaceScanErrorType.Camera : FaceScanErrorType.Scan);\n\t\t\t\t\tsetHasError(true);\n\t\t\t\t});\n\t\t}\n\t\treturn () => {\n\t\t\tif (streamRef.current) {\n\t\t\t\tstreamRef.current.getTracks().forEach((track) => track.stop());\n\t\t\t}\n\t\t};\n\t}, [isError, isSuccess, currentVideoConstraints]);\n\n\t// Face detection interval - only run when scanning is active\n\tuseEffect(() => {\n\t\tif (!modelReady || !isScanning) return;\n\t\tconst intervalId = setInterval(() => {\n\t\t\tfaceScanDetector(webcamRef, canvasRef);\n\t\t}, 500);\n\n\t\t// eslint-disable-next-line consistent-return\n\t\treturn () => clearInterval(intervalId);\n\t}, [faceScanDetector, modelReady, isScanning]);\n\n\tconst getButtonText = () => {\n\t\tif (isScanning) return LanguageKeys.reset;\n\t\tif (!isModelLoaded) return LanguageKeys.loading;\n\t\treturn LanguageKeys.start;\n\t};\n\n\tconsole.log(\"Model ready:\", modelReady, \"Has error:\", hasError, \"Is scanning:\", isScanning, \"showLoader\", showLoader);\n\tuseEffect(() => {\n\t\tconst supported = getSupportedMediaRecorderTypes(preferredVideoTypes, videoTypes);\n\t\tsetSupportedTypes(supported);\n\t}, [preferredVideoTypes]);\n\tuseEffect(() => {\n\t\tsetScanStage(-1);\n\t}, []);\n\n\treturn (\n\t\t<div data-face-scan-stage={scanStage}>\n\t\t<LanguageContextProvider>\n\t\t\t<ConfigProvider config={config}>\n\t\t\t\t<ParamsContext.Provider\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tisError,\n\t\t\t\t\t\tisSuccess,\n\t\t\t\t\t\tshowLoader,\n\t\t\t\t\t\thasError,\n\t\t\t\t\t\terrorType,\n\t\t\t\t\t\tresetScanState,\n\t\t\t\t\t\tshowGuideCard,\n\t\t\t\t\t\tscanStage,\n\t\t\t\t\t\tvideoLoading,\n\t\t\t\t\t\tsetVideoLoading,\n\t\t\t\t\t\tvideoError,\n\t\t\t\t\t\tsetVideoError,\n\t\t\t\t\t\tgender,\n\t\t\t\t\t\tgetButtonText,\n\t\t\t\t\t\tisScanning,\n\t\t\t\t\t\tstartScan,\n\t\t\t\t\t\tisModelLoaded,\n\t\t\t\t\t\tonRetry,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FaceScanStep webcamRef={webcamRef} canvasRef={canvasRef} />\n\t\t\t\t</ParamsContext.Provider>\n\t\t\t</ConfigProvider>\n\t\t</LanguageContextProvider>\n\t\t</div>\n\t);\n};\n"],"names":["preloadedDetector","isPreloading","preloadDetector","async","window","Promise","r","setTimeout","tf","poseDetection","all","import","setBackend","ready","detector","createDetector","SupportedModels","BlazePose","runtime","modelType","dummyCanvas","document","createElement","width","videoConstraints","ideal","max","height","ctx","getContext","fillStyle","fillRect","estimatePoses","e","console","warn","err","error","useFaceScan","faceScanId","onValidPose","onScanComplete","onModelReady","onStartRecording","shopDomain","isError","isSuccess","detectorRef","useRef","scanStage","setScanStage","useState","consecutiveValid","setConsecutiveValid","isModelLoaded","setIsModelLoaded","isScanningActive","setIsScanningActive","isInferencingRef","inferenceCanvasRef","utteranceRef","scanStageRef","consecutiveValidRef","validityBufferRef","lastSpokenMessageRef","lastSpokenTimeRef","voiceEnabledRef","lastPoseTrackingTimeRef","isIOS","navigator","test","userAgent","platform","maxTouchPoints","directionMessages","useMemo","debouncedTrackPoseDetection","fn","delay","timer","args","clearTimeout","debounce","payload","posthog","capture","trackPoseDetection","useCallback","faceKeypoints","bodyKeypoints","stage","headValid","bodyInvalid","consecutiveValidCount","now","Date","current","nose","leftEye","rightEye","leftMouth","rightMouth","faceKeypointScores","map","kp","filter","score","avgFaceScore","length","reduce","a","b","bodyKeypointScores","avgBodyScore","eyeDistance","Math","abs","noseToRight","noseToLeft","expectedPosition","timestamp","toISOString","data","JSON","stringify","parseFloat","toFixed","faceKeypointsDetected","bodyKeypointsDetected","noseToRightRatio","noseToLeftRatio","noseScore","leftEyeScore","rightEyeScore","leftMouthScore","rightMouthScore","startScanSequence","stageName","useEffect","log","initializeModels","disposeModelAndTf","faceScanDetector","webcamRef","canvasRef","readyState","vw","videoWidth","vh","videoHeight","ictx","drawImage","poses","keypoints","forEach","landmark","idx","point","x","y","push","clearRect","progress","min","radius","beginPath","strokeStyle","lineWidth","arc","PI","stroke","eyesToMouthVerticalDistance","faceTiltedness","faceIsTilted","faceIsVertical","frontalFace","fullLeft","fullRight","isHeadInPosition","slice","p","shift","Boolean","nextValid","nextStage","speechService","playAudio","voiceOverAssetsPath","completedStage","totalStages","nextSound","resetScan","speechSynthesis","cancel","enableVoiceCommands","silentUtterance","SpeechSynthesisUtterance","volume","speak","FaceScanErrorScreen","onRetry","loading","translate","useContext","LanguageContext","config","useConfig","_jsx","className","style","background","base","backgroundColor","children","_jsxs","Header","noTitle","fontFamily","heading","headingFontFamily","fontSize","headingFontSize","color","headingColor","fontWeight","headingFontWeight","LanguageKeys","scanFailed","subheading","subheadingFontFamily","subheadingFontSize","subheadingColor","subheadingFontWeight","clickToResetScan","SpecificButton","disabled","buttonText","postfixIcon","ArrowRight","buttonFunc","FaceScanGuide","videoLoading","setVideoLoading","videoError","setVideoError","gender","btnConfig","faceVisible","loadingVideo","videoLoadFailed","src","GenderType","Male","maleGlassesOffVideo","glassesOffVideo","autoPlay","loop","controls","muted","playsInline","onCanPlay","onLoadStart","onError","isDisabled","label","icon","onClick","FACE_SCAN_HEADSHOT","male","forward","female","type","left","right","smile","FaceScanStep","showLoader","hasError","errorType","resetScanState","showGuideCard","getButtonText","isScanning","startScan","ParamsContext","resolvedConfig","LoadingScreen","url","loader","loaderType","_Fragment","id","crossOrigin","preload","position","zIndex","undefined","ref","transform","opacity","FaceScanErrorType","Camera","Modal","testId","Drawer","open","anchor","onClose","event","reason","hideBackdrop","props","onScanSuccess","onScanError","onScanStart","onCaptureComplete","onUploadStart","onUploadEnd","onMeasurementSocketStart","onMeasurementSocketClose","userDetails","email","deviceFocalLength","bodyScanId","callbackUrl","token","mediaRecorderRef","recordedBlobsRef","streamRef","recordedFpsRef","drawFrameRafRef","recordingVideoElRef","setShowLoader","modelReady","setModelReady","setIsScanning","setShowGuideCard","setHasError","setErrorType","setFaceScanId","generateUuid","swan","getSwanService","supportedTypes","setSupportedTypes","currentVideoConstraints","setCurrentVideoConstraints","videoConstraintsExact","preferredVideoTypes","getPreferredMediaRecorderTypes","recordingMimeType","getRecordingMimeType","recordingExtension","getRecordingExtension","usePosthogPageview","stopRecording","cancelAnimationFrame","pause","srcObject","state","stop","uploadFinalVideo","Scan","videoFile","File","videoFps","getVideoFPS","fileSize","size","fileSizeMB","estimatedDuration","round","videoData","video_size_mb","video_size_bytes","video_fps","blob_count","estimated_duration_seconds","metaData","face_scan_id","focal_length","customer_store_url","scan_type","body_scan_id","callback_url","handleScanTimeCapture","eventName","uploadStartTime","startTime","res","fileUpload","faceScanFileUploader","file","arrayMetaData","objectKey","contentType","uploadEndTime","uploadDuration","completionTime","measurement","handlFaceScaneSocket","onPreopen","handleWebSocketCapture","faceScanID","connection","onOpen","onSuccess","startRecording","stream","settings","getVideoTracks","getSettings","canvas","videoEl","play","drawFrame","save","rotate","restore","requestAnimationFrame","recordingFps","frameRate","canvasStream","captureStream","mediaRecorderOptions","videoBitsPerSecond","mediaRecorder","mimeType","MediaRecorder","ondataavailable","onstop","start","status","resultType","mediaDevices","getUserMedia","video","then","catch","videoConstraintsFallback","isCameraAccessError","includes","name","getTracks","track","intervalId","setInterval","clearInterval","supported","getSupportedMediaRecorderTypes","videoTypes","LanguageContextProvider","ConfigProvider","Provider","value","reset"],"mappings":"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"}
|