@swan-admin/swan-web-component 1.0.121 → 1.0.123

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/dist/BodyScan-CCRXkFFL.mjs +3 -0
  2. package/dist/BodyScan-CCRXkFFL.mjs.map +1 -0
  3. package/dist/BodyScan-RBxSYdGc.js +3 -0
  4. package/dist/BodyScan-RBxSYdGc.js.map +1 -0
  5. package/dist/FaceScan-DQvhrp3K.mjs +3 -0
  6. package/dist/FaceScan-DQvhrp3K.mjs.map +1 -0
  7. package/dist/{FaceScan-BRdpV_Yn.js → FaceScan-Dva9De8x.js} +3 -2
  8. package/dist/{FaceScan-BRdpV_Yn.js.map → FaceScan-Dva9De8x.js.map} +1 -1
  9. package/dist/{Modal-BPtRtRVC.js → Modal-CZgyeNwW.mjs} +3 -2
  10. package/dist/Modal-CZgyeNwW.mjs.map +1 -0
  11. package/dist/{Modal-HTYYx7sM.js → Modal-CmbYIXgn.js} +3 -2
  12. package/dist/{Modal-YZScjwEm.js.map → Modal-CmbYIXgn.js.map} +1 -1
  13. package/dist/bodyScan.d.ts +2 -2
  14. package/dist/bodyScan.js +2 -1
  15. package/dist/bodyScan.mjs +2 -1
  16. package/dist/faceScan.js +2 -1
  17. package/dist/faceScan.mjs +2 -1
  18. package/dist/index.css +1 -1
  19. package/dist/index.js +2 -1
  20. package/dist/index.js.map +1 -1
  21. package/dist/index.mjs +2 -1
  22. package/dist/index.mjs.map +1 -1
  23. package/dist/{pose-detection.esm-Bc8T4UAD.js → pose-detection.esm-DFB9u8DH.js} +2 -1
  24. package/dist/{pose-detection.esm-Bc8T4UAD.js.map → pose-detection.esm-DFB9u8DH.js.map} +1 -1
  25. package/dist/{pose-detection.esm-DC0_P6R7.js → pose-detection.esm-EvS-BndH.mjs} +2 -1
  26. package/dist/pose-detection.esm-EvS-BndH.mjs.map +1 -0
  27. package/package.json +3 -2
  28. package/dist/BodyScan-3YoMZG7n.js +0 -2
  29. package/dist/BodyScan-8qgqyl5-.js +0 -2
  30. package/dist/BodyScan-B0qqqK3C.js +0 -2
  31. package/dist/BodyScan-B1VBoA6S.js +0 -2
  32. package/dist/BodyScan-B1afPG1Q.js +0 -2
  33. package/dist/BodyScan-B1afPG1Q.js.map +0 -1
  34. package/dist/BodyScan-B4-sO3R2.js +0 -2
  35. package/dist/BodyScan-B87W6dpH.js +0 -2
  36. package/dist/BodyScan-B8pglBAp.js +0 -2
  37. package/dist/BodyScan-BEFwluXG.js +0 -2
  38. package/dist/BodyScan-BHgnqB6A.js +0 -2
  39. package/dist/BodyScan-BLvWlYnA.js +0 -2
  40. package/dist/BodyScan-BMAkl5Iw.js +0 -2
  41. package/dist/BodyScan-BMTK6e-E.js +0 -2
  42. package/dist/BodyScan-BQri8pAO.js +0 -2
  43. package/dist/BodyScan-BVNPC7bJ.js +0 -2
  44. package/dist/BodyScan-BfLKF5PU.js +0 -2
  45. package/dist/BodyScan-BjYHCskz.js +0 -2
  46. package/dist/BodyScan-BoAbG01d.js +0 -2
  47. package/dist/BodyScan-Bq64fsmL.js +0 -2
  48. package/dist/BodyScan-Bre1BIHK.js +0 -2
  49. package/dist/BodyScan-BsDJmy0G.js +0 -2
  50. package/dist/BodyScan-ByMGumuH.js +0 -2
  51. package/dist/BodyScan-C0V-EDdB.js +0 -2
  52. package/dist/BodyScan-C1dWJ2qu.js +0 -2
  53. package/dist/BodyScan-C43x2o2T.js +0 -2
  54. package/dist/BodyScan-C57PuQgF.js +0 -2
  55. package/dist/BodyScan-C9hQU-dK.js +0 -2
  56. package/dist/BodyScan-CA4rNyqL.js +0 -2
  57. package/dist/BodyScan-CH-_x55M.js +0 -2
  58. package/dist/BodyScan-CKH_WyTt.js +0 -2
  59. package/dist/BodyScan-CKmPcrkx.js +0 -2
  60. package/dist/BodyScan-CLpL3Uwx.js +0 -2
  61. package/dist/BodyScan-CM12T_-T.js +0 -2
  62. package/dist/BodyScan-CNhb6UOX.js +0 -2
  63. package/dist/BodyScan-CWsaPB8W.js +0 -2
  64. package/dist/BodyScan-CXwtxfOd.js +0 -2
  65. package/dist/BodyScan-CYn7eLoz.js +0 -2
  66. package/dist/BodyScan-CYnHFqsR.js +0 -2
  67. package/dist/BodyScan-CZTiQzpy.js +0 -2
  68. package/dist/BodyScan-Cc68SnU1.js +0 -2
  69. package/dist/BodyScan-CfS4bPCN.js +0 -2
  70. package/dist/BodyScan-CiG19l_n.js +0 -2
  71. package/dist/BodyScan-CjvyMLT9.js +0 -2
  72. package/dist/BodyScan-CkmrPAq9.js +0 -2
  73. package/dist/BodyScan-CoObDhac.js +0 -2
  74. package/dist/BodyScan-Cyfo46EK.js +0 -2
  75. package/dist/BodyScan-Cz9ggKm6.js +0 -2
  76. package/dist/BodyScan-D6Y_W5e2.js +0 -2
  77. package/dist/BodyScan-DCEgmVbG.js +0 -2
  78. package/dist/BodyScan-DEDdENv7.js +0 -2
  79. package/dist/BodyScan-DEdrK-ld.js +0 -2
  80. package/dist/BodyScan-DHMf2V5R.js +0 -2
  81. package/dist/BodyScan-DK9UmNBr.js +0 -2
  82. package/dist/BodyScan-DPCd26i-.js +0 -2
  83. package/dist/BodyScan-DPCd26i-.js.map +0 -1
  84. package/dist/BodyScan-DPSQ1hKh.js +0 -2
  85. package/dist/BodyScan-DVKnmJuJ.js +0 -2
  86. package/dist/BodyScan-DX_KbG5U.js +0 -2
  87. package/dist/BodyScan-DbfP9-G3.js +0 -2
  88. package/dist/BodyScan-DeBJWo0L.js +0 -2
  89. package/dist/BodyScan-DgZpiChn.js +0 -2
  90. package/dist/BodyScan-DkPwUgVu.js +0 -2
  91. package/dist/BodyScan-DntA0MBx.js +0 -2
  92. package/dist/BodyScan-DxidLEhk.js +0 -2
  93. package/dist/BodyScan-DyDxGqfI.js +0 -2
  94. package/dist/BodyScan-Dysj7b77.js +0 -2
  95. package/dist/BodyScan-DzyamZmb.js +0 -2
  96. package/dist/BodyScan-Ehsr_cYc.js +0 -2
  97. package/dist/BodyScan-MSB66I12.js +0 -2
  98. package/dist/BodyScan-Ot6nAH1j.js +0 -2
  99. package/dist/BodyScan-Srq29PK8.js +0 -2
  100. package/dist/BodyScan-SzaquTgH.js +0 -2
  101. package/dist/BodyScan-TPpfyief.js +0 -2
  102. package/dist/BodyScan-XW2vsiE3.js +0 -2
  103. package/dist/BodyScan-eUuIC3jY.js +0 -2
  104. package/dist/BodyScan-enDyqSjO.js +0 -2
  105. package/dist/BodyScan-iOXndWaO.js +0 -2
  106. package/dist/BodyScan-qVHOWabf.js +0 -2
  107. package/dist/BodyScan-t9qdQAL-.js +0 -2
  108. package/dist/BodyScan-twE2YOwy.js +0 -2
  109. package/dist/BodyScan-z6h5fueJ.js +0 -2
  110. package/dist/FaceScan-3rVSqkKB.js +0 -2
  111. package/dist/FaceScan-6Aoz5uUy.js +0 -2
  112. package/dist/FaceScan-7fl5pLnb.js +0 -2
  113. package/dist/FaceScan-9kUfXRSv.js +0 -2
  114. package/dist/FaceScan-AHZ-ajep.js +0 -2
  115. package/dist/FaceScan-B0pFv4Us.js +0 -2
  116. package/dist/FaceScan-BE0PB0fZ.js +0 -2
  117. package/dist/FaceScan-BWSeJEqI.js +0 -2
  118. package/dist/FaceScan-BdjT7nMG.js +0 -2
  119. package/dist/FaceScan-Bji5lGcQ.js +0 -2
  120. package/dist/FaceScan-Bji5lGcQ.js.map +0 -1
  121. package/dist/FaceScan-BmDNM8tt.js +0 -2
  122. package/dist/FaceScan-CNoW9DIE.js +0 -2
  123. package/dist/FaceScan-CPf6-siO.js +0 -2
  124. package/dist/FaceScan-CQayY4q-.js +0 -2
  125. package/dist/FaceScan-CQkfSMC2.js +0 -2
  126. package/dist/FaceScan-CaxQ6fGF.js +0 -2
  127. package/dist/FaceScan-CxDcvM4f.js +0 -2
  128. package/dist/FaceScan-D2PL8KpZ.js +0 -2
  129. package/dist/FaceScan-D3T_l4nN.js +0 -2
  130. package/dist/FaceScan-DCm43Nrq.js +0 -2
  131. package/dist/FaceScan-DKP93c3l.js +0 -2
  132. package/dist/FaceScan-DW6Ix1a1.js +0 -2
  133. package/dist/FaceScan-DYJVZoZ4.js +0 -2
  134. package/dist/FaceScan-Da2XEApH.js +0 -2
  135. package/dist/FaceScan-DrW2yUSA.js +0 -2
  136. package/dist/FaceScan-DxnydFcx.js +0 -2
  137. package/dist/FaceScan-Gm4F4cO1.js +0 -2
  138. package/dist/FaceScan-Nhc7myLG.js +0 -2
  139. package/dist/FaceScan-VFLJ9h_T.js +0 -2
  140. package/dist/FaceScan-iUXyDuza.js +0 -2
  141. package/dist/LoadingScreen-BILrJVZm.js +0 -2
  142. package/dist/LoadingScreen-FKDLJRUj.js +0 -2
  143. package/dist/Modal-4T_aWWPQ.js +0 -2
  144. package/dist/Modal-BHfJVhRi.js +0 -2
  145. package/dist/Modal-BitizIvu.js +0 -2
  146. package/dist/Modal-BpgpPVxR.js +0 -2
  147. package/dist/Modal-BzH-_ch3.js +0 -2
  148. package/dist/Modal-CB_MHF7l.js +0 -2
  149. package/dist/Modal-CDiBoVXR.js +0 -2
  150. package/dist/Modal-CWoUZTh4.js +0 -2
  151. package/dist/Modal-CaPtqgjI.js +0 -2
  152. package/dist/Modal-CbZJwbLZ.js +0 -2
  153. package/dist/Modal-DRjJKUrw.js +0 -2
  154. package/dist/Modal-DU2Jymve.js +0 -2
  155. package/dist/Modal-D_XGokez.js +0 -2
  156. package/dist/Modal-DnweWp6L.js +0 -2
  157. package/dist/Modal-Do--CErH.js +0 -2
  158. package/dist/Modal-Do--CErH.js.map +0 -1
  159. package/dist/Modal-YZScjwEm.js +0 -2
  160. package/dist/fonts/Switzer-Regular.eot +0 -0
  161. package/dist/fonts/Switzer-Regular.svg +0 -0
  162. package/dist/fonts/Switzer-Regular.ttf +0 -0
  163. package/dist/fonts/Switzer-Regular.woff +0 -0
  164. package/dist/fonts/Switzer-Regular.woff2 +0 -0
  165. package/dist/interfaces-B5ysRXpa.d.ts +0 -209
  166. package/dist/interfaces-CaaERZjZ.d.ts +0 -209
  167. package/dist/pose-detection.esm-D08ZA0zl.js +0 -18
  168. package/dist/pose-detection.esm-DejsYGYM.js +0 -18
  169. package/dist/pose-detection.esm-DejsYGYM.js.map +0 -1
