npm - @swan-admin/swan-dev-web-component - Versions diffs - 0.1.0-alpha.1772105555 → 0.1.0-alpha.1772113614 - Mend

@swan-admin/swan-dev-web-component 0.1.0-alpha.1772105555 → 0.1.0-alpha.1772113614

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.

Files changed (9) hide show

package/dist/BodyScan-BHAi6fgF.js +2 -0
package/dist/BodyScan-BHAi6fgF.js.map +1 -0
package/dist/BodyScan-C84F8j4s.js +2 -0
package/dist/BodyScan-C84F8j4s.js.map +1 -0
package/dist/bodyScan.js +1 -1
package/dist/bodyScan.mjs +1 -1
package/dist/index.js +1 -1
package/dist/index.mjs +1 -1
package/package.json +1 -1

package/dist/BodyScan-BHAi6fgF.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),s=require("./LoadingScreen-C0x3_zHI.js"),n=require("clsx"),a=require("react-webcam"),r=require("lucide-react"),o=require("@mui/material"),c=require("video.js");const i="DESKTOP",l="TAB",u="MOBILE",d=t.createContext(void 0);function m({children:s}){const[n,a]=t.useState([window?.innerWidth,window?.innerHeight]),[r,o]=t.useState(!1),c=()=>{a([window?.innerWidth,window?.innerHeight])};t.useEffect(()=>{c()},[]),t.useLayoutEffect(()=>(window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)),[c]);let m=i;n[0]>768&&n[0]<1024&&(m=l),n[0]<768&&(m=u);const h=t.useMemo(()=>({size:n,setSize:a,clearInputs:r,setClearInputs:o,media:m}),[n,r,m]);return e.jsx(d.Provider,{value:h,children:s})}var h=t.memo(function({size:t=16}){return e.jsxs("svg",{width:t,height:t,viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M22.6968 14.6968C22.6968 16.8185 21.8539 18.8533 20.3536 20.3536C18.8533 21.8539 16.8185 22.6968 14.6968 22.6968",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M18.6968 11.6968V10.6968C18.6968 10.1663 18.4861 9.65764 18.111 9.28256C17.7359 8.90749 17.2272 8.69678 16.6968 8.69678C16.1663 8.69678 15.6576 8.90749 15.2826 9.28256C14.9075 9.65764 14.6968 10.1663 14.6968 10.6968",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M14.6968 10.6968V9.69678C14.6968 9.16634 14.4861 8.65764 14.111 8.28256C13.7359 7.90749 13.2272 7.69678 12.6968 7.69678C12.1663 7.69678 11.6576 7.90749 11.2826 8.28256C10.9075 8.65764 10.6968 9.16634 10.6968 9.69678V10.6968",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M10.6968 10.1968V4.69678C10.6968 4.16634 10.4861 3.65764 10.111 3.28256C9.73592 2.90749 9.22721 2.69678 8.69678 2.69678C8.16634 2.69678 7.65764 2.90749 7.28256 3.28256C6.90749 3.65764 6.69678 4.16634 6.69678 4.69678V14.6968",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M18.6969 11.6968C18.6969 11.1663 18.9076 10.6576 19.2827 10.2826C19.6577 9.90749 20.1664 9.69678 20.6969 9.69678C21.2273 9.69678 21.736 9.90749 22.1111 10.2826C22.4862 10.6576 22.6969 11.1663 22.6969 11.6968V14.6968C22.6969 16.8185 21.854 18.8533 20.3537 20.3536C18.8534 21.8539 16.8186 22.6968 14.6969 22.6968H12.6969C9.89688 22.6968 8.19688 21.8368 6.70688 20.3568L3.10688 16.7568C2.76282 16.3757 2.57847 15.8769 2.592 15.3637C2.60554 14.8505 2.81593 14.3621 3.1796 13.9997C3.54327 13.6373 4.03238 13.4287 4.54565 13.417C5.05892 13.4053 5.55704 13.5914 5.93688 13.9368L7.69688 15.6968",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})});var f=t.memo(function({angle:a,countdown:r,isScanning:o,isInTargetRange:c,stabilityScore:i,children:l}){const{translate:u}=t.useContext(s.LanguageContext)\|\|{},d=s.useConfig(),m=t.useCallback(()=>a<80?Math.max(0,Math.min(100,10(a-60))):a>95?Math.max(0,Math.min(100,10(105-a))):100,[a]),f=t.useMemo(()=>{if(o)return d?.style?.angleDetector?.successAngleBackground\|\|"#4f46e5";const e=m();if(0===e)return d?.style?.angleDetector?.successAngleLowBackground\|\|"#ffffff";if(100===e)return d?.style?.angleDetector?.successAngleBackground\|\|"#4f46e5";return`rgb(${Math.round(255-e/100116)}, ${Math.round(255-e/100163)}, ${Math.round(255-e/1009)})`},[o,m]),g=t.useCallback((e,t)=>t>70?e?`text-[${d?.style?.angleDetector?.successAngleTextLightColor}]/70`:`text-[${d?.style?.angleDetector?.successAngleTextLightColor}]`:e?`text-[${d?.style?.angleDetector?.successAngleTextLightColor}]/40`:`text-[${d?.style?.angleDetector?.successAngleTextDarkColor}]/70`,[]),p=t.useCallback((e=!1)=>{const t=m();return o?`text-[${d?.style?.angleDetector?.successAngleTextLightColor}]`:g(e,t)},[o,m]),x=t.useCallback((e,t)=>t>70\|\|e?d?.style?.angleDetector?.successAngleTextLightColor:d?.style?.angleDetector?.successAngleTextDarkColor,[]),y=t.useCallback((e=!1)=>{const t=m();return o?d?.style?.angleDetector?.successAngleTextLightColor:x(e,t)},[o,m]),S=r;function v(){document.documentElement.style.setProperty("--real-vh",window.innerHeight+"px")}return v(),window.addEventListener("resize",v),e.jsxs("div",{className:"flex w-screen flex-col items-center h-[var(--real-vh)] overflow-hidden touch-none justify-center transition-all duration-300 max-w-[28rem] mx-auto",style:{backgroundColor:f},children:[e.jsx("div",{className:"flex justify-start fixed top-[.5rem] max-w-[28rem] mx-auto w-full px-[1rem]",children:e.jsx("div",{className:"flex justify-start ",children:e.jsx(s.Header,{noTitle:!0})})}),null!==S?e.jsx("div",{className:"relative flex h-[6rem] w-[6rem] items-center justify-center rounded-[9999px] bg-[#fff]/20 transition-all duration-300",style:{border:`2px solid ${y()}`},children:e.jsx("div",{className:`text-[3rem] font-bold text-[${y()}]`,style:{fontFamily:d?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",color:y()},children:S})}):o?e.jsxs("div",{className:"relative flex flex-col items-center justify-center",children:[e.jsx("div",{className:"relative flex h-16 w-16 items-center justify-center rounded-[9999px] border-2 bg-[#fff]/30 border-[#fff]",children:e.jsx("div",{className:"h-4 w-4 rounded-[9999px] animate-pulse bg-[#fff]/80"})}),l]}):e.jsxs("div",{className:n("relative flex h-[4rem] w-[4rem] items-center justify-center rounded-[9999px] ",c?"bg-[#fff]/20 border-[#fff]":"bg-[#fff]/10 border-[#fff]"),style:{transform:`translateY(${3(90-a)}px)`,transition:"transform 0.2s ease-out",border:`2px solid ${y()}`},children:[e.jsx("div",{className:`h-[1rem] w-[1rem] rounded-[9999px] bg-[${y()}]/80`,style:{backgroundColor:`${y()}B3`}}),e.jsxs("div",{className:n("mt-[.5rem] text-center w-[180px] flex-col flex items-center absolute top-[60px]",p()),style:{color:y()},children:[e.jsx(h,{size:30}),e.jsxs("p",{style:{fontFamily:d?.style?.base?.baseFontFamily\|\|"Inter, sans-serif"},children:[" ",u?.(s.LanguageKeys.startLevelCheck),e.jsx("br",{})]})]})]}),null!==S&&e.jsx("div",{className:"absolute bottom-[8rem] text-center",children:e.jsx("div",{className:n("text-sm font-medium px-4 py-1.5 bg-black/20 rounded-[9999px] mt-8",p()),style:{fontFamily:d?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",color:y()},children:u?.(s.LanguageKeys.leavePhone)})}),c&&null===S&&!o&&e.jsx("div",{className:"absolute bottom-[8rem] w-[12rem]",children:e.jsx("div",{className:`h-[.375rem] w-full bg-[${y()}]/20 rounded-[9999px] overflow-hidden`,style:{backgroundColor:`${y()}33`},children:e.jsx("div",{className:`h-full bg-[${y()}]/70 transition-all duration-300 rounded-[9999px]`,style:{width:`${a}%`,backgroundColor:`${y()}B3`}})})}),null===S&&!o&&e.jsx("div",{className:"absolute bottom-[5rem] text-center",children:e.jsxs("div",{className:n("text-[1.5rem] font-light",p()),style:{color:y()},children:[Math.round(a),"°"]})}),null===S&&!o&&e.jsx("div",{className:"absolute bottom-[2rem] text-center max-w-[20rem] mx-auto",children:e.jsx("div",{className:n("text-[.75rem] opacity-50",p()),style:{fontFamily:d?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",color:y()},children:u?.(s.LanguageKeys.placePhoneUpright)})})]})});function g({handleShowStreamCamera:n,loadingCam:o,handleUserMedia:c,handlePause:i,pause:l,recordingStarted:m,startSendingVideoFrames:h,showPause:f,webcamRef:g,handleUserMediaError:p,resetDetector:x,videoConstraints:y,webcamKey:S}){const{media:v}=t.useContext(d)\|\|{},{translate:C}=t.useContext(s.LanguageContext)\|\|{};return e.jsxs("div",{className:"App w-screen h-[100vh] relative ",children:[e.jsx("span",{onClick:()=>{n(),x()},className:"fixed right-[20px] top-[20px] z-[999]",children:e.jsx(r.X,{className:"text-[#fff]"})}),e.jsx("div",{className:"w-full h-full overflow-hidden ",children:v===u&&e.jsx(a,{audio:!1,ref:g,screenshotQuality:1,videoConstraints:y,mirrored:!0,screenshotFormat:"image/jpeg",onUserMedia:c,onUserMediaError:p,style:{position:"fixed",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}},S)}),e.jsxs("div",{className:"fixed bottom-[30px] w-full z-[999] flex flex-col gap-4 items-center justify-center",children:[f&&e.jsx(s.SpecificButton,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto ",prefix:s.pauseIcon,buttonText:C?.(s.LanguageKeys.pause),buttonFunc:i,btnSecondary:!0}),l?e.jsx("div",{children:e.jsx(s.SpecificButton,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto",buttonText:C?.(s.LanguageKeys.restart),buttonFunc:n,btnSecondary:!0})}):m?null:e.jsx(s.SpecificButton,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] "+(o?"!opacity-50":""),buttonText:C?.(s.LanguageKeys.startScan),buttonFunc:h,disabled:o})]}),e.jsx("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:`${s.voiceOverAssetsPath}scanAudioInstructions/silence.mp3`})]})}let p=null,x=null,y=null;let S,v=null,C=null;var b=t.memo(function({setIsScanLocked:n,resetDetector:a,scanID:r,setIsVideoUploaded:o,setScanFailsError:c,setScanStartTime:i,setScanUniqueKey:l,userDetails:u}){const{gender:d,heightInCm:m,email:h,shopDomain:f}=u,b=t.useRef(null),w=t.useRef(null),j=t.useRef(null),[N,k]=t.useState([]),[E,D]=t.useState(!0),[T,F]=t.useState(!1),[I,L]=t.useState(!1),[M,P]=t.useState(!0),[_,$]=t.useState(!1),A=t.useRef(null),[U,R]=t.useState(""),[z,K]=t.useState([]),[O,B]=t.useState(""),[q,V]=t.useState(!1),[W,H]=t.useState(!1),[G,J]=t.useState(!1),[Q,X]=t.useState([]),[Y,Z]=t.useState(!1),ee=t.useRef(!0),{poseDetector:te}=function(){const[e,s]=t.useState(0),[n,a]=t.useState(0),[r,o]=t.useState(!1),c=t.useRef(0),i=t.useRef(0),l=t.useRef(!0);async function u(){if("undefined"==typeof window\|\|"undefined"==typeof navigator)return!1;try{console.log("Starting TensorFlow preload...");const[e,t,s]=await Promise.all([Promise.resolve().then(function(){return require("./pose-detection.esm-BaWguRmj.js")}),import("@tensorflow/tfjs-core"),import("@tensorflow/tfjs-backend-webgl")]);y=e,await t.setBackend("webgl"),await t.ready(),console.log("TensorFlow backend ready (WebGL)");const n={runtime:"mediapipe",modelType:"full",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/pose"};try{x=await y.createDetector(y.SupportedModels.BlazePose,n),console.log("MediaPipe detector created successfully")}catch(e){console.warn("MediaPipe failed, falling back to TFJS runtime:",e),x=await y.createDetector(y.SupportedModels.BlazePose,{runtime:"tfjs",modelType:"full"}),console.log("TFJS detector created successfully")}return!0}catch(e){return console.error("Failed to load TensorFlow dependencies:",e),p=null,!1}}function d(e){return!(!e\|\|0===e.length)&&22===e.filter(e=>e[2]>.7).length}return t.useEffect(()=>{if(l.current=!0,!x)return p\|\|(p=u()),p.then(e=>{e&&l.current&&o(!0)}),()=>{l.current=!1};o(!0)},[]),t.useEffect(()=>{i.current=e,e>6&&c.current<2&&(a(e=>e+1),s(0))},[e]),t.useEffect(()=>{c.current=n},[n]),{poseDetector:async(e,t)=>{if(!x\|\|!l.current\|\|!t?.current?.video)return;const n=t.current.video;if(!(n.readyState<2))try{const t=await x.estimatePoses(n,{flipHorizontal:!1});if(!t\|\|!t.length)return;const a=t[0].keypoints.slice(11).map(e=>[e.x>0&&e.x<720?e.x:-1,e.y>0&&e.y<1280?e.y:-1,e.score??0]);0!==c.current\|\|d(a)\|\|s(e=>e+1),1===c.current&&d(a)&&s(e=>e+1),2===c.current&&e()}catch(e){console.error("Pose detection error:",e)}},isLoaded:r,spinPhase:n,resetDetector:()=>{c.current=0,i.current=0,s(0),a(0)},retryLoading:async()=>{x\|\|p\|\|(p=u(),await p&&l.current&&o(!0))}}}(),se=t.useRef(!0),ne=t.useRef(!1),ae=t.useRef(0),re=t.useRef(0),oe=t.useRef(!1),ce=t.useRef(()=>{}),[ie,le]=t.useState([]),[ue,de]=t.useState(0),[me,he]=t.useState(s.videoConstraintsExact),{setStartGyro:fe,handleFileUpload:ge,setUploadLoading:pe,swan:xe,onScanStart:ye}=t.useContext(s.ParamsContext),Se=()=>{ne.current=!1,clearTimeout(S),A.current&&clearTimeout(A.current),l(s.generateUuid()),c(""),pe?.(!1),k([]),j.current=null,D(!0),F(!1),L(!1),P(!0),$(!1),A.current=null,R(""),K([]),B(""),V(!q),fe(!1),s.speechService.stopAudio(),H(!1),J(!1),ae.current=0,re.current=0,oe.current=!1,null!==w.current&&w.current.stop(),Q.forEach(e=>{w.current&&w.current.removeEventListener("dataavailable",e)}),X([]),ee.current=!0,Z(!1),o(!1),b.current?.stream&&D(!1)},ve=t.useCallback(()=>{setTimeout(()=>{D(!1)},1e3)},[]),Ce=t.useCallback(e=>{if(console.log("camera error",e),me===s.videoConstraintsExact)return he(s.videoConstraintsFallback),void de(e=>e+1);D(!1)},[me]),be=t.useCallback(()=>{s.rescanSupportCaptureEvent({eventName:`${f}/rescan`,email:h,scanID:r,height:m,gender:d,status:!1}),ee.current=!1,Se(),Pe()},[Se,r,h]),we=t.useCallback(()=>{ee.current=!1,J(!0),Z(!1),A.current&&clearTimeout(A.current),w.current&&w.current.pause(),s.speechService.stopAudio(),xe.poseDetection.disconnect(),ae.current=0,re.current=0,oe.current=!1,w.current&&w.current.stop(),Q.forEach(e=>{w.current&&w.current.removeEventListener("dataavailable",e)}),X([]),clearTimeout(S)},[w,Q,s.speechService,ee]),je=t.useMemo(()=>s.getPreferredMediaRecorderTypes(),[]),Ne=s.getRecordingMimeType(ie),ke=s.getRecordingExtension(Ne),Ee=t.useCallback(async()=>{ee.current=!0,await s.speechService.playAudio(`${s.voiceOverAssetsPath}SpotOn.mp3`),J(!1),Z(!1),A.current&&clearTimeout(A.current),F(!1)},[A,s.speechService]),De=t.useCallback(async()=>{try{v=await xe.poseDetection.connect(),s.posthog.capture(`${f}/pose_detection_connected`,{scanID:r,email:h,id:v})}catch(e){console.log(e,"while connecting websocket")}},[r,f,h]),Te=t.useCallback(({data:e})=>{e&&e.size>0&&ee.current&&(k(t=>t.concat(e)),!ne.current&&b.current&&(ne.current=!0,te(()=>{Ee(),s.handleScanTimeCapture({eventName:`${f}/tensorFlow`,scanID:r,email:h,message:"recording stopped by tensorflow "})},b)))},[Ee,s.handleScanTimeCapture,f,r,h,b]),Fe=t.useCallback(async()=>{z.length>0&&ee.current&&(await s.speechService.playAudio(s.voiceOverAssetsPath+z[z.length-1]),ee.current&&(S=setTimeout(Fe,2e3)))},[z,ee]),Ie=t.useCallback(()=>{w&&w.current&&w.current.stop(),F(!0);try{if(b&&b.current&&b.current.stream){const e=b.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();j.current=t.frameRate\|\|null}const t={videoBitsPerSecond:15e5};ie[0]&&(t.mimeType=ie[0]),w.current=new MediaRecorder(b.current.stream,t),w.current.addEventListener("dataavailable",Te),X([...Q,Te]),w.current.start(1e3),P(!1)}}catch(e){console.log("error while using media recorder",e)}},[b,ie,Te,Q]),Le=t.useCallback(async()=>{A.current&&clearTimeout(A.current),Ie(),ee.current&&(A.current=setTimeout(async()=>{ee.current&&(await s.speechService.playAudio(`${s.voiceOverAssetsPath}SpotOn.mp3`),F(!1))},15e3)),L(!0),ee.current&&await s.speechService.playAudio(`${s.voiceOverAssetsPath}Spin.mp3`)},[Ie,ee,s.speechService]);t.useEffect(()=>{ce.current=Le},[Le]);const Me=t.useCallback(({data:e})=>{e.size>0&&xe.poseDetection.connected()&&(oe.current\|\|(oe.current=!0,xe.poseDetection.poseStatus(async e=>{if(e&&e.audio&&e.audio.length>0){const t=document.querySelector("#audioElement");!0===e.status&&e.sid===v?(re.current=0,ae.current<2?(0===ae.current&&t?.paused&&await s.speechService.playAudio(s.voiceOverAssetsPath+e.audio),ae.current+=1):(B(e.audio),clearTimeout(S),xe.poseDetection.disconnect(),oe.current=!1,setTimeout(()=>ce.current(),1e3))):(re.current+=1,re.current>=3&&(ae.current=0),!t?.paused\|\|C&&C?.audioName===e.audio?C?.audioName===e.audio&&t?.paused&&(C&&C.no_of_times_skipped>=C.skipCount?(C.no_of_times_skipped=0,s.speechService.playAudio(s.voiceOverAssetsPath+e.audio)):C&&(C.no_of_times_skipped+=1)):(C={skipCount:2,no_of_times_skipped:0,audioName:e.audio},s.speechService.playAudio(s.voiceOverAssetsPath+e.audio)))}})),b?.current&&null!==b.current.getScreenshot()&&xe.poseDetection.videoEmit({image:b.current.getScreenshot()\|\|"",scanId:r}))},[b,r,xe,v,s.speechService]),Pe=t.useCallback(async()=>{$(!0),fe(!0),ye?.(),se.current&&(se.current=!1,s.handleScanTimeCapture({eventName:"scan started",scanID:r,status:"success",email:h})),i(s.getCurrentTimeInSeconds()),D(!0),ee.current&&await s.speechService.playAudio(`${s.voiceOverAssetsPath}StartScan.mp3`),ee.current&&await s.speechService.playAudio(`${s.voiceOverAssetsPath}LiftArmsAndHoldAtHip.mp3`),ee.current&&($(!1),F(!0),H(!0),Z(!0),ve());try{if(b&&b.current&&b.current.stream&&ee.current){const e=b.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();j.current=t.frameRate\|\|null}const t={videoBitsPerSecond:15e5};ie[0]&&(t.mimeType=ie[0]),ee.current&&(w.current=new MediaRecorder(b.current.stream,t)),ee.current&&w.current&&w.current.addEventListener("dataavailable",Me),X([...Q,Me]),w.current&&w.current.start(1e3),P(!1),ee.current&&(S=setTimeout(Fe,2e3))}}catch(e){console.log("error ----------",e)}},[b,ie,Me,Q,Fe,ee,ye]);return t.useEffect(()=>(f&&(n(!0),De()),()=>{v&&(xe.poseDetection.disconnect(),s.posthog.capture(`${f}/pose_detection_disconnected`,{scanID:r,email:h,id:v})),Q.forEach(e=>{w?.current?.removeEventListener("dataavailable",e)})}),[q,f]),t.useEffect(()=>{z.push(U)},[U]),t.useEffect(()=>{K([])},[O]),t.useEffect(()=>{const e=N.length&&N.length>0;M\|\|!e\|\|T\|\|!ee.current\|\|G\|\|w&&w.current&&(T\|\|(w.current.stop(),P(!0)))},[M,T,N,G]),t.useEffect(()=>{const e=N.length&&N.length>0;if(M\|\|!e\|\|T)console.log("No video found to upload.");else if(w&&w.current&&ee.current&&!G&&!T){const e=new File(N,`${r}.${ke}`,{type:Ne});pe?.(!0),c(""),ge?.(e,j.current)}},[M,T,N,G,w,ee]),t.useEffect(()=>{const e=s.getSupportedMediaRecorderTypes(je,s.videoTypes);le(e)},[je]),t.useEffect(()=>{Se()},[]),e.jsx(g,{resetDetector:a,handleShowStreamCamera:Se,loadingCam:E,handlePause:we,showRestart:W,pause:G,handleReScan:be,recordingStarted:T,isScanning:_,startSendingVideoFrames:Pe,faceDone:I,stopRecording:Ee,showPause:Y,webcamRef:b,handleUserMedia:ve,handleUserMediaError:Ce,videoConstraints:me,webcamKey:ue})});function w({scanID:s,userDetails:n,setIsVideoUploaded:a,setScanFailsError:r,setScanStartTime:o,setScanUniqueKey:c}){const[i,l]=t.useState(90),[u,d]=t.useState(0),[m,h]=t.useState(null),[g,p]=t.useState(!1),[x,y]=t.useState(0),S=t.useRef([]),[v,C]=t.useState(!1),w=i-u,j=w>=80&&w<=95;t.useEffect(()=>{if("undefined"!=typeof window&&window.DeviceOrientationEvent){const e=e=>{if(null!==e.beta){let t=Math.abs(e.beta);null!==e.gamma&&(t=Math.cos(e.gammaMath.PI/180)),t=Math.max(0,Math.min(180,t)),l(t)}},t=async()=>{const t=DeviceOrientationEvent;if(t&&"function"==typeof t.requestPermission)try{"granted"===await t.requestPermission()&&window.addEventListener("deviceorientation",e)}catch(e){console.error("Permission error",e)}else window.addEventListener("deviceorientation",e);return()=>{e&&window.removeEventListener("deviceorientation",e)}};document.addEventListener("click",t,{once:!0})}},[]),t.useEffect(()=>{if(S.current=[...S.current.slice(-4),w],S.current.length>=5){const e=Math.max(...S.current)-Math.min(...S.current);y(j&&e<2?e=>Math.min(100,e+10):e=>Math.max(0,e-20))}j\|\|null===m&&!g\|\|k()},[w,j,m,g]),t.useEffect(()=>{x>=100&&null===m&&!g&&N(),x<50&&null!==m&&k()},[x,m,g]);const N=()=>{h(3);const e=setInterval(()=>{h(t=>null===t\|\|t<=1?(clearInterval(e),p(!0),null):t-1)},1e3)},k=()=>{h(null),v\|\|p(!1)};return e.jsx(f,{angle:w,countdown:m,isScanning:g,isInTargetRange:j,stabilityScore:x,children:g&&e.jsx(b,{setIsScanLocked:C,resetDetector:()=>{l(90),d(0),h(null),p(!1),y(0),C(!1),S.current=[]},scanID:s,userDetails:n,setIsVideoUploaded:a,setScanFailsError:r,setScanStartTime:o,setScanUniqueKey:c})})}function j({message:n,config:a}){const{translate:r}=t.useContext(s.LanguageContext)\|\|{};return e.jsx(o.Dialog,{open:!0,className:"confirm-modal",children:e.jsx("div",{className:"modal-main",children:e.jsx("div",{className:"text-center",children:n?e.jsxs(e.Fragment,{children:[e.jsx("h2",{style:{fontFamily:a?.style?.heading?.headingFontFamily\|\|"SeriouslyNostalgic Fn",fontSize:a?.style?.heading?.headingFontSize\|\|"32px",color:a?.style?.heading?.headingColor\|\|"#000",fontWeight:a?.style?.heading?.headingFontWeight\|\|"normal"},children:r?.(s.LanguageKeys.cameraAlreadyInUse)}),e.jsx("p",{className:"mt-[0.5rem] text-sm",style:{fontFamily:a?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",fontSize:a?.style?.base?.baseFontSize\|\|"16px",color:a?.style?.base?.baseTextColor\|\|"#000"},children:r?.(s.LanguageKeys.tryClosingBrowser)})]}):e.jsxs(e.Fragment,{children:[e.jsx("h2",{style:{fontFamily:a?.style?.heading?.headingFontFamily\|\|"SeriouslyNostalgic Fn",fontSize:a?.style?.heading?.headingFontSize\|\|"32px",color:a?.style?.heading?.headingColor\|\|"#000",fontWeight:a?.style?.heading?.headingFontWeight\|\|"normal"},children:r?.(s.LanguageKeys.checkCameraSettings)}),e.jsx("p",{className:"mt-[0.5rem] text-sm",style:{fontFamily:a?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",fontSize:a?.style?.base?.baseFontSize\|\|"16px",color:a?.style?.base?.baseTextColor\|\|"#000"},children:`${r?.(s.LanguageKeys.setting)} > ${s.getBrowserName()} > ${r?.(s.LanguageKeys.enableCameraPermissions)}`})]})})})})}function N({setShowDrawer:n,config:r,loader:o}){const[c,i]=t.useState({disabled:!1,message:""}),[l,u]=t.useState(!0),d=t.useRef(null),m=t.useCallback(async()=>{const e=await s.checkCameraPermission();i(e),u(!1)},[]);return t.useEffect(()=>{m()},[]),l?e.jsx(s.LoadingScreen,{url:o,loaderType:"black"}):c?.disabled?e.jsx(j,{config:r,message:c?.message}):e.jsx(a,{audio:!1,ref:d,screenshotQuality:1,videoConstraints:s.videoConstraints,mirrored:!0,onUserMedia:()=>n?.(!0),screenshotFormat:"image/jpeg",style:{position:"relative",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}})}function k({link:n,onReady:a,wrapperClassName:r="[&_video]:rounded-t-[20px] w-full h-full"}){const o=t.useRef(null),i=t.useRef(null);let l={autoplay:!0,controls:!1,responsive:!0,fluid:!0,muted:!0,navigationUI:"hide",preload:"metadata",poster:s.videoPoster};return t.useEffect(()=>{if(!i.current&&n&&o?.current){const e=c(o.current,{...l});e.ready(()=>{i.current=e;const t={...l,sources:[{src:n,type:"application/x-mpegURL"}]};e.autoplay(t.autoplay),e.src(t.sources),a?.(e)})}},[n,o]),t.useEffect(()=>{const e=i.current;return()=>{e&&!e.isDisposed()&&(e.dispose(),i.current=null)}},[i]),e.jsx("div",{className:r,children:e.jsx("video",{ref:o,muted:!0,className:"video-js",playsInline:!0,onDrag:e=>e.preventDefault()})})}function E({scanFailsError:n,onNext:a,gender:c,setScanUniqueKey:i,setIsVideoUploaded:l}){const{translate:u}=t.useContext(s.LanguageContext)\|\|{},d=s.useConfig(),[m,h]=t.useState(!1),f=()=>{h(!m)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex flex-col h-full max-w-[28rem] mx-auto w-full rounded-t-[20px] overflow-y-auto",style:{background:d?.style?.base?.backgroundColor},children:[e.jsx("div",{className:"w-full max-w-[28rem] mx-auto pt-[1rem] px-[1rem]",children:e.jsx(s.Header,{noTitle:!0})}),e.jsx("div",{className:"flex-1",children:n&&e.jsxs("div",{className:"px-[1rem]",children:[e.jsx("h2",{className:"text-center",style:{fontFamily:d?.style?.heading?.headingFontFamily\|\|"SeriouslyNostalgic Fn",fontSize:d?.style?.heading?.headingFontSize\|\|"32px",color:d?.style?.heading?.headingColor\|\|"#000",fontWeight:d?.style?.heading?.headingFontWeight\|\|"normal"},children:u?.(s.LanguageKeys.issueWithScan)}),e.jsx("p",{style:{fontFamily:d?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",fontSize:d?.style?.base?.baseFontSize\|\|"16px",color:d?.style?.base?.baseTextColor\|\|"#1E1E1E"},children:u?.(s.LanguageKeys.reason)}),e.jsx("p",{style:{fontFamily:d?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",fontSize:d?.style?.base?.baseFontSize\|\|"16px",color:d?.style?.base?.baseTextColor\|\|"#1E1E1E"},children:s.handleErrorMessage(n)}),e.jsx("img",{className:"my-[0.5rem] aspect-[2/1.4] w-full object-cover",onClick:f,src:s.VIDEO_POSTER_GENDER_BASED[c],alt:"icon"})]})}),n&&e.jsx("div",{className:"p-[1rem] flex gap-[0.5rem]",children:e.jsx(s.SpecificButton,{disabled:!1,buttonText:u?.(s.LanguageKeys.scanAgain),className:"!shadow-none",buttonFunc:()=>{a?a?.():i?.(s.generateUuid()),l?.(!1)}})})]}),m&&e.jsxs(o.Dialog,{className:"w-screen h-screen video-modal",onClose:f,open:m,children:[e.jsx("div",{className:"flex justifyEnd ",children:e.jsx("span",{className:"closeBtn",onClick:f,children:e.jsx(r.X,{className:"absolute right-[8px] top-[8px] text-white z-[9]"})})}),e.jsx("div",{className:"aspect-video object-cover rounded-[20px] ",children:e.jsx(k,{link:c?s.GENDER[c].PRE_LINK:s.GENDER.male.PRE_LINK,wrapperClassName:"w-screen h-screen fixed top-[0] left-[0]"})})]})]})}function D({scanId:n,userDetails:a,config:r,isVideoUploadedCorrect:c,isMeasurementAvailable:i,onComplete:l,isSuccess:u,onCustomScanSuccess:d,swan:m}){const{gender:h,shopDomain:f,heightInCm:g,deviceFocalLength:p,userName:x,email:y,scanType:S}=a\|\|{},v=[s.CLOTHING_CUSTOM_SCAN,s.CLOTHING_BANNER_SCAN,s.CLOTHING_CUSTOM_FIT_SCAN].includes(S??""),[C,b]=t.useState(!0),w=t.useCallback(async()=>{try{v&&(await(m?.auth.addUser({scanId:n,email:y,name:x,gender:h,height:g})),d?.()),s.posthog.capture(f??"",{scanID:n,email:y,height:g,focalLength:p,clothesFit:"0",gender:h})}catch(e){console.log(e)}},[v]),{translate:j}=t.useContext(s.LanguageContext)\|\|{};t.useEffect(()=>{(c\|\|i)&&w()},[c,i]);const k=u\|\|c\|\|i;return e.jsx(o.Box,{className:"flex h-full w-full flex-col ",children:e.jsxs("div",{className:"h-full w-full flex-col items-center justify-center flex",children:[e.jsx(N,{loader:r?.loader,setShowDrawer:b}),e.jsx(o.Drawer,{open:C,onClose:(e,t)=>{},className:"camera-drawer",anchor:"bottom",children:e.jsx("div",{className:"max-w-[28rem] mx-auto w-full h-full flex text-center flex-col justify-between items-center bg-primary rounded-t-[30px] p-[1rem]",style:{background:r?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"w-full h-full flex flex-col",children:[e.jsx(s.Header,{title:j?.(s.LanguageKeys.measurementsBeingTaken)}),e.jsx("div",{className:"flex items-center justify-center flex-1",children:e.jsx("video",{preload:"auto",className:"max-h-[calc(100vh-450px)] mx-auto w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:h===s.GenderType.Male?s.maleMeasurementProgress:s.measurementProgress,type:"video/mp4"})})}),k&&e.jsx(s.SpecificButton,{className:"!w-[180px] mx-auto",buttonText:j?.(s.LanguageKeys.next),buttonFunc:()=>{l?.()}})]})})})]})})}const T=()=>{const{userDetails:n,onRetry:a,isError:r,isSuccess:c,gender:i,scanUniqueKey:l,scanFailsError:u,setScanUniqueKey:d,setIsVideoUploaded:m,isMeasurementAvailable:h,isVideoUploadedCorrect:f,loading:g,showDeniedModal:p,uploadLoading:x,setScanFailsError:y,setScanStartTime:S,handleShowStreamCamera:v,onCustomScanSuccess:C,swan:b,onComplete:k}=t.useContext(s.ParamsContext),T=s.useConfig();return r?e.jsxs(e.Fragment,{children:[e.jsx(N,{}),e.jsx(o.Drawer,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e.jsx(E,{scanFailsError:!0,onNext:a,gender:i})})]}):c?e.jsx(D,{isSuccess:!0,onComplete:k}):g?e.jsx("div",{className:"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center w-full h-full",style:{background:T?.style?.base?.backgroundColor},children:e.jsx(s.LoadingScreen,{url:T?.loader,loaderType:"black"})}):p.disabled?e.jsx(j,{}):x\|\|u\|\|h\|\|f?(x\|\|h\|\|f)&&!u?e.jsx(D,{scanId:l,isMeasurementAvailable:h,userDetails:n,isVideoUploadedCorrect:f,onCustomScanSuccess:C,swan:b,onComplete:k}):e.jsxs(e.Fragment,{children:[e.jsx(N,{}),e.jsx(o.Drawer,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e.jsx(E,{scanFailsError:u,onNext:()=>{a?.(),v()},setScanUniqueKey:d,gender:i,setIsVideoUploaded:m})})]}):e.jsx(w,{scanID:l,userDetails:n,setIsVideoUploaded:m,setScanFailsError:y,setScanStartTime:S,setScanUniqueKey:d})};exports.BodyScan=n=>{const{config:a,onRetry:r,onScanStart:o,onUploadingStart:c,onUploadingEnd:i,onMeasurementSocketStart:l,onMeasurementSocketClose:u,onScanSuccessIntermediate:d,onScanError:h,onScanSuccess:f,onCustomScanSuccess:g,onComplete:p,isError:x,isSuccess:y}=n,S={email:"",shopDomain:"",gender:"male",heightInCm:0,scanType:"",deviceFocalLength:0,deviceModelName:"",...n.userDetails??{}},v=n.token??"",{gender:C,scanType:b,shopDomain:w,heightInCm:j,email:N,deviceFocalLength:k,deviceModelName:E,callbackUrl:D}=S,F=t.useMemo(()=>s.getSwanService(v),[v]),[I,L]=t.useState(!1),[M,P]=t.useState(!1),[_,$]=t.useState(!1),[A,U]=t.useState({disabled:!1,message:""}),[R,z]=t.useState(""),[K,O]=t.useState(!1),[B,q]=t.useState(!0),[V,W]=t.useState(!1),[H,G]=t.useState(""),[J,Q]=t.useState(s.getCurrentTimeInSeconds()),{gyroData:X}=function(e){const[s,n]=t.useState([]),[a,r]=t.useState(!1),o=t.useCallback(e=>{try{const{alpha:t,beta:s,gamma:a}=e;n(e=>[...e,{alpha:t?.toString()\|\|void 0,beta:s?.toString()\|\|void 0,gamma:a?.toString()\|\|void 0,timestamp:(new Date).toISOString()}])}catch(e){console.log(e)}},[]),c=t.useCallback(async()=>{const e=DeviceOrientationEvent;if(void 0!==e&&"function"==typeof e.requestPermission)try{"granted"===await e.requestPermission()?r(!0):console.warn("Device orientation permission denied.")}catch(e){console.error("Error requesting device orientation permission:",e)}else r(!0)},[]);return t.useEffect(()=>(e&&a?window.addEventListener("deviceorientation",o):n([]),()=>{window.removeEventListener("deviceorientation",o)}),[e,a,o]),t.useEffect(()=>{e&&c()},[e,c]),{gyroData:s}}(V);s.usePosthogPageview();const Y=t.useCallback(()=>{G(s.generateUuid()),z(""),L(!1),O(!1)},[]),Z=e=>{h?.({...e,message:s.handleErrorMessage(e)}),ee(),$(!1),z(e),P(!1),s.handleScanTimeCapture({eventName:`${w}/measurement_failed/fit-view`,scanID:H,status:"failed",email:N,message:s.handleErrorMessage(e)}),J&&s.handleScanTimeCapture({eventName:`${w}/scan_completion_time`,scanID:H,status:"failed",completionTime:s.getCurrentTimeInSeconds()-J,email:N})},ee=()=>{Q(null),G("")},te=t.useCallback(async e=>{if(e&&"success"===e?.scanStatus&&"intermediate"===e?.resultType&&200===e?.code)return s.handleScanTimeCapture({eventName:`${w}/measurement_success/intermediate`,scanID:H,status:"success",email:N}),P(!0),void d?.(e);f?.(e),P(!0),ee();const t=H;$(!0),s.handleScanTimeCapture({eventName:`${w}/measurement_success/fit-view`,scanID:t,status:"success",email:N}),J&&s.handleScanTimeCapture({eventName:`${w}/scan_completion_time`,scanID:t,status:"success",completionTime:s.getCurrentTimeInSeconds()-J,email:N})},[b,w,H]),se=e=>{$(!1),z(""),P(!1),F.measurement.handleMeasurementSocket({scanId:e\|\|H,onPreopen:()=>{s.handleWebSocketCapture({eventName:`${w}/webSocket`,scanID:H,connection:"pre_open",type:"measurement_recommendation",email:N})},onOpen:()=>{l?.(),s.handleWebSocketCapture({eventName:`${w}/webSocket`,scanID:H,connection:"open",type:"measurement_recommendation",email:N})},onClose:()=>{u?.(),s.handleWebSocketCapture({eventName:`${w}/webSocket`,scanID:H,connection:"close",type:"measurement_recommendation",email:N})},onError:e=>{Z(e),s.handleWebSocketCapture({eventName:`${w}/webSocket`,scanID:H,connection:"error",type:"measurement_recommendation",email:N})},onSuccess:e=>{s.handleWebSocketCapture({eventName:`${w}/webSocket`,scanID:H,connection:"success",type:"measurement_recommendation",email:N}),te(e)}})},ne=t.useCallback(async(e,t)=>{const n=Number((e.size/1048576).toFixed(2)),a=null!=t?t:await s.getVideoFPS(e),r=s.createObjectMetadataArray({gender:C,focal_length:`${k}`,height:`${j}`,customer_store_url:w,clothes_fit:"0",scan_type:b,callback_url:D});s.handleScanTimeCapture({eventName:`${w}/body_scan_meta_data`,scanID:H,email:N,data:JSON.stringify([...r,{fileSizeInMB:n,video_fps:a\|\|0}])}),c?.();try{await F.fileUpload.uploadFileFrontend({file:e,arrayMetaData:r,scanId:H,email:N}),await F.fileUpload.setDeviceInfo({model:E,detection:"manual",gyro:X,scanId:H}),console.log("video successfully uploaded"),O(!1),s.handleScanTimeCapture({eventName:`${w}/scan_success`,scanID:H,status:"success",email:N,data:JSON.stringify(r)}),s.handleScanTimeCapture({eventName:"scan finished",scanID:H,status:"success",email:N}),Q(s.getCurrentTimeInSeconds()),setTimeout(()=>{O(!0)},3e3)}catch(e){s.handleScanTimeCapture({eventName:"scan finished",scanID:H,status:"failed",email:N,message:s.handleErrorMessage(e)}),s.handleScanTimeCapture({eventName:`${w}/scan_failed`,scanID:H,status:"failed",email:N,message:s.handleErrorMessage(e),data:JSON.stringify(r)}),z(s.handleErrorMessage(e)),O(!1),h?.({message:s.handleErrorMessage(e)}),ee()}finally{W(!1),i?.()}},[H,X,c,i]),ae=t.useCallback(async e=>{try{const t=await F.measurement.getMeasurementResult(e),n=t?.data?.isMeasured,a=J\|\|s.getCurrentTimeInSeconds(),r=s.getCurrentTimeInSeconds(),o=300;if(q(!1),!1===n)return ee(),void G(s.generateUuid());L(!0),!0===n?await te(null):null===n&&a>r+o?Z(t?.data?.error):se(e)}catch(e){console.log(e),ee(),G(s.generateUuid()),L(!1)}},[Z,te,G]),re=t.useCallback(async()=>{if(+j<152.4\|\|+j>213.36)return void h?.({message:"Height must be between 152.4cm (5ft) and 213.36cm (7ft)"});const e=await s.checkCameraPermission();if(e.disabled)s.handleScanTimeCapture({eventName:`${w}/camera_activation`,scanID:H,status:"failed",email:N}),q(!1);else{H?ae(H):q(!1),s.handleScanTimeCapture({eventName:`${w}/camera_activation`,scanID:H,status:"success",email:N})}U(e),z(""),O(!1)},[ae,N,H,G,w]);return t.useEffect(()=>{x\|\|y\|\|w&&re()},[w,j,x,y]),t.useEffect(()=>{x\|\|y\|\|K&&w&&H&&se()},[K,w,H,x,y]),e.jsx(s.LanguageContextProvider,{children:e.jsx(s.ConfigProvider,{config:a,children:e.jsx(m,{children:e.jsx(s.ParamsContext.Provider,{value:{userDetails:S,onRetry:r,onScanError:h,isError:x,isSuccess:y,onScanSuccess:f,gender:C,scanUniqueKey:H,scanFailsError:R,setScanUniqueKey:G,setIsVideoUploaded:O,isMeasurementAvailable:_,isVideoUploadedCorrect:M,loading:B,showDeniedModal:A,uploadLoading:I,setStartGyro:W,handleFileUpload:ne,setUploadLoading:L,handleShowStreamCamera:Y,setScanFailsError:z,setScanStartTime:Q,onScanStart:o,onCustomScanSuccess:g,onComplete:p,swan:F},children:e.jsx(T,{})})})})})};
2	+ //# sourceMappingURL=BodyScan-BHAi6fgF.js.map

package/dist/BodyScan-BHAi6fgF.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BodyScan-BHAi6fgF.js","sources":["../src/utils/context/mediaContext.tsx","../src/Icons/SwitchIcon.tsx","../src/components/bodyScan/LevelScreen.tsx","../src/components/bodyScan/CameraScanChild.tsx","../src/customHooks/useTensorFlow.ts","../src/components/bodyScan/ScanningComponent.tsx","../src/components/bodyScan/AngleDetector.tsx","../src/components/Modal.tsx","../src/components/bodyScan/CameraPermission.tsx","../src/components/bodyScan/VideoPlayer.tsx","../src/components/bodyScan/ScanErrorMessage.tsx","../src/components/Signup.tsx","../src/components/bodyScan/BodyScanSteps.tsx","../src/components/bodyScan/BodyScan.tsx","../src/customHooks/useGyroSensor.ts"],"sourcesContent":["\"use client\"\nimport React, {\n createContext,\n Dispatch,\n ReactNode,\n SetStateAction,\n useEffect,\n useLayoutEffect,\n useMemo,\n useState,\n} from \"react\";\n\nexport const MEDIA_TYPES = {\n DESKTOP: \"DESKTOP\",\n TAB: \"TAB\",\n MOBILE: \"MOBILE\",\n};\n\ninterface MediaContextType {\n size: number[];\n setSize: Dispatch<SetStateAction<number[]>>;\n clearInputs: boolean;\n setClearInputs: Dispatch<SetStateAction<boolean>>;\n media: string;\n}\n\nexport const MediaContext = createContext<MediaContextType | undefined>(\n undefined\n);\n\nfunction MediaContextProvider({ children }: { children: ReactNode }) {\n const [size, setSize] = useState([window?.innerWidth, window?.innerHeight]);\n const [clearInputs, setClearInputs] = useState(false);\n\n const updateSize = () => {\n setSize([window?.innerWidth, window?.innerHeight]);\n };\n useEffect(() => {\n updateSize();\n }, []);\n useLayoutEffect(() => {\n window.addEventListener(\"resize\", updateSize);\n return () => window.removeEventListener(\"resize\", updateSize);\n }, [updateSize]);\n let media = MEDIA_TYPES.DESKTOP;\n if (size[0] > 768 && size[0] < 1024) {\n media = MEDIA_TYPES.TAB;\n }\n if (size[0] < 768) {\n media = MEDIA_TYPES.MOBILE;\n }\n\n const mediaDetails = useMemo(\n () => ({\n size,\n setSize,\n clearInputs,\n setClearInputs,\n media,\n }),\n [size, clearInputs, media]\n );\n\n return (\n <MediaContext.Provider value={mediaDetails}>\n {children}\n </MediaContext.Provider>\n );\n}\n\nexport default MediaContextProvider;\n","import React from \"react\";\n\nfunction SwitchIcon({ size = 16 }: { size?: number }) {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 25 25\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M22.6968 14.6968C22.6968 16.8185 21.8539 18.8533 20.3536 20.3536C18.8533 21.8539 16.8185 22.6968 14.6968 22.6968\"\n stroke=\"white\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.6968 11.6968V10.6968C18.6968 10.1663 18.4861 9.65764 18.111 9.28256C17.7359 8.90749 17.2272 8.69678 16.6968 8.69678C16.1663 8.69678 15.6576 8.90749 15.2826 9.28256C14.9075 9.65764 14.6968 10.1663 14.6968 10.6968\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M14.6968 10.6968V9.69678C14.6968 9.16634 14.4861 8.65764 14.111 8.28256C13.7359 7.90749 13.2272 7.69678 12.6968 7.69678C12.1663 7.69678 11.6576 7.90749 11.2826 8.28256C10.9075 8.65764 10.6968 9.16634 10.6968 9.69678V10.6968\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M10.6968 10.1968V4.69678C10.6968 4.16634 10.4861 3.65764 10.111 3.28256C9.73592 2.90749 9.22721 2.69678 8.69678 2.69678C8.16634 2.69678 7.65764 2.90749 7.28256 3.28256C6.90749 3.65764 6.69678 4.16634 6.69678 4.69678V14.6968\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.6969 11.6968C18.6969 11.1663 18.9076 10.6576 19.2827 10.2826C19.6577 9.90749 20.1664 9.69678 20.6969 9.69678C21.2273 9.69678 21.736 9.90749 22.1111 10.2826C22.4862 10.6576 22.6969 11.1663 22.6969 11.6968V14.6968C22.6969 16.8185 21.854 18.8533 20.3537 20.3536C18.8534 21.8539 16.8186 22.6968 14.6969 22.6968H12.6969C9.89688 22.6968 8.19688 21.8368 6.70688 20.3568L3.10688 16.7568C2.76282 16.3757 2.57847 15.8769 2.592 15.3637C2.60554 14.8505 2.81593 14.3621 3.1796 13.9997C3.54327 13.6373 4.03238 13.4287 4.54565 13.417C5.05892 13.4053 5.55704 13.5914 5.93688 13.9368L7.69688 15.6968\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n}\n\nexport default React.memo(SwitchIcon);\n","/* eslint-disable no-nested-ternary */\n\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport Header from \"../Header\";\nimport cn from \"clsx\";\nimport { LevelScreenProps } from \"../../types/interfaces\";\nimport SwitchIcon from \"../../Icons/SwitchIcon\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { useConfig } from \"../../utils/context/configContext\";\n\nfunction LevelScreen({ angle, countdown, isScanning, isInTargetRange, stabilityScore, children }: Omit<LevelScreenProps, \"config\">) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\tconst config = useConfig();\n\n\tconst getProximityToTarget = useCallback(() => {\n\t\tif (angle < 80) return Math.max(0, Math.min(100, (angle - 60) * 10));\n\t\tif (angle > 95) return Math.max(0, Math.min(100, (105 - angle) * 10));\n\t\treturn 100;\n\t}, [angle]);\n\n\tconst backgroundColor = useMemo(() => {\n\t\tif (isScanning) return config?.style?.angleDetector?.successAngleBackground || \"#4f46e5\";\n\n\t\tconst proximity = getProximityToTarget();\n\t\tif (proximity === 0) return config?.style?.angleDetector?.successAngleLowBackground || \"#ffffff\";\n\t\tif (proximity === 100) return config?.style?.angleDetector?.successAngleBackground || \"#4f46e5\";\n\n const r = Math.round(255 - (255 - 139) * (proximity / 100));\n const g = Math.round(255 - (255 - 92) * (proximity / 100));\n const b = Math.round(255 - (255 - 246) * (proximity / 100));\n return `rgb(${r}, ${g}, ${b})`;\n }, [isScanning, getProximityToTarget]);\n\n\tconst handelTextColour = useCallback((isLight: boolean, proximity: number) => {\n\t\tif (proximity > 70) {\n\t\t\treturn isLight ? `text-[${config?.style?.angleDetector?.successAngleTextLightColor}]/70` : `text-[${config?.style?.angleDetector?.successAngleTextLightColor}]`;\n\t\t}\n\t\treturn isLight ? `text-[${config?.style?.angleDetector?.successAngleTextLightColor}]/40` : `text-[${config?.style?.angleDetector?.successAngleTextDarkColor}]/70`;\n\t}, []);\n\n\tconst getTextColor = useCallback(\n\t\t(isLight = false) => {\n\t\t\tconst proximity = getProximityToTarget();\n\t\t\tif (isScanning) return `text-[${config?.style?.angleDetector?.successAngleTextLightColor}]`;\n\t\t\treturn handelTextColour(isLight, proximity);\n\t\t},\n\t\t[isScanning, getProximityToTarget],\n\t);\n\n\tconst handelColourCode = useCallback((isLight: boolean, proximity: number) => {\n\t\tif (proximity > 70) {\n\t\t\treturn isLight ? config?.style?.angleDetector?.successAngleTextLightColor : config?.style?.angleDetector?.successAngleTextLightColor;\n\t\t}\n\t\treturn isLight ? config?.style?.angleDetector?.successAngleTextLightColor : config?.style?.angleDetector?.successAngleTextDarkColor;\n\t}, []);\n\tconst getColorCode = useCallback(\n\t\t(isLight = false) => {\n\t\t\tconst proximity = getProximityToTarget();\n\t\t\tif (isScanning) return config?.style?.angleDetector?.successAngleTextLightColor;\n\t\t\treturn handelColourCode(isLight, proximity);\n\t\t},\n\t\t[isScanning, getProximityToTarget],\n\t);\n\tconst cd = countdown;\n\tfunction fixVh() {\n\t\tdocument.documentElement.style.setProperty(\"--real-vh\", window.innerHeight + \"px\");\n\t}\n\tfixVh();\n\twindow.addEventListener(\"resize\", fixVh);\n\treturn (\n\t\t<div\n\t\t\tclassName=\"flex w-screen flex-col items-center h-[var(--real-vh)] overflow-hidden touch-none justify-center transition-all duration-300 max-w-[28rem] mx-auto\"\n\t\t\tstyle={{ backgroundColor }}\n\t\t\t// onDoubleClick={onDoubleClick}\n\t\t>\n\t\t\t<div className=\"flex justify-start fixed top-[.5rem] max-w-[28rem] mx-auto w-full px-[1rem]\">\n\t\t\t\t<div className=\"flex justify-start \">\n\t\t\t\t\t<Header noTitle />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{cd !== null ? (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"relative flex h-[6rem] w-[6rem] items-center justify-center rounded-[9999px] bg-[#fff]/20 transition-all duration-300\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborder: `2px solid ${getColorCode()}`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`text-[3rem] font-bold text-[${getColorCode()}]`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.base?.baseFontFamily || \"Inter, sans-serif\",\n color: getColorCode(),\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{cd}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : isScanning ? (\n\t\t\t\t<div className=\"relative flex flex-col items-center justify-center\">\n\t\t\t\t\t<div className=\"relative flex h-16 w-16 items-center justify-center rounded-[9999px] border-2 bg-[#fff]/30 border-[#fff]\">\n\t\t\t\t\t\t<div className=\"h-4 w-4 rounded-[9999px] animate-pulse bg-[#fff]/80\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\"relative flex h-[4rem] w-[4rem] items-center justify-center rounded-[9999px] \", isInTargetRange ? \"bg-[#fff]/20 border-[#fff]\" : \"bg-[#fff]/10 border-[#fff]\")}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\ttransform: `translateY(${(90 - angle) * 3}px)`,\n\t\t\t\t\t\ttransition: \"transform 0.2s ease-out\",\n\t\t\t\t\t\tborder: `2px solid ${getColorCode()}`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div className={`h-[1rem] w-[1rem] rounded-[9999px] bg-[${getColorCode()}]/80`}\n style={{\n\t\t\t\t\t\tbackgroundColor: `${getColorCode()}B3`,\n\t\t\t\t\t}}\n />\n\t\t\t\t\t<div\n\t\t\t\t\t\t// className=\" text-[#fff]\"\n\t\t\t\t\t\tclassName={cn(\"mt-[.5rem] text-center w-[180px] flex-col flex items-center absolute top-[60px]\", getTextColor())}\n style={{\n\t\t\t\t\t\tcolor: getColorCode(),\n\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<SwitchIcon size={30} />\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontFamily: config?.style?.base?.baseFontFamily || \"Inter, sans-serif\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t{translate?.(LanguageKeys.startLevelCheck)}\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{cd !== null && (\n\t\t\t\t<div className=\"absolute bottom-[8rem] text-center\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\"text-sm font-medium px-4 py-1.5 bg-black/20 rounded-[9999px] mt-8\", getTextColor())}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.base?.baseFontFamily || \"Inter, sans-serif\",\n color: getColorCode(),\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.leavePhone)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{isInTargetRange && cd === null && !isScanning && (\n\t\t\t\t<div className=\"absolute bottom-[8rem] w-[12rem]\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`h-[.375rem] w-full bg-[${getColorCode()}]/20 rounded-[9999px] overflow-hidden`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: `${getColorCode()}33`, // 20% opacity\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={`h-full bg-[${getColorCode()}]/70 transition-all duration-300 rounded-[9999px]`}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${angle}%`,\n\t\t\t\t\t\t\t\tbackgroundColor: `${getColorCode()}B3`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n {cd === null && !isScanning && (\n <div className=\"absolute bottom-[5rem] text-center\">\n <div className={cn(\"text-[1.5rem] font-light\", getTextColor())}\n style={{\n\t\t\t\t\t\tcolor: getColorCode(),\n\t\t\t\t\t}}\n >\n {Math.round(angle)}°\n </div>\n </div>\n )}\n\n\t\t\t{cd === null && !isScanning && (\n\t\t\t\t<div className=\"absolute bottom-[2rem] text-center max-w-[20rem] mx-auto\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\"text-[.75rem] opacity-50\", getTextColor())}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.base?.baseFontFamily || \"Inter, sans-serif\",\n color: getColorCode(),\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.placePhoneUpright)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\nexport default React.memo(LevelScreen);\n","import { useContext } from \"react\";\nimport Webcam from \"react-webcam\";\nimport { CameraScanChildProps } from \"../../types/interfaces\";\nimport { MEDIA_TYPES, MediaContext } from \"../../utils/context/mediaContext\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { pauseIcon, voiceOverAssetsPath } from \"../../utils/constants\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { X } from \"lucide-react\";\n\n\n\nfunction CameraScanChild({\n handleShowStreamCamera,\n loadingCam,\n handleUserMedia,\n handlePause,\n pause,\n recordingStarted,\n startSendingVideoFrames,\n showPause,\n webcamRef,\n handleUserMediaError,\n resetDetector,\n videoConstraints,\n webcamKey,\n}: Omit<CameraScanChildProps, \"config\">) {\n const { media } = useContext(MediaContext) || {};\n const { translate } = useContext(LanguageContext) || {};\n\n return (\n <div className=\"App w-screen h-[100vh] relative \">\n <span\n onClick={() => {\n handleShowStreamCamera();\n resetDetector();\n }}\n className=\"fixed right-[20px] top-[20px] z-[999]\"\n >\n <X className=\"text-[#fff]\" />\n </span>\n\n <div className=\"w-full h-full overflow-hidden \">\n {media === MEDIA_TYPES.MOBILE && (\n <Webcam\n key={webcamKey}\n audio={false}\n ref={webcamRef}\n screenshotQuality={1}\n videoConstraints={videoConstraints}\n mirrored\n screenshotFormat=\"image/jpeg\"\n onUserMedia={handleUserMedia}\n onUserMediaError={handleUserMediaError}\n style={{\n position: \"fixed\",\n top: 0,\n bottom: 0,\n zIndex: 0,\n width: \"100%\",\n height: \"100%\",\n objectFit: \"cover\",\n }}\n />\n )}\n </div>\n\n <div className=\"fixed bottom-[30px] w-full z-[999] flex flex-col gap-4 items-center justify-center\">\n {showPause && (\n <SpecificButton\n className=\"!w-[180px] !h-[40px] !py-[0] mx-auto \"\n prefix={pauseIcon}\n buttonText={translate?.(LanguageKeys.pause)}\n buttonFunc={handlePause}\n btnSecondary\n />\n )}\n\n {pause ? (\n <div>\n <SpecificButton\n className=\"!w-[180px] !h-[40px] !py-[0] mx-auto\"\n buttonText={translate?.(LanguageKeys.restart)}\n buttonFunc={handleShowStreamCamera}\n btnSecondary\n />\n </div>\n ) : !recordingStarted ? (\n <SpecificButton\n className={`!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] ${\n loadingCam ? \"!opacity-50\" : \"\"\n }`}\n buttonText={translate?.(LanguageKeys.startScan)}\n buttonFunc={startSendingVideoFrames}\n disabled={loadingCam}\n />\n ) : null}\n </div>\n\n <audio\n id=\"audioElement\"\n crossOrigin=\"anonymous\"\n preload=\"auto\"\n style={{\n position: \"absolute\",\n zIndex: -99999,\n }}\n src={`${voiceOverAssetsPath}scanAudioInstructions/silence.mp3`}\n />\n </div>\n );\n}\n\nexport default CameraScanChild;\n","import { useState, useRef, useEffect } from \"react\";\n// We keep this, but we will make it optional in the logic below\n\ntype KeypointTuple = [number, number, number];\n\n// GLOBAL SINGLETONS (Persist across component re-mounts)\n// This prevents reloading the heavy model if the user navigates away and back.\nlet globalLoadingPromise: Promise<boolean> | null = null;\nlet globalDetector: any = null;\nlet globalPoseLib: any = null;\n\nexport default function useTensorFlow() {\n const [consecutiveFronts, setConsecutiveFronts] = useState(0);\n const [spinPhase, setSpinPhase] = useState(0);\n const [isLoaded, setIsLoaded] = useState(false);\n\n const spinPhaseRef = useRef(0);\n const consecutiveFrontsRef = useRef(0);\n const mounted = useRef(true);\n\n useEffect(() => {\n mounted.current = true; // Reset on mount\n\n // 1. If already loaded globally, just use it.\n if (globalDetector) {\n setIsLoaded(true);\n return;\n }\n\n // 2. If not loading, start the process.\n if (!globalLoadingPromise) {\n globalLoadingPromise = loadDependenciesGlobal();\n }\n\n // 3. Wait for the global promise to resolve.\n globalLoadingPromise.then((success) => {\n if (success && mounted.current) {\n setIsLoaded(true);\n }\n });\n\n return () => {\n mounted.current = false;\n };\n }, []);\n\n /**\n * Loads TensorFlow/MediaPipe dynamically.\n * This logic is ISOLATED from the server.\n */\n async function loadDependenciesGlobal(): Promise<boolean> {\n // GUARDRAIL 1: Strict Environment Check\n // Ensure we are in a browser environment with media capabilities\n if (\n typeof window === 'undefined' || \n typeof navigator === 'undefined'\n ) {\n return false;\n }\n \n try {\n console.log(\"Starting TensorFlow preload...\");\n \n // GUARDRAIL 2: Dynamic Imports\n // These heavy modules are only fetched by the browser, never the server.\n const [poseLib, tfjsCore, tfjsBackend] = await Promise.all([\n import(\"@tensorflow-models/pose-detection\"),\n import(\"@tensorflow/tfjs-core\"),\n import(\"@tensorflow/tfjs-backend-webgl\") // Triggers backend registration side-effect\n ]);\n \n globalPoseLib = poseLib;\n \n // Explicitly set the backend to WebGL for performance\n await tfjsCore.setBackend('webgl');\n await tfjsCore.ready();\n console.log(\"TensorFlow backend ready (WebGL)\");\n\n // GUARDRAIL 3: Zero-Config Asset Loading\n // If TENSORFLOW_SOLUTION_PATH fails or is missing, we must fallback \n // to a CDN so the user doesn't have to copy files manually.\n const modelConfig = {\n runtime: \"mediapipe\",\n modelType: \"full\",\n solutionPath:\"https://cdn.jsdelivr.net/npm/@mediapipe/pose\", // Fallback for Zero Config\n } as const;\n\n try {\n globalDetector = await globalPoseLib.createDetector(\n globalPoseLib.SupportedModels.BlazePose,\n modelConfig\n );\n console.log(\"MediaPipe detector created successfully\");\n } catch (mediapipeError) {\n console.warn(\"MediaPipe failed, falling back to TFJS runtime:\", mediapipeError);\n \n // Fallback to TFJS runtime (slower but works without external assets)\n globalDetector = await globalPoseLib.createDetector(\n globalPoseLib.SupportedModels.BlazePose,\n {\n runtime: \"tfjs\",\n modelType: \"full\",\n }\n );\n console.log(\"TFJS detector created successfully\");\n }\n \n return true;\n } catch (error) {\n console.error(\"Failed to load TensorFlow dependencies:\", error);\n globalLoadingPromise = null; // Reset so retry is possible\n return false;\n }\n }\n\n function isFrontFrame(body: KeypointTuple[]) {\n // Guardrail: Ensure points exist before filtering\n if (!body || body.length === 0) return false;\n return body.filter((p) => p[2] > 0.7).length === 22;\n }\n\n const poseDetector = async (callback: () => void, webcamRef: any) => {\n // GUARDRAIL 4: Runtime Safety\n // Check if everything is truly ready before calculating\n if (!globalDetector || !mounted.current || !webcamRef?.current?.video) {\n return;\n }\n \n // Check if video is actually playing and has data\n const video = webcamRef.current.video;\n if (video.readyState < 2) return; \n\n try {\n const poses = await globalDetector.estimatePoses(\n video,\n { flipHorizontal: false }\n );\n\n if (!poses || !poses.length) return;\n\n const keypoints = poses[0].keypoints;\n \n // Standardize keypoints\n const body: KeypointTuple[] = keypoints\n .slice(11) // Ignore face keypoints (0-10)\n .map((kp: any) => [\n kp.x > 0 && kp.x < 720 ? kp.x : -1,\n kp.y > 0 && kp.y < 1280 ? kp.y : -1,\n kp.score ?? 0,\n ]);\n\n if (spinPhaseRef.current === 0 && !isFrontFrame(body)) {\n setConsecutiveFronts((prev) => prev + 1);\n }\n\n if (spinPhaseRef.current === 1 && isFrontFrame(body)) {\n setConsecutiveFronts((prev) => prev + 1);\n }\n\n if (spinPhaseRef.current === 2) callback();\n } catch (err) {\n console.error(\"Pose detection error:\", err);\n }\n };\n\n useEffect(() => {\n consecutiveFrontsRef.current = consecutiveFronts;\n if (consecutiveFronts > 6 && spinPhaseRef.current < 2) {\n setSpinPhase((s) => s + 1);\n setConsecutiveFronts(0);\n }\n }, [consecutiveFronts]);\n\n useEffect(() => {\n spinPhaseRef.current = spinPhase;\n }, [spinPhase]);\n\n const resetDetector = () => {\n spinPhaseRef.current = 0;\n consecutiveFrontsRef.current = 0;\n setConsecutiveFronts(0);\n setSpinPhase(0);\n };\n\n const retryLoading = async () => {\n if (!globalDetector && !globalLoadingPromise) {\n globalLoadingPromise = loadDependenciesGlobal();\n const success = await globalLoadingPromise;\n if (success && mounted.current) {\n setIsLoaded(true);\n }\n }\n };\n\n return { \n poseDetector, \n isLoaded,\n spinPhase,\n resetDetector,\n retryLoading\n };\n}","/* eslint-disable no-use-before-define */\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport CameraScanChild from \"./CameraScanChild\";\nimport posthog from \"../../utils/posthog\";\nimport Webcam from \"react-webcam\";\nimport { ScanningComponentProps } from \"../../types/interfaces\";\nimport useTensorFlow from \"../../customHooks/useTensorFlow\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\nimport {\n\tgenerateUuid,\n\tgetCurrentTimeInSeconds,\n\tgetPreferredMediaRecorderTypes,\n\tgetRecordingExtension,\n\tgetRecordingMimeType,\n\tgetSupportedMediaRecorderTypes,\n\thandleScanTimeCapture,\n\trescanSupportCaptureEvent,\n} from \"../../utils/utils\";\nimport speechService from \"../../utils/service/speechService\";\nimport { videoConstraintsExact, videoConstraintsFallback, videoTypes, voiceOverAssetsPath } from \"../../utils/constants\";\n\nlet id: string | null = null;\nlet audioTimeoutId: number | undefined | NodeJS.Timeout;\nlet lastVideoPlayed: {\n\tskipCount: number;\n\tno_of_times_skipped: number;\n\taudioName: string;\n} | null = null;\n\nfunction ScanningComponent({ setIsScanLocked, resetDetector, scanID, setIsVideoUploaded, setScanFailsError, setScanStartTime, setScanUniqueKey, userDetails }: Omit<ScanningComponentProps, \"config\">) {\n\tconst { gender, heightInCm, email, shopDomain } = userDetails;\n\tconst webcamRef = useRef<Webcam | null>(null);\n\tconst mediaRecorderRef = useRef<MediaRecorder | null>(null);\n\tconst recordedFpsRef = useRef<number | null>(null);\n\tconst [recordedChunks, setRecordedChunks] = useState<Blob[]>([]);\n\tconst [loadingCam, setLoadingCam] = useState(true);\n\tconst [recordingStarted, setRecordingStarted] = useState(false);\n\tconst [faceDone, setFaceDone] = useState(false);\n\tconst [mediaRecorderStopped, setMediaRecorderStopped] = useState(true);\n\tconst [isScanning, setIsScanning] = useState(false);\n\tconst captureVideoTimeOutHandle = useRef<number | null | NodeJS.Timeout>(null);\n\tconst [audioSource, setAudioSource] = useState(\"\");\n\tconst [audioSourceList, setAudioSourceList] = useState<string[]>([]);\n\tconst [emptyAudioSource, setEmptyAudioSource] = useState(\"\");\n\tconst [startAgain, setStartAgain] = useState(false);\n\tconst [showRestart, setRestart] = useState(false);\n\tconst [pause, setPause] = useState(false);\n\tconst [events, setEvents] = useState<any>([]);\n\tconst [showPause, setShowPause] = useState(false);\n\tconst allowAudioToPlay = useRef(true);\n\tconst { poseDetector } = useTensorFlow();\n\tconst firstScan = useRef(true);\n\tconst poseStoppedRef = useRef(false);\n\tconst counterRef = useRef(0);\n\tconst consecutiveFalseRef = useRef(0);\n\tconst poseListenerRegistered = useRef(false);\n\tconst postPoseProcessRef = useRef<() => void>(() => {});\n\tconst [supportedTypes, setSupportedTypes] = useState<string[]>([]);\n\tconst [webcamKey, setWebcamKey] = useState(0);\n\tconst [currentVideoConstraints, setCurrentVideoConstraints] = useState<MediaTrackConstraints>(videoConstraintsExact);\n\n\tconst { setStartGyro, handleFileUpload, setUploadLoading, swan, onScanStart } = useContext(ParamsContext);\n\n\tconst handleShowStreamCamera = () => {\n\t\tposeStoppedRef.current = false;\n\t\tclearTimeout(audioTimeoutId);\n\t\tif (captureVideoTimeOutHandle.current) clearTimeout(captureVideoTimeOutHandle.current);\n\t\tsetScanUniqueKey(generateUuid());\n\t\tsetScanFailsError(\"\");\n\t\tsetUploadLoading?.(false);\n\t\tsetRecordedChunks([]);\n\t\trecordedFpsRef.current = null;\n\t\tsetLoadingCam(true);\n\t\tsetRecordingStarted(false);\n\t\tsetFaceDone(false);\n\t\tsetMediaRecorderStopped(true);\n\t\tsetIsScanning(false);\n\t\tcaptureVideoTimeOutHandle.current = null;\n\t\tsetAudioSource(\"\");\n\t\tsetAudioSourceList([]);\n\t\tsetEmptyAudioSource(\"\");\n\t\tsetStartAgain(!startAgain);\n\t\tsetStartGyro(false);\n\t\tspeechService.stopAudio();\n\t\tsetRestart(false);\n\t\tsetPause(false);\n\t\tcounterRef.current = 0;\n\t\tconsecutiveFalseRef.current = 0;\n\t\tposeListenerRegistered.current = false;\n\t\tif (mediaRecorderRef.current !== null) {\n\t\t\tmediaRecorderRef.current.stop();\n\t\t}\n\n\t\tevents.forEach((el: any) => {\n\t\t\tif (mediaRecorderRef.current) mediaRecorderRef.current.removeEventListener(\"dataavailable\", el);\n\t\t});\n\n\t\tsetEvents([]);\n\t\tallowAudioToPlay.current = true;\n\t\tsetShowPause(false);\n\t\tsetIsVideoUploaded(false);\n\t\tif (webcamRef.current?.stream) {\n\t\t\tsetLoadingCam(false);\n\t\t}\n\t};\n\n\tconst handleUserMedia = useCallback(() => {\n\t\tsetTimeout(() => {\n\t\t\tsetLoadingCam(false);\n\t\t}, 1000);\n\t}, []);\n\n\tconst handleUserMediaError = useCallback(\n\t\t(error: string | DOMException) => {\n\t\t\tconsole.log(\"camera error\", error);\n\t\t\t// Retry once with relaxed constraints for broader device compatibility.\n\t\t\tif (currentVideoConstraints === videoConstraintsExact) {\n\t\t\t\tsetCurrentVideoConstraints(videoConstraintsFallback);\n\t\t\t\tsetWebcamKey((prev) => prev + 1);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetLoadingCam(false);\n\t\t},\n\t\t[currentVideoConstraints],\n\t);\n\n\tconst handleReScan = useCallback(() => {\n\t\trescanSupportCaptureEvent({\n\t\t\teventName: `${shopDomain}/rescan`,\n\t\t\temail,\n\t\t\tscanID: scanID,\n\t\t\theight: heightInCm,\n\t\t\tgender,\n\t\t\tstatus: false,\n\t\t});\n\t\tallowAudioToPlay.current = false;\n\t\thandleShowStreamCamera();\n\t\tstartSendingVideoFrames();\n\t}, [handleShowStreamCamera, scanID, email]);\n\n\tconst handlePause = useCallback(() => {\n\t\tallowAudioToPlay.current = false;\n\t\tsetPause(true);\n\t\tsetShowPause(false);\n\t\tif (captureVideoTimeOutHandle.current) clearTimeout(captureVideoTimeOutHandle.current);\n\t\tif (mediaRecorderRef.current) {\n\t\t\tmediaRecorderRef.current.pause();\n\t\t}\n\t\tspeechService.stopAudio();\n\t\tswan.poseDetection.disconnect();\n\t\tcounterRef.current = 0;\n\t\tconsecutiveFalseRef.current = 0;\n\t\tposeListenerRegistered.current = false;\n\t\tif (mediaRecorderRef.current) {\n\t\t\tmediaRecorderRef.current.stop();\n\t\t}\n\t\tevents.forEach((el: any) => {\n\t\t\tif (mediaRecorderRef.current) mediaRecorderRef.current.removeEventListener(\"dataavailable\", el);\n\t\t});\n\t\tsetEvents([]);\n\t\tclearTimeout(audioTimeoutId);\n\t}, [mediaRecorderRef, events, speechService, allowAudioToPlay]);\n\n\t// const supportedTypes = videoTypes.filter((type) => MediaRecorder.isTypeSupported(type));\n\tconst preferredVideoTypes = useMemo(() => getPreferredMediaRecorderTypes(), []);\n\tconst recordingMimeType = getRecordingMimeType(supportedTypes);\n\tconst recordingExtension = getRecordingExtension(recordingMimeType);\n\n\tconst stopRecording = useCallback(async () => {\n\t\tallowAudioToPlay.current = true;\n\t\tawait speechService.playAudio(`${voiceOverAssetsPath}SpotOn.mp3`);\n\t\tsetPause(false);\n\t\tsetShowPause(false);\n\t\tif (captureVideoTimeOutHandle.current) clearTimeout(captureVideoTimeOutHandle.current);\n\t\tsetRecordingStarted(false);\n\t}, [captureVideoTimeOutHandle, speechService]);\n\n\tconst handleSocket = useCallback(async () => {\n\t\ttry {\n\t\t\tid = await swan.poseDetection.connect();\n\n\t\t\tposthog.capture(`${shopDomain}/pose_detection_connected`, {\n\t\t\t\tscanID: scanID,\n\t\t\t\temail,\n\t\t\t\tid,\n\t\t\t});\n\t\t} catch (error) {\n\t\t\tconsole.log(error, \"while connecting websocket\");\n\t\t}\n\t}, [scanID, shopDomain, email]);\n\n\tconst handleSpinDataAvailable = useCallback(\n\t\t({ data }: BlobEvent) => {\n\t\t\tif (data && data.size > 0 && allowAudioToPlay.current) {\n\t\t\t\tsetRecordedChunks((prev) => prev.concat(data));\n\t\t\t\tif (!poseStoppedRef.current && webcamRef.current) {\n\t\t\t\t\tposeStoppedRef.current = true;\n\t\t\t\t\tposeDetector(() => {\n\t\t\t\t\t\tstopRecording();\n\t\t\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/tensorFlow`,\n\t\t\t\t\t\t\tscanID: scanID,\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t\tmessage: \"recording stopped by tensorflow \",\n\t\t\t\t\t\t});\n\t\t\t\t\t}, webcamRef);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[stopRecording, handleScanTimeCapture, shopDomain, scanID, email, webcamRef],\n\t);\n\n\tconst playAudio = useCallback(async () => {\n\t\tif (audioSourceList.length > 0 && allowAudioToPlay.current) {\n\t\t\tawait speechService.playAudio(voiceOverAssetsPath + audioSourceList[audioSourceList.length - 1]);\n\t\t\tif (allowAudioToPlay.current) {\n\t\t\t\taudioTimeoutId = setTimeout(playAudio, 2000);\n\t\t\t}\n\t\t}\n\t}, [audioSourceList, allowAudioToPlay]);\n\n\t\tconst handleStartCaptureClick = useCallback(() => {\n\t\tif (mediaRecorderRef && mediaRecorderRef.current) {\n\t\t\tmediaRecorderRef.current.stop();\n\t\t}\n\t\tsetRecordingStarted(true);\n\t\ttry {\n\t\t\tif (webcamRef && webcamRef.current && webcamRef.current.stream) {\n\t\t\t\t// Capture FPS from stream settings\n\t\t\t\tconst videoTrack = webcamRef.current.stream.getVideoTracks()[0];\n\t\t\t\tif (videoTrack) {\n\t\t\t\t\tconst settings = videoTrack.getSettings();\n\t\t\t\t\trecordedFpsRef.current = settings.frameRate || null;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tconst mediaRecorderOptions: MediaRecorderOptions = {\n\t\t\t\t\tvideoBitsPerSecond: 1_500_000,\n\t\t\t\t};\n\t\t\t\tif (supportedTypes[0]) {\n\t\t\t\t\tmediaRecorderOptions.mimeType = supportedTypes[0];\n\t\t\t\t}\n\t\t\t\tmediaRecorderRef.current = new MediaRecorder(webcamRef.current.stream, mediaRecorderOptions);\n\t\t\t\tmediaRecorderRef.current.addEventListener(\"dataavailable\", handleSpinDataAvailable);\n\n\t\t\t\tsetEvents([...events, handleSpinDataAvailable]);\n\t\t\t\tmediaRecorderRef.current.start(1000);\n\t\t\t\tsetMediaRecorderStopped(false);\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(\"error while using media recorder\", e);\n\t\t}\n\t}, [webcamRef, supportedTypes, handleSpinDataAvailable, events]);\n\n\tconst postPoseProcess = useCallback(async () => {\n\t\tif (captureVideoTimeOutHandle.current) {\n\t\t\tclearTimeout(captureVideoTimeOutHandle.current);\n\t\t}\n\t\thandleStartCaptureClick();\n\t\tif (allowAudioToPlay.current) {\n\t\t\tcaptureVideoTimeOutHandle.current = setTimeout(async () => {\n\t\t\t\tif (allowAudioToPlay.current) {\n\t\t\t\t\tawait speechService.playAudio(`${voiceOverAssetsPath}SpotOn.mp3`);\n\t\t\t\t\tsetRecordingStarted(false);\n\t\t\t\t}\n\t\t\t}, 15000);\n\t\t}\n\t\tsetFaceDone(true);\n\t\tif (allowAudioToPlay.current) {\n\t\t\tawait speechService.playAudio(`${voiceOverAssetsPath}Spin.mp3`);\n\t\t}\n\t}, [handleStartCaptureClick, allowAudioToPlay, speechService]);\n\n\tuseEffect(() => {\n\t\tpostPoseProcessRef.current = postPoseProcess;\n\t}, [postPoseProcess]);\n\n\tconst handleDataAvailable = useCallback(\n\t\t({ data }: BlobEvent) => {\n\t\t\tif (data.size > 0 && swan.poseDetection.connected()) {\n\t\t\t\tif (!poseListenerRegistered.current) {\n\t\t\t\t\tposeListenerRegistered.current = true;\n\t\t\t\t\tswan.poseDetection.poseStatus(async (data: any) => {\n\t\t\t\t\t\tif (data && data.audio && data.audio.length > 0) {\n\t\t\t\t\t\t\tconst audio = document.querySelector(\"#audioElement\") as HTMLAudioElement | null;\n\t\t\t\t\t\t\tif (data.status === true && data.sid === id) {\n\t\t\t\t\t\t\t\tconsecutiveFalseRef.current = 0;\n\t\t\t\t\t\t\t\tif (counterRef.current < 2) {\n\t\t\t\t\t\t\t\t\tif (counterRef.current === 0 && audio?.paused) {\n\t\t\t\t\t\t\t\t\t\tawait speechService.playAudio(voiceOverAssetsPath + data.audio);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcounterRef.current += 1;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetEmptyAudioSource(data.audio);\n\t\t\t\t\t\t\t\t\tclearTimeout(audioTimeoutId);\n\t\t\t\t\t\t\t\t\tswan.poseDetection.disconnect();\n\t\t\t\t\t\t\t\t\tposeListenerRegistered.current = false;\n\t\t\t\t\t\t\t\t\tsetTimeout(() => postPoseProcessRef.current(), 1000);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tconsecutiveFalseRef.current += 1;\n\t\t\t\t\t\t\t\tif (consecutiveFalseRef.current >= 3) {\n\t\t\t\t\t\t\t\t\tcounterRef.current = 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (audio?.paused && (!lastVideoPlayed || lastVideoPlayed?.audioName !== data.audio)) {\n\t\t\t\t\t\t\t\t\tlastVideoPlayed = {\n\t\t\t\t\t\t\t\t\t\tskipCount: 2,\n\t\t\t\t\t\t\t\t\t\tno_of_times_skipped: 0,\n\t\t\t\t\t\t\t\t\t\taudioName: data.audio,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\tspeechService.playAudio(voiceOverAssetsPath + data.audio);\n\t\t\t\t\t\t\t\t} else if (lastVideoPlayed?.audioName === data.audio && audio?.paused) {\n\t\t\t\t\t\t\t\t\tif (lastVideoPlayed && lastVideoPlayed.no_of_times_skipped >= lastVideoPlayed.skipCount) {\n\t\t\t\t\t\t\t\t\t\tlastVideoPlayed.no_of_times_skipped = 0;\n\t\t\t\t\t\t\t\t\t\tspeechService.playAudio(voiceOverAssetsPath + data.audio);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tif (lastVideoPlayed) lastVideoPlayed.no_of_times_skipped += 1;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tif (webcamRef?.current && webcamRef.current.getScreenshot() !== null) {\n\t\t\t\t\tswan.poseDetection.videoEmit({\n\t\t\t\t\t\timage: webcamRef.current.getScreenshot() || \"\",\n\t\t\t\t\t\tscanId: scanID,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[webcamRef, scanID, swan, id, speechService],\n\t);\n\n\tconst startSendingVideoFrames = useCallback(async () => {\n\t\tsetIsScanning(true);\n\t\tsetStartGyro(true);\n\t\tonScanStart?.();\n\t\tif (firstScan.current) {\n\t\t\tfirstScan.current = false;\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: \"scan started\",\n\t\t\t\tscanID: scanID,\n\t\t\t\tstatus: \"success\",\n\t\t\t\temail,\n\t\t\t});\n\t\t}\n\t\tsetScanStartTime(getCurrentTimeInSeconds());\n\t\tsetLoadingCam(true);\n\t\tif (allowAudioToPlay.current) {\n\t\t\tawait speechService.playAudio(`${voiceOverAssetsPath}StartScan.mp3`);\n\t\t}\n\t\tif (allowAudioToPlay.current) {\n\t\t\tawait speechService.playAudio(`${voiceOverAssetsPath}LiftArmsAndHoldAtHip.mp3`);\n\t\t}\n\t\tif (allowAudioToPlay.current) {\n\t\t\tsetIsScanning(false);\n\t\t\tsetRecordingStarted(true);\n\t\t\tsetRestart(true);\n\t\t\tsetShowPause(true);\n\t\t\thandleUserMedia();\n\t\t}\n\t\ttry {\n\t\t\tif (webcamRef && webcamRef.current && webcamRef.current.stream && allowAudioToPlay.current) {\n\t\t\t\t// Capture FPS from stream settings\n\t\t\t\tconst videoTrack = webcamRef.current.stream.getVideoTracks()[0];\n\t\t\t\tif (videoTrack) {\n\t\t\t\t\tconst settings = videoTrack.getSettings();\n\t\t\t\t\trecordedFpsRef.current = settings.frameRate || null;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tconst mediaRecorderOptions: MediaRecorderOptions = {\n\t\t\t\t\tvideoBitsPerSecond: 1_500_000,\n\t\t\t\t};\n\t\t\t\tif (supportedTypes[0]) {\n\t\t\t\t\tmediaRecorderOptions.mimeType = supportedTypes[0];\n\t\t\t\t}\n\t\t\t\tif (allowAudioToPlay.current) {\n\t\t\t\t\tmediaRecorderRef.current = new MediaRecorder(webcamRef.current.stream, mediaRecorderOptions);\n\t\t\t\t}\n\t\t\t\tif (allowAudioToPlay.current && mediaRecorderRef.current) {\n\t\t\t\t\tmediaRecorderRef.current.addEventListener(\"dataavailable\", handleDataAvailable);\n\t\t\t\t}\n\n\t\t\t\tsetEvents([...events, handleDataAvailable]);\n\t\t\t\tif (mediaRecorderRef.current) mediaRecorderRef.current.start(1000);\n\t\t\t\tsetMediaRecorderStopped(false);\n\t\t\t\tif (allowAudioToPlay.current) {\n\t\t\t\t\taudioTimeoutId = setTimeout(playAudio, 2000);\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (err) {\n\t\t\tconsole.log(\"error ----------\", err);\n\t\t}\n\t}, [webcamRef, supportedTypes, handleDataAvailable, events, playAudio, allowAudioToPlay, onScanStart]);\n\n\tuseEffect(() => {\n\t\tif (shopDomain) {\n\t\t\tsetIsScanLocked(true);\n\t\t\thandleSocket();\n\t\t}\n\t\treturn () => {\n\t\t\tif (id) {\n\t\t\t\tswan.poseDetection.disconnect();\n\t\t\t\tposthog.capture(`${shopDomain}/pose_detection_disconnected`, {\n\t\t\t\t\tscanID: scanID,\n\t\t\t\t\temail,\n\t\t\t\t\tid,\n\t\t\t\t});\n\t\t\t}\n\t\t\tevents.forEach((el: any) => {\n\t\t\t\tmediaRecorderRef?.current?.removeEventListener(\"dataavailable\", el);\n\t\t\t});\n\t\t};\n\t}, [startAgain, shopDomain]);\n\tuseEffect(() => {\n\t\taudioSourceList.push(audioSource);\n\t}, [audioSource]);\n\n\tuseEffect(() => {\n\t\tsetAudioSourceList([]);\n\t}, [emptyAudioSource]);\n\tuseEffect(() => {\n\t\tconst bypassChecksToBackup = recordedChunks.length && recordedChunks.length > 0;\n\t\tif (!mediaRecorderStopped && bypassChecksToBackup && !recordingStarted && allowAudioToPlay.current && !pause) {\n\t\t\tif (mediaRecorderRef && mediaRecorderRef.current) {\n\t\t\t\tif (!recordingStarted) {\n\t\t\t\t\tmediaRecorderRef.current.stop();\n\t\t\t\t\tsetMediaRecorderStopped(true);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}, [mediaRecorderStopped, recordingStarted, recordedChunks, pause]);\n\n\tuseEffect(() => {\n\t\tconst bypassChecksToBackup = recordedChunks.length && recordedChunks.length > 0;\n\t\tif (!mediaRecorderStopped && bypassChecksToBackup && !recordingStarted) {\n\t\t\tif (mediaRecorderRef && mediaRecorderRef.current && allowAudioToPlay.current && !pause) {\n\t\t\t\tif (!recordingStarted) {\n\t\t\t\t\tconst videoFile = new File(recordedChunks, `${scanID}.${recordingExtension}`, {\n\t\t\t\t\t\ttype: recordingMimeType,\n\t\t\t\t\t});\n\t\t\t\t\tsetUploadLoading?.(true);\n\t\t\t\t\tsetScanFailsError(\"\");\n\t\t\t\t\t// Pass FPS captured at recording time\n\t\t\t\t\thandleFileUpload?.(videoFile, recordedFpsRef.current);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tconsole.log(\"No video found to upload.\");\n\t\t}\n\t}, [mediaRecorderStopped, recordingStarted, recordedChunks, pause, mediaRecorderRef, allowAudioToPlay]);\n\tuseEffect(() => {\n\t\tconst supported = getSupportedMediaRecorderTypes(preferredVideoTypes, videoTypes);\n\t\tsetSupportedTypes(supported);\n\t}, [preferredVideoTypes]);\n\tuseEffect(() => {\n\t\thandleShowStreamCamera();\n\t}, []);\n\n\treturn (\n\t\t<CameraScanChild\n\t\t\tresetDetector={resetDetector}\n\t\t\thandleShowStreamCamera={handleShowStreamCamera}\n\t\t\tloadingCam={loadingCam}\n\t\t\thandlePause={handlePause}\n\t\t\tshowRestart={showRestart}\n\t\t\tpause={pause}\n\t\t\thandleReScan={handleReScan}\n\t\t\trecordingStarted={recordingStarted}\n\t\t\tisScanning={isScanning}\n\t\t\tstartSendingVideoFrames={startSendingVideoFrames}\n\t\t\tfaceDone={faceDone}\n\t\t\tstopRecording={stopRecording}\n\t\t\tshowPause={showPause}\n\t\t\twebcamRef={webcamRef}\n\t\t\thandleUserMedia={handleUserMedia}\n\t\t\thandleUserMediaError={handleUserMediaError}\n\t\t\tvideoConstraints={currentVideoConstraints}\n\t\t\twebcamKey={webcamKey}\n\t\t\t/>\n\t);\n}\n\nexport default React.memo(ScanningComponent);\n","/* eslint-disable no-use-before-define */\n\nimport { useEffect, useState, useRef } from \"react\";\nimport { IOSDeviceOrientationEvent } from \"../../customHooks/useGyroSensor\";\nimport LevelScreen from \"./LevelScreen\";\nimport ScanningComponent from \"./ScanningComponent\";\nimport { AngleDetectorProps } from \"../../types/interfaces\";\n\nexport default function AngleDetector({\n scanID,\n userDetails,\n setIsVideoUploaded,\n setScanFailsError,\n setScanStartTime,\n setScanUniqueKey,\n}: Omit<AngleDetectorProps, \"config\">) {\n const [angle, setAngle] = useState(90);\n const [calibrationOffset, setCalibrationOffset] = useState(0);\n const [countdown, setCountdown] = useState<number | null>(null);\n const [isScanning, setIsScanning] = useState(false);\n const [stabilityScore, setStabilityScore] = useState(0);\n const lastAnglesRef = useRef<number[]>([]);\n const [isScanLocked, setIsScanLocked] = useState(false);\n const calibratedAngle = angle - calibrationOffset;\n const isInTargetRange = calibratedAngle >= 80 && calibratedAngle <= 95;\n\n const resetDetector = () => {\n setAngle(90);\n setCalibrationOffset(0);\n setCountdown(null);\n setIsScanning(false);\n setStabilityScore(0);\n setIsScanLocked(false);\n lastAnglesRef.current = [];\n };\n\n useEffect(() => {\n if (typeof window !== \"undefined\" && window.DeviceOrientationEvent) {\n const handleOrientation = (event: DeviceOrientationEvent) => {\n if (event.beta !== null) {\n let newAngle = Math.abs(event.beta);\n if (event.gamma !== null) {\n newAngle *= Math.cos((event.gamma * Math.PI) / 180);\n }\n newAngle = Math.max(0, Math.min(180, newAngle));\n setAngle(newAngle);\n }\n };\n\n const requestPermission = async () => {\n const DeviceOrientation =\n DeviceOrientationEvent as unknown as IOSDeviceOrientationEvent;\n\n if (\n DeviceOrientation &&\n typeof DeviceOrientation.requestPermission === \"function\"\n ) {\n try {\n const permission = await DeviceOrientation.requestPermission();\n if (permission === \"granted\") {\n // wrappedHandler = timeout(handleOrientation, 2000);\n window.addEventListener(\"deviceorientation\", handleOrientation);\n }\n } catch (e) {\n console.error(\"Permission error\", e);\n }\n } else {\n // wrappedHandler = handleOrientation;\n window.addEventListener(\"deviceorientation\", handleOrientation);\n }\n\n return () => {\n if (handleOrientation) {\n window.removeEventListener(\"deviceorientation\", handleOrientation);\n }\n };\n };\n\n document.addEventListener(\"click\", requestPermission, { once: true });\n }\n }, []);\n\n useEffect(() => {\n lastAnglesRef.current = [\n ...lastAnglesRef.current.slice(-4),\n calibratedAngle,\n ];\n\n if (lastAnglesRef.current.length >= 5) {\n const variation =\n Math.max(...lastAnglesRef.current) - Math.min(...lastAnglesRef.current);\n if (isInTargetRange && variation < 2) {\n setStabilityScore((prev) => Math.min(100, prev + 10));\n } else {\n setStabilityScore((prev) => Math.max(0, prev - 20));\n }\n }\n\n if (!isInTargetRange && (countdown !== null || isScanning)) {\n resetCountdown();\n }\n }, [calibratedAngle, isInTargetRange, countdown, isScanning]);\n\n\tuseEffect(() => {\n\t\tif (stabilityScore >= 100 && countdown === null && !isScanning ) {\n\t\t\tstartCountdown();\n\t\t}\n\t\tif (stabilityScore < 50 && countdown !== null) {\n\t\t\tresetCountdown();\n\t\t}\n\t}, [stabilityScore, countdown, isScanning]);\n\n const startCountdown = () => {\n setCountdown(3);\n const timer = setInterval(() => {\n setCountdown((prev) => {\n if (prev === null || prev <= 1) {\n clearInterval(timer);\n setIsScanning(true);\n return null;\n }\n return prev - 1;\n });\n }, 1000);\n };\n\n const resetCountdown = () => {\n setCountdown(null);\n if (!isScanLocked) {\n setIsScanning(false);\n }\n };\n\n\n return (\n <LevelScreen\n angle={calibratedAngle}\n countdown={countdown}\n isScanning={isScanning}\n isInTargetRange={isInTargetRange}\n stabilityScore={stabilityScore}\n >\n {isScanning && (\n <ScanningComponent\n setIsScanLocked={setIsScanLocked}\n resetDetector={resetDetector}\n scanID={scanID}\n userDetails={userDetails}\n setIsVideoUploaded={setIsVideoUploaded}\n setScanFailsError={setScanFailsError}\n setScanStartTime={setScanStartTime}\n setScanUniqueKey={setScanUniqueKey}\n />\n )}\n </LevelScreen>\n );\n}\n","import { useContext } from \"react\";\nimport {Dialog} from \"@mui/material\";\nimport { getBrowserName } from \"../utils/utils\";\nimport { LanguageContext } from \"../utils/context/languageContext\";\nimport { LanguageKeys } from \"../utils/languageKeys\";\nimport { Config } from \"../types/interfaces\";\n\nfunction Modal({ message, config }: { message?: string; config?: Config }) {\n const { translate } = useContext(LanguageContext) || {};\n\n\n\n return (\n <Dialog open className=\"confirm-modal\">\n <div className=\"modal-main\">\n <div className=\"text-center\">\n {message ? (\n <>\n <h2\n style={{\n fontFamily:\n config?.style?.heading?.headingFontFamily ||\n \"SeriouslyNostalgic Fn\",\n fontSize: config?.style?.heading?.headingFontSize || \"32px\",\n color: config?.style?.heading?.headingColor || \"#000\",\n fontWeight:\n config?.style?.heading?.headingFontWeight || \"normal\",\n }}\n >\n {translate?.(LanguageKeys.cameraAlreadyInUse)}\n </h2>\n <p\n className=\"mt-[0.5rem] text-sm\"\n style={{\n fontFamily:\n config?.style?.base?.baseFontFamily || \"Inter, sans-serif\",\n fontSize: config?.style?.base?.baseFontSize || \"16px\",\n color: config?.style?.base?.baseTextColor || \"#000\",\n }}\n >\n {translate?.(LanguageKeys.tryClosingBrowser)}\n </p>\n </>\n ) : (\n <>\n <h2\n style={{\n fontFamily:\n config?.style?.heading?.headingFontFamily ||\n \"SeriouslyNostalgic Fn\",\n fontSize: config?.style?.heading?.headingFontSize || \"32px\",\n color: config?.style?.heading?.headingColor || \"#000\",\n fontWeight:\n config?.style?.heading?.headingFontWeight || \"normal\",\n }}\n >\n {translate?.(LanguageKeys.checkCameraSettings)}\n </h2>\n <p\n className=\"mt-[0.5rem] text-sm\"\n style={{\n fontFamily:\n config?.style?.base?.baseFontFamily || \"Inter, sans-serif\",\n fontSize: config?.style?.base?.baseFontSize || \"16px\",\n color: config?.style?.base?.baseTextColor || \"#000\",\n }}\n >{`${translate?.(\n LanguageKeys.setting\n )} > ${getBrowserName()} > ${translate?.(\n LanguageKeys.enableCameraPermissions\n )}`}</p>\n </>\n )}\n </div>\n </div>\n </Dialog>\n );\n}\n\nexport default Modal;\n","import { useEffect, useState, useRef, useCallback, Dispatch, SetStateAction } from \"react\";\nimport Webcam from \"react-webcam\";\nimport Modal from \"../Modal\";\nimport LoadingScreen from \"../LoadingScreen\";\nimport { checkCameraPermission } from \"../../utils/utils\";\nimport { videoConstraints } from \"../../utils/constants\";\n\n\nfunction CameraPermission({ setShowDrawer, config,loader }: { setShowDrawer?: Dispatch<SetStateAction<boolean>>; config?: any,loader?:string }) {\n\tconst [showDeniedModal, setShowDeniedModal] = useState({\n\t\tdisabled: false,\n\t\tmessage: \"\",\n\t});\n\tconst [loading, setLoading] = useState(true);\n\tconst webcamRef = useRef(null);\n\n\tconst handleCameraPermission = useCallback(async () => {\n\t\tconst permission = await checkCameraPermission();\n\t\tsetShowDeniedModal(permission);\n\t\tsetLoading(false);\n\t}, []);\n\n\tuseEffect(() => {\n\t\thandleCameraPermission();\n\t}, []);\n\n\tif (loading) {\n\t\treturn <LoadingScreen url={loader} loaderType=\"black\" />\n\t}\n\n\tif (showDeniedModal?.disabled) {\n\t\treturn <Modal config={config} message={showDeniedModal?.message} />;\n\t}\n\treturn (\n\t\t<Webcam\n\t\t\taudio={false}\n\t\t\tref={webcamRef}\n\t\t\tscreenshotQuality={1}\n\t\t\tvideoConstraints={videoConstraints}\n\t\t\tmirrored\n\t\t\tonUserMedia={() => setShowDrawer?.(true)}\n\t\t\tscreenshotFormat=\"image/jpeg\"\n\t\t\tstyle={{\n\t\t\t\tposition: \"relative\",\n\t\t\t\ttop: 0,\n\t\t\t\tbottom: 0,\n\t\t\t\tzIndex: 0,\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100%\",\n\t\t\t\tobjectFit: \"cover\",\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nexport default CameraPermission;\n","\nimport React, { useEffect, useRef } from \"react\";\nimport videojs from \"video.js\";\nimport type Player from \"video.js/dist/types/player\";\nimport { videoPoster } from \"../../utils/constants\";\n\nfunction VideoPlayer({ link, onReady, wrapperClassName = \"[&_video]:rounded-t-[20px] w-full h-full\" }: { link?: string; wrapperClassName?: string; onReady?: (args: Player) => void }) {\n\tconst videoReference = useRef<HTMLVideoElement | null>(null);\n\tconst playerReference = useRef<Player | null>(null);\n\n\tlet videoJsOptions: any = {\n\t\tautoplay: true,\n\t\tcontrols: false,\n\t\tresponsive: true,\n\t\tfluid: true,\n\t\tmuted: true,\n\t\tnavigationUI: \"hide\",\n\t\tpreload: \"metadata\",\n\t\tposter: videoPoster,\n\t};\n\n\tuseEffect(() => {\n\t\tif (!playerReference.current && link && videoReference?.current) {\n\t\t\tconst player = videojs(videoReference.current, {\n\t\t\t\t...videoJsOptions,\n\t\t\t});\n\t\t\tplayer.ready(() => {\n\t\t\t\tplayerReference.current = player;\n\n\t\t\t\tconst updatedOptions = {\n\t\t\t\t\t...videoJsOptions,\n\t\t\t\t\tsources: [{ src: link, type: \"application/x-mpegURL\" }],\n\t\t\t\t};\n\n\t\t\t\tplayer.autoplay(updatedOptions.autoplay);\n\t\t\t\tplayer.src(updatedOptions.sources);\n\n\t\t\t\tonReady?.(player);\n\t\t\t});\n\t\t}\n\t}, [link, videoReference]);\n\n\tuseEffect(() => {\n\t\tconst player = playerReference.current;\n\t\treturn () => {\n\t\t\tif (player && !player.isDisposed()) {\n\t\t\t\tplayer.dispose();\n\t\t\t\tplayerReference.current = null;\n\t\t\t}\n\t\t};\n\t}, [playerReference]);\n\n\treturn (\n\t\t<div className={wrapperClassName}>\n\t\t\t<video ref={videoReference} muted className=\"video-js\" playsInline onDrag={(e) => e.preventDefault()} />\n\t\t</div>\n\t);\n}\nexport default VideoPlayer;\n","import { useContext, useState } from \"react\";\nimport {Dialog} from \"@mui/material\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport Header from \"../Header\";\nimport VideoPlayer from \"./VideoPlayer\";\nimport { ScanErrorMessageProps } from \"../../types/interfaces\";\nimport { generateUuid, handleErrorMessage } from \"../../utils/utils\";\nimport { GENDER, VIDEO_POSTER_GENDER_BASED } from \"../../utils/constants\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { X } from \"lucide-react\";\nimport { useConfig } from \"../../utils/context/configContext\";\n\nfunction ScanErrorMessage({ scanFailsError, onNext, gender, setScanUniqueKey, setIsVideoUploaded }: ScanErrorMessageProps) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\tconst resolvedConfig = useConfig();\n\tconst [showModal, setShowModal] = useState(false);\n\n\tconst handleBtnClick = () => {\n\t\tif (onNext) {\n\t\t\tonNext?.();\n\t\t} else {\n\t\t\tsetScanUniqueKey?.(generateUuid());\n\t\t}\n\t\tsetIsVideoUploaded?.(false);\n\t};\n\n\tconst handleShowModal = () => {\n\t\tsetShowModal(!showModal);\n\t};\n\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"flex flex-col h-full max-w-[28rem] mx-auto w-full rounded-t-[20px] overflow-y-auto\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t<div className=\"w-full max-w-[28rem] mx-auto pt-[1rem] px-[1rem]\">\n\t\t\t\t\t<Header noTitle />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex-1\">\n\t\t\t\t\t{scanFailsError && (\n\t\t\t\t\t\t<div className=\"px-[1rem]\">\n\t\t\t\t\t\t\t<h2\n\t\t\t\t\t\t\t\tclassName=\"text-center\"\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tfontFamily: resolvedConfig?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\t\t\t\tfontSize: resolvedConfig?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\t\t\t\tcolor: resolvedConfig?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\t\t\t\tfontWeight: resolvedConfig?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{translate?.(LanguageKeys.issueWithScan)}\n\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tfontFamily: resolvedConfig?.style?.base?.baseFontFamily || \"Inter, sans-serif\",\n\t\t\t\t\t\t\t\t\tfontSize: resolvedConfig?.style?.base?.baseFontSize || \"16px\",\n\t\t\t\t\t\t\t\t\tcolor: resolvedConfig?.style?.base?.baseTextColor || \"#1E1E1E\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{translate?.(LanguageKeys.reason)}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tfontFamily: resolvedConfig?.style?.base?.baseFontFamily || \"Inter, sans-serif\",\n\t\t\t\t\t\t\t\t\tfontSize: resolvedConfig?.style?.base?.baseFontSize || \"16px\",\n\t\t\t\t\t\t\t\t\tcolor: resolvedConfig?.style?.base?.baseTextColor || \"#1E1E1E\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{handleErrorMessage(scanFailsError)}\n\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t<img className=\"my-[0.5rem] aspect-[2/1.4] w-full object-cover\" onClick={handleShowModal} src={VIDEO_POSTER_GENDER_BASED[gender]} alt=\"icon\" />\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{scanFailsError && (\n\t\t\t\t\t<div className=\"p-[1rem] flex gap-[0.5rem]\">\n\t\t\t\t\t\t<SpecificButton disabled={false} buttonText={translate?.(LanguageKeys.scanAgain)} className=\"!shadow-none\" buttonFunc={handleBtnClick} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showModal && (\n\t\t\t\t<Dialog className=\"w-screen h-screen video-modal\" onClose={handleShowModal} open={showModal}>\n\t\t\t\t\t<div className=\"flex justifyEnd \">\n\t\t\t\t\t\t<span className=\"closeBtn\" onClick={handleShowModal}>\n\t\t\t\t\t\t\t<X className=\"absolute right-[8px] top-[8px] text-white z-[9]\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"aspect-video object-cover rounded-[20px] \">\n\t\t\t\t\t\t<VideoPlayer link={gender ? GENDER[gender].PRE_LINK : GENDER.male.PRE_LINK} wrapperClassName=\"w-screen h-screen fixed top-[0] left-[0]\" />\n\t\t\t\t\t</div>\n\t\t\t\t</Dialog>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport default ScanErrorMessage;\n","import { useCallback, useContext, useEffect, useState } from \"react\";\nimport {Box,Drawer} from \"@mui/material\";\nimport posthog from \"../utils/posthog\";\nimport Header from \"./Header\";\nimport CameraPermission from \"./bodyScan/CameraPermission\";\nimport { SignUpProps } from \"../types/interfaces\";\nimport { CLOTHING_BANNER_SCAN, CLOTHING_CUSTOM_FIT_SCAN, CLOTHING_CUSTOM_SCAN, maleMeasurementProgress, measurementProgress } from \"../utils/constants\";\nimport { GenderType } from \"../utils/enums\";\nimport SpecificButton from \"../atoms/specificButton/SpecificButton\";\nimport { LanguageContext } from \"../utils/context/languageContext\";\nimport { LanguageKeys } from \"../utils/languageKeys\";\n\nfunction SignUp({\n\tscanId,\n\tuserDetails,\n\tconfig,\n\tisVideoUploadedCorrect,\n\tisMeasurementAvailable,\n\tonComplete,\n\tisSuccess,\n\tonCustomScanSuccess,\n\tswan,\n}: SignUpProps) {\n\tconst { gender, shopDomain, heightInCm, deviceFocalLength, userName, email, scanType } = userDetails || {};\n\tconst isCustom = [CLOTHING_CUSTOM_SCAN, CLOTHING_BANNER_SCAN, CLOTHING_CUSTOM_FIT_SCAN].includes(scanType ?? \"\");\n\tconst [showDrawer, setShowDrawer] = useState(true);\n\tconst handlePostHogEvent = () => {\n\t\tposthog.capture(shopDomain??\"\", {\n\t\t\tscanID: scanId,\n\t\t\temail: email,\n\t\t\theight: heightInCm,\n\t\t\tfocalLength: deviceFocalLength,\n\t\t\tclothesFit: \"0\",\n\t\t\tgender: gender,\n\t\t});\n\t};\n\n\tconst handleSignUp = useCallback(async () => {\n\t\ttry {\n\t\t\tif (isCustom) {\n\t\t\t\tawait swan?.auth.addUser({\n\t\t\t\t\tscanId,\n\t\t\t\t\temail,\n\t\t\t\t\tname: userName,\n\t\t\t\t\tgender,\n\t\t\t\t\theight: heightInCm,\n\t\t\t\t});\n\t\t\t\tonCustomScanSuccess?.();\n\t\t\t}\n\t\t\thandlePostHogEvent();\n\t\t} catch (error) {\n\t\t\tconsole.log(error);\n\t\t}\n\t}, [isCustom]);\n\n\tconst { translate } = useContext(LanguageContext) || {};\n\n\tuseEffect(() => {\n\t\tif (isVideoUploadedCorrect || isMeasurementAvailable) {\n\t\t\thandleSignUp();\n\t\t}\n\t}, [isVideoUploadedCorrect, isMeasurementAvailable]);\n\n\tconst showNextButton = isSuccess || isVideoUploadedCorrect || isMeasurementAvailable;\n\n\treturn (\n\t\t<Box className=\"flex h-full w-full flex-col \">\n\t\t\t<div className=\"h-full w-full flex-col items-center justify-center flex\">\n\t\t\t\t<CameraPermission loader={config?.loader} setShowDrawer={setShowDrawer} />\n\t\t\t\t<Drawer\n\t\t\t\t\topen={showDrawer}\n\t\t\t\t\tonClose={(_, 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\tclassName=\"camera-drawer\"\n\t\t\t\t\tanchor=\"bottom\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"max-w-[28rem] mx-auto w-full h-full flex text-center flex-col justify-between items-center bg-primary rounded-t-[30px] p-[1rem]\"\n\t\t\t\t\t\tstyle={{ background: config?.style?.base?.backgroundColor }}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"w-full h-full flex flex-col\">\n\t\t\t\t\t\t\t<Header title={translate?.(LanguageKeys.measurementsBeingTaken)} />\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-center flex-1\">\n\t\t\t\t\t\t\t\t<video preload=\"auto\" className=\"max-h-[calc(100vh-450px)] mx-auto w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? maleMeasurementProgress : measurementProgress} type=\"video/mp4\" />\n\t\t\t\t\t\t\t\t</video>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{showNextButton && <SpecificButton className=\"!w-[180px] mx-auto\" buttonText={translate?.(LanguageKeys.next)} buttonFunc={()=>{onComplete?.()\n\t\t\t\t\t\t\t}} />}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Drawer>\n\t\t\t</div>\n\t\t</Box>\n\t);\n}\nexport default SignUp;\n","\"use client\";\nimport { useContext } from \"react\";\nimport AngleDetector from \"./AngleDetector\";\nimport CameraPermission from \"./CameraPermission\";\nimport Modal from \"../Modal\";\nimport { Drawer } from \"@mui/material\";\nimport ScanErrorMessage from \"./ScanErrorMessage\";\nimport LoadingScreen from \"../LoadingScreen\";\nimport SignUp from \"../Signup\";\nimport { useConfig } from \"../../utils/context/configContext\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\n\nexport const BodyScanSteps = () => {\n\tconst {\n\t\tuserDetails,\n\t\tonRetry,\n\t\tisError,\n\t\tisSuccess,\n\t\tgender,\n\t\tscanUniqueKey,\n\t\tscanFailsError,\n\t\tsetScanUniqueKey,\n\t\tsetIsVideoUploaded,\n\t\tisMeasurementAvailable,\n\t\tisVideoUploadedCorrect,\n\t\tloading,\n\t\tshowDeniedModal,\n\t\tuploadLoading,\n\t\tsetScanFailsError,\n\t\tsetScanStartTime,\n\t\thandleShowStreamCamera,\n\t\tonCustomScanSuccess,\n\t\tswan,\n\t\tonComplete,\n\t} = useContext(ParamsContext);\n\tconst resolvedConfig = useConfig();\n\n\tif (isError) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<CameraPermission />\n\t\t\t\t<Drawer\n\t\t\t\t\tanchor=\"bottom\"\n\t\t\t\t\topen={true}\n\t\t\t\t\tclassName=\"camera-drawer\"\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>\n\t\t\t\t\t<ScanErrorMessage scanFailsError onNext={onRetry} gender={gender} />\n\t\t\t\t</Drawer>\n\t\t\t</>\n\t\t);\n\t}\n\n\tif (isSuccess) {\n\t\treturn <SignUp isSuccess onComplete={onComplete} />;\n\t}\n\n\tif (loading) {\n\t\treturn (\n\t\t\t<div className=\"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center 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\tif (showDeniedModal.disabled) {\n\t\treturn <Modal />;\n\t}\n\n\tif (!uploadLoading && !scanFailsError && !isMeasurementAvailable && !isVideoUploadedCorrect) {\n\t\treturn (\n\t\t\t<AngleDetector\n\t\t\t\tscanID={scanUniqueKey}\n\t\t\t\tuserDetails={userDetails}\n\t\t\t\tsetIsVideoUploaded={setIsVideoUploaded}\n\t\t\t\tsetScanFailsError={setScanFailsError}\n\t\t\t\tsetScanStartTime={setScanStartTime}\n\t\t\t\tsetScanUniqueKey={setScanUniqueKey}\n\t\t\t/>\n\t\t);\n\t}\n\tif ((uploadLoading || isMeasurementAvailable || isVideoUploadedCorrect) && !scanFailsError) {\n\t\treturn (\n\t\t\t<SignUp\n\t\t\t\tscanId={scanUniqueKey}\n\t\t\t\tisMeasurementAvailable={isMeasurementAvailable}\n\t\t\t\tuserDetails={userDetails}\n\t\t\t\tisVideoUploadedCorrect={isVideoUploadedCorrect}\n\t\t\t\tonCustomScanSuccess={onCustomScanSuccess}\n\t\t\t\tswan={swan}\n\t\t\t\tonComplete={onComplete}\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<>\n\t\t\t<CameraPermission />\n\t\t\t<Drawer\n\t\t\t\tanchor=\"bottom\"\n\t\t\t\topen\n\t\t\t\tclassName=\"camera-drawer\"\n\t\t\t\tonClose={(event, reason) => {\n\t\t\t\t\tif (reason === \"backdropClick\") {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<ScanErrorMessage\n\t\t\t\t\tscanFailsError={scanFailsError}\n\t\t\t\t\tonNext={() => {\n\t\t\t\t\t\tonRetry?.();\n\t\t\t\t\t\thandleShowStreamCamera();\n\t\t\t\t\t}}\n\t\t\t\t\tsetScanUniqueKey={setScanUniqueKey}\n\t\t\t\t\tgender={gender}\n\t\t\t\t\tsetIsVideoUploaded={setIsVideoUploaded}\n\t\t\t\t/>\n\t\t\t</Drawer>\n\t\t</>\n\t);\n};\n","\"use client\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport useGyroSensor from \"../../customHooks/useGyroSensor\";\nimport usePosthogPageview from \"../../customHooks/usePosthogPageview\";\nimport {\n\tcheckCameraPermission,\n\tcreateObjectMetadataArray,\n\tgenerateUuid,\n\tgetCurrentTimeInSeconds,\n\tgetVideoFPS,\n\thandleErrorMessage,\n\thandleScanTimeCapture,\n\thandleWebSocketCapture,\n} from \"../../utils/utils\";\nimport LanguageContextProvider from \"../../utils/context/languageContext\";\nimport { ConfigProvider } from \"../../utils/context/configContext\";\nimport { getSwanService } from \"../../utils/service/swanService\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\nimport MediaContextProvider from \"../../utils/context/mediaContext\";\nimport { BodyScanProps, UserDetails } from \"../../types/interfaces\";\nimport { BodyScanSteps } from \"./BodyScanSteps\";\n\nconst clothesFit = \"0\";\n\nexport const BodyScan: React.FC<BodyScanProps> = (props) => {\n\tconst {\n\t\tconfig,\n\t\tonRetry,\n\t\tonScanStart,\n\t\tonUploadingStart,\n\t\tonUploadingEnd,\n\t\tonMeasurementSocketStart,\n\t\tonMeasurementSocketClose,\n\t\tonScanSuccessIntermediate,\n\t\tonScanError,\n\t\tonScanSuccess,\n\t\tonCustomScanSuccess,\n\t\tonComplete,\n\t\tisError,\n\t\tisSuccess,\n\t} = props;\n\tconst userDetails: UserDetails = {\n\t\temail: \"\",\n\t\tshopDomain: \"\",\n\t\tgender: \"male\",\n\t\theightInCm: 0,\n\t\tscanType: \"\",\n\t\tdeviceFocalLength: 0,\n\t\tdeviceModelName: \"\",\n\t\t...(props.userDetails ?? {}),\n\t};\n\tconst token = props.token ?? \"\";\n\tconst { gender, scanType, shopDomain, heightInCm, email, deviceFocalLength, deviceModelName, callbackUrl } = userDetails;\n\tconst swan = useMemo(() => getSwanService(token), [token]);\n\tconst [uploadLoading, setUploadLoading] = useState(false);\n\tconst [isVideoUploadedCorrect, setIsVideoUploadedCorrect] = useState(false);\n\tconst [isMeasurementAvailable, setIsMeasurementAvailable] = useState(false);\n\tconst [showDeniedModal, setShowDeniedModal] = useState({\n\t\tdisabled: false,\n\t\tmessage: \"\",\n\t});\n\tconst [scanFailsError, setScanFailsError] = useState(\"\");\n\tconst [isVideoUploaded, setIsVideoUploaded] = useState(false);\n\tconst [loading, setLoading] = useState(true);\n\tconst [startGyro, setStartGyro] = useState(false);\n\tconst [scanUniqueKey, setScanUniqueKey] = useState(\"\");\n\tconst [scanStartTime, setScanStartTime] = useState<number | null>(getCurrentTimeInSeconds());\n\tconst { gyroData } = useGyroSensor(startGyro);\n\tusePosthogPageview();\n\n\tconst handleShowStreamCamera = useCallback(() => {\n\t\tsetScanUniqueKey(generateUuid());\n\t\tsetScanFailsError(\"\");\n\t\tsetUploadLoading(false);\n\t\tsetIsVideoUploaded(false);\n\t}, []);\n\n\tconst onError = (data: any) => {\n\t\tonScanError?.({ ...data, message: handleErrorMessage(data) });\n\t\tclearScanStartTimeAndScanId();\n\t\tsetIsMeasurementAvailable(false);\n\t\tsetScanFailsError(data);\n\t\tsetIsVideoUploadedCorrect(false);\n\t\thandleScanTimeCapture({\n\t\t\teventName: `${shopDomain}/measurement_failed/fit-view`,\n\t\t\tscanID: scanUniqueKey,\n\t\t\tstatus: \"failed\",\n\t\t\temail,\n\t\t\tmessage: handleErrorMessage(data),\n\t\t});\n\t\tif (scanStartTime)\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/scan_completion_time`,\n\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\tstatus: \"failed\",\n\t\t\t\tcompletionTime: getCurrentTimeInSeconds() - scanStartTime,\n\t\t\t\temail,\n\t\t\t});\n\t};\n\n\tconst clearScanStartTimeAndScanId = () => {\n\t\tsetScanStartTime(null);\n\t\tsetScanUniqueKey(\"\");\n\t};\n\n\tconst onSuccess = useCallback(\n\t\tasync (data: any) => {\n\t\t\tif (data && data?.scanStatus === \"success\" && data?.resultType === \"intermediate\" && data?.code === 200) {\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: `${shopDomain}/measurement_success/intermediate`,\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tstatus: \"success\",\n\t\t\t\t\temail,\n\t\t\t\t});\n\t\t\t\tsetIsVideoUploadedCorrect(true);\n\t\t\t\tonScanSuccessIntermediate?.(data);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonScanSuccess?.(data);\n\t\t\tsetIsVideoUploadedCorrect(true);\n\t\t\tclearScanStartTimeAndScanId();\n\t\t\tconst scanIdToSet = scanUniqueKey;\n\t\t\tsetIsMeasurementAvailable(true);\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/measurement_success/fit-view`,\n\t\t\t\tscanID: scanIdToSet,\n\t\t\t\tstatus: \"success\",\n\t\t\t\temail,\n\t\t\t});\n\t\t\tif (scanStartTime)\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: `${shopDomain}/scan_completion_time`,\n\t\t\t\t\tscanID: scanIdToSet,\n\t\t\t\t\tstatus: \"success\",\n\t\t\t\t\tcompletionTime: getCurrentTimeInSeconds() - scanStartTime,\n\t\t\t\t\temail,\n\t\t\t\t});\n\t\t},\n\t\t[scanType, shopDomain, scanUniqueKey],\n\t);\n\n\tconst handleMeasurementRecommendation = (scanId?: string) => {\n\t\tsetIsMeasurementAvailable(false);\n\t\tsetScanFailsError(\"\");\n\t\tsetIsVideoUploadedCorrect(false);\n\t\tswan.measurement.handleMeasurementSocket({\n\t\t\tscanId: scanId || scanUniqueKey,\n\t\t\tonPreopen: () => {\n\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tconnection: \"pre_open\",\n\t\t\t\t\ttype: \"measurement_recommendation\",\n\t\t\t\t\temail,\n\t\t\t\t});\n\t\t\t},\n\t\t\tonOpen: () => {\n\t\t\t\tonMeasurementSocketStart?.();\n\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tconnection: \"open\",\n\t\t\t\t\ttype: \"measurement_recommendation\",\n\t\t\t\t\temail,\n\t\t\t\t});\n\t\t\t},\n\t\t\tonClose: () => {\n\t\t\t\tonMeasurementSocketClose?.();\n\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tconnection: \"close\",\n\t\t\t\t\ttype: \"measurement_recommendation\",\n\t\t\t\t\temail,\n\t\t\t\t});\n\t\t\t},\n\t\t\tonError: (err) => {\n\t\t\t\tonError(err);\n\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tconnection: \"error\",\n\t\t\t\t\ttype: \"measurement_recommendation\",\n\t\t\t\t\temail,\n\t\t\t\t});\n\t\t\t},\n\t\t\tonSuccess: (data) => {\n\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tconnection: \"success\",\n\t\t\t\t\ttype: \"measurement_recommendation\",\n\t\t\t\t\temail,\n\t\t\t\t});\n\t\t\t\tonSuccess(data);\n\t\t\t},\n\t\t});\n\t};\n\n\tconst handleFileUpload = useCallback(\n\t\tasync (file: File, recordedFps?: number | null) => {\n\t\t\tconst fileSizeInMB = Number((file.size / (1024 * 1024)).toFixed(2));\n\t\t\t// Use FPS captured at recording time, fallback to calculation if not available\n\t\t\tconst videoFps = recordedFps !== undefined && recordedFps !== null ? recordedFps : await getVideoFPS(file);\n\t\t\tconst arrayMetaData = createObjectMetadataArray({\n\t\t\t\tgender,\n\t\t\t\tfocal_length: `${deviceFocalLength}`,\n\t\t\t\theight: `${heightInCm}`,\n\t\t\t\tcustomer_store_url: shopDomain,\n\t\t\t\tclothes_fit: clothesFit,\n\t\t\t\tscan_type: scanType,\n\t\t\t\tcallback_url: callbackUrl,\n\t\t\t});\t\t\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/body_scan_meta_data`,\n\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\temail,\n\t\t\t\tdata: JSON.stringify([...arrayMetaData, { fileSizeInMB, video_fps: videoFps || 0 }]),\n\t\t\t});\n\t\t\tonUploadingStart?.();\n\t\t\ttry {\n\t\t\t\tawait swan.fileUpload.uploadFileFrontend({\n\t\t\t\t\tfile,\n\t\t\t\t\tarrayMetaData,\n\t\t\t\t\tscanId: scanUniqueKey,\n\t\t\t\t\temail,\n\t\t\t\t});\n\t\t\t\tawait swan.fileUpload.setDeviceInfo({\n\t\t\t\t\tmodel: deviceModelName,\n\t\t\t\t\tdetection: \"manual\",\n\t\t\t\t\tgyro: gyroData,\n\t\t\t\t\tscanId: scanUniqueKey,\n\t\t\t\t});\n\t\t\t\tconsole.log(\"video successfully uploaded\");\n\t\t\t\tsetIsVideoUploaded(false);\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: `${shopDomain}/scan_success`,\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tstatus: \"success\",\n\t\t\t\t\temail,\n\t\t\t\t\tdata: JSON.stringify(arrayMetaData),\n\t\t\t\t});\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: \"scan finished\",\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tstatus: \"success\",\n\t\t\t\t\temail,\n\t\t\t\t});\n\t\t\t\tsetScanStartTime(getCurrentTimeInSeconds());\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tsetIsVideoUploaded(true);\n\t\t\t\t}, 3000);\n\t\t\t} catch (error) {\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: \"scan finished\",\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tstatus: \"failed\",\n\t\t\t\t\temail,\n\t\t\t\t\tmessage: handleErrorMessage(error),\n\t\t\t\t});\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: `${shopDomain}/scan_failed`,\n\t\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\t\tstatus: \"failed\",\n\t\t\t\t\temail,\n\t\t\t\t\tmessage: handleErrorMessage(error),\n\t\t\t\t\tdata: JSON.stringify(arrayMetaData),\n\t\t\t\t});\n\t\t\t\tsetScanFailsError(handleErrorMessage(error));\n\t\t\t\tsetIsVideoUploaded(false);\n\t\t\t\tonScanError?.({ message: handleErrorMessage(error) });\n\t\t\t clearScanStartTimeAndScanId();\n\t\t\t} finally {\n\t\t\t\tsetStartGyro(false);\n\t\t\t\tonUploadingEnd?.();\n\t\t\t}\n\t\t},\n\t\t[scanUniqueKey, gyroData, onUploadingStart, onUploadingEnd],\n\t);\n\tconst checkMeasurementStatus = useCallback(\n\t\tasync (scanId: string) => {\n\t\t\ttry {\n\t\t\t\tconst res = await swan.measurement.getMeasurementResult(scanId);\n\t\t\t\tconst isMeasured = res?.data?.isMeasured;\n\t\t\t\tconst tempScanStartTime = scanStartTime || getCurrentTimeInSeconds();\n\t\t\t\tconst currentTimeInSeconds = getCurrentTimeInSeconds();\n\t\t\t\tconst fiveMinutesInSeconds = 5 * 60;\n\t\t\t\tsetLoading(false);\n\t\t\t\tif (isMeasured === false) {\n\t\t\t\t\tclearScanStartTimeAndScanId();\n\t\t\t\t\tsetScanUniqueKey(generateUuid());\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetUploadLoading(true);\n\t\t\t\tif (isMeasured === true) {\n\t\t\t\t\tawait onSuccess(null);\n\t\t\t\t} else if (isMeasured === null && tempScanStartTime > currentTimeInSeconds + fiveMinutesInSeconds) {\n\t\t\t\t\tonError(res?.data?.error);\n\t\t\t\t} else {\n\t\t\t\t\thandleMeasurementRecommendation(scanId);\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.log(error);\n\t\t\t\tclearScanStartTimeAndScanId();\n\t\t\t\tsetScanUniqueKey(generateUuid());\n\t\t\t\tsetUploadLoading(false);\n\t\t\t}\n\t\t},\n\t\t[onError, onSuccess, setScanUniqueKey],\n\t);\n\n\tconst handleCameraPermission = useCallback(async () => {\n\t\tif (+heightInCm < 152.4 || +heightInCm > 213.36) {\n\t\t\tonScanError?.({\n\t\t\t\tmessage: \"Height must be between 152.4cm (5ft) and 213.36cm (7ft)\",\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tconst permission = await checkCameraPermission();\n\t\tif (permission.disabled) {\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/camera_activation`,\n\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\tstatus: \"failed\",\n\t\t\t\temail,\n\t\t\t});\n\t\t\tsetLoading(false);\n\t\t} else {\n\t\t\tconst scanId = scanUniqueKey;\n\t\t\tif (scanId) {\n\t\t\t\tcheckMeasurementStatus(scanId);\n\t\t\t} else {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/camera_activation`,\n\t\t\t\tscanID: scanUniqueKey,\n\t\t\t\tstatus: \"success\",\n\t\t\t\temail,\n\t\t\t});\n\t\t}\n\t\tsetShowDeniedModal(permission);\n\t\tsetScanFailsError(\"\");\n\t\tsetIsVideoUploaded(false);\n\t}, [checkMeasurementStatus, email, scanUniqueKey, setScanUniqueKey, shopDomain]);\n\n\tuseEffect(() => {\n\t\tif (isError || isSuccess) return;\n\t\tif (shopDomain) {\n\t\t\thandleCameraPermission();\n\t\t}\n\t}, [shopDomain, heightInCm, isError, isSuccess]);\n\n\tuseEffect(() => {\n\t\tif (isError || isSuccess) return;\n\t\tif (isVideoUploaded && shopDomain && scanUniqueKey) {\n\t\t\thandleMeasurementRecommendation();\n\t\t}\n\t}, [isVideoUploaded, shopDomain, scanUniqueKey, isError, isSuccess]);\n\treturn (\n\t\t<LanguageContextProvider>\n\t\t\t<ConfigProvider config={config}>\n\t\t\t\t<MediaContextProvider>\n\t\t\t\t<ParamsContext.Provider\n\t\t\t\t\tvalue={{\n\t\t\t\t\t\tuserDetails,\n\t\t\t\t\t\tonRetry,\n\t\t\t\t\t\tonScanError,\n\t\t\t\t\t\tisError,\n\t\t\t\t\t\tisSuccess,\n\t\t\t\t\t\tonScanSuccess,\n\t\t\t\t\t\tgender,\n\t\t\t\t\t\tscanUniqueKey,\n\t\t\t\t\t\tscanFailsError,\n\t\t\t\t\t\tsetScanUniqueKey,\n\t\t\t\t\t\tsetIsVideoUploaded,\n\t\t\t\t\t\tisMeasurementAvailable,\n\t\t\t\t\t\tisVideoUploadedCorrect,\n\t\t\t\t\t\tloading,\n\t\t\t\t\t\tshowDeniedModal,\n\t\t\t\t\t\tuploadLoading,\n\t\t\t\t\t\tsetStartGyro,\n\t\t\t\t\t\thandleFileUpload,\n\t\t\t\t\t\tsetUploadLoading,\n\t\t\t\t\t\thandleShowStreamCamera,\n\t\t\t\t\t\tsetScanFailsError,\n\t\t\t\t\t\tsetScanStartTime,\n\t\t\t\t\t\tonScanStart,\n\t\t\t\t\t\tonCustomScanSuccess,\n\t\t\t\t\t\tonComplete,\n\t\t\t\t\t\tswan,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodyScanSteps />\n\t\t\t\t</ParamsContext.Provider>\n\t\t\t\t</MediaContextProvider>\n\t\t\t</ConfigProvider>\n\t\t</LanguageContextProvider>\n\t);\n};\n","import { useCallback, useEffect, useState } from \"react\";\n\ninterface GyroDataItem {\n alpha?: string;\n beta?: string;\n gamma?: string;\n timestamp?: string;\n}\n\nexport interface IOSDeviceOrientationEvent extends DeviceOrientationEvent {\n requestPermission?: () => Promise<PermissionState>;\n}\n\nfunction useGyroSensor(startGyro: boolean) {\n const [gyroData, setGyroData] = useState<GyroDataItem[]>([]);\n const [permissionGranted, setPermissionGranted] = useState(false);\n\n const handleOrientation = useCallback((event: DeviceOrientationEvent) => {\n try {\n const { alpha, beta, gamma } = event;\n setGyroData((prev: GyroDataItem[]) => [\n ...prev,\n {\n alpha: alpha?.toString() || undefined,\n beta: beta?.toString() || undefined,\n gamma: gamma?.toString() || undefined,\n timestamp: new Date().toISOString(),\n },\n ]);\n } catch (error) {\n console.log(error);\n }\n }, []);\n\n const requestPermission = useCallback(async () => {\n const DeviceOrientation =\n DeviceOrientationEvent as unknown as IOSDeviceOrientationEvent;\n\n if (\n typeof DeviceOrientation !== \"undefined\" &&\n typeof DeviceOrientation.requestPermission === \"function\"\n ) {\n try {\n const response = await DeviceOrientation.requestPermission();\n if (response === \"granted\") {\n setPermissionGranted(true);\n } else {\n console.warn(\"Device orientation permission denied.\");\n }\n } catch (error) {\n console.error(\"Error requesting device orientation permission:\", error);\n }\n } else {\n // Permission not required on non-iOS devices\n setPermissionGranted(true);\n }\n }, []);\n\n useEffect(() => {\n if (startGyro && permissionGranted) {\n window.addEventListener(\"deviceorientation\", handleOrientation);\n } else {\n setGyroData([]);\n }\n return () => {\n window.removeEventListener(\"deviceorientation\", handleOrientation);\n };\n }, [startGyro, permissionGranted, handleOrientation]);\n\n useEffect(() => {\n if (startGyro) {\n requestPermission();\n }\n }, [startGyro, requestPermission]);\n\n return { gyroData };\n}\n\nexport default useGyroSensor;\n"],"names":["MEDIA_TYPES","MediaContext","createContext","undefined","MediaContextProvider","children","size","setSize","useState","window","innerWidth","innerHeight","clearInputs","setClearInputs","updateSize","useEffect","useLayoutEffect","addEventListener","removeEventListener","media","mediaDetails","useMemo","_jsx","Provider","value","SwitchIcon$1","React","memo","_jsxs","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","LevelScreen$1","angle","countdown","isScanning","isInTargetRange","stabilityScore","translate","useContext","LanguageContext","config","useConfig","getProximityToTarget","useCallback","Math","max","min","backgroundColor","style","angleDetector","successAngleBackground","proximity","successAngleLowBackground","round","handelTextColour","isLight","successAngleTextLightColor","successAngleTextDarkColor","getTextColor","handelColourCode","getColorCode","cd","fixVh","document","documentElement","setProperty","className","Header","noTitle","border","fontFamily","base","baseFontFamily","color","cn","transform","transition","SwitchIcon","LanguageKeys","startLevelCheck","leavePhone","placePhoneUpright","CameraScanChild","handleShowStreamCamera","loadingCam","handleUserMedia","handlePause","pause","recordingStarted","startSendingVideoFrames","showPause","webcamRef","handleUserMediaError","resetDetector","videoConstraints","webcamKey","onClick","X","Webcam","audio","ref","screenshotQuality","mirrored","screenshotFormat","onUserMedia","onUserMediaError","position","top","bottom","zIndex","objectFit","SpecificButton","prefix","pauseIcon","buttonText","buttonFunc","btnSecondary","restart","startScan","disabled","id","crossOrigin","preload","src","voiceOverAssetsPath","globalLoadingPromise","globalDetector","globalPoseLib","audioTimeoutId","lastVideoPlayed","ScanningComponent$1","setIsScanLocked","scanID","setIsVideoUploaded","setScanFailsError","setScanStartTime","setScanUniqueKey","userDetails","gender","heightInCm","email","shopDomain","useRef","mediaRecorderRef","recordedFpsRef","recordedChunks","setRecordedChunks","setLoadingCam","setRecordingStarted","faceDone","setFaceDone","mediaRecorderStopped","setMediaRecorderStopped","setIsScanning","captureVideoTimeOutHandle","audioSource","setAudioSource","audioSourceList","setAudioSourceList","emptyAudioSource","setEmptyAudioSource","startAgain","setStartAgain","showRestart","setRestart","setPause","events","setEvents","setShowPause","allowAudioToPlay","poseDetector","consecutiveFronts","setConsecutiveFronts","spinPhase","setSpinPhase","isLoaded","setIsLoaded","spinPhaseRef","consecutiveFrontsRef","mounted","async","loadDependenciesGlobal","navigator","console","log","poseLib","tfjsCore","tfjsBackend","Promise","all","resolve","then","require","import","setBackend","ready","modelConfig","runtime","modelType","solutionPath","createDetector","SupportedModels","BlazePose","mediapipeError","warn","error","isFrontFrame","body","length","filter","p","current","success","s","callback","video","readyState","poses","estimatePoses","flipHorizontal","keypoints","slice","map","kp","x","y","score","prev","err","retryLoading","useTensorFlow","firstScan","poseStoppedRef","counterRef","consecutiveFalseRef","poseListenerRegistered","postPoseProcessRef","supportedTypes","setSupportedTypes","setWebcamKey","currentVideoConstraints","setCurrentVideoConstraints","videoConstraintsExact","setStartGyro","handleFileUpload","setUploadLoading","swan","onScanStart","ParamsContext","clearTimeout","generateUuid","speechService","stopAudio","stop","forEach","el","stream","setTimeout","videoConstraintsFallback","handleReScan","rescanSupportCaptureEvent","eventName","status","poseDetection","disconnect","preferredVideoTypes","getPreferredMediaRecorderTypes","recordingMimeType","getRecordingMimeType","recordingExtension","getRecordingExtension","stopRecording","playAudio","handleSocket","connect","posthog","capture","handleSpinDataAvailable","data","concat","handleScanTimeCapture","message","handleStartCaptureClick","videoTrack","getVideoTracks","settings","getSettings","frameRate","mediaRecorderOptions","videoBitsPerSecond","mimeType","MediaRecorder","start","e","postPoseProcess","handleDataAvailable","connected","poseStatus","querySelector","sid","paused","audioName","no_of_times_skipped","skipCount","getScreenshot","videoEmit","image","scanId","getCurrentTimeInSeconds","push","bypassChecksToBackup","videoFile","File","type","supported","getSupportedMediaRecorderTypes","videoTypes","AngleDetector","setAngle","calibrationOffset","setCalibrationOffset","setCountdown","setStabilityScore","lastAnglesRef","isScanLocked","calibratedAngle","DeviceOrientationEvent","handleOrientation","event","beta","newAngle","abs","gamma","cos","PI","requestPermission","DeviceOrientation","once","variation","resetCountdown","startCountdown","timer","setInterval","clearInterval","LevelScreen","ScanningComponent","Modal","Dialog","open","_Fragment","heading","headingFontFamily","fontSize","headingFontSize","headingColor","fontWeight","headingFontWeight","cameraAlreadyInUse","baseFontSize","baseTextColor","tryClosingBrowser","checkCameraSettings","setting","getBrowserName","enableCameraPermissions","CameraPermission","setShowDrawer","loader","showDeniedModal","setShowDeniedModal","loading","setLoading","handleCameraPermission","permission","checkCameraPermission","LoadingScreen","url","loaderType","VideoPlayer","link","onReady","wrapperClassName","videoReference","playerReference","videoJsOptions","autoplay","controls","responsive","fluid","muted","navigationUI","poster","videoPoster","player","videojs","updatedOptions","sources","isDisposed","dispose","playsInline","onDrag","preventDefault","ScanErrorMessage","scanFailsError","onNext","resolvedConfig","showModal","setShowModal","handleShowModal","background","issueWithScan","reason","handleErrorMessage","VIDEO_POSTER_GENDER_BASED","alt","scanAgain","onClose","GENDER","PRE_LINK","male","SignUp","isVideoUploadedCorrect","isMeasurementAvailable","onComplete","isSuccess","onCustomScanSuccess","deviceFocalLength","userName","scanType","isCustom","CLOTHING_CUSTOM_SCAN","CLOTHING_BANNER_SCAN","CLOTHING_CUSTOM_FIT_SCAN","includes","showDrawer","handleSignUp","auth","addUser","name","focalLength","clothesFit","showNextButton","Box","Drawer","_","anchor","title","measurementsBeingTaken","loop","autoPlay","GenderType","Male","maleMeasurementProgress","measurementProgress","next","BodyScanSteps","onRetry","isError","scanUniqueKey","uploadLoading","props","onUploadingStart","onUploadingEnd","onMeasurementSocketStart","onMeasurementSocketClose","onScanSuccessIntermediate","onScanError","onScanSuccess","deviceModelName","token","callbackUrl","getSwanService","setIsVideoUploadedCorrect","setIsMeasurementAvailable","isVideoUploaded","startGyro","scanStartTime","gyroData","setGyroData","permissionGranted","setPermissionGranted","alpha","toString","timestamp","Date","toISOString","useGyroSensor","usePosthogPageview","onError","clearScanStartTimeAndScanId","completionTime","onSuccess","scanStatus","resultType","code","scanIdToSet","handleMeasurementRecommendation","measurement","handleMeasurementSocket","onPreopen","handleWebSocketCapture","connection","onOpen","file","recordedFps","fileSizeInMB","Number","toFixed","videoFps","getVideoFPS","arrayMetaData","createObjectMetadataArray","focal_length","customer_store_url","clothes_fit","scan_type","callback_url","JSON","stringify","video_fps","fileUpload","uploadFileFrontend","setDeviceInfo","model","detection","gyro","checkMeasurementStatus","res","getMeasurementResult","isMeasured","tempScanStartTime","currentTimeInSeconds","fiveMinutesInSeconds","LanguageContextProvider","ConfigProvider"],"mappings":"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"}

package/dist/BodyScan-C84F8j4s.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import a,{useState as r,useCallback as s,useEffect as o,createContext as i,useLayoutEffect as c,useMemo as l,useContext as d,useRef as u}from"react";import{L as m,u as h,H as p,b as f,S as g,y,v,h as w,P as x,n as b,z as S,s as N,i as C,j as D,k as F,p as I,w as k,A as T,o as E,e as L,q as M,B as $,D as _,c as U,a as z,E as j,I as A,V as P,J as V,K as R,M as B,G as q,N as K,O as W,Q as O,f as H,l as J,t as G,R as Q,r as Y,C as X,x as Z}from"./LoadingScreen-DjbTg0B7.js";import ee from"clsx";import te from"react-webcam";import{X as ne}from"lucide-react";import{Dialog as ae,Box as re,Drawer as se}from"@mui/material";import oe from"video.js";const ie="DESKTOP",ce="TAB",le="MOBILE",de=i(void 0);function ue({children:t}){const[n,a]=r([window?.innerWidth,window?.innerHeight]),[s,i]=r(!1),d=()=>{a([window?.innerWidth,window?.innerHeight])};o(()=>{d()},[]),c(()=>(window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)),[d]);let u=ie;n[0]>768&&n[0]<1024&&(u=ce),n[0]<768&&(u=le);const m=l(()=>({size:n,setSize:a,clearInputs:s,setClearInputs:i,media:u}),[n,s,u]);return e(de.Provider,{value:m,children:t})}var me=a.memo(function({size:n=16}){return t("svg",{width:n,height:n,viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M22.6968 14.6968C22.6968 16.8185 21.8539 18.8533 20.3536 20.3536C18.8533 21.8539 16.8185 22.6968 14.6968 22.6968",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M18.6968 11.6968V10.6968C18.6968 10.1663 18.4861 9.65764 18.111 9.28256C17.7359 8.90749 17.2272 8.69678 16.6968 8.69678C16.1663 8.69678 15.6576 8.90749 15.2826 9.28256C14.9075 9.65764 14.6968 10.1663 14.6968 10.6968",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M14.6968 10.6968V9.69678C14.6968 9.16634 14.4861 8.65764 14.111 8.28256C13.7359 7.90749 13.2272 7.69678 12.6968 7.69678C12.1663 7.69678 11.6576 7.90749 11.2826 8.28256C10.9075 8.65764 10.6968 9.16634 10.6968 9.69678V10.6968",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M10.6968 10.1968V4.69678C10.6968 4.16634 10.4861 3.65764 10.111 3.28256C9.73592 2.90749 9.22721 2.69678 8.69678 2.69678C8.16634 2.69678 7.65764 2.90749 7.28256 3.28256C6.90749 3.65764 6.69678 4.16634 6.69678 4.69678V14.6968",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M18.6969 11.6968C18.6969 11.1663 18.9076 10.6576 19.2827 10.2826C19.6577 9.90749 20.1664 9.69678 20.6969 9.69678C21.2273 9.69678 21.736 9.90749 22.1111 10.2826C22.4862 10.6576 22.6969 11.1663 22.6969 11.6968V14.6968C22.6969 16.8185 21.854 18.8533 20.3537 20.3536C18.8534 21.8539 16.8186 22.6968 14.6969 22.6968H12.6969C9.89688 22.6968 8.19688 21.8368 6.70688 20.3568L3.10688 16.7568C2.76282 16.3757 2.57847 15.8769 2.592 15.3637C2.60554 14.8505 2.81593 14.3621 3.1796 13.9997C3.54327 13.6373 4.03238 13.4287 4.54565 13.417C5.05892 13.4053 5.55704 13.5914 5.93688 13.9368L7.69688 15.6968",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})});var he=a.memo(function({angle:n,countdown:a,isScanning:r,isInTargetRange:o,stabilityScore:i,children:c}){const{translate:u}=d(m)\|\|{},g=h(),y=s(()=>n<80?Math.max(0,Math.min(100,10(n-60))):n>95?Math.max(0,Math.min(100,10(105-n))):100,[n]),v=l(()=>{if(r)return g?.style?.angleDetector?.successAngleBackground\|\|"#4f46e5";const e=y();if(0===e)return g?.style?.angleDetector?.successAngleLowBackground\|\|"#ffffff";if(100===e)return g?.style?.angleDetector?.successAngleBackground\|\|"#4f46e5";return`rgb(${Math.round(255-e/100116)}, ${Math.round(255-e/100163)}, ${Math.round(255-e/1009)})`},[r,y]),w=s((e,t)=>t>70?e?`text-[${g?.style?.angleDetector?.successAngleTextLightColor}]/70`:`text-[${g?.style?.angleDetector?.successAngleTextLightColor}]`:e?`text-[${g?.style?.angleDetector?.successAngleTextLightColor}]/40`:`text-[${g?.style?.angleDetector?.successAngleTextDarkColor}]/70`,[]),x=s((e=!1)=>{const t=y();return r?`text-[${g?.style?.angleDetector?.successAngleTextLightColor}]`:w(e,t)},[r,y]),b=s((e,t)=>t>70\|\|e?g?.style?.angleDetector?.successAngleTextLightColor:g?.style?.angleDetector?.successAngleTextDarkColor,[]),S=s((e=!1)=>{const t=y();return r?g?.style?.angleDetector?.successAngleTextLightColor:b(e,t)},[r,y]),N=a;function C(){document.documentElement.style.setProperty("--real-vh",window.innerHeight+"px")}return C(),window.addEventListener("resize",C),t("div",{className:"flex w-screen flex-col items-center h-[var(--real-vh)] overflow-hidden touch-none justify-center transition-all duration-300 max-w-[28rem] mx-auto",style:{backgroundColor:v},children:[e("div",{className:"flex justify-start fixed top-[.5rem] max-w-[28rem] mx-auto w-full px-[1rem]",children:e("div",{className:"flex justify-start ",children:e(p,{noTitle:!0})})}),null!==N?e("div",{className:"relative flex h-[6rem] w-[6rem] items-center justify-center rounded-[9999px] bg-[#fff]/20 transition-all duration-300",style:{border:`2px solid ${S()}`},children:e("div",{className:`text-[3rem] font-bold text-[${S()}]`,style:{fontFamily:g?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",color:S()},children:N})}):t("div",r?{className:"relative flex flex-col items-center justify-center",children:[e("div",{className:"relative flex h-16 w-16 items-center justify-center rounded-[9999px] border-2 bg-[#fff]/30 border-[#fff]",children:e("div",{className:"h-4 w-4 rounded-[9999px] animate-pulse bg-[#fff]/80"})}),c]}:{className:ee("relative flex h-[4rem] w-[4rem] items-center justify-center rounded-[9999px] ",o?"bg-[#fff]/20 border-[#fff]":"bg-[#fff]/10 border-[#fff]"),style:{transform:`translateY(${3(90-n)}px)`,transition:"transform 0.2s ease-out",border:`2px solid ${S()}`},children:[e("div",{className:`h-[1rem] w-[1rem] rounded-[9999px] bg-[${S()}]/80`,style:{backgroundColor:`${S()}B3`}}),t("div",{className:ee("mt-[.5rem] text-center w-[180px] flex-col flex items-center absolute top-[60px]",x()),style:{color:S()},children:[e(me,{size:30}),t("p",{style:{fontFamily:g?.style?.base?.baseFontFamily\|\|"Inter, sans-serif"},children:[" ",u?.(f.startLevelCheck),e("br",{})]})]})]}),null!==N&&e("div",{className:"absolute bottom-[8rem] text-center",children:e("div",{className:ee("text-sm font-medium px-4 py-1.5 bg-black/20 rounded-[9999px] mt-8",x()),style:{fontFamily:g?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",color:S()},children:u?.(f.leavePhone)})}),o&&null===N&&!r&&e("div",{className:"absolute bottom-[8rem] w-[12rem]",children:e("div",{className:`h-[.375rem] w-full bg-[${S()}]/20 rounded-[9999px] overflow-hidden`,style:{backgroundColor:`${S()}33`},children:e("div",{className:`h-full bg-[${S()}]/70 transition-all duration-300 rounded-[9999px]`,style:{width:`${n}%`,backgroundColor:`${S()}B3`}})})}),null===N&&!r&&e("div",{className:"absolute bottom-[5rem] text-center",children:t("div",{className:ee("text-[1.5rem] font-light",x()),style:{color:S()},children:[Math.round(n),"°"]})}),null===N&&!r&&e("div",{className:"absolute bottom-[2rem] text-center max-w-[20rem] mx-auto",children:e("div",{className:ee("text-[.75rem] opacity-50",x()),style:{fontFamily:g?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",color:S()},children:u?.(f.placePhoneUpright)})})]})});function pe({handleShowStreamCamera:n,loadingCam:a,handleUserMedia:r,handlePause:s,pause:o,recordingStarted:i,startSendingVideoFrames:c,showPause:l,webcamRef:u,handleUserMediaError:h,resetDetector:p,videoConstraints:w,webcamKey:x}){const{media:b}=d(de)\|\|{},{translate:S}=d(m)\|\|{};return t("div",{className:"App w-screen h-[100vh] relative ",children:[e("span",{onClick:()=>{n(),p()},className:"fixed right-[20px] top-[20px] z-[999]",children:e(ne,{className:"text-[#fff]"})}),e("div",{className:"w-full h-full overflow-hidden ",children:b===le&&e(te,{audio:!1,ref:u,screenshotQuality:1,videoConstraints:w,mirrored:!0,screenshotFormat:"image/jpeg",onUserMedia:r,onUserMediaError:h,style:{position:"fixed",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}},x)}),t("div",{className:"fixed bottom-[30px] w-full z-[999] flex flex-col gap-4 items-center justify-center",children:[l&&e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto ",prefix:y,buttonText:S?.(f.pause),buttonFunc:s,btnSecondary:!0}),o?e("div",{children:e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto",buttonText:S?.(f.restart),buttonFunc:n,btnSecondary:!0})}):i?null:e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] "+(a?"!opacity-50":""),buttonText:S?.(f.startScan),buttonFunc:c,disabled:a})]}),e("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:`${v}scanAudioInstructions/silence.mp3`})]})}let fe=null,ge=null,ye=null;let ve,we=null,xe=null;var be=a.memo(function({setIsScanLocked:t,resetDetector:n,scanID:a,setIsVideoUploaded:i,setScanFailsError:c,setScanStartTime:m,setScanUniqueKey:h,userDetails:p}){const{gender:f,heightInCm:g,email:y,shopDomain:$}=p,_=u(null),U=u(null),z=u(null),[j,A]=r([]),[P,V]=r(!0),[R,B]=r(!1),[q,K]=r(!1),[W,O]=r(!0),[H,J]=r(!1),G=u(null),[Q,Y]=r(""),[X,Z]=r([]),[ee,te]=r(""),[ne,ae]=r(!1),[re,se]=r(!1),[oe,ie]=r(!1),[ce,le]=r([]),[de,ue]=r(!1),me=u(!0),{poseDetector:he}=function(){const[e,t]=r(0),[n,a]=r(0),[s,i]=r(!1),c=u(0),l=u(0),d=u(!0);async function m(){if("undefined"==typeof window\|\|"undefined"==typeof navigator)return!1;try{console.log("Starting TensorFlow preload...");const[e,t,n]=await Promise.all([import("./pose-detection.esm-BpdMeLUd.js"),import("@tensorflow/tfjs-core"),import("@tensorflow/tfjs-backend-webgl")]);ye=e,await t.setBackend("webgl"),await t.ready(),console.log("TensorFlow backend ready (WebGL)");const a={runtime:"mediapipe",modelType:"full",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/pose"};try{ge=await ye.createDetector(ye.SupportedModels.BlazePose,a),console.log("MediaPipe detector created successfully")}catch(e){console.warn("MediaPipe failed, falling back to TFJS runtime:",e),ge=await ye.createDetector(ye.SupportedModels.BlazePose,{runtime:"tfjs",modelType:"full"}),console.log("TFJS detector created successfully")}return!0}catch(e){return console.error("Failed to load TensorFlow dependencies:",e),fe=null,!1}}function h(e){return!(!e\|\|0===e.length)&&22===e.filter(e=>e[2]>.7).length}return o(()=>{if(d.current=!0,!ge)return fe\|\|(fe=m()),fe.then(e=>{e&&d.current&&i(!0)}),()=>{d.current=!1};i(!0)},[]),o(()=>{l.current=e,e>6&&c.current<2&&(a(e=>e+1),t(0))},[e]),o(()=>{c.current=n},[n]),{poseDetector:async(e,n)=>{if(!ge\|\|!d.current\|\|!n?.current?.video)return;const a=n.current.video;if(!(a.readyState<2))try{const n=await ge.estimatePoses(a,{flipHorizontal:!1});if(!n\|\|!n.length)return;const r=n[0].keypoints.slice(11).map(e=>[e.x>0&&e.x<720?e.x:-1,e.y>0&&e.y<1280?e.y:-1,e.score??0]);0!==c.current\|\|h(r)\|\|t(e=>e+1),1===c.current&&h(r)&&t(e=>e+1),2===c.current&&e()}catch(e){console.error("Pose detection error:",e)}},isLoaded:s,spinPhase:n,resetDetector:()=>{c.current=0,l.current=0,t(0),a(0)},retryLoading:async()=>{ge\|\|fe\|\|(fe=m(),await fe&&d.current&&i(!0))}}}(),be=u(!0),Se=u(!1),Ne=u(0),Ce=u(0),De=u(!1),Fe=u(()=>{}),[Ie,ke]=r([]),[Te,Ee]=r(0),[Le,Me]=r(w),{setStartGyro:$e,handleFileUpload:_e,setUploadLoading:Ue,swan:ze,onScanStart:je}=d(x),Ae=()=>{Se.current=!1,clearTimeout(ve),G.current&&clearTimeout(G.current),h(L()),c(""),Ue?.(!1),A([]),z.current=null,V(!0),B(!1),K(!1),O(!0),J(!1),G.current=null,Y(""),Z([]),te(""),ae(!ne),$e(!1),N.stopAudio(),se(!1),ie(!1),Ne.current=0,Ce.current=0,De.current=!1,null!==U.current&&U.current.stop(),ce.forEach(e=>{U.current&&U.current.removeEventListener("dataavailable",e)}),le([]),me.current=!0,ue(!1),i(!1),_.current?.stream&&V(!1)},Pe=s(()=>{setTimeout(()=>{V(!1)},1e3)},[]),Ve=s(e=>{if(console.log("camera error",e),Le===w)return Me(b),void Ee(e=>e+1);V(!1)},[Le]),Re=s(()=>{S({eventName:`${$}/rescan`,email:y,scanID:a,height:g,gender:f,status:!1}),me.current=!1,Ae(),Ze()},[Ae,a,y]),Be=s(()=>{me.current=!1,ie(!0),ue(!1),G.current&&clearTimeout(G.current),U.current&&U.current.pause(),N.stopAudio(),ze.poseDetection.disconnect(),Ne.current=0,Ce.current=0,De.current=!1,U.current&&U.current.stop(),ce.forEach(e=>{U.current&&U.current.removeEventListener("dataavailable",e)}),le([]),clearTimeout(ve)},[U,ce,N,me]),qe=l(()=>C(),[]),Ke=D(Ie),We=F(Ke),Oe=s(async()=>{me.current=!0,await N.playAudio(`${v}SpotOn.mp3`),ie(!1),ue(!1),G.current&&clearTimeout(G.current),B(!1)},[G,N]),He=s(async()=>{try{we=await ze.poseDetection.connect(),I.capture(`${$}/pose_detection_connected`,{scanID:a,email:y,id:we})}catch(e){console.log(e,"while connecting websocket")}},[a,$,y]),Je=s(({data:e})=>{e&&e.size>0&&me.current&&(A(t=>t.concat(e)),!Se.current&&_.current&&(Se.current=!0,he(()=>{Oe(),k({eventName:`${$}/tensorFlow`,scanID:a,email:y,message:"recording stopped by tensorflow "})},_)))},[Oe,k,$,a,y,_]),Ge=s(async()=>{X.length>0&&me.current&&(await N.playAudio(v+X[X.length-1]),me.current&&(ve=setTimeout(Ge,2e3)))},[X,me]),Qe=s(()=>{U&&U.current&&U.current.stop(),B(!0);try{if(_&&_.current&&_.current.stream){const e=_.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();z.current=t.frameRate\|\|null}const t={videoBitsPerSecond:15e5};Ie[0]&&(t.mimeType=Ie[0]),U.current=new MediaRecorder(_.current.stream,t),U.current.addEventListener("dataavailable",Je),le([...ce,Je]),U.current.start(1e3),O(!1)}}catch(e){console.log("error while using media recorder",e)}},[_,Ie,Je,ce]),Ye=s(async()=>{G.current&&clearTimeout(G.current),Qe(),me.current&&(G.current=setTimeout(async()=>{me.current&&(await N.playAudio(`${v}SpotOn.mp3`),B(!1))},15e3)),K(!0),me.current&&await N.playAudio(`${v}Spin.mp3`)},[Qe,me,N]);o(()=>{Fe.current=Ye},[Ye]);const Xe=s(({data:e})=>{e.size>0&&ze.poseDetection.connected()&&(De.current\|\|(De.current=!0,ze.poseDetection.poseStatus(async e=>{if(e&&e.audio&&e.audio.length>0){const t=document.querySelector("#audioElement");!0===e.status&&e.sid===we?(Ce.current=0,Ne.current<2?(0===Ne.current&&t?.paused&&await N.playAudio(v+e.audio),Ne.current+=1):(te(e.audio),clearTimeout(ve),ze.poseDetection.disconnect(),De.current=!1,setTimeout(()=>Fe.current(),1e3))):(Ce.current+=1,Ce.current>=3&&(Ne.current=0),!t?.paused\|\|xe&&xe?.audioName===e.audio?xe?.audioName===e.audio&&t?.paused&&(xe&&xe.no_of_times_skipped>=xe.skipCount?(xe.no_of_times_skipped=0,N.playAudio(v+e.audio)):xe&&(xe.no_of_times_skipped+=1)):(xe={skipCount:2,no_of_times_skipped:0,audioName:e.audio},N.playAudio(v+e.audio)))}})),_?.current&&null!==_.current.getScreenshot()&&ze.poseDetection.videoEmit({image:_.current.getScreenshot()\|\|"",scanId:a}))},[_,a,ze,we,N]),Ze=s(async()=>{J(!0),$e(!0),je?.(),be.current&&(be.current=!1,k({eventName:"scan started",scanID:a,status:"success",email:y})),m(T()),V(!0),me.current&&await N.playAudio(`${v}StartScan.mp3`),me.current&&await N.playAudio(`${v}LiftArmsAndHoldAtHip.mp3`),me.current&&(J(!1),B(!0),se(!0),ue(!0),Pe());try{if(_&&_.current&&_.current.stream&&me.current){const e=_.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();z.current=t.frameRate\|\|null}const t={videoBitsPerSecond:15e5};Ie[0]&&(t.mimeType=Ie[0]),me.current&&(U.current=new MediaRecorder(_.current.stream,t)),me.current&&U.current&&U.current.addEventListener("dataavailable",Xe),le([...ce,Xe]),U.current&&U.current.start(1e3),O(!1),me.current&&(ve=setTimeout(Ge,2e3))}}catch(e){console.log("error ----------",e)}},[_,Ie,Xe,ce,Ge,me,je]);return o(()=>($&&(t(!0),He()),()=>{we&&(ze.poseDetection.disconnect(),I.capture(`${$}/pose_detection_disconnected`,{scanID:a,email:y,id:we})),ce.forEach(e=>{U?.current?.removeEventListener("dataavailable",e)})}),[ne,$]),o(()=>{X.push(Q)},[Q]),o(()=>{Z([])},[ee]),o(()=>{const e=j.length&&j.length>0;W\|\|!e\|\|R\|\|!me.current\|\|oe\|\|U&&U.current&&(R\|\|(U.current.stop(),O(!0)))},[W,R,j,oe]),o(()=>{const e=j.length&&j.length>0;if(W\|\|!e\|\|R)console.log("No video found to upload.");else if(U&&U.current&&me.current&&!oe&&!R){const e=new File(j,`${a}.${We}`,{type:Ke});Ue?.(!0),c(""),_e?.(e,z.current)}},[W,R,j,oe,U,me]),o(()=>{const e=E(qe,M);ke(e)},[qe]),o(()=>{Ae()},[]),e(pe,{resetDetector:n,handleShowStreamCamera:Ae,loadingCam:P,handlePause:Be,showRestart:re,pause:oe,handleReScan:Re,recordingStarted:R,isScanning:H,startSendingVideoFrames:Ze,faceDone:q,stopRecording:Oe,showPause:de,webcamRef:_,handleUserMedia:Pe,handleUserMediaError:Ve,videoConstraints:Le,webcamKey:Te})});function Se({scanID:t,userDetails:n,setIsVideoUploaded:a,setScanFailsError:s,setScanStartTime:i,setScanUniqueKey:c}){const[l,d]=r(90),[m,h]=r(0),[p,f]=r(null),[g,y]=r(!1),[v,w]=r(0),x=u([]),[b,S]=r(!1),N=l-m,C=N>=80&&N<=95;o(()=>{if("undefined"!=typeof window&&window.DeviceOrientationEvent){const e=e=>{if(null!==e.beta){let t=Math.abs(e.beta);null!==e.gamma&&(t=Math.cos(e.gammaMath.PI/180)),t=Math.max(0,Math.min(180,t)),d(t)}},t=async()=>{const t=DeviceOrientationEvent;if(t&&"function"==typeof t.requestPermission)try{"granted"===await t.requestPermission()&&window.addEventListener("deviceorientation",e)}catch(e){console.error("Permission error",e)}else window.addEventListener("deviceorientation",e);return()=>{e&&window.removeEventListener("deviceorientation",e)}};document.addEventListener("click",t,{once:!0})}},[]),o(()=>{if(x.current=[...x.current.slice(-4),N],x.current.length>=5){const e=Math.max(...x.current)-Math.min(...x.current);w(C&&e<2?e=>Math.min(100,e+10):e=>Math.max(0,e-20))}C\|\|null===p&&!g\|\|F()},[N,C,p,g]),o(()=>{v>=100&&null===p&&!g&&D(),v<50&&null!==p&&F()},[v,p,g]);const D=()=>{f(3);const e=setInterval(()=>{f(t=>null===t\|\|t<=1?(clearInterval(e),y(!0),null):t-1)},1e3)},F=()=>{f(null),b\|\|y(!1)};return e(he,{angle:N,countdown:p,isScanning:g,isInTargetRange:C,stabilityScore:v,children:g&&e(be,{setIsScanLocked:S,resetDetector:()=>{d(90),h(0),f(null),y(!1),w(0),S(!1),x.current=[]},scanID:t,userDetails:n,setIsVideoUploaded:a,setScanFailsError:s,setScanStartTime:i,setScanUniqueKey:c})})}function Ne({message:a,config:r}){const{translate:s}=d(m)\|\|{};return e(ae,{open:!0,className:"confirm-modal",children:e("div",{className:"modal-main",children:e("div",{className:"text-center",children:t(n,a?{children:[e("h2",{style:{fontFamily:r?.style?.heading?.headingFontFamily\|\|"SeriouslyNostalgic Fn",fontSize:r?.style?.heading?.headingFontSize\|\|"32px",color:r?.style?.heading?.headingColor\|\|"#000",fontWeight:r?.style?.heading?.headingFontWeight\|\|"normal"},children:s?.(f.cameraAlreadyInUse)}),e("p",{className:"mt-[0.5rem] text-sm",style:{fontFamily:r?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",fontSize:r?.style?.base?.baseFontSize\|\|"16px",color:r?.style?.base?.baseTextColor\|\|"#000"},children:s?.(f.tryClosingBrowser)})]}:{children:[e("h2",{style:{fontFamily:r?.style?.heading?.headingFontFamily\|\|"SeriouslyNostalgic Fn",fontSize:r?.style?.heading?.headingFontSize\|\|"32px",color:r?.style?.heading?.headingColor\|\|"#000",fontWeight:r?.style?.heading?.headingFontWeight\|\|"normal"},children:s?.(f.checkCameraSettings)}),e("p",{className:"mt-[0.5rem] text-sm",style:{fontFamily:r?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",fontSize:r?.style?.base?.baseFontSize\|\|"16px",color:r?.style?.base?.baseTextColor\|\|"#000"},children:`${s?.(f.setting)} > ${$()} > ${s?.(f.enableCameraPermissions)}`})]})})})})}function Ce({setShowDrawer:t,config:n,loader:a}){const[i,c]=r({disabled:!1,message:""}),[l,d]=r(!0),m=u(null),h=s(async()=>{const e=await _();c(e),d(!1)},[]);return o(()=>{h()},[]),l?e(U,{url:a,loaderType:"black"}):i?.disabled?e(Ne,{config:n,message:i?.message}):e(te,{audio:!1,ref:m,screenshotQuality:1,videoConstraints:z,mirrored:!0,onUserMedia:()=>t?.(!0),screenshotFormat:"image/jpeg",style:{position:"relative",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}})}function De({link:t,onReady:n,wrapperClassName:a="[&_video]:rounded-t-[20px] w-full h-full"}){const r=u(null),s=u(null);let i={autoplay:!0,controls:!1,responsive:!0,fluid:!0,muted:!0,navigationUI:"hide",preload:"metadata",poster:j};return o(()=>{if(!s.current&&t&&r?.current){const e=oe(r.current,{...i});e.ready(()=>{s.current=e;const a={...i,sources:[{src:t,type:"application/x-mpegURL"}]};e.autoplay(a.autoplay),e.src(a.sources),n?.(e)})}},[t,r]),o(()=>{const e=s.current;return()=>{e&&!e.isDisposed()&&(e.dispose(),s.current=null)}},[s]),e("div",{className:a,children:e("video",{ref:r,muted:!0,className:"video-js",playsInline:!0,onDrag:e=>e.preventDefault()})})}function Fe({scanFailsError:a,onNext:s,gender:o,setScanUniqueKey:i,setIsVideoUploaded:c}){const{translate:l}=d(m)\|\|{},u=h(),[y,v]=r(!1),w=()=>{v(!y)};return t(n,{children:[t("div",{className:"flex flex-col h-full max-w-[28rem] mx-auto w-full rounded-t-[20px] overflow-y-auto",style:{background:u?.style?.base?.backgroundColor},children:[e("div",{className:"w-full max-w-[28rem] mx-auto pt-[1rem] px-[1rem]",children:e(p,{noTitle:!0})}),e("div",{className:"flex-1",children:a&&t("div",{className:"px-[1rem]",children:[e("h2",{className:"text-center",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:l?.(f.issueWithScan)}),e("p",{style:{fontFamily:u?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",fontSize:u?.style?.base?.baseFontSize\|\|"16px",color:u?.style?.base?.baseTextColor\|\|"#1E1E1E"},children:l?.(f.reason)}),e("p",{style:{fontFamily:u?.style?.base?.baseFontFamily\|\|"Inter, sans-serif",fontSize:u?.style?.base?.baseFontSize\|\|"16px",color:u?.style?.base?.baseTextColor\|\|"#1E1E1E"},children:A(a)}),e("img",{className:"my-[0.5rem] aspect-[2/1.4] w-full object-cover",onClick:w,src:P[o],alt:"icon"})]})}),a&&e("div",{className:"p-[1rem] flex gap-[0.5rem]",children:e(g,{disabled:!1,buttonText:l?.(f.scanAgain),className:"!shadow-none",buttonFunc:()=>{s?s?.():i?.(L()),c?.(!1)}})})]}),y&&t(ae,{className:"w-screen h-screen video-modal",onClose:w,open:y,children:[e("div",{className:"flex justifyEnd ",children:e("span",{className:"closeBtn",onClick:w,children:e(ne,{className:"absolute right-[8px] top-[8px] text-white z-[9]"})})}),e("div",{className:"aspect-video object-cover rounded-[20px] ",children:e(De,{link:o?V[o].PRE_LINK:V.male.PRE_LINK,wrapperClassName:"w-screen h-screen fixed top-[0] left-[0]"})})]})]})}function Ie({scanId:n,userDetails:a,config:i,isVideoUploadedCorrect:c,isMeasurementAvailable:l,onComplete:u,isSuccess:h,onCustomScanSuccess:y,swan:v}){const{gender:w,shopDomain:x,heightInCm:b,deviceFocalLength:S,userName:N,email:C,scanType:D}=a\|\|{},F=[K,W,O].includes(D??""),[k,T]=r(!0),E=s(async()=>{try{F&&(await(v?.auth.addUser({scanId:n,email:C,name:N,gender:w,height:b})),y?.()),I.capture(x??"",{scanID:n,email:C,height:b,focalLength:S,clothesFit:"0",gender:w})}catch(e){console.log(e)}},[F]),{translate:L}=d(m)\|\|{};o(()=>{(c\|\|l)&&E()},[c,l]);const M=h\|\|c\|\|l;return e(re,{className:"flex h-full w-full flex-col ",children:t("div",{className:"h-full w-full flex-col items-center justify-center flex",children:[e(Ce,{loader:i?.loader,setShowDrawer:T}),e(se,{open:k,onClose:(e,t)=>{},className:"camera-drawer",anchor:"bottom",children:e("div",{className:"max-w-[28rem] mx-auto w-full h-full flex text-center flex-col justify-between items-center bg-primary rounded-t-[30px] p-[1rem]",style:{background:i?.style?.base?.backgroundColor},children:t("div",{className:"w-full h-full flex flex-col",children:[e(p,{title:L?.(f.measurementsBeingTaken)}),e("div",{className:"flex items-center justify-center flex-1",children:e("video",{preload:"auto",className:"max-h-[calc(100vh-450px)] mx-auto w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e("source",{src:w===q.Male?R:B,type:"video/mp4"})})}),M&&e(g,{className:"!w-[180px] mx-auto",buttonText:L?.(f.next),buttonFunc:()=>{u?.()}})]})})})]})})}const ke=()=>{const{userDetails:a,onRetry:r,isError:s,isSuccess:o,gender:i,scanUniqueKey:c,scanFailsError:l,setScanUniqueKey:u,setIsVideoUploaded:m,isMeasurementAvailable:p,isVideoUploadedCorrect:f,loading:g,showDeniedModal:y,uploadLoading:v,setScanFailsError:w,setScanStartTime:b,handleShowStreamCamera:S,onCustomScanSuccess:N,swan:C,onComplete:D}=d(x),F=h();return s?t(n,{children:[e(Ce,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(Fe,{scanFailsError:!0,onNext:r,gender:i})})]}):o?e(Ie,{isSuccess:!0,onComplete:D}):g?e("div",{className:"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center w-full h-full",style:{background:F?.style?.base?.backgroundColor},children:e(U,{url:F?.loader,loaderType:"black"})}):y.disabled?e(Ne,{}):v\|\|l\|\|p\|\|f?(v\|\|p\|\|f)&&!l?e(Ie,{scanId:c,isMeasurementAvailable:p,userDetails:a,isVideoUploadedCorrect:f,onCustomScanSuccess:N,swan:C,onComplete:D}):t(n,{children:[e(Ce,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(Fe,{scanFailsError:l,onNext:()=>{r?.(),S()},setScanUniqueKey:u,gender:i,setIsVideoUploaded:m})})]}):e(Se,{scanID:c,userDetails:a,setIsVideoUploaded:m,setScanFailsError:w,setScanStartTime:b,setScanUniqueKey:u})},Te=t=>{const{config:n,onRetry:a,onScanStart:i,onUploadingStart:c,onUploadingEnd:d,onMeasurementSocketStart:u,onMeasurementSocketClose:m,onScanSuccessIntermediate:h,onScanError:p,onScanSuccess:f,onCustomScanSuccess:g,onComplete:y,isError:v,isSuccess:w}=t,b={email:"",shopDomain:"",gender:"male",heightInCm:0,scanType:"",deviceFocalLength:0,deviceModelName:"",...t.userDetails??{}},S=t.token??"",{gender:N,scanType:C,shopDomain:D,heightInCm:F,email:I,deviceFocalLength:E,deviceModelName:M,callbackUrl:$}=b,U=l(()=>H(S),[S]),[z,j]=r(!1),[P,V]=r(!1),[R,B]=r(!1),[q,K]=r({disabled:!1,message:""}),[W,O]=r(""),[ee,te]=r(!1),[ne,ae]=r(!0),[re,se]=r(!1),[oe,ie]=r(""),[ce,le]=r(T()),{gyroData:de}=function(e){const[t,n]=r([]),[a,i]=r(!1),c=s(e=>{try{const{alpha:t,beta:a,gamma:r}=e;n(e=>[...e,{alpha:t?.toString()\|\|void 0,beta:a?.toString()\|\|void 0,gamma:r?.toString()\|\|void 0,timestamp:(new Date).toISOString()}])}catch(e){console.log(e)}},[]),l=s(async()=>{const e=DeviceOrientationEvent;if(void 0!==e&&"function"==typeof e.requestPermission)try{"granted"===await e.requestPermission()?i(!0):console.warn("Device orientation permission denied.")}catch(e){console.error("Error requesting device orientation permission:",e)}else i(!0)},[]);return o(()=>(e&&a?window.addEventListener("deviceorientation",c):n([]),()=>{window.removeEventListener("deviceorientation",c)}),[e,a,c]),o(()=>{e&&l()},[e,l]),{gyroData:t}}(re);J();const me=s(()=>{ie(L()),O(""),j(!1),te(!1)},[]),he=e=>{p?.({...e,message:A(e)}),pe(),B(!1),O(e),V(!1),k({eventName:`${D}/measurement_failed/fit-view`,scanID:oe,status:"failed",email:I,message:A(e)}),ce&&k({eventName:`${D}/scan_completion_time`,scanID:oe,status:"failed",completionTime:T()-ce,email:I})},pe=()=>{le(null),ie("")},fe=s(async e=>{if(e&&"success"===e?.scanStatus&&"intermediate"===e?.resultType&&200===e?.code)return k({eventName:`${D}/measurement_success/intermediate`,scanID:oe,status:"success",email:I}),V(!0),void h?.(e);f?.(e),V(!0),pe();const t=oe;B(!0),k({eventName:`${D}/measurement_success/fit-view`,scanID:t,status:"success",email:I}),ce&&k({eventName:`${D}/scan_completion_time`,scanID:t,status:"success",completionTime:T()-ce,email:I})},[C,D,oe]),ge=e=>{B(!1),O(""),V(!1),U.measurement.handleMeasurementSocket({scanId:e\|\|oe,onPreopen:()=>{Z({eventName:`${D}/webSocket`,scanID:oe,connection:"pre_open",type:"measurement_recommendation",email:I})},onOpen:()=>{u?.(),Z({eventName:`${D}/webSocket`,scanID:oe,connection:"open",type:"measurement_recommendation",email:I})},onClose:()=>{m?.(),Z({eventName:`${D}/webSocket`,scanID:oe,connection:"close",type:"measurement_recommendation",email:I})},onError:e=>{he(e),Z({eventName:`${D}/webSocket`,scanID:oe,connection:"error",type:"measurement_recommendation",email:I})},onSuccess:e=>{Z({eventName:`${D}/webSocket`,scanID:oe,connection:"success",type:"measurement_recommendation",email:I}),fe(e)}})},ye=s(async(e,t)=>{const n=Number((e.size/1048576).toFixed(2)),a=null!=t?t:await G(e),r=Q({gender:N,focal_length:`${E}`,height:`${F}`,customer_store_url:D,clothes_fit:"0",scan_type:C,callback_url:$});k({eventName:`${D}/body_scan_meta_data`,scanID:oe,email:I,data:JSON.stringify([...r,{fileSizeInMB:n,video_fps:a\|\|0}])}),c?.();try{await U.fileUpload.uploadFileFrontend({file:e,arrayMetaData:r,scanId:oe,email:I}),await U.fileUpload.setDeviceInfo({model:M,detection:"manual",gyro:de,scanId:oe}),console.log("video successfully uploaded"),te(!1),k({eventName:`${D}/scan_success`,scanID:oe,status:"success",email:I,data:JSON.stringify(r)}),k({eventName:"scan finished",scanID:oe,status:"success",email:I}),le(T()),setTimeout(()=>{te(!0)},3e3)}catch(e){k({eventName:"scan finished",scanID:oe,status:"failed",email:I,message:A(e)}),k({eventName:`${D}/scan_failed`,scanID:oe,status:"failed",email:I,message:A(e),data:JSON.stringify(r)}),O(A(e)),te(!1),p?.({message:A(e)}),pe()}finally{se(!1),d?.()}},[oe,de,c,d]),ve=s(async e=>{try{const t=await U.measurement.getMeasurementResult(e),n=t?.data?.isMeasured,a=ce\|\|T(),r=T(),s=300;if(ae(!1),!1===n)return pe(),void ie(L());j(!0),!0===n?await fe(null):null===n&&a>r+s?he(t?.data?.error):ge(e)}catch(e){console.log(e),pe(),ie(L()),j(!1)}},[he,fe,ie]),we=s(async()=>{if(+F<152.4\|\|+F>213.36)return void p?.({message:"Height must be between 152.4cm (5ft) and 213.36cm (7ft)"});const e=await _();if(e.disabled)k({eventName:`${D}/camera_activation`,scanID:oe,status:"failed",email:I}),ae(!1);else{oe?ve(oe):ae(!1),k({eventName:`${D}/camera_activation`,scanID:oe,status:"success",email:I})}K(e),O(""),te(!1)},[ve,I,oe,ie,D]);return o(()=>{v\|\|w\|\|D&&we()},[D,F,v,w]),o(()=>{v\|\|w\|\|ee&&D&&oe&&ge()},[ee,D,oe,v,w]),e(Y,{children:e(X,{config:n,children:e(ue,{children:e(x.Provider,{value:{userDetails:b,onRetry:a,onScanError:p,isError:v,isSuccess:w,onScanSuccess:f,gender:N,scanUniqueKey:oe,scanFailsError:W,setScanUniqueKey:ie,setIsVideoUploaded:te,isMeasurementAvailable:R,isVideoUploadedCorrect:P,loading:ne,showDeniedModal:q,uploadLoading:z,setStartGyro:se,handleFileUpload:ye,setUploadLoading:j,handleShowStreamCamera:me,setScanFailsError:O,setScanStartTime:le,onScanStart:i,onCustomScanSuccess:g,onComplete:y,swan:U},children:e(ke,{})})})})})};export{Te as B};
2	+ //# sourceMappingURL=BodyScan-C84F8j4s.js.map