@@ -1,2 +0,0 @@
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 u,useRef as d}from"react";import{L as m,S as p,z as f,b as h,a as g,i as y,P as v,o as S,s as w,j as b,k as x,l as D,p as I,A as N,x as E,B as $,q as C,f as _,r as T,D as F,c as k,M,v as P,E as L,u as U,H as A,I as z,V as R,J as j,K,N as V,G as q,O,Q as B,R as W,h as H,n as G,w as J,T as Y,t as Q,C as X,y as Z}from"./Modal-D_XGokez.js";import ee from"react-webcam";import{X as te}from"lucide-react";import{Dialog as ne,Box as ae,Drawer as re}from"@mui/material";import se from"video.js";const oe="DESKTOP",ie="TAB",ce="MOBILE",le=i(void 0);function ue({children:t}){const[n,a]=r([window?.innerWidth,window?.innerHeight]),[s,i]=r(!1),u=()=>{a([window?.innerWidth,window?.innerHeight])};o(()=>{u()},[]),c(()=>(window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[u]);let d=oe;n[0]>768&&n[0]<1024&&(d=ie),n[0]<768&&(d=ce);const m=l(()=>({size:n,setSize:a,clearInputs:s,setClearInputs:i,media:d}),[n,s,d]);return e(le.Provider,{value:m,children:t})}function de({resetScan:n,loadingCam:a,onUserMedia:r,onPause:s,pause:o,onReScan:i,recordingStarted:c,startSendingVideoFrames:l,showPause:d,webcamRef:y,onUserMediaError:v,resetDetector:S,videoConstraints:w,webcamKey:b,faceDone:x,isScanning:D}){const{media:I}=u(le)||{},{translate:N}=u(m)||{};return t("div",{className:"App w-screen h-[100vh] relative common-ui-main","data-testid":"camera-scan","data-scan-phase":x?"spinning":c?"pose-detecting":D?"starting":"ready",children:[e("span",{onClick:()=>{n(),S()},className:"fixed right-[20px] top-[20px] z-[999]",children:e(te,{className:"text-[#fff]"})}),e("div",{className:"w-full h-full overflow-hidden ",children:I===ce&&e(ee,{audio:!1,ref:y,screenshotQuality:1,videoConstraints:w,mirrored:!0,screenshotFormat:"image/jpeg",onUserMedia:r,onUserMediaError:v,style:{position:"fixed",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}},b)}),t("div",{className:"fixed bottom-[30px] w-full z-[999] flex flex-col gap-4 items-center justify-center",children:[d&&e(p,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto ",prefix:f,buttonText:N?.(h.pause),buttonFunc:s,btnSecondary:!0}),o?e("div",{children:e(p,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto",buttonText:N?.(h.restart),buttonFunc:i,btnSecondary:!0})}):c?null:e(p,{"data-testid":"start-scan-btn",className:"!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] "+(a?"!opacity-50":""),buttonText:N?.(h.startScan),buttonFunc:l,disabled:a})]}),e("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:`${g}scanAudioInstructions/silence.mp3`})]})}let me=null,pe=null,fe=null;let he,ge=null,ye=null;var ve=a.memo(function({setIsScanLocked:t,resetDetector:n,scanID:a,setIsVideoUploaded:i,setScanFailsError:c,setScanStartTime:m,setScanUniqueKey:p,userDetails:f}){const{gender:h,heightInCm:F,email:k,shopDomain:M}=f,P=d(null),L=d(null),U=d(null),[A,z]=r([]),[R,j]=r(!0),[K,V]=r(!1),[q,O]=r(!1),[B,W]=r(!0),[H,G]=r(!1),J=d(null),[Y,Q]=r(""),[X,Z]=r([]),[ee,te]=r(""),[ne,ae]=r(!1),[re,se]=r(!1),[oe,ie]=r(!1),[ce,le]=r([]),[ue,ve]=r(!1),Se=d(!0),{poseDetector:we}=function(){const[e,t]=r(0),[n,a]=r(0),[s,i]=r(!1),c=d(0),l=d(0),u=d(!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-DejsYGYM.js"),import("@tensorflow/tfjs-core"),import("@tensorflow/tfjs-backend-webgl")]);fe=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{pe=await fe.createDetector(fe.SupportedModels.BlazePose,a),console.log("MediaPipe detector created successfully")}catch(e){console.warn("MediaPipe failed, falling back to TFJS runtime:",e),pe=await fe.createDetector(fe.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),me=null,!1}}function p(e){return!(!e||0===e.length)&&22===e.filter(e=>e[2]>.7).length}return o(()=>{if(u.current=!0,!pe)return me||(me=m()),me.then(e=>{e&&u.current&&i(!0)}),()=>{u.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(!pe||!u.current||!n?.current?.video)return;const a=n.current.video;if(!(a.readyState<2))try{const n=await pe.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||p(r)||t(e=>e+1),1===c.current&&p(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()=>{pe||me||(me=m(),await me&&u.current&&i(!0))}}}(),be=d(!0),xe=d(!1),De=d(0),Ie=d(0),Ne=d(!1),Ee=d(!1),$e=d(!1),Ce=d(()=>{}),_e=d(()=>{}),[Te,Fe]=r([]),[ke,Me]=r(0),[Pe,Le]=r(y),{setStartGyro:Ue,uploadScanFile:Ae,setUploadLoading:ze,swan:Re,onScanStart:je,onCaptureComplete:Ke}=u(v),Ve=()=>{xe.current=!1,clearTimeout(he),J.current&&clearTimeout(J.current),p(_()),c(""),ze?.(!1),z([]),U.current=null,j(!0),V(!1),O(!1),W(!0),G(!1),J.current=null,Q(""),Z([]),te(""),ae(!ne),Ue(!1),w.stopAudio(),se(!1),ie(!1),De.current=0,Ie.current=0,Ne.current=!1,$e.current=!1,null!==L.current&&L.current.stop(),ce.forEach(e=>{L.current&&L.current.removeEventListener("dataavailable",e)}),le([]),Se.current=!0,ve(!1),i(!1),P.current?.stream&&j(!1)},qe=s(()=>{setTimeout(()=>{j(!1)},1e3)},[]),Oe=s(e=>{if(console.log("camera error",e),Pe===y)return Le(S),void Me(e=>e+1);j(!1)},[Pe]),Be=s(()=>{Se.current=!1,ie(!0),ve(!1),J.current&&clearTimeout(J.current),L.current&&L.current.pause(),w.stopAudio(),Re.poseDetection.disconnect(),De.current=0,Ie.current=0,Ne.current=!1,$e.current=!1,L.current&&L.current.stop(),ce.forEach(e=>{L.current&&L.current.removeEventListener("dataavailable",e)}),le([]),clearTimeout(he)},[L,ce,w,Se]),We=l(()=>b(),[]),He=x(Te),Ge=D(He),Je=s(async()=>{Se.current=!0,await w.playAudio(`${g}SpotOn.mp3`),ie(!1),ve(!1),J.current&&clearTimeout(J.current),V(!1)},[J,w]),Ye=s(async()=>{if(!Ee.current&&!ge){Ee.current=!0;try{ge=await Re.poseDetection.connect(),I.capture(`${M}/pose_detection_connected`,{scanID:a,email:k,id:ge})}catch(e){console.log(e,"while connecting websocket")}finally{Ee.current=!1}}},[a,M,k]),Qe=s(async()=>{N({eventName:`${M}/rescan`,email:k,scanID:a,height:F,gender:h,status:!1}),Se.current=!1,Re.poseDetection.disconnect(),ge=null,Ve(),await Ye(),_e.current()},[Ye,a,k]),Xe=s(({data:e})=>{e&&e.size>0&&Se.current&&(z(t=>t.concat(e)),!xe.current&&P.current&&(xe.current=!0,we(()=>{Je(),E({eventName:`${M}/tensorFlow`,scanID:a,email:k,message:"recording stopped by tensorflow "})},P)))},[Je,E,M,a,k,P]),Ze=s(async()=>{const e=X[X.length-1];e&&Se.current&&(await w.playAudio(g+e),Se.current&&(he=setTimeout(Ze,2e3)))},[X,Se]),et=s(()=>{L&&L.current&&L.current.stop(),V(!0);try{if(P&&P.current&&P.current.stream){const e=P.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();U.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};Te[0]&&(t.mimeType=Te[0]),L.current=new MediaRecorder(P.current.stream,t),L.current.addEventListener("dataavailable",Xe),L.current.addEventListener("stop",()=>{W(!0)}),le([...ce,Xe]),L.current.start(1e3),W(!1)}}catch(e){console.log("error while using media recorder",e)}},[P,Te,Xe,ce]),tt=s(async()=>{J.current&&clearTimeout(J.current),et(),Se.current&&(J.current=setTimeout(async()=>{Se.current&&(await w.playAudio(`${g}SpotOn.mp3`),V(!1))},15e3)),O(!0),Se.current&&await w.playAudio(`${g}Spin.mp3`)},[et,Se,w]);o(()=>{Ce.current=tt},[tt]);const nt="undefined"!=typeof window?window.__scanLog??[]:[],at=e=>{const t=`[${(new Date).toISOString().slice(11,23)}] [SCAN] ${e}`;console.log(t),nt.push(t)},rt=s(({data:e})=>{const t=Re.poseDetection.connected();e.size>0&&t?(Ne.current||(Ne.current=!0,at(`poseStatus listener REGISTERED | id=${ge}`),Re.poseDetection.poseStatus(async e=>{if(e&&e.audio&&e.audio.length>0){const t=document.querySelector("#audioElement"),n=e.audio?.split("/").pop(),r=t?.paused,s=t?.src?.split("/").pop()||"empty";at(`poseStatus RECEIVED | status=${e.status} | file=${n} | sid=${e.sid} | id=${ge} | sidMatch=${e.sid===ge} | counter=${De.current} | consecFalse=${Ie.current} | audioPaused=${r} | audioSrc=${s} | audioEl=${t?"found":"NULL"} | lastPlayed=${ye?.audioName?.split("/").pop()??"none"} | skipped=${ye?.no_of_times_skipped??"-"}/${ye?.skipCount??"-"}`),I.capture(`${M}/pose_instruction_received`,{scanID:a,email:k,audio:e.audio,status:e.status,sid:e.sid,counter:De.current,consecutiveFalse:Ie.current,type:"body_scan_instruction"}),!0===e.status&&e.sid===ge?(Ie.current=0,De.current<2?(De.current+=1,1!==De.current||$e.current?2===De.current&&t?.paused?(at(`PLAY good-posture-2 | file=${n}`),w.playAudio(g+e.audio)):2!==De.current||t?.paused?at(`SKIP good-posture-1 — brilliantPlayed already | counter=${De.current}`):at(`SKIP good-posture-2 — audio still playing | file=${n}`):(at(`PLAY good-posture-1 (brilliant) | file=${n}`),$e.current=!0,w.stopAudio(),await w.playAudio(g+e.audio))):(at(`TRIGGER SPIN | counter=${De.current} | file=${n}`),te(e.audio),clearTimeout(he),Re.poseDetection.disconnect(),Ne.current=!1,setTimeout(()=>Ce.current(),1e3))):!0===e.status&&e.sid!==ge?at(`SKIP good-posture — sid MISMATCH | data.sid=${e.sid} | id=${ge}`):(Ie.current+=1,Ie.current>=3&&(De.current=0,$e.current=!1,at(`RESET counter/brilliant — consecutiveFalse=${Ie.current}`)),!t?.paused||ye&&ye?.audioName===e.audio?t?.paused||ye&&ye?.audioName===e.audio?ye?.audioName===e.audio&&t?.paused?ye&&ye.no_of_times_skipped>=ye.skipCount?(ye.no_of_times_skipped=0,at(`PLAY wrong-posture REPEAT | file=${n}`),w.playAudio(g+e.audio)):(ye&&(ye.no_of_times_skipped+=1),at(`SKIP wrong-posture SAME — skip ${ye?.no_of_times_skipped}/${ye?.skipCount} | file=${n}`)):ye?.audioName!==e.audio||t?.paused||at(`SKIP wrong-posture SAME — audio still playing | file=${n}`):at(`SKIP wrong-posture NEW — audio playing | file=${n}`):(at(`PLAY wrong-posture NEW | file=${n}`),ye={skipCount:2,no_of_times_skipped:0,audioName:e.audio},w.playAudio(g+e.audio)))}})),P?.current&&null!==P.current.getScreenshot()&&Re.poseDetection.videoEmit({image:P.current.getScreenshot()||"",scanId:a})):e.size>0&&!t&&at(`handleDataAvailable — WS DISCONNECTED | id=${ge} | poseListenerRegistered=${Ne.current}`)},[P,a,Re,ge,w,M,k]),st=s(async()=>{G(!0),Ue(!0),je?.(),be.current&&(be.current=!1,E({eventName:"scan started",scanID:a,status:"success",email:k})),m($()),j(!0),Se.current&&await w.playAudio(`${g}StartScan.mp3`),Se.current&&await w.playAudio(`${g}LiftArmsAndHoldAtHip.mp3`),Se.current&&(G(!1),V(!0),se(!0),ve(!0),qe());try{if(P&&P.current&&P.current.stream&&Se.current){const e=P.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();U.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};Te[0]&&(t.mimeType=Te[0]),Se.current&&(L.current=new MediaRecorder(P.current.stream,t)),Se.current&&L.current&&L.current.addEventListener("dataavailable",rt),le([...ce,rt]),L.current&&L.current.start(1e3),W(!1),Se.current&&(he=setTimeout(Ze,2e3))}}catch(e){console.log("error ----------",e)}},[P,Te,rt,ce,Ze,Se,je]);return o(()=>(M&&(t(!0),Ye()),()=>{const e=ge;ge=null,e&&(Re.poseDetection.disconnect(),I.capture(`${M}/pose_detection_disconnected`,{scanID:a,email:k,id:e})),ce.forEach(e=>{L?.current?.removeEventListener("dataavailable",e)})}),[M]),o(()=>{X.push(Y)},[Y]),o(()=>{Z([])},[ee]),o(()=>{const e=A.length&&A.length>0;B||!e||K||!Se.current||oe||L&&L.current&&(K||L.current.stop())},[B,K,A,oe]),o(()=>{const e=A.length&&A.length>0;if(B&&e&&!K&&L&&L.current&&Se.current&&!oe&&!K){const e=new File(A,`${a}.${Ge}`,{type:He});Ke?.(),ze?.(!0),c(""),Ae?.(e,U.current)}},[B,K,A,oe,L,Se]),o(()=>{_e.current=st},[st]),o(()=>{const e=C(We,T);Fe(e)},[We]),o(()=>{Ve()},[]),e(de,{resetDetector:n,resetScan:Ve,loadingCam:R,onPause:Be,showRestart:re,pause:oe,onReScan:Qe,recordingStarted:K,isScanning:H,startSendingVideoFrames:st,faceDone:q,stopRecording:Je,showPause:ue,webcamRef:P,onUserMedia:qe,onUserMediaError:Oe,videoConstraints:Pe,webcamKey:ke})});function Se({scanID:t,userDetails:a,setIsVideoUploaded:s,setScanFailsError:i,setScanStartTime:c,setScanUniqueKey:l}){const[u,m]=r(90),[p,f]=r(0),[h,g]=r(null),[y,v]=r(!1),[S,w]=r(0),b=d([]),[x,D]=r(!1),I=u-p,N=I>=80&&I<=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.gamma*Math.PI/180)),t=Math.max(0,Math.min(180,t)),m(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(b.current=[...b.current.slice(-4),I],b.current.length>=5){const e=Math.max(...b.current)-Math.min(...b.current);w(N&&e<2?e=>Math.min(100,e+10):e=>Math.max(0,e-20))}N||null===h&&!y||$()},[I,N,h,y]),o(()=>{S>=100&&null===h&&!y&&E(),S<50&&null!==h&&$()},[S,h,y]);const E=()=>{g(3);const e=setInterval(()=>{g(t=>null===t||t<=1?(clearInterval(e),v(!0),null):t-1)},1e3)},$=()=>{g(null),x||v(!1)};return e(n,{children:y&&e(ve,{setIsScanLocked:D,resetDetector:()=>{m(90),f(0),g(null),v(!1),w(0),D(!1),b.current=[]},scanID:t,userDetails:a,setIsVideoUploaded:s,setScanFailsError:i,setScanStartTime:c,setScanUniqueKey:l})})}function we({setShowDrawer:t,config:n,loader:a}){const[i,c]=r({disabled:!1,message:""}),[l,u]=r(!0),m=d(null),p=s(async()=>{const e=await F();c(e),u(!1)},[]);return o(()=>{p()},[]),l?e(k,{url:a,loaderType:"black"}):i?.disabled?e(M,{config:n,message:i?.message}):e(ee,{audio:!1,ref:m,screenshotQuality:1,videoConstraints:P,mirrored:!0,onUserMedia:()=>t?.(!0),screenshotFormat:"image/jpeg",style:{position:"relative",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}})}function be({link:t,onReady:n,wrapperClassName:a="[&_video]:rounded-t-[20px] w-full h-full"}){const r=d(null),s=d(null);let i={autoplay:!0,controls:!1,responsive:!0,fluid:!0,muted:!0,navigationUI:"hide",preload:"metadata",poster:L};return o(()=>{if(!s.current&&t&&r?.current){const e=se(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 xe({scanFailsError:a,onNext:s,gender:o,setScanUniqueKey:i,setIsVideoUploaded:c}){const{translate:l}=u(m)||{},d=U(),[f,g]=r(!1),y=()=>{g(!f)};return t(n,{children:[t("div",{"data-testid":"scan-error-message",className:"flex common-ui-main 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("div",{className:"w-full max-w-[28rem] mx-auto pt-[1rem] px-[1rem]",children:e(A,{noTitle:!0})}),e("div",{className:"flex-1",children:a&&t("div",{className:"px-[1rem]",children:[e("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:l?.(h.issueWithScan)}),e("p",{style:{fontFamily:d?.style?.base?.baseFontFamily||"Inter, sans-serif",fontSize:d?.style?.base?.baseFontSize||"16px",color:d?.style?.base?.baseTextColor||"#1E1E1E"},children:l?.(h.reason)}),e("p",{style:{fontFamily:d?.style?.base?.baseFontFamily||"Inter, sans-serif",fontSize:d?.style?.base?.baseFontSize||"16px",color:d?.style?.base?.baseTextColor||"#1E1E1E"},children:z(a)}),e("img",{className:"my-[0.5rem] aspect-[2/1.4] w-full object-cover",onClick:y,src:R[o],alt:"icon"})]})}),a&&e("div",{className:"p-[1rem] flex gap-[0.5rem]",children:e(p,{"data-testid":"scan-again-btn",disabled:!1,buttonText:l?.(h.scanAgain),className:"!shadow-none",buttonFunc:()=>{s?s?.():i?.(_()),c?.(!1)}})})]}),f&&t(ne,{className:"w-screen h-screen video-modal",onClose:y,open:f,children:[e("div",{className:"flex justifyEnd ",children:e("span",{className:"closeBtn",onClick:y,children:e(te,{className:"absolute right-[8px] top-[8px] text-white z-[9]"})})}),e("div",{className:"aspect-video object-cover rounded-[20px] ",children:e(be,{link:o?j[o].PRE_LINK:j.male.PRE_LINK,wrapperClassName:"w-screen h-screen fixed top-[0] left-[0]"})})]})]})}function De({scanId:n,userDetails:a,config:i,isVideoUploadedCorrect:c,isMeasurementAvailable:l,onComplete:d,isSuccess:f,onCustomScanSuccess:g,swan:y}){const{gender:v,shopDomain:S,heightInCm:w,deviceFocalLength:b,userName:x,email:D,scanType:N}=a||{},E=[O,B,W].includes(N??""),[$,C]=r(!0),_=s(async()=>{try{E&&(await(y?.auth.addUser({scanId:n,email:D,name:x,gender:v,height:w})),g?.()),I.capture(S??"",{scanID:n,email:D,height:w,focalLength:b,clothesFit:"0",gender:v})}catch(e){console.log(e)}},[E]),{translate:T}=u(m)||{};o(()=>{(c||l)&&_()},[c,l]);const F=f||c||l;return e(ae,{className:"flex h-full w-full flex-col common-ui-main",children:t("div",{className:"h-full w-full flex-col items-center justify-center flex",children:[e(we,{loader:i?.loader,setShowDrawer:C}),e(re,{open:$,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(A,{title:T?.(h.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:v===q.Male?K:V,type:"video/mp4"})})}),F&&e(p,{className:"!w-[180px] mx-auto",buttonText:T?.(h.next),buttonFunc:()=>{d?.()}})]})})})]})})}const Ie=()=>{const{userDetails:n,onRetry:a,isError:r,isSuccess:s,gender:o,scanUniqueKey:i,scanFailsError:c,setScanUniqueKey:l,setIsVideoUploaded:d,isMeasurementAvailable:m,isVideoUploadedCorrect:p,loading:f,showDeniedModal:h,uploadLoading:g,setScanFailsError:y,setScanStartTime:S,resetScan:w,onCustomScanSuccess:b,swan:x,onComplete:D}=u(v),I=U();return r?t("div",{"data-scan-state":"error",children:[e(we,{}),e(re,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(xe,{scanFailsError:!0,onNext:a,gender:o})})]}):s?e("div",{"data-scan-state":"success",children:e(De,{isSuccess:!0,onComplete:D})}):f?e("div",{"data-scan-state":"loading",className:"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center w-full h-full",style:{background:I?.style?.base?.backgroundColor},children:e(k,{url:I?.loader,loaderType:"black"})}):h.disabled?e("div",{"data-scan-state":"camera-denied",children:e(M,{})}):g||c||m||p?(g||m||p)&&!c?e("div",{"data-scan-state":"processing",children:e(De,{scanId:i,isMeasurementAvailable:m,userDetails:n,isVideoUploadedCorrect:p,onCustomScanSuccess:b,swan:x,onComplete:D})}):t("div",{"data-scan-state":"error-retry",children:[e(we,{}),e(re,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(xe,{scanFailsError:c,onNext:()=>{a?.(),w()},setScanUniqueKey:l,gender:o,setIsVideoUploaded:d})})]}):e("div",{"data-scan-state":"scanning",children:e(Se,{scanID:i,userDetails:n,setIsVideoUploaded:d,setScanFailsError:y,setScanStartTime:S,setScanUniqueKey:l})})},Ne=t=>{const{config:n,onRetry:a,onScanStart:i,onCaptureComplete:c,onUploadStart:u,onUploadEnd:d,onMeasurementSocketStart:m,onMeasurementSocketClose:p,onIntermediateScanSuccess:f,onScanError:h,onScanSuccess:g,onCustomScanSuccess:y,onComplete:S,isError:w,isSuccess:b}=t,x={email:"",shopDomain:"",gender:"male",heightInCm:0,scanType:"",deviceFocalLength:0,deviceModelName:"",sourceTag:"",callbackUrl:null,...t.userDetails??{}},D=t.token??"",{gender:I,scanType:N,shopDomain:C,heightInCm:T,email:k,deviceFocalLength:M,deviceModelName:P,callbackUrl:L,sourceTag:U}=x,A=l(()=>H(D),[D]),[R,j]=r(!1),[K,V]=r(!1),[q,O]=r(!1),[B,W]=r({disabled:!1,message:""}),[ee,te]=r(""),[ne,ae]=r(!1),[re,se]=r(!0),[oe,ie]=r(!1),[ce,le]=r(""),[de,me]=r($()),{gyroData:pe}=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}}(oe);G();const fe=s(()=>{le(_()),te(""),j(!1),ae(!1)},[]),he=()=>{me(null),le("")},ge=s(async e=>{if(e&&"success"===e?.scanStatus&&"intermediate"===e?.resultType&&200===e?.code)return E({eventName:`${C}/measurement_success/intermediate`,scanID:ce,status:"success",email:k}),V(!0),void f?.(e);g?.(e),V(!0),he();const t=ce;O(!0),E({eventName:`${C}/measurement_success/fit-view`,scanID:t,status:"success",email:k}),de&&E({eventName:`${C}/scan_completion_time`,scanID:t,status:"success",completionTime:$()-de,email:k})},[N,C,ce]),ye=e=>{O(!1),te(""),V(!1),A.measurement.handleMeasurementSocket({scanId:ce,onPreopen:()=>{Z({eventName:`${C}/webSocket`,scanID:ce,connection:"pre_open",type:"measurement_recommendation",email:k})},onOpen:()=>{m?.(),Z({eventName:`${C}/webSocket`,scanID:ce,connection:"open",type:"measurement_recommendation",email:k})},onClose:()=>{p?.(),Z({eventName:`${C}/webSocket`,scanID:ce,connection:"close",type:"measurement_recommendation",email:k})},onError:e=>{var t;t=e,h?.({...t,message:z(t)}),he(),O(!1),te(t),V(!1),E({eventName:`${C}/measurement_failed/fit-view`,scanID:ce,status:"failed",email:k,message:z(t)}),de&&E({eventName:`${C}/scan_completion_time`,scanID:ce,status:"failed",completionTime:$()-de,email:k}),Z({eventName:`${C}/webSocket`,scanID:ce,connection:"error",type:"measurement_recommendation",email:k})},onSuccess:e=>{Z({eventName:`${C}/webSocket`,scanID:ce,connection:"success",type:"measurement_recommendation",email:k}),ge(e)}})},ve=s(async(e,t)=>{const n=Number((e.size/1048576).toFixed(2)),a=null!=t?t:await J(e),r=Y({gender:I,focal_length:`${M}`,height:`${T}`,customer_store_url:C,clothes_fit:"0",scan_type:N,callback_url:L,source_tag:U});E({eventName:`${C}/body_scan_meta_data`,scanID:ce,email:k,data:JSON.stringify([...r,{fileSizeInMB:n,video_fps:a||0}])}),u?.();try{await A.fileUpload.uploadFileFrontend({file:e,arrayMetaData:r,scanId:ce,email:k}),await A.fileUpload.setDeviceInfo({model:P,detection:"manual",gyro:pe,scanId:ce}),console.log("video successfully uploaded"),ae(!1),E({eventName:`${C}/scan_success`,scanID:ce,status:"success",email:k,data:JSON.stringify(r)}),E({eventName:"scan finished",scanID:ce,status:"success",email:k}),me($()),setTimeout(()=>{ae(!0)},3e3)}catch(e){E({eventName:"scan finished",scanID:ce,status:"failed",email:k,message:z(e)}),E({eventName:`${C}/scan_failed`,scanID:ce,status:"failed",email:k,message:z(e),data:JSON.stringify(r)}),te(z(e)),ae(!1),h?.({...e,message:z(e)}),he()}finally{ie(!1),d?.()}},[ce,pe,u,d]),Se=s(async()=>{if(+T<152.4||+T>213.36)return void h?.({message:"Height must be between 152.4cm (5ft) and 213.36cm (7ft)"});const e=await F();e.disabled?(E({eventName:`${C}/camera_activation`,scanID:ce,status:"failed",email:k}),se(!1)):(se(!1),E({eventName:`${C}/camera_activation`,scanID:ce,status:"success",email:k})),W(e),te(""),ae(!1)},[k,ce,le,C]);return o(()=>{w||b||C&&Se()},[C,T,w,b]),o(()=>{w||b||ne&&C&&ce&&ye()},[ne,C,ce,w,b]),e("div",{"data-testid":"body-scan-root",children:e(Q,{children:e(X,{config:n,children:e(ue,{children:e(v.Provider,{value:{userDetails:x,onRetry:a,onScanError:h,isError:w,isSuccess:b,onScanSuccess:g,gender:I,scanUniqueKey:ce,scanFailsError:ee,setScanUniqueKey:le,setIsVideoUploaded:ae,isMeasurementAvailable:q,isVideoUploadedCorrect:K,loading:re,showDeniedModal:B,uploadLoading:R,setStartGyro:ie,uploadScanFile:ve,setUploadLoading:j,resetScan:fe,setScanFailsError:te,setScanStartTime:me,onScanStart:i,onCaptureComplete:c,onCustomScanSuccess:y,onComplete:S,swan:A},children:e(Ie,{})})})})})})};export{Ne as B};
2
- //# sourceMappingURL=BodyScan-CA4rNyqL.js.map
@@ -1,2 +0,0 @@
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 p,H as f,b as h,S as g,z as y,a as v,i as w,P as S,o as b,s as x,j as N,k as C,l as D,p as I,A as $,x as k,B as E,q as T,f as F,r as L,D as _,c as M,M as P,v as A,E as U,I as j,V as z,J as R,K as V,N as K,G as B,O as q,Q as O,R as W,h as H,n as G,w as J,T as Y,t as Q,C as X,y as Z}from"./Modal-CaPtqgjI.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 pe=a.memo(function({angle:n,countdown:a,isScanning:r,isInTargetRange:o,stabilityScore:i,children:c}){const{translate:u}=d(m)||{},g=p(),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/100*116)}, ${Math.round(255-e/100*163)}, ${Math.round(255-e/100*9)})`},[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`,[]),S=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,[]),x=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 common-ui-main 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},"data-testid":"level-screen","data-angle-state":r?"locked":o?"target":"adjusting",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(f,{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 ${x()}`},children:e("div",{className:`text-[3rem] font-bold text-[${x()}]`,style:{fontFamily:g?.style?.base?.baseFontFamily||"Inter, sans-serif",color:x()},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 ${x()}`},children:[e("div",{className:`h-[1rem] w-[1rem] rounded-[9999px] bg-[${x()}]/80`,style:{backgroundColor:`${x()}B3`}}),t("div",{className:ee("mt-[.5rem] text-center w-[180px] flex-col flex items-center absolute top-[60px]",S()),style:{color:x()},children:[e(me,{size:30}),t("p",{style:{fontFamily:g?.style?.base?.baseFontFamily||"Inter, sans-serif"},children:[" ",u?.(h.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",S()),style:{fontFamily:g?.style?.base?.baseFontFamily||"Inter, sans-serif",color:x()},children:u?.(h.leavePhone)})}),o&&null===N&&!r&&e("div",{className:"absolute bottom-[8rem] w-[12rem]",children:e("div",{className:`h-[.375rem] w-full bg-[${x()}]/20 rounded-[9999px] overflow-hidden`,style:{backgroundColor:`${x()}33`},children:e("div",{className:`h-full bg-[${x()}]/70 transition-all duration-300 rounded-[9999px]`,style:{width:`${n}%`,backgroundColor:`${x()}B3`}})})}),null===N&&!r&&e("div",{className:"absolute bottom-[5rem] text-center",children:t("div",{className:ee("text-[1.5rem] font-light",S()),style:{color:x()},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",S()),style:{fontFamily:g?.style?.base?.baseFontFamily||"Inter, sans-serif",color:x()},children:u?.(h.placePhoneUpright)})})]})});function fe({resetScan:n,loadingCam:a,onUserMedia:r,onPause:s,pause:o,onReScan:i,recordingStarted:c,startSendingVideoFrames:l,showPause:u,webcamRef:p,onUserMediaError:f,resetDetector:w,videoConstraints:S,webcamKey:b,faceDone:x,isScanning:N}){const{media:C}=d(de)||{},{translate:D}=d(m)||{};return t("div",{className:"App w-screen h-[100vh] relative common-ui-main","data-testid":"camera-scan","data-scan-phase":x?"spinning":c?"pose-detecting":N?"starting":"ready",children:[e("span",{onClick:()=>{n(),w()},className:"fixed right-[20px] top-[20px] z-[999]",children:e(ne,{className:"text-[#fff]"})}),e("div",{className:"w-full h-full overflow-hidden ",children:C===le&&e(te,{audio:!1,ref:p,screenshotQuality:1,videoConstraints:S,mirrored:!0,screenshotFormat:"image/jpeg",onUserMedia:r,onUserMediaError:f,style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}},b)}),t("div",{className:"fixed bottom-[30px] w-full z-[999] flex flex-col gap-4 items-center justify-center",children:[u&&e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto ",prefix:y,buttonText:D?.(h.pause),buttonFunc:s,btnSecondary:!0}),o?e("div",{children:e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto",buttonText:D?.(h.restart),buttonFunc:i,btnSecondary:!0})}):c?null:e(g,{"data-testid":"start-scan-btn",className:"!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] "+(a?"!opacity-50":""),buttonText:D?.(h.startScan),buttonFunc:l,disabled:a})]}),e("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:`${v}scanAudioInstructions/silence.mp3`})]})}let he=null,ge=null,ye=null;let ve,we=null,Se=null;var be=a.memo(function({setIsScanLocked:t,resetDetector:n,scanID:a,setIsVideoUploaded:i,setScanFailsError:c,setScanStartTime:m,setScanUniqueKey:p,userDetails:f}){const{gender:h,heightInCm:g,email:y,shopDomain:_}=f,M=u(null),P=u(null),A=u(null),[U,j]=r([]),[z,R]=r(!0),[V,K]=r(!1),[B,q]=r(!1),[O,W]=r(!0),[H,G]=r(!1),J=u(null),[Y,Q]=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:pe}=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-DejsYGYM.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),he=null,!1}}function p(e){return!(!e||0===e.length)&&22===e.filter(e=>e[2]>.7).length}return o(()=>{if(d.current=!0,!ge)return he||(he=m()),he.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||p(r)||t(e=>e+1),1===c.current&&p(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||he||(he=m(),await he&&d.current&&i(!0))}}}(),be=u(!0),xe=u(!1),Ne=u(0),Ce=u(0),De=u(!1),Ie=u(!1),$e=u(!1),ke=u(()=>{}),Ee=u(()=>{}),[Te,Fe]=r([]),[Le,_e]=r(0),[Me,Pe]=r(w),{setStartGyro:Ae,uploadScanFile:Ue,setUploadLoading:je,swan:ze,onScanStart:Re,onCaptureComplete:Ve}=d(S),Ke=()=>{xe.current=!1,clearTimeout(ve),J.current&&clearTimeout(J.current),p(F()),c(""),je?.(!1),j([]),A.current=null,R(!0),K(!1),q(!1),W(!0),G(!1),J.current=null,Q(""),Z([]),te(""),ae(!ne),Ae(!1),x.stopAudio(),se(!1),ie(!1),Ne.current=0,Ce.current=0,De.current=!1,$e.current=!1,null!==P.current&&P.current.stop(),ce.forEach(e=>{P.current&&P.current.removeEventListener("dataavailable",e)}),le([]),me.current=!0,ue(!1),i(!1),M.current?.stream&&R(!1)},Be=s(()=>{setTimeout(()=>{R(!1)},1e3)},[]),qe=s(e=>{if(console.log("camera error",e),Me===w)return Pe(b),void _e(e=>e+1);R(!1)},[Me]),Oe=s(()=>{me.current=!1,ie(!0),ue(!1),J.current&&clearTimeout(J.current),P.current&&P.current.pause(),x.stopAudio(),ze.poseDetection.disconnect(),Ne.current=0,Ce.current=0,De.current=!1,$e.current=!1,P.current&&P.current.stop(),ce.forEach(e=>{P.current&&P.current.removeEventListener("dataavailable",e)}),le([]),clearTimeout(ve)},[P,ce,x,me]),We=l(()=>N(),[]),He=C(Te),Ge=D(He),Je=s(async()=>{me.current=!0,await x.playAudio(`${v}SpotOn.mp3`),ie(!1),ue(!1),J.current&&clearTimeout(J.current),K(!1)},[J,x]),Ye=s(async()=>{if(!Ie.current&&!we){Ie.current=!0;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")}finally{Ie.current=!1}}},[a,_,y]),Qe=s(async()=>{$({eventName:`${_}/rescan`,email:y,scanID:a,height:g,gender:h,status:!1}),me.current=!1,ze.poseDetection.disconnect(),we=null,Ke(),await Ye(),Ee.current()},[Ye,a,y]),Xe=s(({data:e})=>{e&&e.size>0&&me.current&&(j(t=>t.concat(e)),!xe.current&&M.current&&(xe.current=!0,pe(()=>{Je(),k({eventName:`${_}/tensorFlow`,scanID:a,email:y,message:"recording stopped by tensorflow "})},M)))},[Je,k,_,a,y,M]),Ze=s(async()=>{const e=X[X.length-1];e&&me.current&&(await x.playAudio(v+e),me.current&&(ve=setTimeout(Ze,2e3)))},[X,me]),et=s(()=>{P&&P.current&&P.current.stop(),K(!0);try{if(M&&M.current&&M.current.stream){const e=M.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();A.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};Te[0]&&(t.mimeType=Te[0]),P.current=new MediaRecorder(M.current.stream,t),P.current.addEventListener("dataavailable",Xe),P.current.addEventListener("stop",()=>{W(!0)}),le([...ce,Xe]),P.current.start(1e3),W(!1)}}catch(e){console.log("error while using media recorder",e)}},[M,Te,Xe,ce]),tt=s(async()=>{J.current&&clearTimeout(J.current),et(),me.current&&(J.current=setTimeout(async()=>{me.current&&(await x.playAudio(`${v}SpotOn.mp3`),K(!1))},15e3)),q(!0),me.current&&await x.playAudio(`${v}Spin.mp3`)},[et,me,x]);o(()=>{ke.current=tt},[tt]);const nt="undefined"!=typeof window?window.__scanLog??[]:[],at=e=>{const t=`[${(new Date).toISOString().slice(11,23)}] [SCAN] ${e}`;console.log(t),nt.push(t)},rt=s(({data:e})=>{const t=ze.poseDetection.connected();e.size>0&&t?(De.current||(De.current=!0,at(`poseStatus listener REGISTERED | id=${we}`),ze.poseDetection.poseStatus(async e=>{if(e&&e.audio&&e.audio.length>0){const t=document.querySelector("#audioElement"),n=e.audio?.split("/").pop(),r=t?.paused,s=t?.src?.split("/").pop()||"empty";at(`poseStatus RECEIVED | status=${e.status} | file=${n} | sid=${e.sid} | id=${we} | sidMatch=${e.sid===we} | counter=${Ne.current} | consecFalse=${Ce.current} | audioPaused=${r} | audioSrc=${s} | audioEl=${t?"found":"NULL"} | lastPlayed=${Se?.audioName?.split("/").pop()??"none"} | skipped=${Se?.no_of_times_skipped??"-"}/${Se?.skipCount??"-"}`),I.capture(`${_}/pose_instruction_received`,{scanID:a,email:y,audio:e.audio,status:e.status,sid:e.sid,counter:Ne.current,consecutiveFalse:Ce.current,type:"body_scan_instruction"}),!0===e.status&&e.sid===we?(Ce.current=0,Ne.current<2?(Ne.current+=1,1!==Ne.current||$e.current?2===Ne.current&&t?.paused?(at(`PLAY good-posture-2 | file=${n}`),x.playAudio(v+e.audio)):2!==Ne.current||t?.paused?at(`SKIP good-posture-1 — brilliantPlayed already | counter=${Ne.current}`):at(`SKIP good-posture-2 — audio still playing | file=${n}`):(at(`PLAY good-posture-1 (brilliant) | file=${n}`),$e.current=!0,x.stopAudio(),await x.playAudio(v+e.audio))):(at(`TRIGGER SPIN | counter=${Ne.current} | file=${n}`),te(e.audio),clearTimeout(ve),ze.poseDetection.disconnect(),De.current=!1,setTimeout(()=>ke.current(),1e3))):!0===e.status&&e.sid!==we?at(`SKIP good-posture — sid MISMATCH | data.sid=${e.sid} | id=${we}`):(Ce.current+=1,Ce.current>=3&&(Ne.current=0,$e.current=!1,at(`RESET counter/brilliant — consecutiveFalse=${Ce.current}`)),!t?.paused||Se&&Se?.audioName===e.audio?t?.paused||Se&&Se?.audioName===e.audio?Se?.audioName===e.audio&&t?.paused?Se&&Se.no_of_times_skipped>=Se.skipCount?(Se.no_of_times_skipped=0,at(`PLAY wrong-posture REPEAT | file=${n}`),x.playAudio(v+e.audio)):(Se&&(Se.no_of_times_skipped+=1),at(`SKIP wrong-posture SAME — skip ${Se?.no_of_times_skipped}/${Se?.skipCount} | file=${n}`)):Se?.audioName!==e.audio||t?.paused||at(`SKIP wrong-posture SAME — audio still playing | file=${n}`):at(`SKIP wrong-posture NEW — audio playing | file=${n}`):(at(`PLAY wrong-posture NEW | file=${n}`),Se={skipCount:2,no_of_times_skipped:0,audioName:e.audio},x.playAudio(v+e.audio)))}})),M?.current&&null!==M.current.getScreenshot()&&ze.poseDetection.videoEmit({image:M.current.getScreenshot()||"",scanId:a})):e.size>0&&!t&&at(`handleDataAvailable — WS DISCONNECTED | id=${we} | poseListenerRegistered=${De.current}`)},[M,a,ze,we,x,_,y]),st=s(async()=>{G(!0),Ae(!0),Re?.(),be.current&&(be.current=!1,k({eventName:"scan started",scanID:a,status:"success",email:y})),m(E()),R(!0),me.current&&await x.playAudio(`${v}StartScan.mp3`),me.current&&await x.playAudio(`${v}LiftArmsAndHoldAtHip.mp3`),me.current&&(G(!1),K(!0),se(!0),ue(!0),Be());try{if(M&&M.current&&M.current.stream&&me.current){const e=M.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();A.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};Te[0]&&(t.mimeType=Te[0]),me.current&&(P.current=new MediaRecorder(M.current.stream,t)),me.current&&P.current&&P.current.addEventListener("dataavailable",rt),le([...ce,rt]),P.current&&P.current.start(1e3),W(!1),me.current&&(ve=setTimeout(Ze,2e3))}}catch(e){console.log("error ----------",e)}},[M,Te,rt,ce,Ze,me,Re]);return o(()=>(_&&(t(!0),Ye()),()=>{const e=we;we=null,e&&(ze.poseDetection.disconnect(),I.capture(`${_}/pose_detection_disconnected`,{scanID:a,email:y,id:e})),ce.forEach(e=>{P?.current?.removeEventListener("dataavailable",e)})}),[_]),o(()=>{X.push(Y)},[Y]),o(()=>{Z([])},[ee]),o(()=>{const e=U.length&&U.length>0;O||!e||V||!me.current||oe||P&&P.current&&(V||P.current.stop())},[O,V,U,oe]),o(()=>{const e=U.length&&U.length>0;if(O&&e&&!V&&P&&P.current&&me.current&&!oe&&!V){const e=new File(U,`${a}.${Ge}`,{type:He});Ve?.(),je?.(!0),c(""),Ue?.(e,A.current)}},[O,V,U,oe,P,me]),o(()=>{Ee.current=st},[st]),o(()=>{const e=T(We,L);Fe(e)},[We]),o(()=>{Ke()},[]),e(fe,{resetDetector:n,resetScan:Ke,loadingCam:z,onPause:Oe,showRestart:re,pause:oe,onReScan:Qe,recordingStarted:V,isScanning:H,startSendingVideoFrames:st,faceDone:B,stopRecording:Je,showPause:de,webcamRef:M,onUserMedia:Be,onUserMediaError:qe,videoConstraints:Me,webcamKey:Le})});function xe({scanID:t,userDetails:n,setIsVideoUploaded:a,setScanFailsError:s,setScanStartTime:i,setScanUniqueKey:c}){const[l,d]=r(90),[m,p]=r(0),[f,h]=r(null),[g,y]=r(!1),[v,w]=r(0),S=u([]),[b,x]=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.gamma*Math.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(S.current=[...S.current.slice(-4),N],S.current.length>=5){const e=Math.max(...S.current)-Math.min(...S.current);w(C&&e<2?e=>Math.min(100,e+10):e=>Math.max(0,e-20))}C||null===f&&!g||I()},[N,C,f,g]),o(()=>{v>=100&&null===f&&!g&&D(),v<50&&null!==f&&I()},[v,f,g]);const D=()=>{h(3);const e=setInterval(()=>{h(t=>null===t||t<=1?(clearInterval(e),y(!0),null):t-1)},1e3)},I=()=>{h(null),b||y(!1)};return e(pe,{angle:N,countdown:f,isScanning:g,isInTargetRange:C,stabilityScore:v,children:g&&e(be,{setIsScanLocked:x,resetDetector:()=>{d(90),p(0),h(null),y(!1),w(0),x(!1),S.current=[]},scanID:t,userDetails:n,setIsVideoUploaded:a,setScanFailsError:s,setScanStartTime:i,setScanUniqueKey:c})})}function Ne({setShowDrawer:t,config:n,loader:a}){const[i,c]=r({disabled:!1,message:""}),[l,d]=r(!0),m=u(null),p=s(async()=>{const e=await _();c(e),d(!1)},[]);return o(()=>{p()},[]),l?e(M,{url:a,loaderType:"black"}):i?.disabled?e(P,{config:n,message:i?.message}):e(te,{audio:!1,ref:m,screenshotQuality:1,videoConstraints:A,mirrored:!0,onUserMedia:()=>t?.(!0),screenshotFormat:"image/jpeg",style:{position:"relative",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}})}function Ce({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:U};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 De({scanFailsError:a,onNext:s,gender:o,setScanUniqueKey:i,setIsVideoUploaded:c}){const{translate:l}=d(m)||{},u=p(),[y,v]=r(!1),w=()=>{v(!y)};return t(n,{children:[t("div",{"data-testid":"scan-error-message",className:"flex common-ui-main 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(f,{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?.(h.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?.(h.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:j(a)}),e("img",{className:"my-[0.5rem] aspect-[2/1.4] w-full object-cover",onClick:w,src:z[o],alt:"icon"})]})}),a&&e("div",{className:"p-[1rem] flex gap-[0.5rem]",children:e(g,{"data-testid":"scan-again-btn",disabled:!1,buttonText:l?.(h.scanAgain),className:"!shadow-none",buttonFunc:()=>{s?s?.():i?.(F()),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(Ce,{link:o?R[o].PRE_LINK:R.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:p,onCustomScanSuccess:y,swan:v}){const{gender:w,shopDomain:S,heightInCm:b,deviceFocalLength:x,userName:N,email:C,scanType:D}=a||{},$=[q,O,W].includes(D??""),[k,E]=r(!0),T=s(async()=>{try{$&&(await(v?.auth.addUser({scanId:n,email:C,name:N,gender:w,height:b})),y?.()),I.capture(S??"",{scanID:n,email:C,height:b,focalLength:x,clothesFit:"0",gender:w})}catch(e){console.log(e)}},[$]),{translate:F}=d(m)||{};o(()=>{(c||l)&&T()},[c,l]);const L=p||c||l;return e(re,{className:"flex h-full w-full flex-col common-ui-main",children:t("div",{className:"h-full w-full flex-col items-center justify-center flex",children:[e(Ne,{loader:i?.loader,setShowDrawer:E}),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(f,{title:F?.(h.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===B.Male?V:K,type:"video/mp4"})})}),L&&e(g,{className:"!w-[180px] mx-auto",buttonText:F?.(h.next),buttonFunc:()=>{u?.()}})]})})})]})})}const $e=()=>{const{userDetails:n,onRetry:a,isError:r,isSuccess:s,gender:o,scanUniqueKey:i,scanFailsError:c,setScanUniqueKey:l,setIsVideoUploaded:u,isMeasurementAvailable:m,isVideoUploadedCorrect:f,loading:h,showDeniedModal:g,uploadLoading:y,setScanFailsError:v,setScanStartTime:w,resetScan:b,onCustomScanSuccess:x,swan:N,onComplete:C}=d(S),D=p();return r?t("div",{"data-scan-state":"error",children:[e(Ne,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(De,{scanFailsError:!0,onNext:a,gender:o})})]}):s?e("div",{"data-scan-state":"success",children:e(Ie,{isSuccess:!0,onComplete:C})}):h?e("div",{"data-scan-state":"loading",className:"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center w-full h-full",style:{background:D?.style?.base?.backgroundColor},children:e(M,{url:D?.loader,loaderType:"black"})}):g.disabled?e("div",{"data-scan-state":"camera-denied",children:e(P,{})}):y||c||m||f?(y||m||f)&&!c?e("div",{"data-scan-state":"processing",children:e(Ie,{scanId:i,isMeasurementAvailable:m,userDetails:n,isVideoUploadedCorrect:f,onCustomScanSuccess:x,swan:N,onComplete:C})}):t("div",{"data-scan-state":"error-retry",children:[e(Ne,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(De,{scanFailsError:c,onNext:()=>{a?.(),b()},setScanUniqueKey:l,gender:o,setIsVideoUploaded:u})})]}):e("div",{"data-scan-state":"scanning",children:e(xe,{scanID:i,userDetails:n,setIsVideoUploaded:u,setScanFailsError:v,setScanStartTime:w,setScanUniqueKey:l})})},ke=t=>{const{config:n,onRetry:a,onScanStart:i,onCaptureComplete:c,onUploadStart:d,onUploadEnd:u,onMeasurementSocketStart:m,onMeasurementSocketClose:p,onIntermediateScanSuccess:f,onScanError:h,onScanSuccess:g,onCustomScanSuccess:y,onComplete:v,isError:w,isSuccess:b}=t,x={email:"",shopDomain:"",gender:"male",heightInCm:0,scanType:"",deviceFocalLength:0,deviceModelName:"",sourceTag:"",callbackUrl:null,...t.userDetails??{}},N=t.token??"",{gender:C,scanType:D,shopDomain:I,heightInCm:$,email:T,deviceFocalLength:L,deviceModelName:M,callbackUrl:P,sourceTag:A}=x,U=l(()=>H(N),[N]),[z,R]=r(!1),[V,K]=r(!1),[B,q]=r(!1),[O,W]=r({disabled:!1,message:""}),[ee,te]=r(""),[ne,ae]=r(!1),[re,se]=r(!0),[oe,ie]=r(!1),[ce,le]=r(""),[de,me]=r(E()),{gyroData:pe}=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}}(oe);G();const fe=s(()=>{le(F()),te(""),R(!1),ae(!1)},[]),he=()=>{me(null),le("")},ge=s(async e=>{if(e&&"success"===e?.scanStatus&&"intermediate"===e?.resultType&&200===e?.code)return k({eventName:`${I}/measurement_success/intermediate`,scanID:ce,status:"success",email:T}),K(!0),void f?.(e);g?.(e),K(!0),he();const t=ce;q(!0),k({eventName:`${I}/measurement_success/fit-view`,scanID:t,status:"success",email:T}),de&&k({eventName:`${I}/scan_completion_time`,scanID:t,status:"success",completionTime:E()-de,email:T})},[D,I,ce]),ye=e=>{q(!1),te(""),K(!1),U.measurement.handleMeasurementSocket({scanId:ce,onPreopen:()=>{Z({eventName:`${I}/webSocket`,scanID:ce,connection:"pre_open",type:"measurement_recommendation",email:T})},onOpen:()=>{m?.(),Z({eventName:`${I}/webSocket`,scanID:ce,connection:"open",type:"measurement_recommendation",email:T})},onClose:()=>{p?.(),Z({eventName:`${I}/webSocket`,scanID:ce,connection:"close",type:"measurement_recommendation",email:T})},onError:e=>{var t;t=e,h?.({...t,message:j(t)}),he(),q(!1),te(t),K(!1),k({eventName:`${I}/measurement_failed/fit-view`,scanID:ce,status:"failed",email:T,message:j(t)}),de&&k({eventName:`${I}/scan_completion_time`,scanID:ce,status:"failed",completionTime:E()-de,email:T}),Z({eventName:`${I}/webSocket`,scanID:ce,connection:"error",type:"measurement_recommendation",email:T})},onSuccess:e=>{Z({eventName:`${I}/webSocket`,scanID:ce,connection:"success",type:"measurement_recommendation",email:T}),ge(e)}})},ve=s(async(e,t)=>{const n=Number((e.size/1048576).toFixed(2)),a=null!=t?t:await J(e),r=Y({gender:C,focal_length:`${L}`,height:`${$}`,customer_store_url:I,clothes_fit:"0",scan_type:D,callback_url:P,source_tag:A});k({eventName:`${I}/body_scan_meta_data`,scanID:ce,email:T,data:JSON.stringify([...r,{fileSizeInMB:n,video_fps:a||0}])}),d?.();try{await U.fileUpload.uploadFileFrontend({file:e,arrayMetaData:r,scanId:ce,email:T}),await U.fileUpload.setDeviceInfo({model:M,detection:"manual",gyro:pe,scanId:ce}),console.log("video successfully uploaded"),ae(!1),k({eventName:`${I}/scan_success`,scanID:ce,status:"success",email:T,data:JSON.stringify(r)}),k({eventName:"scan finished",scanID:ce,status:"success",email:T}),me(E()),setTimeout(()=>{ae(!0)},3e3)}catch(e){k({eventName:"scan finished",scanID:ce,status:"failed",email:T,message:j(e)}),k({eventName:`${I}/scan_failed`,scanID:ce,status:"failed",email:T,message:j(e),data:JSON.stringify(r)}),te(j(e)),ae(!1),h?.({...e,message:j(e)}),he()}finally{ie(!1),u?.()}},[ce,pe,d,u]),we=s(async()=>{if(+$<152.4||+$>213.36)return void h?.({message:"Height must be between 152.4cm (5ft) and 213.36cm (7ft)"});const e=await _();e.disabled?(k({eventName:`${I}/camera_activation`,scanID:ce,status:"failed",email:T}),se(!1)):(se(!1),k({eventName:`${I}/camera_activation`,scanID:ce,status:"success",email:T})),W(e),te(""),ae(!1)},[T,ce,le,I]);return o(()=>{w||b||I&&we()},[I,$,w,b]),o(()=>{w||b||ne&&I&&ce&&ye()},[ne,I,ce,w,b]),e("div",{"data-testid":"body-scan-root",children:e(Q,{children:e(X,{config:n,children:e(ue,{children:e(S.Provider,{value:{userDetails:x,onRetry:a,onScanError:h,isError:w,isSuccess:b,onScanSuccess:g,gender:C,scanUniqueKey:ce,scanFailsError:ee,setScanUniqueKey:le,setIsVideoUploaded:ae,isMeasurementAvailable:B,isVideoUploadedCorrect:V,loading:re,showDeniedModal:O,uploadLoading:z,setStartGyro:ie,uploadScanFile:ve,setUploadLoading:R,resetScan:fe,setScanFailsError:te,setScanStartTime:me,onScanStart:i,onCaptureComplete:c,onCustomScanSuccess:y,onComplete:v,swan:U},children:e($e,{})})})})})})};export{ke as B};
2
- //# sourceMappingURL=BodyScan-CH-_x55M.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("react"),s=require("./Modal-HTYYx7sM.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 p=t.useMemo(()=>({size:n,setSize:a,clearInputs:r,setClearInputs:o,media:m}),[n,r,m]);return e.jsx(d.Provider,{value:p,children:s})}var p=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/100*116)}, ${Math.round(255-e/100*163)}, ${Math.round(255-e/100*9)})`},[o,m]),h=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`,[]),g=t.useCallback((e=!1)=>{const t=m();return o?`text-[${d?.style?.angleDetector?.successAngleTextLightColor}]`:h(e,t)},[o,m]),x=t.useCallback((e,t)=>t>70||e?d?.style?.angleDetector?.successAngleTextLightColor:d?.style?.angleDetector?.successAngleTextDarkColor,[]),v=t.useCallback((e=!1)=>{const t=m();return o?d?.style?.angleDetector?.successAngleTextLightColor:x(e,t)},[o,m]),S=r;function y(){document.documentElement.style.setProperty("--real-vh",window.innerHeight+"px")}return y(),window.addEventListener("resize",y),e.jsxs("div",{className:"flex common-ui-main 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},"data-testid":"level-screen","data-angle-state":o?"locked":c?"target":"adjusting",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 ${v()}`},children:e.jsx("div",{className:`text-[3rem] font-bold text-[${v()}]`,style:{fontFamily:d?.style?.base?.baseFontFamily||"Inter, sans-serif",color:v()},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 ${v()}`},children:[e.jsx("div",{className:`h-[1rem] w-[1rem] rounded-[9999px] bg-[${v()}]/80`,style:{backgroundColor:`${v()}B3`}}),e.jsxs("div",{className:n("mt-[.5rem] text-center w-[180px] flex-col flex items-center absolute top-[60px]",g()),style:{color:v()},children:[e.jsx(p,{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",g()),style:{fontFamily:d?.style?.base?.baseFontFamily||"Inter, sans-serif",color:v()},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-[${v()}]/20 rounded-[9999px] overflow-hidden`,style:{backgroundColor:`${v()}33`},children:e.jsx("div",{className:`h-full bg-[${v()}]/70 transition-all duration-300 rounded-[9999px]`,style:{width:`${a}%`,backgroundColor:`${v()}B3`}})})}),null===S&&!o&&e.jsx("div",{className:"absolute bottom-[5rem] text-center",children:e.jsxs("div",{className:n("text-[1.5rem] font-light",g()),style:{color:v()},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",g()),style:{fontFamily:d?.style?.base?.baseFontFamily||"Inter, sans-serif",color:v()},children:u?.(s.LanguageKeys.placePhoneUpright)})})]})});function h({resetScan:n,loadingCam:o,onUserMedia:c,onPause:i,pause:l,recordingStarted:m,startSendingVideoFrames:p,showPause:f,webcamRef:h,onUserMediaError:g,resetDetector:x,videoConstraints:v,webcamKey:S,faceDone:y,isScanning:b}){const{media:C}=t.useContext(d)||{},{translate:w}=t.useContext(s.LanguageContext)||{};return e.jsxs("div",{className:"App w-screen h-[100vh] relative common-ui-main","data-testid":"camera-scan","data-scan-phase":y?"spinning":m?"pose-detecting":b?"starting":"ready",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:C===u&&e.jsx(a,{audio:!1,ref:h,screenshotQuality:1,videoConstraints:v,mirrored:!0,screenshotFormat:"image/jpeg",onUserMedia:c,onUserMediaError:g,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:w?.(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:w?.(s.LanguageKeys.restart),buttonFunc:n,btnSecondary:!0})}):m?null:e.jsx(s.SpecificButton,{"data-testid":"start-scan-btn",className:"!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] "+(o?"!opacity-50":""),buttonText:w?.(s.LanguageKeys.startScan),buttonFunc:p,disabled:o})]}),e.jsx("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:`${s.voiceOverAssetsPath}scanAudioInstructions/silence.mp3`})]})}let g=null,x=null,v=null;let S,y=null,b=null;var C=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:p,shopDomain:f}=u,C=t.useRef(null),w=t.useRef(null),j=t.useRef(null),[k,N]=t.useState([]),[E,D]=t.useState(!0),[T,I]=t.useState(!1),[L,F]=t.useState(!1),[M,_]=t.useState(!0),[P,A]=t.useState(!1),R=t.useRef(null),[$,U]=t.useState(""),[O,z]=t.useState([]),[K,B]=t.useState(""),[q,V]=t.useState(!1),[W,H]=t.useState(!1),[G,J]=t.useState(!1),[X,Q]=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-Bc8T4UAD.js")}),import("@tensorflow/tfjs-core"),import("@tensorflow/tfjs-backend-webgl")]);v=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 v.createDetector(v.SupportedModels.BlazePose,n),console.log("MediaPipe detector created successfully")}catch(e){console.warn("MediaPipe failed, falling back to TFJS runtime:",e),x=await v.createDetector(v.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),g=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 g||(g=u()),g.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||g||(g=u(),await g&&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(!1),ie=t.useRef(!1),le=t.useRef(()=>{}),[ue,de]=t.useState([]),[me,pe]=t.useState(0),[fe,he]=t.useState(s.videoConstraintsExact),{setStartGyro:ge,uploadScanFile:xe,setUploadLoading:ve,swan:Se,onScanStart:ye,onCaptureComplete:be}=t.useContext(s.ParamsContext),Ce=()=>{ne.current=!1,clearTimeout(S),R.current&&clearTimeout(R.current),l(s.generateUuid()),c(""),ve?.(!1),N([]),j.current=null,D(!0),I(!1),F(!1),_(!0),A(!1),R.current=null,U(""),z([]),B(""),V(!q),ge(!1),s.speechService.stopAudio(),H(!1),J(!1),ae.current=0,re.current=0,oe.current=!1,ie.current=!1,null!==w.current&&w.current.stop(),X.forEach(e=>{w.current&&w.current.removeEventListener("dataavailable",e)}),Q([]),ee.current=!0,Z(!1),o(!1),C.current?.stream&&D(!1)},we=t.useCallback(()=>{setTimeout(()=>{D(!1)},1e3)},[]),je=t.useCallback(e=>{if(console.log("camera error",e),fe===s.videoConstraintsExact)return he(s.videoConstraintsFallback),void pe(e=>e+1);D(!1)},[fe]),ke=t.useCallback(()=>{ee.current=!1,J(!0),Z(!1),R.current&&clearTimeout(R.current),w.current&&w.current.pause(),s.speechService.stopAudio(),Se.poseDetection.disconnect(),ae.current=0,re.current=0,oe.current=!1,ie.current=!1,w.current&&w.current.stop(),X.forEach(e=>{w.current&&w.current.removeEventListener("dataavailable",e)}),Q([]),clearTimeout(S)},[w,X,s.speechService,ee]),Ne=t.useMemo(()=>s.getPreferredMediaRecorderTypes(),[]),Ee=s.getRecordingMimeType(ue),De=s.getRecordingExtension(Ee),Te=t.useCallback(async()=>{ee.current=!0,await s.speechService.playAudio(`${s.voiceOverAssetsPath}SpotOn.mp3`),J(!1),Z(!1),R.current&&clearTimeout(R.current),I(!1)},[R,s.speechService]),Ie=t.useCallback(async()=>{if(!ce.current&&!y){ce.current=!0;try{y=await Se.poseDetection.connect(),console.log(y,"websocket connected"),s.posthog.capture(`${f}/pose_detection_connected`,{scanID:r,email:p,id:y})}catch(e){console.log(e,"while connecting websocket")}finally{ce.current=!1}}},[r,f,p]),Le=t.useCallback(async()=>{s.rescanSupportCaptureEvent({eventName:`${f}/rescan`,email:p,scanID:r,height:m,gender:d,status:!1}),ee.current=!1,Se.poseDetection.disconnect(),y=null,Ce(),await Ie(),Re()},[Ie,r,p]),Fe=t.useCallback(({data:e})=>{e&&e.size>0&&ee.current&&(N(t=>t.concat(e)),!ne.current&&C.current&&(ne.current=!0,te(()=>{Te(),s.handleScanTimeCapture({eventName:`${f}/tensorFlow`,scanID:r,email:p,message:"recording stopped by tensorflow "})},C)))},[Te,s.handleScanTimeCapture,f,r,p,C]),Me=t.useCallback(async()=>{O.length>0&&ee.current&&(await s.speechService.playAudio(s.voiceOverAssetsPath+O[O.length-1]),ee.current&&(S=setTimeout(Me,2e3)))},[O,ee]),_e=t.useCallback(()=>{w&&w.current&&w.current.stop(),I(!0);try{if(C&&C.current&&C.current.stream){const e=C.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();j.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};ue[0]&&(t.mimeType=ue[0]),w.current=new MediaRecorder(C.current.stream,t),w.current.addEventListener("dataavailable",Fe),w.current.addEventListener("stop",()=>{console.log("[FIX] MediaRecorder stop event — all chunks flushed, setting mediaRecorderStopped=true"),_(!0)}),Q([...X,Fe]),w.current.start(1e3),_(!1)}}catch(e){console.log("error while using media recorder",e)}},[C,ue,Fe,X]),Pe=t.useCallback(async()=>{R.current&&clearTimeout(R.current),_e(),ee.current&&(R.current=setTimeout(async()=>{ee.current&&(await s.speechService.playAudio(`${s.voiceOverAssetsPath}SpotOn.mp3`),I(!1))},15e3)),F(!0),ee.current&&await s.speechService.playAudio(`${s.voiceOverAssetsPath}Spin.mp3`)},[_e,ee,s.speechService]);t.useEffect(()=>{le.current=Pe},[Pe]);const Ae=t.useCallback(({data:e})=>{e.size>0&&Se.poseDetection.connected()&&(oe.current||(oe.current=!0,Se.poseDetection.poseStatus(async e=>{if(console.log("poseStatus data:",e),e&&e.audio&&e.audio.length>0){s.posthog.capture(`${f}/pose_instruction_received`,{scanID:r,email:p,audio:e.audio,status:e.status,sid:e.sid,counter:ae.current,consecutiveFalse:re.current,type:"body_scan_instruction"});const t=document.querySelector("#audioElement");!0===e.status&&e.sid===y?(re.current=0,ae.current<2?(ae.current+=1,1!==ae.current||ie.current?2===ae.current&&t?.paused&&s.speechService.playAudio(s.voiceOverAssetsPath+e.audio):(ie.current=!0,s.speechService.stopAudio(),await s.speechService.playAudio(s.voiceOverAssetsPath+e.audio))):(B(e.audio),clearTimeout(S),Se.poseDetection.disconnect(),oe.current=!1,setTimeout(()=>le.current(),1e3))):(re.current+=1,re.current>=3&&(ae.current=0,ie.current=!1),!t?.paused||b&&b?.audioName===e.audio?b?.audioName===e.audio&&t?.paused&&(b&&b.no_of_times_skipped>=b.skipCount?(b.no_of_times_skipped=0,s.speechService.playAudio(s.voiceOverAssetsPath+e.audio)):b&&(b.no_of_times_skipped+=1)):(b={skipCount:2,no_of_times_skipped:0,audioName:e.audio},s.speechService.playAudio(s.voiceOverAssetsPath+e.audio)))}})),C?.current&&null!==C.current.getScreenshot()&&Se.poseDetection.videoEmit({image:C.current.getScreenshot()||"",scanId:r}))},[C,r,Se,y,s.speechService,f,p]),Re=t.useCallback(async()=>{A(!0),ge(!0),ye?.(),se.current&&(se.current=!1,s.handleScanTimeCapture({eventName:"scan started",scanID:r,status:"success",email:p})),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&&(A(!1),I(!0),H(!0),Z(!0),we());try{if(C&&C.current&&C.current.stream&&ee.current){const e=C.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();j.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};ue[0]&&(t.mimeType=ue[0]),ee.current&&(w.current=new MediaRecorder(C.current.stream,t)),ee.current&&w.current&&w.current.addEventListener("dataavailable",Ae),Q([...X,Ae]),w.current&&w.current.start(1e3),_(!1),ee.current&&(S=setTimeout(Me,2e3))}}catch(e){console.log("error ----------",e)}},[C,ue,Ae,X,Me,ee,ye]);return t.useEffect(()=>(f&&(n(!0),Ie()),()=>{const e=y;y=null,e&&(Se.poseDetection.disconnect(),s.posthog.capture(`${f}/pose_detection_disconnected`,{scanID:r,email:p,id:e})),X.forEach(e=>{w?.current?.removeEventListener("dataavailable",e)})}),[f]),t.useEffect(()=>{O.push($)},[$]),t.useEffect(()=>{z([])},[K]),t.useEffect(()=>{const e=k.length&&k.length>0;M||!e||T||!ee.current||G||w&&w.current&&(T||w.current.stop())},[M,T,k,G]),t.useEffect(()=>{const e=k.length&&k.length>0;if(M&&e&&!T){if(w&&w.current&&ee.current&&!G&&!T){const e=new File(k,`${r}.${De}`,{type:Ee});console.log("[FIX] Upload triggered — file size:",(e.size/1024).toFixed(1)+"KB, chunks:",k.length),be?.(),ve?.(!0),c(""),xe?.(e,j.current)}}else console.log("No video found to upload.")},[M,T,k,G,w,ee]),t.useEffect(()=>{const e=s.getSupportedMediaRecorderTypes(Ne,s.videoTypes);de(e)},[Ne]),t.useEffect(()=>{Ce()},[]),e.jsx(h,{resetDetector:a,resetScan:Ce,loadingCam:E,onPause:ke,showRestart:W,pause:G,onReScan:Le,recordingStarted:T,isScanning:P,startSendingVideoFrames:Re,faceDone:L,stopRecording:Te,showPause:Y,webcamRef:C,onUserMedia:we,onUserMediaError:je,videoConstraints:fe,webcamKey:me})});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,p]=t.useState(null),[h,g]=t.useState(!1),[x,v]=t.useState(0),S=t.useRef([]),[y,b]=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.gamma*Math.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);v(j&&e<2?e=>Math.min(100,e+10):e=>Math.max(0,e-20))}j||null===m&&!h||N()},[w,j,m,h]),t.useEffect(()=>{x>=100&&null===m&&!h&&k(),x<50&&null!==m&&N()},[x,m,h]);const k=()=>{p(3);const e=setInterval(()=>{p(t=>null===t||t<=1?(clearInterval(e),g(!0),null):t-1)},1e3)},N=()=>{p(null),y||g(!1)};return e.jsx(f,{angle:w,countdown:m,isScanning:h,isInTargetRange:j,stabilityScore:x,children:h&&e.jsx(C,{setIsScanLocked:b,resetDetector:()=>{l(90),d(0),p(null),g(!1),v(0),b(!1),S.current=[]},scanID:s,userDetails:n,setIsVideoUploaded:a,setScanFailsError:r,setScanStartTime:o,setScanUniqueKey:c})})}function j({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(s.Modal,{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 N({scanFailsError:n,onNext:a,gender:c,setScanUniqueKey:i,setIsVideoUploaded:l}){const{translate:u}=t.useContext(s.LanguageContext)||{},d=s.useConfig(),[m,p]=t.useState(!1),f=()=>{p(!m)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{"data-testid":"scan-error-message",className:"flex common-ui-main 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,{"data-testid":"scan-again-btn",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 E({scanId:n,userDetails:a,config:r,isVideoUploadedCorrect:c,isMeasurementAvailable:i,onComplete:l,isSuccess:u,onCustomScanSuccess:d,swan:m}){const{gender:p,shopDomain:f,heightInCm:h,deviceFocalLength:g,userName:x,email:v,scanType:S}=a||{},y=[s.CLOTHING_CUSTOM_SCAN,s.CLOTHING_BANNER_SCAN,s.CLOTHING_CUSTOM_FIT_SCAN].includes(S??""),[b,C]=t.useState(!0),w=t.useCallback(async()=>{try{y&&(await(m?.auth.addUser({scanId:n,email:v,name:x,gender:p,height:h})),d?.()),s.posthog.capture(f??"",{scanID:n,email:v,height:h,focalLength:g,clothesFit:"0",gender:p})}catch(e){console.log(e)}},[y]),{translate:k}=t.useContext(s.LanguageContext)||{};t.useEffect(()=>{(c||i)&&w()},[c,i]);const N=u||c||i;return e.jsx(o.Box,{className:"flex h-full w-full flex-col common-ui-main",children:e.jsxs("div",{className:"h-full w-full flex-col items-center justify-center flex",children:[e.jsx(j,{loader:r?.loader,setShowDrawer:C}),e.jsx(o.Drawer,{open:b,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:k?.(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:p===s.GenderType.Male?s.maleMeasurementProgress:s.measurementProgress,type:"video/mp4"})})}),N&&e.jsx(s.SpecificButton,{className:"!w-[180px] mx-auto",buttonText:k?.(s.LanguageKeys.next),buttonFunc:()=>{l?.()}})]})})})]})})}const D=()=>{const{userDetails:n,onRetry:a,isError:r,isSuccess:c,gender:i,scanUniqueKey:l,scanFailsError:u,setScanUniqueKey:d,setIsVideoUploaded:m,isMeasurementAvailable:p,isVideoUploadedCorrect:f,loading:h,showDeniedModal:g,uploadLoading:x,setScanFailsError:v,setScanStartTime:S,resetScan:y,onCustomScanSuccess:b,swan:C,onComplete:k}=t.useContext(s.ParamsContext),D=s.useConfig();return r?e.jsxs("div",{"data-scan-state":"error",children:[e.jsx(j,{}),e.jsx(o.Drawer,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e.jsx(N,{scanFailsError:!0,onNext:a,gender:i})})]}):c?e.jsx("div",{"data-scan-state":"success",children:e.jsx(E,{isSuccess:!0,onComplete:k})}):h?e.jsx("div",{"data-scan-state":"loading",className:"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center w-full h-full",style:{background:D?.style?.base?.backgroundColor},children:e.jsx(s.LoadingScreen,{url:D?.loader,loaderType:"black"})}):g.disabled?e.jsx("div",{"data-scan-state":"camera-denied",children:e.jsx(s.Modal,{})}):x||u||p||f?(x||p||f)&&!u?e.jsx("div",{"data-scan-state":"processing",children:e.jsx(E,{scanId:l,isMeasurementAvailable:p,userDetails:n,isVideoUploadedCorrect:f,onCustomScanSuccess:b,swan:C,onComplete:k})}):e.jsxs("div",{"data-scan-state":"error-retry",children:[e.jsx(j,{}),e.jsx(o.Drawer,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e.jsx(N,{scanFailsError:u,onNext:()=>{a?.(),y()},setScanUniqueKey:d,gender:i,setIsVideoUploaded:m})})]}):e.jsx("div",{"data-scan-state":"scanning",children:e.jsx(w,{scanID:l,userDetails:n,setIsVideoUploaded:m,setScanFailsError:v,setScanStartTime:S,setScanUniqueKey:d})})};exports.BodyScan=n=>{const{config:a,onRetry:r,onScanStart:o,onCaptureComplete:c,onUploadStart:i,onUploadEnd:l,onMeasurementSocketStart:u,onMeasurementSocketClose:d,onIntermediateScanSuccess:p,onScanError:f,onScanSuccess:h,onCustomScanSuccess:g,onComplete:x,isError:v,isSuccess:S}=n,y={email:"",shopDomain:"",gender:"male",heightInCm:0,scanType:"",deviceFocalLength:0,deviceModelName:"",sourceTag:"",callbackUrl:null,...n.userDetails??{}},b=n.token??"",{gender:C,scanType:w,shopDomain:j,heightInCm:k,email:N,deviceFocalLength:E,deviceModelName:T,callbackUrl:I,sourceTag:L}=y,F=t.useMemo(()=>s.getSwanService(b),[b]),[M,_]=t.useState(!1),[P,A]=t.useState(!1),[R,$]=t.useState(!1),[U,O]=t.useState({disabled:!1,message:""}),[z,K]=t.useState(""),[B,q]=t.useState(!1),[V,W]=t.useState(!0),[H,G]=t.useState(!1),[J,X]=t.useState(""),[Q,Y]=t.useState(s.getCurrentTimeInSeconds()),{gyroData:Z}=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}}(H);s.usePosthogPageview();const ee=t.useCallback(()=>{X(s.generateUuid()),K(""),_(!1),q(!1)},[]),te=()=>{Y(null),X("")},se=t.useCallback(async e=>{if(e&&"success"===e?.scanStatus&&"intermediate"===e?.resultType&&200===e?.code)return s.handleScanTimeCapture({eventName:`${j}/measurement_success/intermediate`,scanID:J,status:"success",email:N}),A(!0),void p?.(e);h?.(e),A(!0),te();const t=J;$(!0),s.handleScanTimeCapture({eventName:`${j}/measurement_success/fit-view`,scanID:t,status:"success",email:N}),Q&&s.handleScanTimeCapture({eventName:`${j}/scan_completion_time`,scanID:t,status:"success",completionTime:s.getCurrentTimeInSeconds()-Q,email:N})},[w,j,J]),ne=e=>{$(!1),K(""),A(!1),F.measurement.handleMeasurementSocket({scanId:J,onPreopen:()=>{s.handleWebSocketCapture({eventName:`${j}/webSocket`,scanID:J,connection:"pre_open",type:"measurement_recommendation",email:N})},onOpen:()=>{u?.(),s.handleWebSocketCapture({eventName:`${j}/webSocket`,scanID:J,connection:"open",type:"measurement_recommendation",email:N})},onClose:()=>{d?.(),s.handleWebSocketCapture({eventName:`${j}/webSocket`,scanID:J,connection:"close",type:"measurement_recommendation",email:N})},onError:e=>{var t;t=e,f?.({...t,message:s.handleErrorMessage(t)}),te(),$(!1),K(t),A(!1),s.handleScanTimeCapture({eventName:`${j}/measurement_failed/fit-view`,scanID:J,status:"failed",email:N,message:s.handleErrorMessage(t)}),Q&&s.handleScanTimeCapture({eventName:`${j}/scan_completion_time`,scanID:J,status:"failed",completionTime:s.getCurrentTimeInSeconds()-Q,email:N}),s.handleWebSocketCapture({eventName:`${j}/webSocket`,scanID:J,connection:"error",type:"measurement_recommendation",email:N})},onSuccess:e=>{s.handleWebSocketCapture({eventName:`${j}/webSocket`,scanID:J,connection:"success",type:"measurement_recommendation",email:N}),se(e)}})},ae=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:`${E}`,height:`${k}`,customer_store_url:j,clothes_fit:"0",scan_type:w,callback_url:I,source_tag:L});s.handleScanTimeCapture({eventName:`${j}/body_scan_meta_data`,scanID:J,email:N,data:JSON.stringify([...r,{fileSizeInMB:n,video_fps:a||0}])}),i?.();try{await F.fileUpload.uploadFileFrontend({file:e,arrayMetaData:r,scanId:J,email:N}),await F.fileUpload.setDeviceInfo({model:T,detection:"manual",gyro:Z,scanId:J}),console.log("video successfully uploaded"),q(!1),s.handleScanTimeCapture({eventName:`${j}/scan_success`,scanID:J,status:"success",email:N,data:JSON.stringify(r)}),s.handleScanTimeCapture({eventName:"scan finished",scanID:J,status:"success",email:N}),Y(s.getCurrentTimeInSeconds()),setTimeout(()=>{q(!0)},3e3)}catch(e){s.handleScanTimeCapture({eventName:"scan finished",scanID:J,status:"failed",email:N,message:s.handleErrorMessage(e)}),s.handleScanTimeCapture({eventName:`${j}/scan_failed`,scanID:J,status:"failed",email:N,message:s.handleErrorMessage(e),data:JSON.stringify(r)}),K(s.handleErrorMessage(e)),q(!1),f?.({...e,message:s.handleErrorMessage(e)}),te()}finally{G(!1),l?.()}},[J,Z,i,l]),re=t.useCallback(async()=>{if(+k<152.4||+k>213.36)return void f?.({message:"Height must be between 152.4cm (5ft) and 213.36cm (7ft)"});const e=await s.checkCameraPermission();e.disabled?(s.handleScanTimeCapture({eventName:`${j}/camera_activation`,scanID:J,status:"failed",email:N}),W(!1)):(W(!1),s.handleScanTimeCapture({eventName:`${j}/camera_activation`,scanID:J,status:"success",email:N})),O(e),K(""),q(!1)},[N,J,X,j]);return t.useEffect(()=>{v||S||j&&re()},[j,k,v,S]),t.useEffect(()=>{v||S||B&&j&&J&&ne()},[B,j,J,v,S]),e.jsx("div",{"data-testid":"body-scan-root",children:e.jsx(s.LanguageContextProvider,{children:e.jsx(s.ConfigProvider,{config:a,children:e.jsx(m,{children:e.jsx(s.ParamsContext.Provider,{value:{userDetails:y,onRetry:r,onScanError:f,isError:v,isSuccess:S,onScanSuccess:h,gender:C,scanUniqueKey:J,scanFailsError:z,setScanUniqueKey:X,setIsVideoUploaded:q,isMeasurementAvailable:R,isVideoUploadedCorrect:P,loading:V,showDeniedModal:U,uploadLoading:M,setStartGyro:G,uploadScanFile:ae,setUploadLoading:_,resetScan:ee,setScanFailsError:K,setScanStartTime:Y,onScanStart:o,onCaptureComplete:c,onCustomScanSuccess:g,onComplete:x,swan:F},children:e.jsx(D,{})})})})})})};
2
- //# sourceMappingURL=BodyScan-CKH_WyTt.js.map
@@ -1,2 +0,0 @@
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 c,useLayoutEffect as i,useMemo as l,useContext as d,useRef as u}from"react";import{L as m,u as p,H as f,b as h,S as g,z as y,a as v,i as w,P as x,o as b,s as S,j as C,k as N,l as D,p as I,A as k,x as F,B as T,q as E,f as L,r as M,D as _,c as $,M as U,v as j,E as A,I as P,V as z,J as V,K as R,N as B,G as q,O as K,Q as O,R as W,h as H,n as J,w as G,T as Q,t as Y,C as X,y as Z}from"./Modal-CB_MHF7l.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 ce="DESKTOP",ie="TAB",le="MOBILE",de=c(void 0);function ue({children:t}){const[n,a]=r([window?.innerWidth,window?.innerHeight]),[s,c]=r(!1),d=()=>{a([window?.innerWidth,window?.innerHeight])};o(()=>{d()},[]),i(()=>(window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)),[d]);let u=ce;n[0]>768&&n[0]<1024&&(u=ie),n[0]<768&&(u=le);const m=l(()=>({size:n,setSize:a,clearInputs:s,setClearInputs:c,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 pe=a.memo(function({angle:n,countdown:a,isScanning:r,isInTargetRange:o,stabilityScore:c,children:i}){const{translate:u}=d(m)||{},g=p(),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/100*116)}, ${Math.round(255-e/100*163)}, ${Math.round(255-e/100*9)})`},[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]),C=a;function N(){document.documentElement.style.setProperty("--real-vh",window.innerHeight+"px")}return N(),window.addEventListener("resize",N),t("div",{className:"flex common-ui-main 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},"data-testid":"level-screen","data-angle-state":r?"locked":o?"target":"adjusting",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(f,{noTitle:!0})})}),null!==C?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:C})}):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"})}),i]}:{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?.(h.startLevelCheck),e("br",{})]})]})]}),null!==C&&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?.(h.leavePhone)})}),o&&null===C&&!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===C&&!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===C&&!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?.(h.placePhoneUpright)})})]})});function fe({resetScan:n,loadingCam:a,onUserMedia:r,onPause:s,pause:o,onReScan:c,recordingStarted:i,startSendingVideoFrames:l,showPause:u,webcamRef:p,onUserMediaError:f,resetDetector:w,videoConstraints:x,webcamKey:b,faceDone:S,isScanning:C}){const{media:N}=d(de)||{},{translate:D}=d(m)||{};return t("div",{className:"App w-screen h-[100vh] relative common-ui-main","data-testid":"camera-scan","data-scan-phase":S?"spinning":i?"pose-detecting":C?"starting":"ready",children:[e("span",{onClick:()=>{n(),w()},className:"fixed right-[20px] top-[20px] z-[999]",children:e(ne,{className:"text-[#fff]"})}),e("div",{className:"w-full h-full overflow-hidden ",children:N===le&&e(te,{audio:!1,ref:p,screenshotQuality:1,videoConstraints:x,mirrored:!0,screenshotFormat:"image/jpeg",onUserMedia:r,onUserMediaError:f,style:{position:"fixed",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}},b)}),t("div",{className:"fixed bottom-[30px] w-full z-[999] flex flex-col gap-4 items-center justify-center",children:[u&&e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto ",prefix:y,buttonText:D?.(h.pause),buttonFunc:s,btnSecondary:!0}),o?e("div",{children:e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto",buttonText:D?.(h.restart),buttonFunc:c,btnSecondary:!0})}):i?null:e(g,{"data-testid":"start-scan-btn",className:"!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] "+(a?"!opacity-50":""),buttonText:D?.(h.startScan),buttonFunc:l,disabled:a})]}),e("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:`${v}scanAudioInstructions/silence.mp3`})]})}let he=null,ge=null,ye=null;let ve,we=null,xe=null;var be=a.memo(function({setIsScanLocked:t,resetDetector:n,scanID:a,setIsVideoUploaded:c,setScanFailsError:i,setScanStartTime:m,setScanUniqueKey:p,userDetails:f}){const{gender:h,heightInCm:g,email:y,shopDomain:_}=f,$=u(null),U=u(null),j=u(null),[A,P]=r([]),[z,V]=r(!0),[R,B]=r(!1),[q,K]=r(!1),[O,W]=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,ce]=r(!1),[ie,le]=r([]),[de,ue]=r(!1),me=u(!0),{poseDetector:pe}=function(){const[e,t]=r(0),[n,a]=r(0),[s,c]=r(!1),i=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-DejsYGYM.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),he=null,!1}}function p(e){return!(!e||0===e.length)&&22===e.filter(e=>e[2]>.7).length}return o(()=>{if(d.current=!0,!ge)return he||(he=m()),he.then(e=>{e&&d.current&&c(!0)}),()=>{d.current=!1};c(!0)},[]),o(()=>{l.current=e,e>6&&i.current<2&&(a(e=>e+1),t(0))},[e]),o(()=>{i.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!==i.current||p(r)||t(e=>e+1),1===i.current&&p(r)&&t(e=>e+1),2===i.current&&e()}catch(e){console.error("Pose detection error:",e)}},isLoaded:s,spinPhase:n,resetDetector:()=>{i.current=0,l.current=0,t(0),a(0)},retryLoading:async()=>{ge||he||(he=m(),await he&&d.current&&c(!0))}}}(),be=u(!0),Se=u(!1),Ce=u(0),Ne=u(0),De=u(!1),Ie=u(!1),ke=u(!1),Fe=u(()=>{}),Te=u(()=>{}),[Ee,Le]=r([]),[Me,_e]=r(0),[$e,Ue]=r(w),{setStartGyro:je,uploadScanFile:Ae,setUploadLoading:Pe,swan:ze,onScanStart:Ve,onCaptureComplete:Re}=d(x),Be=()=>{Se.current=!1,clearTimeout(ve),G.current&&clearTimeout(G.current),p(L()),i(""),Pe?.(!1),P([]),j.current=null,V(!0),B(!1),K(!1),W(!0),J(!1),G.current=null,Y(""),Z([]),te(""),ae(!ne),je(!1),S.stopAudio(),se(!1),ce(!1),Ce.current=0,Ne.current=0,De.current=!1,ke.current=!1,null!==U.current&&U.current.stop(),ie.forEach(e=>{U.current&&U.current.removeEventListener("dataavailable",e)}),le([]),me.current=!0,ue(!1),c(!1),$.current?.stream&&V(!1)},qe=s(()=>{setTimeout(()=>{V(!1)},1e3)},[]),Ke=s(e=>{if(console.log("camera error",e),$e===w)return Ue(b),void _e(e=>e+1);V(!1)},[$e]),Oe=s(()=>{me.current=!1,ce(!0),ue(!1),G.current&&clearTimeout(G.current),U.current&&U.current.pause(),S.stopAudio(),ze.poseDetection.disconnect(),Ce.current=0,Ne.current=0,De.current=!1,ke.current=!1,U.current&&U.current.stop(),ie.forEach(e=>{U.current&&U.current.removeEventListener("dataavailable",e)}),le([]),clearTimeout(ve)},[U,ie,S,me]),We=l(()=>C(),[]),He=N(Ee),Je=D(He),Ge=s(async()=>{me.current=!0,await S.playAudio(`${v}SpotOn.mp3`),ce(!1),ue(!1),G.current&&clearTimeout(G.current),B(!1)},[G,S]),Qe=s(async()=>{if(!Ie.current&&!we){Ie.current=!0;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")}finally{Ie.current=!1}}},[a,_,y]),Ye=s(async()=>{k({eventName:`${_}/rescan`,email:y,scanID:a,height:g,gender:h,status:!1}),me.current=!1,ze.poseDetection.disconnect(),we=null,Be(),await Qe(),Te.current()},[Qe,a,y]),Xe=s(({data:e})=>{e&&e.size>0&&me.current&&(P(t=>t.concat(e)),!Se.current&&$.current&&(Se.current=!0,pe(()=>{Ge(),F({eventName:`${_}/tensorFlow`,scanID:a,email:y,message:"recording stopped by tensorflow "})},$)))},[Ge,F,_,a,y,$]),Ze=s(async()=>{const e=X[X.length-1];e&&me.current&&(await S.playAudio(v+e),me.current&&(ve=setTimeout(Ze,2e3)))},[X,me]),et=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();j.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};Ee[0]&&(t.mimeType=Ee[0]),U.current=new MediaRecorder($.current.stream,t),U.current.addEventListener("dataavailable",Xe),U.current.addEventListener("stop",()=>{W(!0)}),le([...ie,Xe]),U.current.start(1e3),W(!1)}}catch(e){console.log("error while using media recorder",e)}},[$,Ee,Xe,ie]),tt=s(async()=>{G.current&&clearTimeout(G.current),et(),me.current&&(G.current=setTimeout(async()=>{me.current&&(await S.playAudio(`${v}SpotOn.mp3`),B(!1))},15e3)),K(!0),me.current&&await S.playAudio(`${v}Spin.mp3`)},[et,me,S]);o(()=>{Fe.current=tt},[tt]);const nt=s(({data:e})=>{const t=ze.poseDetection.connected();e.size>0&&t&&(De.current||(De.current=!0,ze.poseDetection.poseStatus(async e=>{if(e&&e.audio&&e.audio.length>0){const t=document.querySelector("#audioElement");I.capture(`${_}/pose_instruction_received`,{scanID:a,email:y,audio:e.audio,status:e.status,sid:e.sid,counter:Ce.current,consecutiveFalse:Ne.current,type:"body_scan_instruction"}),!0===e.status&&e.sid===we?(Ne.current=0,Ce.current<2?(Ce.current+=1,1!==Ce.current||ke.current?2===Ce.current&&t?.paused&&S.playAudio(v+e.audio):(ke.current=!0,S.stopAudio(),await S.playAudio(v+e.audio))):(te(e.audio),clearTimeout(ve),ze.poseDetection.disconnect(),De.current=!1,setTimeout(()=>Fe.current(),1e3))):(Ne.current+=1,Ne.current>=3&&(Ce.current=0,ke.current=!1),!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,S.playAudio(v+e.audio)):xe&&(xe.no_of_times_skipped+=1)):(xe={skipCount:2,no_of_times_skipped:0,audioName:e.audio},S.playAudio(v+e.audio)))}})),$?.current&&null!==$.current.getScreenshot()&&ze.poseDetection.videoEmit({image:$.current.getScreenshot()||"",scanId:a}))},[$,a,ze,we,S,_,y]),at=s(async()=>{J(!0),je(!0),Ve?.(),be.current&&(be.current=!1,F({eventName:"scan started",scanID:a,status:"success",email:y})),m(T()),V(!0),me.current&&await S.playAudio(`${v}StartScan.mp3`),me.current&&await S.playAudio(`${v}LiftArmsAndHoldAtHip.mp3`),me.current&&(J(!1),B(!0),se(!0),ue(!0),qe());try{if($&&$.current&&$.current.stream&&me.current){const e=$.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();j.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};Ee[0]&&(t.mimeType=Ee[0]),me.current&&(U.current=new MediaRecorder($.current.stream,t)),me.current&&U.current&&U.current.addEventListener("dataavailable",nt),le([...ie,nt]),U.current&&U.current.start(1e3),W(!1),me.current&&(ve=setTimeout(Ze,2e3))}}catch(e){console.log("error ----------",e)}},[$,Ee,nt,ie,Ze,me,Ve]);return o(()=>(_&&(t(!0),Qe()),()=>{const e=we;we=null,e&&(ze.poseDetection.disconnect(),I.capture(`${_}/pose_detection_disconnected`,{scanID:a,email:y,id:e})),ie.forEach(e=>{U?.current?.removeEventListener("dataavailable",e)})}),[_]),o(()=>{X.push(Q)},[Q]),o(()=>{Z([])},[ee]),o(()=>{const e=A.length&&A.length>0;O||!e||R||!me.current||oe||U&&U.current&&(R||U.current.stop())},[O,R,A,oe]),o(()=>{const e=A.length&&A.length>0;if(O&&e&&!R&&U&&U.current&&me.current&&!oe&&!R){const e=new File(A,`${a}.${Je}`,{type:He});Re?.(),Pe?.(!0),i(""),Ae?.(e,j.current)}},[O,R,A,oe,U,me]),o(()=>{Te.current=at},[at]),o(()=>{const e=E(We,M);Le(e)},[We]),o(()=>{Be()},[]),e(fe,{resetDetector:n,resetScan:Be,loadingCam:z,onPause:Oe,showRestart:re,pause:oe,onReScan:Ye,recordingStarted:R,isScanning:H,startSendingVideoFrames:at,faceDone:q,stopRecording:Ge,showPause:de,webcamRef:$,onUserMedia:qe,onUserMediaError:Ke,videoConstraints:$e,webcamKey:Me})});function Se({scanID:t,userDetails:n,setIsVideoUploaded:a,setScanFailsError:s,setScanStartTime:c,setScanUniqueKey:i}){const[l,d]=r(90),[m,p]=r(0),[f,h]=r(null),[g,y]=r(!1),[v,w]=r(0),x=u([]),[b,S]=r(!1),C=l-m,N=C>=80&&C<=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.gamma*Math.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),C],x.current.length>=5){const e=Math.max(...x.current)-Math.min(...x.current);w(N&&e<2?e=>Math.min(100,e+10):e=>Math.max(0,e-20))}N||null===f&&!g||I()},[C,N,f,g]),o(()=>{v>=100&&null===f&&!g&&D(),v<50&&null!==f&&I()},[v,f,g]);const D=()=>{h(3);const e=setInterval(()=>{h(t=>null===t||t<=1?(clearInterval(e),y(!0),null):t-1)},1e3)},I=()=>{h(null),b||y(!1)};return e(pe,{angle:C,countdown:f,isScanning:g,isInTargetRange:N,stabilityScore:v,children:g&&e(be,{setIsScanLocked:S,resetDetector:()=>{d(90),p(0),h(null),y(!1),w(0),S(!1),x.current=[]},scanID:t,userDetails:n,setIsVideoUploaded:a,setScanFailsError:s,setScanStartTime:c,setScanUniqueKey:i})})}function Ce({setShowDrawer:t,config:n,loader:a}){const[c,i]=r({disabled:!1,message:""}),[l,d]=r(!0),m=u(null),p=s(async()=>{const e=await _();i(e),d(!1)},[]);return o(()=>{p()},[]),l?e($,{url:a,loaderType:"black"}):c?.disabled?e(U,{config:n,message:c?.message}):e(te,{audio:!1,ref:m,screenshotQuality:1,videoConstraints:j,mirrored:!0,onUserMedia:()=>t?.(!0),screenshotFormat:"image/jpeg",style:{position:"relative",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}})}function Ne({link:t,onReady:n,wrapperClassName:a="[&_video]:rounded-t-[20px] w-full h-full"}){const r=u(null),s=u(null);let c={autoplay:!0,controls:!1,responsive:!0,fluid:!0,muted:!0,navigationUI:"hide",preload:"metadata",poster:A};return o(()=>{if(!s.current&&t&&r?.current){const e=oe(r.current,{...c});e.ready(()=>{s.current=e;const a={...c,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 De({scanFailsError:a,onNext:s,gender:o,setScanUniqueKey:c,setIsVideoUploaded:i}){const{translate:l}=d(m)||{},u=p(),[y,v]=r(!1),w=()=>{v(!y)};return t(n,{children:[t("div",{"data-testid":"scan-error-message",className:"flex common-ui-main 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(f,{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?.(h.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?.(h.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:P(a)}),e("img",{className:"my-[0.5rem] aspect-[2/1.4] w-full object-cover",onClick:w,src:z[o],alt:"icon"})]})}),a&&e("div",{className:"p-[1rem] flex gap-[0.5rem]",children:e(g,{"data-testid":"scan-again-btn",disabled:!1,buttonText:l?.(h.scanAgain),className:"!shadow-none",buttonFunc:()=>{s?s?.():c?.(L()),i?.(!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(Ne,{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:c,isVideoUploadedCorrect:i,isMeasurementAvailable:l,onComplete:u,isSuccess:p,onCustomScanSuccess:y,swan:v}){const{gender:w,shopDomain:x,heightInCm:b,deviceFocalLength:S,userName:C,email:N,scanType:D}=a||{},k=[K,O,W].includes(D??""),[F,T]=r(!0),E=s(async()=>{try{k&&(await(v?.auth.addUser({scanId:n,email:N,name:C,gender:w,height:b})),y?.()),I.capture(x??"",{scanID:n,email:N,height:b,focalLength:S,clothesFit:"0",gender:w})}catch(e){console.log(e)}},[k]),{translate:L}=d(m)||{};o(()=>{(i||l)&&E()},[i,l]);const M=p||i||l;return e(re,{className:"flex h-full w-full flex-col common-ui-main",children:t("div",{className:"h-full w-full flex-col items-center justify-center flex",children:[e(Ce,{loader:c?.loader,setShowDrawer:T}),e(se,{open:F,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:c?.style?.base?.backgroundColor},children:t("div",{className:"w-full h-full flex flex-col",children:[e(f,{title:L?.(h.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?.(h.next),buttonFunc:()=>{u?.()}})]})})})]})})}const ke=()=>{const{userDetails:n,onRetry:a,isError:r,isSuccess:s,gender:o,scanUniqueKey:c,scanFailsError:i,setScanUniqueKey:l,setIsVideoUploaded:u,isMeasurementAvailable:m,isVideoUploadedCorrect:f,loading:h,showDeniedModal:g,uploadLoading:y,setScanFailsError:v,setScanStartTime:w,resetScan:b,onCustomScanSuccess:S,swan:C,onComplete:N}=d(x),D=p();return r?t("div",{"data-scan-state":"error",children:[e(Ce,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(De,{scanFailsError:!0,onNext:a,gender:o})})]}):s?e("div",{"data-scan-state":"success",children:e(Ie,{isSuccess:!0,onComplete:N})}):h?e("div",{"data-scan-state":"loading",className:"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center w-full h-full",style:{background:D?.style?.base?.backgroundColor},children:e($,{url:D?.loader,loaderType:"black"})}):g.disabled?e("div",{"data-scan-state":"camera-denied",children:e(U,{})}):y||i||m||f?(y||m||f)&&!i?e("div",{"data-scan-state":"processing",children:e(Ie,{scanId:c,isMeasurementAvailable:m,userDetails:n,isVideoUploadedCorrect:f,onCustomScanSuccess:S,swan:C,onComplete:N})}):t("div",{"data-scan-state":"error-retry",children:[e(Ce,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(De,{scanFailsError:i,onNext:()=>{a?.(),b()},setScanUniqueKey:l,gender:o,setIsVideoUploaded:u})})]}):e("div",{"data-scan-state":"scanning",children:e(Se,{scanID:c,userDetails:n,setIsVideoUploaded:u,setScanFailsError:v,setScanStartTime:w,setScanUniqueKey:l})})},Fe=t=>{const{config:n,onRetry:a,onScanStart:c,onCaptureComplete:i,onUploadStart:d,onUploadEnd:u,onMeasurementSocketStart:m,onMeasurementSocketClose:p,onIntermediateScanSuccess:f,onScanError:h,onScanSuccess:g,onCustomScanSuccess:y,onComplete:v,isError:w,isSuccess:b}=t,S={email:"",shopDomain:"",gender:"male",heightInCm:0,scanType:"",deviceFocalLength:0,deviceModelName:"",sourceTag:"",callbackUrl:null,...t.userDetails??{}},C=t.token??"",{gender:N,scanType:D,shopDomain:I,heightInCm:k,email:E,deviceFocalLength:M,deviceModelName:$,callbackUrl:U,sourceTag:j}=S,A=l(()=>H(C),[C]),[z,V]=r(!1),[R,B]=r(!1),[q,K]=r(!1),[O,W]=r({disabled:!1,message:""}),[ee,te]=r(""),[ne,ae]=r(!1),[re,se]=r(!0),[oe,ce]=r(!1),[ie,le]=r(""),[de,me]=r(T()),{gyroData:pe}=function(e){const[t,n]=r([]),[a,c]=r(!1),i=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()?c(!0):console.warn("Device orientation permission denied.")}catch(e){console.error("Error requesting device orientation permission:",e)}else c(!0)},[]);return o(()=>(e&&a?window.addEventListener("deviceorientation",i):n([]),()=>{window.removeEventListener("deviceorientation",i)}),[e,a,i]),o(()=>{e&&l()},[e,l]),{gyroData:t}}(oe);J();const fe=s(()=>{le(L()),te(""),V(!1),ae(!1)},[]),he=()=>{me(null),le("")},ge=s(async e=>{if(e&&"success"===e?.scanStatus&&"intermediate"===e?.resultType&&200===e?.code)return F({eventName:`${I}/measurement_success/intermediate`,scanID:ie,status:"success",email:E}),B(!0),void f?.(e);g?.(e),B(!0),he();const t=ie;K(!0),F({eventName:`${I}/measurement_success/fit-view`,scanID:t,status:"success",email:E}),de&&F({eventName:`${I}/scan_completion_time`,scanID:t,status:"success",completionTime:T()-de,email:E})},[D,I,ie]),ye=e=>{K(!1),te(""),B(!1),A.measurement.handleMeasurementSocket({scanId:ie,onPreopen:()=>{Z({eventName:`${I}/webSocket`,scanID:ie,connection:"pre_open",type:"measurement_recommendation",email:E})},onOpen:()=>{m?.(),Z({eventName:`${I}/webSocket`,scanID:ie,connection:"open",type:"measurement_recommendation",email:E})},onClose:()=>{p?.(),Z({eventName:`${I}/webSocket`,scanID:ie,connection:"close",type:"measurement_recommendation",email:E})},onError:e=>{var t;t=e,h?.({...t,message:P(t)}),he(),K(!1),te(t),B(!1),F({eventName:`${I}/measurement_failed/fit-view`,scanID:ie,status:"failed",email:E,message:P(t)}),de&&F({eventName:`${I}/scan_completion_time`,scanID:ie,status:"failed",completionTime:T()-de,email:E}),Z({eventName:`${I}/webSocket`,scanID:ie,connection:"error",type:"measurement_recommendation",email:E})},onSuccess:e=>{Z({eventName:`${I}/webSocket`,scanID:ie,connection:"success",type:"measurement_recommendation",email:E}),ge(e)}})},ve=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:`${M}`,height:`${k}`,customer_store_url:I,clothes_fit:"0",scan_type:D,callback_url:U,source_tag:j});F({eventName:`${I}/body_scan_meta_data`,scanID:ie,email:E,data:JSON.stringify([...r,{fileSizeInMB:n,video_fps:a||0}])}),d?.();try{await A.fileUpload.uploadFileFrontend({file:e,arrayMetaData:r,scanId:ie,email:E}),await A.fileUpload.setDeviceInfo({model:$,detection:"manual",gyro:pe,scanId:ie}),console.log("video successfully uploaded"),ae(!1),F({eventName:`${I}/scan_success`,scanID:ie,status:"success",email:E,data:JSON.stringify(r)}),F({eventName:"scan finished",scanID:ie,status:"success",email:E}),me(T()),setTimeout(()=>{ae(!0)},3e3)}catch(e){F({eventName:"scan finished",scanID:ie,status:"failed",email:E,message:P(e)}),F({eventName:`${I}/scan_failed`,scanID:ie,status:"failed",email:E,message:P(e),data:JSON.stringify(r)}),te(P(e)),ae(!1),h?.({...e,message:P(e)}),he()}finally{ce(!1),u?.()}},[ie,pe,d,u]),we=s(async()=>{if(+k<152.4||+k>213.36)return void h?.({message:"Height must be between 152.4cm (5ft) and 213.36cm (7ft)"});const e=await _();e.disabled?(F({eventName:`${I}/camera_activation`,scanID:ie,status:"failed",email:E}),se(!1)):(se(!1),F({eventName:`${I}/camera_activation`,scanID:ie,status:"success",email:E})),W(e),te(""),ae(!1)},[E,ie,le,I]);return o(()=>{w||b||I&&we()},[I,k,w,b]),o(()=>{w||b||ne&&I&&ie&&ye()},[ne,I,ie,w,b]),e("div",{"data-testid":"body-scan-root",children:e(Y,{children:e(X,{config:n,children:e(ue,{children:e(x.Provider,{value:{userDetails:S,onRetry:a,onScanError:h,isError:w,isSuccess:b,onScanSuccess:g,gender:N,scanUniqueKey:ie,scanFailsError:ee,setScanUniqueKey:le,setIsVideoUploaded:ae,isMeasurementAvailable:q,isVideoUploadedCorrect:R,loading:re,showDeniedModal:O,uploadLoading:z,setStartGyro:ce,uploadScanFile:ve,setUploadLoading:V,resetScan:fe,setScanFailsError:te,setScanStartTime:me,onScanStart:c,onCaptureComplete:i,onCustomScanSuccess:y,onComplete:v,swan:A},children:e(ke,{})})})})})})};export{Fe as B};
2
- //# sourceMappingURL=BodyScan-CKmPcrkx.js.map
@@ -1,2 +0,0 @@
1
- import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as a,useCallback as s,useEffect as o,createContext as c,useLayoutEffect as i,useMemo as l,useContext as d,useRef as u}from"react";import{L as m,u as p,H as f,b as h,S as g,z as y,a as v,i as w,P as x,o as b,s as S,j as C,k as N,l as D,p as k,A as I,x as F,B as T,q as E,f as L,r as M,D as _,c as $,M as U,v as j,E as A,I as P,V as z,J as V,K as R,N as B,G as q,O as K,Q as O,R as W,h as H,n as J,w as G,T as Q,t as Y,C as X,y as Z}from"./Modal-CB_MHF7l.js";import ee from"clsx";import te from"react-webcam";import{X as ne}from"lucide-react";import{Dialog as re,Box as ae,Drawer as se}from"@mui/material";import oe from"video.js";const ce="DESKTOP",ie="TAB",le="MOBILE",de=c(void 0);function ue({children:t}){const[n,r]=a([window?.innerWidth,window?.innerHeight]),[s,c]=a(!1),d=()=>{r([window?.innerWidth,window?.innerHeight])};o(()=>{d()},[]),i(()=>(window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)),[d]);let u=ce;n[0]>768&&n[0]<1024&&(u=ie),n[0]<768&&(u=le);const m=l(()=>({size:n,setSize:r,clearInputs:s,setClearInputs:c,media:u}),[n,s,u]);return e(de.Provider,{value:m,children:t})}var me=r.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 pe=r.memo(function({angle:n,countdown:r,isScanning:a,isInTargetRange:o,stabilityScore:c,children:i}){const{translate:u}=d(m)||{},g=p(),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(a)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/100*116)}, ${Math.round(255-e/100*163)}, ${Math.round(255-e/100*9)})`},[a,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 a?`text-[${g?.style?.angleDetector?.successAngleTextLightColor}]`:w(e,t)},[a,y]),b=s((e,t)=>t>70||e?g?.style?.angleDetector?.successAngleTextLightColor:g?.style?.angleDetector?.successAngleTextDarkColor,[]),S=s((e=!1)=>{const t=y();return a?g?.style?.angleDetector?.successAngleTextLightColor:b(e,t)},[a,y]),C=r;function N(){document.documentElement.style.setProperty("--real-vh",window.innerHeight+"px")}return N(),window.addEventListener("resize",N),t("div",{className:"flex common-ui-main 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},"data-testid":"level-screen","data-angle-state":a?"locked":o?"target":"adjusting",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(f,{noTitle:!0})})}),null!==C?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:C})}):t("div",a?{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"})}),i]}:{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?.(h.startLevelCheck),e("br",{})]})]})]}),null!==C&&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?.(h.leavePhone)})}),o&&null===C&&!a&&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===C&&!a&&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===C&&!a&&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?.(h.placePhoneUpright)})})]})});function fe({resetScan:n,loadingCam:r,onUserMedia:a,onPause:s,pause:o,onReScan:c,recordingStarted:i,startSendingVideoFrames:l,showPause:u,webcamRef:p,onUserMediaError:f,resetDetector:w,videoConstraints:x,webcamKey:b,faceDone:S,isScanning:C}){const{media:N}=d(de)||{},{translate:D}=d(m)||{};return t("div",{className:"App w-screen h-[100vh] relative common-ui-main",style:{background:"#000"},"data-testid":"camera-scan","data-scan-phase":S?"spinning":i?"pose-detecting":C?"starting":"ready",children:[e("span",{onClick:()=>{n(),w()},className:"fixed right-[20px] top-[20px] z-[999]",children:e(ne,{className:"text-[#fff]"})}),e("div",{className:"w-full h-full overflow-hidden ",children:N===le&&e(te,{audio:!1,ref:p,screenshotQuality:1,videoConstraints:x,mirrored:!0,screenshotFormat:"image/jpeg",onUserMedia:a,onUserMediaError:f,style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",zIndex:0}},b)}),t("div",{className:"fixed bottom-[30px] w-full z-[999] flex flex-col gap-4 items-center justify-center",children:[u&&e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto ",prefix:y,buttonText:D?.(h.pause),buttonFunc:s,btnSecondary:!0}),o?e("div",{children:e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto",buttonText:D?.(h.restart),buttonFunc:c,btnSecondary:!0})}):i?null:e(g,{"data-testid":"start-scan-btn",className:"!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] "+(r?"!opacity-50":""),buttonText:D?.(h.startScan),buttonFunc:l,disabled:r})]}),e("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:`${v}scanAudioInstructions/silence.mp3`})]})}let he,ge=null,ye=null,ve=null;let we=null;var xe=r.memo(function({setIsScanLocked:t,resetDetector:n,scanID:r,setIsVideoUploaded:c,setScanFailsError:i,setScanStartTime:m,setScanUniqueKey:p,userDetails:f}){const{gender:h,heightInCm:g,email:y,shopDomain:_}=f,$=u(null),U=u(null),j=u(null),[A,P]=a([]),[z,V]=a(!0),[R,B]=a(!1),[q,K]=a(!1),[O,W]=a(!0),[H,J]=a(!1),G=u(null),[Q,Y]=a(""),[X,Z]=a([]),[ee,te]=a(""),[ne,re]=a(!1),[ae,se]=a(!1),[oe,ce]=a(!1),[ie,le]=a([]),[de,ue]=a(!1),me=u(!0),{poseDetector:pe}=function(){const[e,t]=a(0),[n,r]=a(0),[s,c]=a(!1),i=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-DejsYGYM.js"),import("@tensorflow/tfjs-core"),import("@tensorflow/tfjs-backend-webgl")]);ve=e,await t.setBackend("webgl"),await t.ready(),console.log("TensorFlow backend ready (WebGL)");const r={runtime:"mediapipe",modelType:"full",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/pose"};try{ye=await ve.createDetector(ve.SupportedModels.BlazePose,r),console.log("MediaPipe detector created successfully")}catch(e){console.warn("MediaPipe failed, falling back to TFJS runtime:",e),ye=await ve.createDetector(ve.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),ge=null,!1}}function p(e){return!(!e||0===e.length)&&22===e.filter(e=>e[2]>.7).length}return o(()=>{if(d.current=!0,!ye)return ge||(ge=m()),ge.then(e=>{e&&d.current&&c(!0)}),()=>{d.current=!1};c(!0)},[]),o(()=>{l.current=e,e>6&&i.current<2&&(r(e=>e+1),t(0))},[e]),o(()=>{i.current=n},[n]),{poseDetector:async(e,n)=>{if(!ye||!d.current||!n?.current?.video)return;const r=n.current.video;if(!(r.readyState<2))try{const n=await ye.estimatePoses(r,{flipHorizontal:!1});if(!n||!n.length)return;const a=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!==i.current||p(a)||t(e=>e+1),1===i.current&&p(a)&&t(e=>e+1),2===i.current&&e()}catch(e){console.error("Pose detection error:",e)}},isLoaded:s,spinPhase:n,resetDetector:()=>{i.current=0,l.current=0,t(0),r(0)},retryLoading:async()=>{ye||ge||(ge=m(),await ge&&d.current&&c(!0))}}}(),xe=u(!0),be=u(!1),Se=u(0),Ce=u(0),Ne=u(!1),De=u(!1),ke=u(!1),Ie=u(()=>{}),Fe=u(()=>{}),Te=u(null),[Ee,Le]=a([]),[Me,_e]=a(0),[$e,Ue]=a(w),{setStartGyro:je,uploadScanFile:Ae,setUploadLoading:Pe,swan:ze,onScanStart:Ve,onCaptureComplete:Re}=d(x),Be=()=>{be.current=!1,clearTimeout(he),G.current&&clearTimeout(G.current),p(L()),i(""),Pe?.(!1),P([]),j.current=null,V(!0),B(!1),K(!1),W(!0),J(!1),G.current=null,Y(""),Z([]),te(""),re(!ne),je(!1),S.stopAudio(),se(!1),ce(!1),Se.current=0,Ce.current=0,Ne.current=!1,ke.current=!1,null!==U.current&&U.current.stop(),ie.forEach(e=>{U.current&&U.current.removeEventListener("dataavailable",e)}),le([]),me.current=!0,ue(!1),c(!1),$.current?.stream&&V(!1)},qe=s(()=>{setTimeout(()=>{V(!1)},1e3)},[]),Ke=s(e=>{if(console.log("camera error",e),$e===w)return Ue(b),void _e(e=>e+1);V(!1)},[$e]),Oe=s(()=>{me.current=!1,ce(!0),ue(!1),G.current&&clearTimeout(G.current),U.current&&U.current.pause(),S.stopAudio(),ze.poseDetection.disconnect(),Se.current=0,Ce.current=0,Ne.current=!1,ke.current=!1,U.current&&U.current.stop(),ie.forEach(e=>{U.current&&U.current.removeEventListener("dataavailable",e)}),le([]),clearTimeout(he)},[U,ie,S,me]),We=l(()=>C(),[]),He=N(Ee),Je=D(He),Ge=s(async()=>{me.current=!0,await S.playAudio(`${v}SpotOn.mp3`),ce(!1),ue(!1),G.current&&clearTimeout(G.current),B(!1)},[G,S]),Qe=s(async()=>{if(!De.current&&!Te.current){De.current=!0;try{Te.current=await ze.poseDetection.connect(),k.capture(`${_}/pose_detection_connected`,{scanID:r,email:y,id:Te.current})}catch(e){console.log(e,"while connecting websocket")}finally{De.current=!1}}},[r,_,y]),Ye=s(async()=>{I({eventName:`${_}/rescan`,email:y,scanID:r,height:g,gender:h,status:!1}),me.current=!1,ze.poseDetection.disconnect(),Te.current=null,Be(),await Qe(),Fe.current()},[Qe,r,y]),Xe=s(({data:e})=>{e&&e.size>0&&me.current&&(P(t=>t.concat(e)),!be.current&&$.current&&(be.current=!0,pe(()=>{Ge(),F({eventName:`${_}/tensorFlow`,scanID:r,email:y,message:"recording stopped by tensorflow "})},$)))},[Ge,F,_,r,y,$]),Ze=s(async()=>{const e=X[X.length-1];e&&me.current&&(await S.playAudio(v+e),me.current&&(he=setTimeout(Ze,2e3)))},[X,me]),et=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();j.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};Ee[0]&&(t.mimeType=Ee[0]),U.current=new MediaRecorder($.current.stream,t),U.current.addEventListener("dataavailable",Xe),U.current.addEventListener("stop",()=>{W(!0)}),le([...ie,Xe]),U.current.start(1e3),W(!1)}}catch(e){console.log("error while using media recorder",e)}},[$,Ee,Xe,ie]),tt=s(async()=>{G.current&&clearTimeout(G.current),et(),me.current&&(G.current=setTimeout(async()=>{me.current&&(await S.playAudio(`${v}SpotOn.mp3`),B(!1))},15e3)),K(!0),me.current&&await S.playAudio(`${v}Spin.mp3`)},[et,me,S]);o(()=>{Ie.current=tt},[tt]);const nt=s(({data:e})=>{const t=ze.poseDetection.connected();e.size>0&&t&&(Ne.current||(Ne.current=!0,ze.poseDetection.poseStatus(async e=>{if(e&&e.audio&&e.audio.length>0){const t=document.querySelector("#audioElement");k.capture(`${_}/pose_instruction_received`,{scanID:r,email:y,audio:e.audio,status:e.status,sid:e.sid,counter:Se.current,consecutiveFalse:Ce.current,type:"body_scan_instruction"}),!0===e.status&&e.sid===Te.current?(Ce.current=0,Se.current<2?(Se.current+=1,1!==Se.current||ke.current?2===Se.current&&t?.paused&&S.playAudio(v+e.audio):(ke.current=!0,S.stopAudio(),await S.playAudio(v+e.audio))):(te(e.audio),clearTimeout(he),ze.poseDetection.disconnect(),Ne.current=!1,setTimeout(()=>Ie.current(),1e3))):(Ce.current+=1,Ce.current>=3&&(Se.current=0,ke.current=!1),!t?.paused||we&&we?.audioName===e.audio?we?.audioName===e.audio&&t?.paused&&(we&&we.no_of_times_skipped>=we.skipCount?(we.no_of_times_skipped=0,S.playAudio(v+e.audio)):we&&(we.no_of_times_skipped+=1)):(we={skipCount:2,no_of_times_skipped:0,audioName:e.audio},S.playAudio(v+e.audio)))}})),$?.current&&null!==$.current.getScreenshot()&&ze.poseDetection.videoEmit({image:$.current.getScreenshot()||"",scanId:r}))},[$,r,ze,S,_,y]),rt=s(async()=>{J(!0),je(!0),Ve?.(),xe.current&&(xe.current=!1,F({eventName:"scan started",scanID:r,status:"success",email:y})),m(T()),V(!0),me.current&&await S.playAudio(`${v}StartScan.mp3`),me.current&&await S.playAudio(`${v}LiftArmsAndHoldAtHip.mp3`),me.current&&(J(!1),B(!0),se(!0),ue(!0),qe());try{if($&&$.current&&$.current.stream&&me.current){const e=$.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();j.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};Ee[0]&&(t.mimeType=Ee[0]),me.current&&(U.current=new MediaRecorder($.current.stream,t)),me.current&&U.current&&U.current.addEventListener("dataavailable",nt),le([...ie,nt]),U.current&&U.current.start(1e3),W(!1),me.current&&(he=setTimeout(Ze,2e3))}}catch(e){console.log("error ----------",e)}},[$,Ee,nt,ie,Ze,me,Ve]);return o(()=>(_&&(t(!0),Qe()),()=>{const e=Te.current;Te.current=null,e&&(ze.poseDetection.disconnect(),k.capture(`${_}/pose_detection_disconnected`,{scanID:r,email:y,id:e})),ie.forEach(e=>{U?.current?.removeEventListener("dataavailable",e)})}),[_]),o(()=>{X.push(Q)},[Q]),o(()=>{Z([])},[ee]),o(()=>{const e=A.length&&A.length>0;O||!e||R||!me.current||oe||U&&U.current&&(R||U.current.stop())},[O,R,A,oe]),o(()=>{const e=A.length&&A.length>0;if(O&&e&&!R&&U&&U.current&&me.current&&!oe&&!R){const e=new File(A,`${r}.${Je}`,{type:He});Re?.(),Pe?.(!0),i(""),Ae?.(e,j.current)}},[O,R,A,oe,U,me]),o(()=>{Fe.current=rt},[rt]),o(()=>{const e=E(We,M);Le(e)},[We]),o(()=>{Be()},[]),e(fe,{resetDetector:n,resetScan:Be,loadingCam:z,onPause:Oe,showRestart:ae,pause:oe,onReScan:Ye,recordingStarted:R,isScanning:H,startSendingVideoFrames:rt,faceDone:q,stopRecording:Ge,showPause:de,webcamRef:$,onUserMedia:qe,onUserMediaError:Ke,videoConstraints:$e,webcamKey:Me})});function be({scanID:t,userDetails:n,setIsVideoUploaded:r,setScanFailsError:s,setScanStartTime:c,setScanUniqueKey:i}){const[l,d]=a(90),[m,p]=a(0),[f,h]=a(null),[g,y]=a(!1),[v,w]=a(0),x=u([]),[b,S]=a(!1),C=l-m,N=C>=80&&C<=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.gamma*Math.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),C],x.current.length>=5){const e=Math.max(...x.current)-Math.min(...x.current);w(N&&e<2?e=>Math.min(100,e+10):e=>Math.max(0,e-20))}N||null===f&&!g||k()},[C,N,f,g]),o(()=>{v>=100&&null===f&&!g&&D(),v<50&&null!==f&&k()},[v,f,g]);const D=()=>{h(3);const e=setInterval(()=>{h(t=>null===t||t<=1?(clearInterval(e),y(!0),null):t-1)},1e3)},k=()=>{h(null),b||y(!1)};return e(pe,{angle:C,countdown:f,isScanning:g,isInTargetRange:N,stabilityScore:v,children:g&&e(xe,{setIsScanLocked:S,resetDetector:()=>{d(90),p(0),h(null),y(!1),w(0),S(!1),x.current=[]},scanID:t,userDetails:n,setIsVideoUploaded:r,setScanFailsError:s,setScanStartTime:c,setScanUniqueKey:i})})}function Se({setShowDrawer:t,config:n,loader:r}){const[c,i]=a({disabled:!1,message:""}),[l,d]=a(!0),m=u(null),p=s(async()=>{const e=await _();i(e),d(!1)},[]);return o(()=>{p()},[]),l?e($,{url:r,loaderType:"black"}):c?.disabled?e(U,{config:n,message:c?.message}):e(te,{audio:!1,ref:m,screenshotQuality:1,videoConstraints:j,mirrored:!0,onUserMedia:()=>t?.(!0),screenshotFormat:"image/jpeg",style:{position:"relative",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}})}function Ce({link:t,onReady:n,wrapperClassName:r="[&_video]:rounded-t-[20px] w-full h-full"}){const a=u(null),s=u(null);let c={autoplay:!0,controls:!1,responsive:!0,fluid:!0,muted:!0,navigationUI:"hide",preload:"metadata",poster:A};return o(()=>{if(!s.current&&t&&a?.current){const e=oe(a.current,{...c});e.ready(()=>{s.current=e;const r={...c,sources:[{src:t,type:"application/x-mpegURL"}]};e.autoplay(r.autoplay),e.src(r.sources),n?.(e)})}},[t,a]),o(()=>{const e=s.current;return()=>{e&&!e.isDisposed()&&(e.dispose(),s.current=null)}},[s]),e("div",{className:r,children:e("video",{ref:a,muted:!0,className:"video-js",playsInline:!0,onDrag:e=>e.preventDefault()})})}function Ne({scanFailsError:r,onNext:s,gender:o,setScanUniqueKey:c,setIsVideoUploaded:i}){const{translate:l}=d(m)||{},u=p(),[y,v]=a(!1),w=()=>{v(!y)};return t(n,{children:[t("div",{"data-testid":"scan-error-message",className:"flex common-ui-main 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(f,{noTitle:!0})}),e("div",{className:"flex-1",children:r&&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?.(h.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?.(h.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:P(r)}),e("img",{className:"my-[0.5rem] aspect-[2/1.4] w-full object-cover",onClick:w,src:z[o],alt:"icon"})]})}),r&&e("div",{className:"p-[1rem] flex gap-[0.5rem]",children:e(g,{"data-testid":"scan-again-btn",disabled:!1,buttonText:l?.(h.scanAgain),className:"!shadow-none",buttonFunc:()=>{s?s?.():c?.(L()),i?.(!1)}})})]}),y&&t(re,{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(Ce,{link:o?V[o].PRE_LINK:V.male.PRE_LINK,wrapperClassName:"w-screen h-screen fixed top-[0] left-[0]"})})]})]})}function De({scanId:n,userDetails:r,config:c,isVideoUploadedCorrect:i,isMeasurementAvailable:l,onComplete:u,isSuccess:p,onCustomScanSuccess:y,swan:v}){const{gender:w,shopDomain:x,heightInCm:b,deviceFocalLength:S,userName:C,email:N,scanType:D}=r||{},I=[K,O,W].includes(D??""),[F,T]=a(!0),E=s(async()=>{try{I&&(await(v?.auth.addUser({scanId:n,email:N,name:C,gender:w,height:b})),y?.()),k.capture(x??"",{scanID:n,email:N,height:b,focalLength:S,clothesFit:"0",gender:w})}catch(e){console.log(e)}},[I]),{translate:L}=d(m)||{};o(()=>{(i||l)&&E()},[i,l]);const M=p||i||l;return e(ae,{className:"flex h-full w-full flex-col common-ui-main",children:t("div",{className:"h-full w-full flex-col items-center justify-center flex",children:[e(Se,{loader:c?.loader,setShowDrawer:T}),e(se,{open:F,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:c?.style?.base?.backgroundColor},children:t("div",{className:"w-full h-full flex flex-col",children:[e(f,{title:L?.(h.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?.(h.next),buttonFunc:()=>{u?.()}})]})})})]})})}const ke=()=>{const{userDetails:n,onRetry:r,isError:a,isSuccess:s,gender:o,scanUniqueKey:c,scanFailsError:i,setScanUniqueKey:l,setIsVideoUploaded:u,isMeasurementAvailable:m,isVideoUploadedCorrect:f,loading:h,showDeniedModal:g,uploadLoading:y,setScanFailsError:v,setScanStartTime:w,resetScan:b,onCustomScanSuccess:S,swan:C,onComplete:N}=d(x),D=p();return a?t("div",{"data-scan-state":"error",children:[e(Se,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(Ne,{scanFailsError:!0,onNext:r,gender:o})})]}):s?e("div",{"data-scan-state":"success",children:e(De,{isSuccess:!0,onComplete:N})}):h?e("div",{"data-scan-state":"loading",className:"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center w-full h-full",style:{background:D?.style?.base?.backgroundColor},children:e($,{url:D?.loader,loaderType:"black"})}):g.disabled?e("div",{"data-scan-state":"camera-denied",children:e(U,{})}):y||i||m||f?(y||m||f)&&!i?e("div",{"data-scan-state":"processing",children:e(De,{scanId:c,isMeasurementAvailable:m,userDetails:n,isVideoUploadedCorrect:f,onCustomScanSuccess:S,swan:C,onComplete:N})}):t("div",{"data-scan-state":"error-retry",children:[e(Se,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(Ne,{scanFailsError:i,onNext:()=>{r?.(),b()},setScanUniqueKey:l,gender:o,setIsVideoUploaded:u})})]}):e("div",{"data-scan-state":"scanning",children:e(be,{scanID:c,userDetails:n,setIsVideoUploaded:u,setScanFailsError:v,setScanStartTime:w,setScanUniqueKey:l})})},Ie=t=>{const{config:n,onRetry:r,onScanStart:c,onCaptureComplete:i,onUploadStart:d,onUploadEnd:u,onMeasurementSocketStart:m,onMeasurementSocketClose:p,onIntermediateScanSuccess:f,onScanError:h,onScanSuccess:g,onCustomScanSuccess:y,onComplete:v,isError:w,isSuccess:b}=t,S={email:"",shopDomain:"",gender:"male",heightInCm:0,scanType:"",deviceFocalLength:0,deviceModelName:"",sourceTag:"",callbackUrl:null,...t.userDetails??{}},C=t.token??"",{gender:N,scanType:D,shopDomain:k,heightInCm:I,email:E,deviceFocalLength:M,deviceModelName:$,callbackUrl:U,sourceTag:j}=S,A=l(()=>H(C),[C]),[z,V]=a(!1),[R,B]=a(!1),[q,K]=a(!1),[O,W]=a({disabled:!1,message:""}),[ee,te]=a(""),[ne,re]=a(!1),[ae,se]=a(!0),[oe,ce]=a(!1),[ie,le]=a(""),[de,me]=a(T()),{gyroData:pe}=function(e){const[t,n]=a([]),[r,c]=a(!1),i=s(e=>{try{const{alpha:t,beta:r,gamma:a}=e;n(e=>[...e,{alpha:t?.toString()||void 0,beta:r?.toString()||void 0,gamma:a?.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()?c(!0):console.warn("Device orientation permission denied.")}catch(e){console.error("Error requesting device orientation permission:",e)}else c(!0)},[]);return o(()=>(e&&r?window.addEventListener("deviceorientation",i):n([]),()=>{window.removeEventListener("deviceorientation",i)}),[e,r,i]),o(()=>{e&&l()},[e,l]),{gyroData:t}}(oe);J();const fe=s(()=>{le(L()),te(""),V(!1),re(!1)},[]),he=()=>{me(null),le("")},ge=s(async e=>{if(e&&"success"===e?.scanStatus&&"intermediate"===e?.resultType&&200===e?.code)return F({eventName:`${k}/measurement_success/intermediate`,scanID:ie,status:"success",email:E}),B(!0),void f?.(e);g?.(e),B(!0),he();const t=ie;K(!0),F({eventName:`${k}/measurement_success/fit-view`,scanID:t,status:"success",email:E}),de&&F({eventName:`${k}/scan_completion_time`,scanID:t,status:"success",completionTime:T()-de,email:E})},[D,k,ie]),ye=e=>{K(!1),te(""),B(!1),A.measurement.handleMeasurementSocket({scanId:ie,onPreopen:()=>{Z({eventName:`${k}/webSocket`,scanID:ie,connection:"pre_open",type:"measurement_recommendation",email:E})},onOpen:()=>{m?.(),Z({eventName:`${k}/webSocket`,scanID:ie,connection:"open",type:"measurement_recommendation",email:E})},onClose:()=>{p?.(),Z({eventName:`${k}/webSocket`,scanID:ie,connection:"close",type:"measurement_recommendation",email:E})},onError:e=>{var t;t=e,h?.({...t,message:P(t)}),he(),K(!1),te(t),B(!1),F({eventName:`${k}/measurement_failed/fit-view`,scanID:ie,status:"failed",email:E,message:P(t)}),de&&F({eventName:`${k}/scan_completion_time`,scanID:ie,status:"failed",completionTime:T()-de,email:E}),Z({eventName:`${k}/webSocket`,scanID:ie,connection:"error",type:"measurement_recommendation",email:E})},onSuccess:e=>{Z({eventName:`${k}/webSocket`,scanID:ie,connection:"success",type:"measurement_recommendation",email:E}),ge(e)}})},ve=s(async(e,t)=>{const n=Number((e.size/1048576).toFixed(2)),r=null!=t?t:await G(e),a=Q({gender:N,focal_length:`${M}`,height:`${I}`,customer_store_url:k,clothes_fit:"0",scan_type:D,callback_url:U,source_tag:j});F({eventName:`${k}/body_scan_meta_data`,scanID:ie,email:E,data:JSON.stringify([...a,{fileSizeInMB:n,video_fps:r||0}])}),d?.();try{await A.fileUpload.uploadFileFrontend({file:e,arrayMetaData:a,scanId:ie,email:E}),await A.fileUpload.setDeviceInfo({model:$,detection:"manual",gyro:pe,scanId:ie}),console.log("video successfully uploaded"),re(!1),F({eventName:`${k}/scan_success`,scanID:ie,status:"success",email:E,data:JSON.stringify(a)}),F({eventName:"scan finished",scanID:ie,status:"success",email:E}),me(T()),setTimeout(()=>{re(!0)},3e3)}catch(e){F({eventName:"scan finished",scanID:ie,status:"failed",email:E,message:P(e)}),F({eventName:`${k}/scan_failed`,scanID:ie,status:"failed",email:E,message:P(e),data:JSON.stringify(a)}),te(P(e)),re(!1),h?.({...e,message:P(e)}),he()}finally{ce(!1),u?.()}},[ie,pe,d,u]),we=s(async()=>{if(+I<152.4||+I>213.36)return void h?.({message:"Height must be between 152.4cm (5ft) and 213.36cm (7ft)"});const e=await _();e.disabled?(F({eventName:`${k}/camera_activation`,scanID:ie,status:"failed",email:E}),se(!1)):(se(!1),F({eventName:`${k}/camera_activation`,scanID:ie,status:"success",email:E})),W(e),te(""),re(!1)},[E,ie,le,k]);return o(()=>{w||b||k&&we()},[k,I,w,b]),o(()=>{w||b||ne&&k&&ie&&ye()},[ne,k,ie,w,b]),e("div",{"data-testid":"body-scan-root",children:e(Y,{children:e(X,{config:n,children:e(ue,{children:e(x.Provider,{value:{userDetails:S,onRetry:r,onScanError:h,isError:w,isSuccess:b,onScanSuccess:g,gender:N,scanUniqueKey:ie,scanFailsError:ee,setScanUniqueKey:le,setIsVideoUploaded:re,isMeasurementAvailable:q,isVideoUploadedCorrect:R,loading:ae,showDeniedModal:O,uploadLoading:z,setStartGyro:ce,uploadScanFile:ve,setUploadLoading:V,resetScan:fe,setScanFailsError:te,setScanStartTime:me,onScanStart:c,onCaptureComplete:i,onCustomScanSuccess:y,onComplete:v,swan:A},children:e(ke,{})})})})})})};export{Ie as B};
2
- //# sourceMappingURL=BodyScan-CLpL3Uwx.js.map
@@ -1,2 +0,0 @@
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 p,H as h,b as f,S as g,y,v,h as w,P as b,n as x,s as S,i as C,j as N,k as D,p as F,z 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 A,I as j,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 X,C as Y,x as Z}from"./LoadingScreen-FKDLJRUj.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 pe=a.memo(function({angle:n,countdown:a,isScanning:r,isInTargetRange:o,stabilityScore:i,children:c}){const{translate:u}=d(m)||{},g=p(),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/100*116)}, ${Math.round(255-e/100*163)}, ${Math.round(255-e/100*9)})`},[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`,[]),b=s((e=!1)=>{const t=y();return r?`text-[${g?.style?.angleDetector?.successAngleTextLightColor}]`:w(e,t)},[r,y]),x=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:x(e,t)},[r,y]),C=a;function N(){document.documentElement.style.setProperty("--real-vh",window.innerHeight+"px")}return N(),window.addEventListener("resize",N),t("div",{className:"flex common-ui-main 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},"data-testid":"level-screen","data-angle-state":r?"locked":o?"target":"adjusting",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(h,{noTitle:!0})})}),null!==C?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:C})}):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]",b()),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!==C&&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",b()),style:{fontFamily:g?.style?.base?.baseFontFamily||"Inter, sans-serif",color:S()},children:u?.(f.leavePhone)})}),o&&null===C&&!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===C&&!r&&e("div",{className:"absolute bottom-[5rem] text-center",children:t("div",{className:ee("text-[1.5rem] font-light",b()),style:{color:S()},children:[Math.round(n),"°"]})}),null===C&&!r&&e("div",{className:"absolute bottom-[2rem] text-center max-w-[20rem] mx-auto",children:e("div",{className:ee("text-[.75rem] opacity-50",b()),style:{fontFamily:g?.style?.base?.baseFontFamily||"Inter, sans-serif",color:S()},children:u?.(f.placePhoneUpright)})})]})});function he({resetScan:n,loadingCam:a,onUserMedia:r,onPause:s,pause:o,recordingStarted:i,startSendingVideoFrames:c,showPause:l,webcamRef:u,onUserMediaError:p,resetDetector:h,videoConstraints:w,webcamKey:b,faceDone:x,isScanning:S}){const{media:C}=d(de)||{},{translate:N}=d(m)||{};return t("div",{className:"App w-screen h-[100vh] relative common-ui-main","data-testid":"camera-scan","data-scan-phase":x?"spinning":i?"pose-detecting":S?"starting":"ready",children:[e("span",{onClick:()=>{n(),h()},className:"fixed right-[20px] top-[20px] z-[999]",children:e(ne,{className:"text-[#fff]"})}),e("div",{className:"w-full h-full overflow-hidden ",children:C===le&&e(te,{audio:!1,ref:u,screenshotQuality:1,videoConstraints:w,mirrored:!0,screenshotFormat:"image/jpeg",onUserMedia:r,onUserMediaError:p,style:{position:"fixed",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}},b)}),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:N?.(f.pause),buttonFunc:s,btnSecondary:!0}),o?e("div",{children:e(g,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto",buttonText:N?.(f.restart),buttonFunc:n,btnSecondary:!0})}):i?null:e(g,{"data-testid":"start-scan-btn",className:"!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] "+(a?"!opacity-50":""),buttonText:N?.(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,be=null;var xe=a.memo(function({setIsScanLocked:t,resetDetector:n,scanID:a,setIsVideoUploaded:i,setScanFailsError:c,setScanStartTime:m,setScanUniqueKey:p,userDetails:h}){const{gender:f,heightInCm:g,email:y,shopDomain:$}=h,_=u(null),U=u(null),z=u(null),[A,j]=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,X]=r(""),[Y,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:pe}=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-DejsYGYM.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 p(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||p(r)||t(e=>e+1),1===c.current&&p(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))}}}(),xe=u(!0),Se=u(!1),Ce=u(0),Ne=u(0),De=u(!1),Fe=u(!1),Ie=u(!1),ke=u(()=>{}),[Te,Ee]=r([]),[Le,Me]=r(0),[$e,_e]=r(w),{setStartGyro:Ue,uploadScanFile:ze,setUploadLoading:Ae,swan:je,onScanStart:Pe,onCaptureComplete:Ve}=d(b),Re=()=>{Se.current=!1,clearTimeout(ve),G.current&&clearTimeout(G.current),p(L()),c(""),Ae?.(!1),j([]),z.current=null,V(!0),B(!1),K(!1),O(!0),J(!1),G.current=null,X(""),Z([]),te(""),ae(!ne),Ue(!1),S.stopAudio(),se(!1),ie(!1),Ce.current=0,Ne.current=0,De.current=!1,Ie.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)},Be=s(()=>{setTimeout(()=>{V(!1)},1e3)},[]),qe=s(e=>{if(console.log("camera error",e),$e===w)return _e(x),void Me(e=>e+1);V(!1)},[$e]),Ke=s(()=>{me.current=!1,ie(!0),ue(!1),G.current&&clearTimeout(G.current),U.current&&U.current.pause(),S.stopAudio(),je.poseDetection.disconnect(),Ce.current=0,Ne.current=0,De.current=!1,Ie.current=!1,U.current&&U.current.stop(),ce.forEach(e=>{U.current&&U.current.removeEventListener("dataavailable",e)}),le([]),clearTimeout(ve)},[U,ce,S,me]),We=l(()=>C(),[]),Oe=N(Te),He=D(Oe),Je=s(async()=>{me.current=!0,await S.playAudio(`${v}SpotOn.mp3`),ie(!1),ue(!1),G.current&&clearTimeout(G.current),B(!1)},[G,S]),Ge=s(async()=>{if(!Fe.current&&!we){Fe.current=!0;try{we=await je.poseDetection.connect(),console.log(we,"websocket connected"),F.capture(`${$}/pose_detection_connected`,{scanID:a,email:y,id:we})}catch(e){console.log(e,"while connecting websocket")}finally{Fe.current=!1}}},[a,$,y]),Qe=s(async()=>{I({eventName:`${$}/rescan`,email:y,scanID:a,height:g,gender:f,status:!1}),me.current=!1,je.poseDetection.disconnect(),Re(),await Ge(),nt()},[Ge,a,y]),Xe=s(({data:e})=>{e&&e.size>0&&me.current&&(j(t=>t.concat(e)),!Se.current&&_.current&&(Se.current=!0,pe(()=>{Je(),k({eventName:`${$}/tensorFlow`,scanID:a,email:y,message:"recording stopped by tensorflow "})},_)))},[Je,k,$,a,y,_]),Ye=s(async()=>{Y.length>0&&me.current&&(await S.playAudio(v+Y[Y.length-1]),me.current&&(ve=setTimeout(Ye,2e3)))},[Y,me]),Ze=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};Te[0]&&(t.mimeType=Te[0]),U.current=new MediaRecorder(_.current.stream,t),U.current.addEventListener("dataavailable",Xe),U.current.addEventListener("stop",()=>{console.log("[FIX] MediaRecorder stop event — all chunks flushed, setting mediaRecorderStopped=true"),O(!0)}),le([...ce,Xe]),U.current.start(1e3),O(!1)}}catch(e){console.log("error while using media recorder",e)}},[_,Te,Xe,ce]),et=s(async()=>{G.current&&clearTimeout(G.current),Ze(),me.current&&(G.current=setTimeout(async()=>{me.current&&(await S.playAudio(`${v}SpotOn.mp3`),B(!1))},16e3)),K(!0),me.current&&await S.playAudio(`${v}Spin.mp3`)},[Ze,me,S]);o(()=>{ke.current=et},[et]);const tt=s(({data:e})=>{e.size>0&&je.poseDetection.connected()&&(De.current||(De.current=!0,je.poseDetection.poseStatus(async e=>{if(console.log("poseStatus data:",e),e&&e.audio&&e.audio.length>0){F.capture(`${$}/pose_instruction_received`,{scanID:a,email:y,audio:e.audio,status:e.status,sid:e.sid,counter:Ce.current,consecutiveFalse:Ne.current,type:"body_scan_instruction"});const t=document.querySelector("#audioElement");!0===e.status&&e.sid===we?(Ne.current=0,Ce.current<2?(Ce.current+=1,1!==Ce.current||Ie.current?2===Ce.current&&t?.paused&&S.playAudio(v+e.audio):(Ie.current=!0,S.stopAudio(),await S.playAudio(v+e.audio))):(te(e.audio),clearTimeout(ve),je.poseDetection.disconnect(),De.current=!1,setTimeout(()=>ke.current(),1e3))):(Ne.current+=1,Ne.current>=3&&(Ce.current=0,Ie.current=!1),!t?.paused||be&&be?.audioName===e.audio?be?.audioName===e.audio&&t?.paused&&(be&&be.no_of_times_skipped>=be.skipCount?(be.no_of_times_skipped=0,S.playAudio(v+e.audio)):be&&(be.no_of_times_skipped+=1)):(be={skipCount:2,no_of_times_skipped:0,audioName:e.audio},S.playAudio(v+e.audio)))}})),_?.current&&null!==_.current.getScreenshot()&&je.poseDetection.videoEmit({image:_.current.getScreenshot()||"",scanId:a}))},[_,a,je,we,S,$,y]),nt=s(async()=>{J(!0),Ue(!0),Pe?.(),xe.current&&(xe.current=!1,k({eventName:"scan started",scanID:a,status:"success",email:y})),m(T()),V(!0),me.current&&await S.playAudio(`${v}StartScan.mp3`),me.current&&await S.playAudio(`${v}LiftArmsAndHoldAtHip.mp3`),me.current&&(J(!1),B(!0),se(!0),ue(!0),Be());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};Te[0]&&(t.mimeType=Te[0]),me.current&&(U.current=new MediaRecorder(_.current.stream,t)),me.current&&U.current&&U.current.addEventListener("dataavailable",tt),le([...ce,tt]),U.current&&U.current.start(1e3),O(!1),me.current&&(ve=setTimeout(Ye,2e3))}}catch(e){console.log("error ----------",e)}},[_,Te,tt,ce,Ye,me,Pe]);return o(()=>($&&(t(!0),Ge()),()=>{we&&(je.poseDetection.disconnect(),F.capture(`${$}/pose_detection_disconnected`,{scanID:a,email:y,id:we})),ce.forEach(e=>{U?.current?.removeEventListener("dataavailable",e)})}),[$]),o(()=>{Y.push(Q)},[Q]),o(()=>{Z([])},[ee]),o(()=>{const e=A.length&&A.length>0;W||!e||R||!me.current||oe||U&&U.current&&(R||U.current.stop())},[W,R,A,oe]),o(()=>{const e=A.length&&A.length>0;if(W&&e&&!R){if(U&&U.current&&me.current&&!oe&&!R){const e=new File(A,`${a}.${He}`,{type:Oe});console.log("[FIX] Upload triggered — file size:",(e.size/1024).toFixed(1)+"KB, chunks:",A.length),Ve?.(),Ae?.(!0),c(""),ze?.(e,z.current)}}else console.log("No video found to upload.")},[W,R,A,oe,U,me]),o(()=>{const e=E(We,M);Ee(e)},[We]),o(()=>{Re()},[]),e(he,{resetDetector:n,resetScan:Re,loadingCam:P,onPause:Ke,showRestart:re,pause:oe,onReScan:Qe,recordingStarted:R,isScanning:H,startSendingVideoFrames:nt,faceDone:q,stopRecording:Je,showPause:de,webcamRef:_,onUserMedia:Be,onUserMediaError:qe,videoConstraints:$e,webcamKey:Le})});function Se({scanID:t,userDetails:n,setIsVideoUploaded:a,setScanFailsError:s,setScanStartTime:i,setScanUniqueKey:c}){const[l,d]=r(90),[m,p]=r(0),[h,f]=r(null),[g,y]=r(!1),[v,w]=r(0),b=u([]),[x,S]=r(!1),C=l-m,N=C>=80&&C<=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.gamma*Math.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(b.current=[...b.current.slice(-4),C],b.current.length>=5){const e=Math.max(...b.current)-Math.min(...b.current);w(N&&e<2?e=>Math.min(100,e+10):e=>Math.max(0,e-20))}N||null===h&&!g||F()},[C,N,h,g]),o(()=>{v>=100&&null===h&&!g&&D(),v<50&&null!==h&&F()},[v,h,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),x||y(!1)};return e(pe,{angle:C,countdown:h,isScanning:g,isInTargetRange:N,stabilityScore:v,children:g&&e(xe,{setIsScanLocked:S,resetDetector:()=>{d(90),p(0),f(null),y(!1),w(0),S(!1),b.current=[]},scanID:t,userDetails:n,setIsVideoUploaded:a,setScanFailsError:s,setScanStartTime:i,setScanUniqueKey:c})})}function Ce({message:a,config:r}){const{translate:s}=d(m)||{};return e(ae,{open:!0,className:"confirm-modal common-ui-main",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 Ne({setShowDrawer:t,config:n,loader:a}){const[i,c]=r({disabled:!1,message:""}),[l,d]=r(!0),m=u(null),p=s(async()=>{const e=await _();c(e),d(!1)},[]);return o(()=>{p()},[]),l?e(U,{url:a,loaderType:"black"}):i?.disabled?e(Ce,{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:A};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=p(),[y,v]=r(!1),w=()=>{v(!y)};return t(n,{children:[t("div",{"data-testid":"scan-error-message",className:"flex common-ui-main 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(h,{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:j(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,{"data-testid":"scan-again-btn",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:p,onCustomScanSuccess:y,swan:v}){const{gender:w,shopDomain:b,heightInCm:x,deviceFocalLength:S,userName:C,email:N,scanType:D}=a||{},I=[K,W,O].includes(D??""),[k,T]=r(!0),E=s(async()=>{try{I&&(await(v?.auth.addUser({scanId:n,email:N,name:C,gender:w,height:x})),y?.()),F.capture(b??"",{scanID:n,email:N,height:x,focalLength:S,clothesFit:"0",gender:w})}catch(e){console.log(e)}},[I]),{translate:L}=d(m)||{};o(()=>{(c||l)&&E()},[c,l]);const M=p||c||l;return e(re,{className:"flex h-full w-full flex-col common-ui-main",children:t("div",{className:"h-full w-full flex-col items-center justify-center flex",children:[e(Ne,{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(h,{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:n,onRetry:a,isError:r,isSuccess:s,gender:o,scanUniqueKey:i,scanFailsError:c,setScanUniqueKey:l,setIsVideoUploaded:u,isMeasurementAvailable:m,isVideoUploadedCorrect:h,loading:f,showDeniedModal:g,uploadLoading:y,setScanFailsError:v,setScanStartTime:w,resetScan:x,onCustomScanSuccess:S,swan:C,onComplete:N}=d(b),D=p();return r?t("div",{"data-scan-state":"error",children:[e(Ne,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(Fe,{scanFailsError:!0,onNext:a,gender:o})})]}):s?e("div",{"data-scan-state":"success",children:e(Ie,{isSuccess:!0,onComplete:N})}):f?e("div",{"data-scan-state":"loading",className:"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center w-full h-full",style:{background:D?.style?.base?.backgroundColor},children:e(U,{url:D?.loader,loaderType:"black"})}):g.disabled?e("div",{"data-scan-state":"camera-denied",children:e(Ce,{})}):y||c||m||h?(y||m||h)&&!c?e("div",{"data-scan-state":"processing",children:e(Ie,{scanId:i,isMeasurementAvailable:m,userDetails:n,isVideoUploadedCorrect:h,onCustomScanSuccess:S,swan:C,onComplete:N})}):t("div",{"data-scan-state":"error-retry",children:[e(Ne,{}),e(se,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e(Fe,{scanFailsError:c,onNext:()=>{a?.(),x()},setScanUniqueKey:l,gender:o,setIsVideoUploaded:u})})]}):e("div",{"data-scan-state":"scanning",children:e(Se,{scanID:i,userDetails:n,setIsVideoUploaded:u,setScanFailsError:v,setScanStartTime:w,setScanUniqueKey:l})})},Te=t=>{const{config:n,onRetry:a,onScanStart:i,onCaptureComplete:c,onUploadStart:d,onUploadEnd:u,onMeasurementSocketStart:m,onMeasurementSocketClose:p,onIntermediateScanSuccess:h,onScanError:f,onScanSuccess:g,onCustomScanSuccess:y,onComplete:v,isError:w,isSuccess:x}=t,S={email:"",shopDomain:"",gender:"male",heightInCm:0,scanType:"",deviceFocalLength:0,deviceModelName:"",sourceTag:"",...t.userDetails??{}},C=t.token??"",{gender:N,scanType:D,shopDomain:F,heightInCm:I,email:E,deviceFocalLength:M,deviceModelName:$,callbackUrl:U,sourceTag:z}=S,A=l(()=>H(C),[C]),[P,V]=r(!1),[R,B]=r(!1),[q,K]=r(!1),[W,O]=r({disabled:!1,message:""}),[ee,te]=r(""),[ne,ae]=r(!1),[re,se]=r(!0),[oe,ie]=r(!1),[ce,le]=r(""),[de,me]=r(T()),{gyroData:pe}=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}}(oe);J();const he=s(()=>{le(L()),te(""),V(!1),ae(!1)},[]),fe=()=>{me(null),le("")},ge=s(async e=>{if(e&&"success"===e?.scanStatus&&"intermediate"===e?.resultType&&200===e?.code)return k({eventName:`${F}/measurement_success/intermediate`,scanID:ce,status:"success",email:E}),B(!0),void h?.(e);g?.(e),B(!0),fe();const t=ce;K(!0),k({eventName:`${F}/measurement_success/fit-view`,scanID:t,status:"success",email:E}),de&&k({eventName:`${F}/scan_completion_time`,scanID:t,status:"success",completionTime:T()-de,email:E})},[D,F,ce]),ye=e=>{K(!1),te(""),B(!1),A.measurement.handleMeasurementSocket({scanId:ce,onPreopen:()=>{Z({eventName:`${F}/webSocket`,scanID:ce,connection:"pre_open",type:"measurement_recommendation",email:E})},onOpen:()=>{m?.(),Z({eventName:`${F}/webSocket`,scanID:ce,connection:"open",type:"measurement_recommendation",email:E})},onClose:()=>{p?.(),Z({eventName:`${F}/webSocket`,scanID:ce,connection:"close",type:"measurement_recommendation",email:E})},onError:e=>{var t;t=e,f?.({...t,message:j(t)}),fe(),K(!1),te(t),B(!1),k({eventName:`${F}/measurement_failed/fit-view`,scanID:ce,status:"failed",email:E,message:j(t)}),de&&k({eventName:`${F}/scan_completion_time`,scanID:ce,status:"failed",completionTime:T()-de,email:E}),Z({eventName:`${F}/webSocket`,scanID:ce,connection:"error",type:"measurement_recommendation",email:E})},onSuccess:e=>{Z({eventName:`${F}/webSocket`,scanID:ce,connection:"success",type:"measurement_recommendation",email:E}),ge(e)}})},ve=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:`${M}`,height:`${I}`,customer_store_url:F,clothes_fit:"0",scan_type:D,callback_url:U,source_tag:z});k({eventName:`${F}/body_scan_meta_data`,scanID:ce,email:E,data:JSON.stringify([...r,{fileSizeInMB:n,video_fps:a||0}])}),d?.();try{await A.fileUpload.uploadFileFrontend({file:e,arrayMetaData:r,scanId:ce,email:E}),await A.fileUpload.setDeviceInfo({model:$,detection:"manual",gyro:pe,scanId:ce}),console.log("video successfully uploaded"),ae(!1),k({eventName:`${F}/scan_success`,scanID:ce,status:"success",email:E,data:JSON.stringify(r)}),k({eventName:"scan finished",scanID:ce,status:"success",email:E}),me(T()),setTimeout(()=>{ae(!0)},3e3)}catch(e){k({eventName:"scan finished",scanID:ce,status:"failed",email:E,message:j(e)}),k({eventName:`${F}/scan_failed`,scanID:ce,status:"failed",email:E,message:j(e),data:JSON.stringify(r)}),te(j(e)),ae(!1),f?.({...e,message:j(e)}),fe()}finally{ie(!1),u?.()}},[ce,pe,d,u]),we=s(async()=>{if(+I<152.4||+I>213.36)return void f?.({message:"Height must be between 152.4cm (5ft) and 213.36cm (7ft)"});const e=await _();e.disabled?(k({eventName:`${F}/camera_activation`,scanID:ce,status:"failed",email:E}),se(!1)):(se(!1),k({eventName:`${F}/camera_activation`,scanID:ce,status:"success",email:E})),O(e),te(""),ae(!1)},[E,ce,le,F]);return o(()=>{w||x||F&&we()},[F,I,w,x]),o(()=>{w||x||ne&&F&&ce&&ye()},[ne,F,ce,w,x]),e("div",{"data-testid":"body-scan-root",children:e(X,{children:e(Y,{config:n,children:e(ue,{children:e(b.Provider,{value:{userDetails:S,onRetry:a,onScanError:f,isError:w,isSuccess:x,onScanSuccess:g,gender:N,scanUniqueKey:ce,scanFailsError:ee,setScanUniqueKey:le,setIsVideoUploaded:ae,isMeasurementAvailable:q,isVideoUploadedCorrect:R,loading:re,showDeniedModal:W,uploadLoading:P,setStartGyro:ie,uploadScanFile:ve,setUploadLoading:V,resetScan:he,setScanFailsError:te,setScanStartTime:me,onScanStart:i,onCaptureComplete:c,onCustomScanSuccess:y,onComplete:v,swan:A},children:e(ke,{})})})})})})};export{Te as B};
2
- //# sourceMappingURL=BodyScan-CM12T_-T.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("./Modal-CWoUZTh4.js"),s=require("react-webcam"),n=require("lucide-react"),r=require("@mui/material"),o=require("video.js");const c="DESKTOP",i="TAB",u="MOBILE",l=t.createContext(void 0);function d({children:a}){const[s,n]=t.useState([window?.innerWidth,window?.innerHeight]),[r,o]=t.useState(!1),d=()=>{n([window?.innerWidth,window?.innerHeight])};t.useEffect(()=>{d()},[]),t.useLayoutEffect(()=>(window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)),[d]);let m=c;s[0]>768&&s[0]<1024&&(m=i),s[0]<768&&(m=u);const p=t.useMemo(()=>({size:s,setSize:n,clearInputs:r,setClearInputs:o,media:m}),[s,r,m]);return e.jsx(l.Provider,{value:p,children:a})}function m({resetScan:r,loadingCam:o,onUserMedia:c,onPause:i,pause:d,onReScan:m,recordingStarted:p,startSendingVideoFrames:f,showPause:S,webcamRef:h,onUserMediaError:g,resetDetector:v,videoConstraints:y,webcamKey:x,faceDone:w,isScanning:C}){const{media:b}=t.useContext(l)||{},{translate:E}=t.useContext(a.LanguageContext)||{};return e.jsxs("div",{className:"App w-screen h-[100vh] relative common-ui-main","data-testid":"camera-scan","data-scan-phase":w?"spinning":p?"pose-detecting":C?"starting":"ready",children:[e.jsx("span",{onClick:()=>{r(),v()},className:"fixed right-[20px] top-[20px] z-[999]",children:e.jsx(n.X,{className:"text-[#fff]"})}),e.jsx("div",{className:"w-full h-full overflow-hidden ",children:b===u&&e.jsx(s,{audio:!1,ref:h,screenshotQuality:1,videoConstraints:y,mirrored:!0,screenshotFormat:"image/jpeg",onUserMedia:c,onUserMediaError:g,style:{position:"fixed",top:0,bottom:0,zIndex:0,width:"100%",height:"100%",objectFit:"cover"}},x)}),e.jsxs("div",{className:"fixed bottom-[30px] w-full z-[999] flex flex-col gap-4 items-center justify-center",children:[S&&e.jsx(a.SpecificButton,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto ",prefix:a.pauseIcon,buttonText:E?.(a.LanguageKeys.pause),buttonFunc:i,btnSecondary:!0}),d?e.jsx("div",{children:e.jsx(a.SpecificButton,{className:"!w-[180px] !h-[40px] !py-[0] mx-auto",buttonText:E?.(a.LanguageKeys.restart),buttonFunc:m,btnSecondary:!0})}):p?null:e.jsx(a.SpecificButton,{"data-testid":"start-scan-btn",className:"!w-[180px] !h-[40px] !py-[0] mx-auto !bg-[#ffffff] !text-[#000000] "+(o?"!opacity-50":""),buttonText:E?.(a.LanguageKeys.startScan),buttonFunc:f,disabled:o})]}),e.jsx("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:`${a.voiceOverAssetsPath}scanAudioInstructions/silence.mp3`})]})}let p=null,f=null,S=null;let h,g=null,v=null;var y=t.memo(function({setIsScanLocked:s,resetDetector:n,scanID:r,setIsVideoUploaded:o,setScanFailsError:c,setScanStartTime:i,setScanUniqueKey:u,userDetails:l}){const{gender:d,heightInCm:y,email:x,shopDomain:w}=l,C=t.useRef(null),b=t.useRef(null),E=t.useRef(null),[j,I]=t.useState([]),[N,D]=t.useState(!0),[T,k]=t.useState(!1),[P,_]=t.useState(!1),[$,M]=t.useState(!0),[F,L]=t.useState(!1),R=t.useRef(null),[A,U]=t.useState(""),[O,K]=t.useState([]),[z,q]=t.useState(""),[B,V]=t.useState(!1),[W,G]=t.useState(!1),[H,J]=t.useState(!1),[Y,Q]=t.useState([]),[X,Z]=t.useState(!1),ee=t.useRef(!0),{poseDetector:te}=function(){const[e,a]=t.useState(0),[s,n]=t.useState(0),[r,o]=t.useState(!1),c=t.useRef(0),i=t.useRef(0),u=t.useRef(!0);async function l(){if("undefined"==typeof window||"undefined"==typeof navigator)return!1;try{console.log("Starting TensorFlow preload...");const[e,t,a]=await Promise.all([Promise.resolve().then(function(){return require("./pose-detection.esm-Bc8T4UAD.js")}),import("@tensorflow/tfjs-core"),import("@tensorflow/tfjs-backend-webgl")]);S=e,await t.setBackend("webgl"),await t.ready(),console.log("TensorFlow backend ready (WebGL)");const s={runtime:"mediapipe",modelType:"full",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/pose"};try{f=await S.createDetector(S.SupportedModels.BlazePose,s),console.log("MediaPipe detector created successfully")}catch(e){console.warn("MediaPipe failed, falling back to TFJS runtime:",e),f=await S.createDetector(S.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(u.current=!0,!f)return p||(p=l()),p.then(e=>{e&&u.current&&o(!0)}),()=>{u.current=!1};o(!0)},[]),t.useEffect(()=>{i.current=e,e>6&&c.current<2&&(n(e=>e+1),a(0))},[e]),t.useEffect(()=>{c.current=s},[s]),{poseDetector:async(e,t)=>{if(!f||!u.current||!t?.current?.video)return;const s=t.current.video;if(!(s.readyState<2))try{const t=await f.estimatePoses(s,{flipHorizontal:!1});if(!t||!t.length)return;const n=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(n)||a(e=>e+1),1===c.current&&d(n)&&a(e=>e+1),2===c.current&&e()}catch(e){console.error("Pose detection error:",e)}},isLoaded:r,spinPhase:s,resetDetector:()=>{c.current=0,i.current=0,a(0),n(0)},retryLoading:async()=>{f||p||(p=l(),await p&&u.current&&o(!0))}}}(),ae=t.useRef(!0),se=t.useRef(!1),ne=t.useRef(0),re=t.useRef(0),oe=t.useRef(!1),ce=t.useRef(!1),ie=t.useRef(!1),ue=t.useRef(()=>{}),le=t.useRef(()=>{}),[de,me]=t.useState([]),[pe,fe]=t.useState(0),[Se,he]=t.useState(a.videoConstraintsExact),{setStartGyro:ge,uploadScanFile:ve,setUploadLoading:ye,swan:xe,onScanStart:we,onCaptureComplete:Ce}=t.useContext(a.ParamsContext),be=()=>{se.current=!1,clearTimeout(h),R.current&&clearTimeout(R.current),u(a.generateUuid()),c(""),ye?.(!1),I([]),E.current=null,D(!0),k(!1),_(!1),M(!0),L(!1),R.current=null,U(""),K([]),q(""),V(!B),ge(!1),a.speechService.stopAudio(),G(!1),J(!1),ne.current=0,re.current=0,oe.current=!1,ie.current=!1,null!==b.current&&b.current.stop(),Y.forEach(e=>{b.current&&b.current.removeEventListener("dataavailable",e)}),Q([]),ee.current=!0,Z(!1),o(!1),C.current?.stream&&D(!1)},Ee=t.useCallback(()=>{setTimeout(()=>{D(!1)},1e3)},[]),je=t.useCallback(e=>{if(console.log("camera error",e),Se===a.videoConstraintsExact)return he(a.videoConstraintsFallback),void fe(e=>e+1);D(!1)},[Se]),Ie=t.useCallback(()=>{ee.current=!1,J(!0),Z(!1),R.current&&clearTimeout(R.current),b.current&&b.current.pause(),a.speechService.stopAudio(),xe.poseDetection.disconnect(),ne.current=0,re.current=0,oe.current=!1,ie.current=!1,b.current&&b.current.stop(),Y.forEach(e=>{b.current&&b.current.removeEventListener("dataavailable",e)}),Q([]),clearTimeout(h)},[b,Y,a.speechService,ee]),Ne=t.useMemo(()=>a.getPreferredMediaRecorderTypes(),[]),De=a.getRecordingMimeType(de),Te=a.getRecordingExtension(De),ke=t.useCallback(async()=>{ee.current=!0,await a.speechService.playAudio(`${a.voiceOverAssetsPath}SpotOn.mp3`),J(!1),Z(!1),R.current&&clearTimeout(R.current),k(!1)},[R,a.speechService]),Pe=t.useCallback(async()=>{if(!ce.current&&!g){ce.current=!0;try{g=await xe.poseDetection.connect(),a.posthog.capture(`${w}/pose_detection_connected`,{scanID:r,email:x,id:g})}catch(e){console.log(e,"while connecting websocket")}finally{ce.current=!1}}},[r,w,x]),_e=t.useCallback(async()=>{a.rescanSupportCaptureEvent({eventName:`${w}/rescan`,email:x,scanID:r,height:y,gender:d,status:!1}),ee.current=!1,xe.poseDetection.disconnect(),g=null,be(),await Pe(),le.current()},[Pe,r,x]),$e=t.useCallback(({data:e})=>{e&&e.size>0&&ee.current&&(I(t=>t.concat(e)),!se.current&&C.current&&(se.current=!0,te(()=>{ke(),a.handleScanTimeCapture({eventName:`${w}/tensorFlow`,scanID:r,email:x,message:"recording stopped by tensorflow "})},C)))},[ke,a.handleScanTimeCapture,w,r,x,C]),Me=t.useCallback(async()=>{const e=O[O.length-1];e&&ee.current&&(await a.speechService.playAudio(a.voiceOverAssetsPath+e),ee.current&&(h=setTimeout(Me,2e3)))},[O,ee]),Fe=t.useCallback(()=>{b&&b.current&&b.current.stop(),k(!0);try{if(C&&C.current&&C.current.stream){const e=C.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();E.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};de[0]&&(t.mimeType=de[0]),b.current=new MediaRecorder(C.current.stream,t),b.current.addEventListener("dataavailable",$e),b.current.addEventListener("stop",()=>{M(!0)}),Q([...Y,$e]),b.current.start(1e3),M(!1)}}catch(e){console.log("error while using media recorder",e)}},[C,de,$e,Y]),Le=t.useCallback(async()=>{R.current&&clearTimeout(R.current),Fe(),ee.current&&(R.current=setTimeout(async()=>{ee.current&&(await a.speechService.playAudio(`${a.voiceOverAssetsPath}SpotOn.mp3`),k(!1))},15e3)),_(!0),ee.current&&await a.speechService.playAudio(`${a.voiceOverAssetsPath}Spin.mp3`)},[Fe,ee,a.speechService]);t.useEffect(()=>{ue.current=Le},[Le]);const Re="undefined"!=typeof window?window.__scanLog??[]:[],Ae=e=>{const t=`[${(new Date).toISOString().slice(11,23)}] [SCAN] ${e}`;console.log(t),Re.push(t)},Ue=t.useCallback(({data:e})=>{const t=xe.poseDetection.connected();e.size>0&&t?(oe.current||(oe.current=!0,Ae(`poseStatus listener REGISTERED | id=${g}`),xe.poseDetection.poseStatus(async e=>{if(e&&e.audio&&e.audio.length>0){const t=document.querySelector("#audioElement"),s=e.audio?.split("/").pop(),n=t?.paused,o=t?.src?.split("/").pop()||"empty";Ae(`poseStatus RECEIVED | status=${e.status} | file=${s} | sid=${e.sid} | id=${g} | sidMatch=${e.sid===g} | counter=${ne.current} | consecFalse=${re.current} | audioPaused=${n} | audioSrc=${o} | audioEl=${t?"found":"NULL"} | lastPlayed=${v?.audioName?.split("/").pop()??"none"} | skipped=${v?.no_of_times_skipped??"-"}/${v?.skipCount??"-"}`),a.posthog.capture(`${w}/pose_instruction_received`,{scanID:r,email:x,audio:e.audio,status:e.status,sid:e.sid,counter:ne.current,consecutiveFalse:re.current,type:"body_scan_instruction"}),!0===e.status&&e.sid===g?(re.current=0,ne.current<2?(ne.current+=1,1!==ne.current||ie.current?2===ne.current&&t?.paused?(Ae(`PLAY good-posture-2 | file=${s}`),a.speechService.playAudio(a.voiceOverAssetsPath+e.audio)):2!==ne.current||t?.paused?Ae(`SKIP good-posture-1 — brilliantPlayed already | counter=${ne.current}`):Ae(`SKIP good-posture-2 — audio still playing | file=${s}`):(Ae(`PLAY good-posture-1 (brilliant) | file=${s}`),ie.current=!0,a.speechService.stopAudio(),await a.speechService.playAudio(a.voiceOverAssetsPath+e.audio))):(Ae(`TRIGGER SPIN | counter=${ne.current} | file=${s}`),q(e.audio),clearTimeout(h),xe.poseDetection.disconnect(),oe.current=!1,setTimeout(()=>ue.current(),1e3))):!0===e.status&&e.sid!==g?Ae(`SKIP good-posture — sid MISMATCH | data.sid=${e.sid} | id=${g}`):(re.current+=1,re.current>=3&&(ne.current=0,ie.current=!1,Ae(`RESET counter/brilliant — consecutiveFalse=${re.current}`)),!t?.paused||v&&v?.audioName===e.audio?t?.paused||v&&v?.audioName===e.audio?v?.audioName===e.audio&&t?.paused?v&&v.no_of_times_skipped>=v.skipCount?(v.no_of_times_skipped=0,Ae(`PLAY wrong-posture REPEAT | file=${s}`),a.speechService.playAudio(a.voiceOverAssetsPath+e.audio)):(v&&(v.no_of_times_skipped+=1),Ae(`SKIP wrong-posture SAME — skip ${v?.no_of_times_skipped}/${v?.skipCount} | file=${s}`)):v?.audioName!==e.audio||t?.paused||Ae(`SKIP wrong-posture SAME — audio still playing | file=${s}`):Ae(`SKIP wrong-posture NEW — audio playing | file=${s}`):(Ae(`PLAY wrong-posture NEW | file=${s}`),v={skipCount:2,no_of_times_skipped:0,audioName:e.audio},a.speechService.playAudio(a.voiceOverAssetsPath+e.audio)))}})),C?.current&&null!==C.current.getScreenshot()&&xe.poseDetection.videoEmit({image:C.current.getScreenshot()||"",scanId:r})):e.size>0&&!t&&Ae(`handleDataAvailable — WS DISCONNECTED | id=${g} | poseListenerRegistered=${oe.current}`)},[C,r,xe,g,a.speechService,w,x]),Oe=t.useCallback(async()=>{L(!0),ge(!0),we?.(),ae.current&&(ae.current=!1,a.handleScanTimeCapture({eventName:"scan started",scanID:r,status:"success",email:x})),i(a.getCurrentTimeInSeconds()),D(!0),ee.current&&await a.speechService.playAudio(`${a.voiceOverAssetsPath}StartScan.mp3`),ee.current&&await a.speechService.playAudio(`${a.voiceOverAssetsPath}LiftArmsAndHoldAtHip.mp3`),ee.current&&(L(!1),k(!0),G(!0),Z(!0),Ee());try{if(C&&C.current&&C.current.stream&&ee.current){const e=C.current.stream.getVideoTracks()[0];if(e){const t=e.getSettings();E.current=t.frameRate||null}const t={videoBitsPerSecond:15e5};de[0]&&(t.mimeType=de[0]),ee.current&&(b.current=new MediaRecorder(C.current.stream,t)),ee.current&&b.current&&b.current.addEventListener("dataavailable",Ue),Q([...Y,Ue]),b.current&&b.current.start(1e3),M(!1),ee.current&&(h=setTimeout(Me,2e3))}}catch(e){console.log("error ----------",e)}},[C,de,Ue,Y,Me,ee,we]);return t.useEffect(()=>(w&&(s(!0),Pe()),()=>{const e=g;g=null,e&&(xe.poseDetection.disconnect(),a.posthog.capture(`${w}/pose_detection_disconnected`,{scanID:r,email:x,id:e})),Y.forEach(e=>{b?.current?.removeEventListener("dataavailable",e)})}),[w]),t.useEffect(()=>{O.push(A)},[A]),t.useEffect(()=>{K([])},[z]),t.useEffect(()=>{const e=j.length&&j.length>0;$||!e||T||!ee.current||H||b&&b.current&&(T||b.current.stop())},[$,T,j,H]),t.useEffect(()=>{const e=j.length&&j.length>0;if($&&e&&!T&&b&&b.current&&ee.current&&!H&&!T){const e=new File(j,`${r}.${Te}`,{type:De});Ce?.(),ye?.(!0),c(""),ve?.(e,E.current)}},[$,T,j,H,b,ee]),t.useEffect(()=>{le.current=Oe},[Oe]),t.useEffect(()=>{const e=a.getSupportedMediaRecorderTypes(Ne,a.videoTypes);me(e)},[Ne]),t.useEffect(()=>{be()},[]),e.jsx(m,{resetDetector:n,resetScan:be,loadingCam:N,onPause:Ie,showRestart:W,pause:H,onReScan:_e,recordingStarted:T,isScanning:F,startSendingVideoFrames:Oe,faceDone:P,stopRecording:ke,showPause:X,webcamRef:C,onUserMedia:Ee,onUserMediaError:je,videoConstraints:Se,webcamKey:pe})});function x({scanID:a,userDetails:s,setIsVideoUploaded:n,setScanFailsError:r,setScanStartTime:o,setScanUniqueKey:c}){const[i,u]=t.useState(90),[l,d]=t.useState(0),[m,p]=t.useState(null),[f,S]=t.useState(!1),[h,g]=t.useState(0),v=t.useRef([]),[x,w]=t.useState(!1),C=i-l,b=C>=80&&C<=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.gamma*Math.PI/180)),t=Math.max(0,Math.min(180,t)),u(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(v.current=[...v.current.slice(-4),C],v.current.length>=5){const e=Math.max(...v.current)-Math.min(...v.current);g(b&&e<2?e=>Math.min(100,e+10):e=>Math.max(0,e-20))}b||null===m&&!f||j()},[C,b,m,f]),t.useEffect(()=>{h>=100&&null===m&&!f&&E(),h<50&&null!==m&&j()},[h,m,f]);const E=()=>{p(3);const e=setInterval(()=>{p(t=>null===t||t<=1?(clearInterval(e),S(!0),null):t-1)},1e3)},j=()=>{p(null),x||S(!1)};return e.jsx(e.Fragment,{children:f&&e.jsx(y,{setIsScanLocked:w,resetDetector:()=>{u(90),d(0),p(null),S(!1),g(0),w(!1),v.current=[]},scanID:a,userDetails:s,setIsVideoUploaded:n,setScanFailsError:r,setScanStartTime:o,setScanUniqueKey:c})})}function w({setShowDrawer:n,config:r,loader:o}){const[c,i]=t.useState({disabled:!1,message:""}),[u,l]=t.useState(!0),d=t.useRef(null),m=t.useCallback(async()=>{const e=await a.checkCameraPermission();i(e),l(!1)},[]);return t.useEffect(()=>{m()},[]),u?e.jsx(a.LoadingScreen,{url:o,loaderType:"black"}):c?.disabled?e.jsx(a.Modal,{config:r,message:c?.message}):e.jsx(s,{audio:!1,ref:d,screenshotQuality:1,videoConstraints:a.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 C({link:s,onReady:n,wrapperClassName:r="[&_video]:rounded-t-[20px] w-full h-full"}){const c=t.useRef(null),i=t.useRef(null);let u={autoplay:!0,controls:!1,responsive:!0,fluid:!0,muted:!0,navigationUI:"hide",preload:"metadata",poster:a.videoPoster};return t.useEffect(()=>{if(!i.current&&s&&c?.current){const e=o(c.current,{...u});e.ready(()=>{i.current=e;const t={...u,sources:[{src:s,type:"application/x-mpegURL"}]};e.autoplay(t.autoplay),e.src(t.sources),n?.(e)})}},[s,c]),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:c,muted:!0,className:"video-js",playsInline:!0,onDrag:e=>e.preventDefault()})})}function b({scanFailsError:s,onNext:o,gender:c,setScanUniqueKey:i,setIsVideoUploaded:u}){const{translate:l}=t.useContext(a.LanguageContext)||{},d=a.useConfig(),[m,p]=t.useState(!1),f=()=>{p(!m)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{"data-testid":"scan-error-message",className:"flex common-ui-main 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(a.Header,{noTitle:!0})}),e.jsx("div",{className:"flex-1",children:s&&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:l?.(a.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:l?.(a.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:a.handleErrorMessage(s)}),e.jsx("img",{className:"my-[0.5rem] aspect-[2/1.4] w-full object-cover",onClick:f,src:a.VIDEO_POSTER_GENDER_BASED[c],alt:"icon"})]})}),s&&e.jsx("div",{className:"p-[1rem] flex gap-[0.5rem]",children:e.jsx(a.SpecificButton,{"data-testid":"scan-again-btn",disabled:!1,buttonText:l?.(a.LanguageKeys.scanAgain),className:"!shadow-none",buttonFunc:()=>{o?o?.():i?.(a.generateUuid()),u?.(!1)}})})]}),m&&e.jsxs(r.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(n.X,{className:"absolute right-[8px] top-[8px] text-white z-[9]"})})}),e.jsx("div",{className:"aspect-video object-cover rounded-[20px] ",children:e.jsx(C,{link:c?a.GENDER[c].PRE_LINK:a.GENDER.male.PRE_LINK,wrapperClassName:"w-screen h-screen fixed top-[0] left-[0]"})})]})]})}function E({scanId:s,userDetails:n,config:o,isVideoUploadedCorrect:c,isMeasurementAvailable:i,onComplete:u,isSuccess:l,onCustomScanSuccess:d,swan:m}){const{gender:p,shopDomain:f,heightInCm:S,deviceFocalLength:h,userName:g,email:v,scanType:y}=n||{},x=[a.CLOTHING_CUSTOM_SCAN,a.CLOTHING_BANNER_SCAN,a.CLOTHING_CUSTOM_FIT_SCAN].includes(y??""),[C,b]=t.useState(!0),E=t.useCallback(async()=>{try{x&&(await(m?.auth.addUser({scanId:s,email:v,name:g,gender:p,height:S})),d?.()),a.posthog.capture(f??"",{scanID:s,email:v,height:S,focalLength:h,clothesFit:"0",gender:p})}catch(e){console.log(e)}},[x]),{translate:j}=t.useContext(a.LanguageContext)||{};t.useEffect(()=>{(c||i)&&E()},[c,i]);const I=l||c||i;return e.jsx(r.Box,{className:"flex h-full w-full flex-col common-ui-main",children:e.jsxs("div",{className:"h-full w-full flex-col items-center justify-center flex",children:[e.jsx(w,{loader:o?.loader,setShowDrawer:b}),e.jsx(r.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:o?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"w-full h-full flex flex-col",children:[e.jsx(a.Header,{title:j?.(a.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:p===a.GenderType.Male?a.maleMeasurementProgress:a.measurementProgress,type:"video/mp4"})})}),I&&e.jsx(a.SpecificButton,{className:"!w-[180px] mx-auto",buttonText:j?.(a.LanguageKeys.next),buttonFunc:()=>{u?.()}})]})})})]})})}const j=()=>{const{userDetails:s,onRetry:n,isError:o,isSuccess:c,gender:i,scanUniqueKey:u,scanFailsError:l,setScanUniqueKey:d,setIsVideoUploaded:m,isMeasurementAvailable:p,isVideoUploadedCorrect:f,loading:S,showDeniedModal:h,uploadLoading:g,setScanFailsError:v,setScanStartTime:y,resetScan:C,onCustomScanSuccess:j,swan:I,onComplete:N}=t.useContext(a.ParamsContext),D=a.useConfig();return o?e.jsxs("div",{"data-scan-state":"error",children:[e.jsx(w,{}),e.jsx(r.Drawer,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e.jsx(b,{scanFailsError:!0,onNext:n,gender:i})})]}):c?e.jsx("div",{"data-scan-state":"success",children:e.jsx(E,{isSuccess:!0,onComplete:N})}):S?e.jsx("div",{"data-scan-state":"loading",className:"flex top-0 !mt-0 left-0 z-[999] absolute justify-center items-center w-full h-full",style:{background:D?.style?.base?.backgroundColor},children:e.jsx(a.LoadingScreen,{url:D?.loader,loaderType:"black"})}):h.disabled?e.jsx("div",{"data-scan-state":"camera-denied",children:e.jsx(a.Modal,{})}):g||l||p||f?(g||p||f)&&!l?e.jsx("div",{"data-scan-state":"processing",children:e.jsx(E,{scanId:u,isMeasurementAvailable:p,userDetails:s,isVideoUploadedCorrect:f,onCustomScanSuccess:j,swan:I,onComplete:N})}):e.jsxs("div",{"data-scan-state":"error-retry",children:[e.jsx(w,{}),e.jsx(r.Drawer,{anchor:"bottom",open:!0,className:"camera-drawer",onClose:(e,t)=>{},children:e.jsx(b,{scanFailsError:l,onNext:()=>{n?.(),C()},setScanUniqueKey:d,gender:i,setIsVideoUploaded:m})})]}):e.jsx("div",{"data-scan-state":"scanning",children:e.jsx(x,{scanID:u,userDetails:s,setIsVideoUploaded:m,setScanFailsError:v,setScanStartTime:y,setScanUniqueKey:d})})};exports.BodyScan=s=>{const{config:n,onRetry:r,onScanStart:o,onCaptureComplete:c,onUploadStart:i,onUploadEnd:u,onMeasurementSocketStart:l,onMeasurementSocketClose:m,onIntermediateScanSuccess:p,onScanError:f,onScanSuccess:S,onCustomScanSuccess:h,onComplete:g,isError:v,isSuccess:y}=s,x={email:"",shopDomain:"",gender:"male",heightInCm:0,scanType:"",deviceFocalLength:0,deviceModelName:"",sourceTag:"",callbackUrl:null,...s.userDetails??{}},w=s.token??"",{gender:C,scanType:b,shopDomain:E,heightInCm:I,email:N,deviceFocalLength:D,deviceModelName:T,callbackUrl:k,sourceTag:P}=x,_=t.useMemo(()=>a.getSwanService(w),[w]),[$,M]=t.useState(!1),[F,L]=t.useState(!1),[R,A]=t.useState(!1),[U,O]=t.useState({disabled:!1,message:""}),[K,z]=t.useState(""),[q,B]=t.useState(!1),[V,W]=t.useState(!0),[G,H]=t.useState(!1),[J,Y]=t.useState(""),[Q,X]=t.useState(a.getCurrentTimeInSeconds()),{gyroData:Z}=function(e){const[a,s]=t.useState([]),[n,r]=t.useState(!1),o=t.useCallback(e=>{try{const{alpha:t,beta:a,gamma:n}=e;s(e=>[...e,{alpha:t?.toString()||void 0,beta:a?.toString()||void 0,gamma:n?.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&&n?window.addEventListener("deviceorientation",o):s([]),()=>{window.removeEventListener("deviceorientation",o)}),[e,n,o]),t.useEffect(()=>{e&&c()},[e,c]),{gyroData:a}}(G);a.usePosthogPageview();const ee=t.useCallback(()=>{Y(a.generateUuid()),z(""),M(!1),B(!1)},[]),te=()=>{X(null),Y("")},ae=t.useCallback(async e=>{if(e&&"success"===e?.scanStatus&&"intermediate"===e?.resultType&&200===e?.code)return a.handleScanTimeCapture({eventName:`${E}/measurement_success/intermediate`,scanID:J,status:"success",email:N}),L(!0),void p?.(e);S?.(e),L(!0),te();const t=J;A(!0),a.handleScanTimeCapture({eventName:`${E}/measurement_success/fit-view`,scanID:t,status:"success",email:N}),Q&&a.handleScanTimeCapture({eventName:`${E}/scan_completion_time`,scanID:t,status:"success",completionTime:a.getCurrentTimeInSeconds()-Q,email:N})},[b,E,J]),se=e=>{A(!1),z(""),L(!1),_.measurement.handleMeasurementSocket({scanId:J,onPreopen:()=>{a.handleWebSocketCapture({eventName:`${E}/webSocket`,scanID:J,connection:"pre_open",type:"measurement_recommendation",email:N})},onOpen:()=>{l?.(),a.handleWebSocketCapture({eventName:`${E}/webSocket`,scanID:J,connection:"open",type:"measurement_recommendation",email:N})},onClose:()=>{m?.(),a.handleWebSocketCapture({eventName:`${E}/webSocket`,scanID:J,connection:"close",type:"measurement_recommendation",email:N})},onError:e=>{var t;t=e,f?.({...t,message:a.handleErrorMessage(t)}),te(),A(!1),z(t),L(!1),a.handleScanTimeCapture({eventName:`${E}/measurement_failed/fit-view`,scanID:J,status:"failed",email:N,message:a.handleErrorMessage(t)}),Q&&a.handleScanTimeCapture({eventName:`${E}/scan_completion_time`,scanID:J,status:"failed",completionTime:a.getCurrentTimeInSeconds()-Q,email:N}),a.handleWebSocketCapture({eventName:`${E}/webSocket`,scanID:J,connection:"error",type:"measurement_recommendation",email:N})},onSuccess:e=>{a.handleWebSocketCapture({eventName:`${E}/webSocket`,scanID:J,connection:"success",type:"measurement_recommendation",email:N}),ae(e)}})},ne=t.useCallback(async(e,t)=>{const s=Number((e.size/1048576).toFixed(2)),n=null!=t?t:await a.getVideoFPS(e),r=a.createObjectMetadataArray({gender:C,focal_length:`${D}`,height:`${I}`,customer_store_url:E,clothes_fit:"0",scan_type:b,callback_url:k,source_tag:P});a.handleScanTimeCapture({eventName:`${E}/body_scan_meta_data`,scanID:J,email:N,data:JSON.stringify([...r,{fileSizeInMB:s,video_fps:n||0}])}),i?.();try{await _.fileUpload.uploadFileFrontend({file:e,arrayMetaData:r,scanId:J,email:N}),await _.fileUpload.setDeviceInfo({model:T,detection:"manual",gyro:Z,scanId:J}),console.log("video successfully uploaded"),B(!1),a.handleScanTimeCapture({eventName:`${E}/scan_success`,scanID:J,status:"success",email:N,data:JSON.stringify(r)}),a.handleScanTimeCapture({eventName:"scan finished",scanID:J,status:"success",email:N}),X(a.getCurrentTimeInSeconds()),setTimeout(()=>{B(!0)},3e3)}catch(e){a.handleScanTimeCapture({eventName:"scan finished",scanID:J,status:"failed",email:N,message:a.handleErrorMessage(e)}),a.handleScanTimeCapture({eventName:`${E}/scan_failed`,scanID:J,status:"failed",email:N,message:a.handleErrorMessage(e),data:JSON.stringify(r)}),z(a.handleErrorMessage(e)),B(!1),f?.({...e,message:a.handleErrorMessage(e)}),te()}finally{H(!1),u?.()}},[J,Z,i,u]),re=t.useCallback(async()=>{if(+I<152.4||+I>213.36)return void f?.({message:"Height must be between 152.4cm (5ft) and 213.36cm (7ft)"});const e=await a.checkCameraPermission();e.disabled?(a.handleScanTimeCapture({eventName:`${E}/camera_activation`,scanID:J,status:"failed",email:N}),W(!1)):(W(!1),a.handleScanTimeCapture({eventName:`${E}/camera_activation`,scanID:J,status:"success",email:N})),O(e),z(""),B(!1)},[N,J,Y,E]);return t.useEffect(()=>{v||y||E&&re()},[E,I,v,y]),t.useEffect(()=>{v||y||q&&E&&J&&se()},[q,E,J,v,y]),e.jsx("div",{"data-testid":"body-scan-root",children:e.jsx(a.LanguageContextProvider,{children:e.jsx(a.ConfigProvider,{config:n,children:e.jsx(d,{children:e.jsx(a.ParamsContext.Provider,{value:{userDetails:x,onRetry:r,onScanError:f,isError:v,isSuccess:y,onScanSuccess:S,gender:C,scanUniqueKey:J,scanFailsError:K,setScanUniqueKey:Y,setIsVideoUploaded:B,isMeasurementAvailable:R,isVideoUploadedCorrect:F,loading:V,showDeniedModal:U,uploadLoading:$,setStartGyro:H,uploadScanFile:ne,setUploadLoading:M,resetScan:ee,setScanFailsError:z,setScanStartTime:X,onScanStart:o,onCaptureComplete:c,onCustomScanSuccess:h,onComplete:g,swan:_},children:e.jsx(j,{})})})})})})};
2
- //# sourceMappingURL=BodyScan-CNhb6UOX.js.map