@swan-admin/swan-web-component 1.0.115 → 1.0.116

package/dist/FaceScan-DL21ykY_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaceScan-DL21ykY_.js","sources":["../src/customHooks/useFaceScan.ts","../src/components/faceScan/FaceScanErrorScreen.tsx","../src/components/faceScan/FaceScanGuide.tsx","../src/components/faceScan/FaceScanStep.tsx","../src/components/faceScan/FaceScan.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  RefObject,\n} from \"react\";\n// 1. Use TYPE-ONLY imports. These are erased at build time and won't crash SSR.\nimport type { PoseDetector } from \"@tensorflow-models/pose-detection\";\nimport { posthog } from \"posthog-js\";\nimport speechService from \"../utils/service/speechService\";\nimport { videoConstraints, voiceOverAssetsPath } from \"../utils/constants\";\n\n/**\n * useFaceScan Hook with PostHog Analytics\n * Refactored for Zero-Config SSR/CSR Compatibility\n */\n\n// Debounce utility\nfunction debounce(fn: (...args: any) => void, delay: number) {\n  let timer: number | NodeJS.Timeout;\n  return (...args: any) => {\n    if (timer) clearTimeout(timer);\n    timer = setTimeout(() => fn(...args), delay);\n  };\n}\n\n// Global Singleton Cache (Preserves state across re-renders)\nlet preloadedDetector: PoseDetector | null = null;\nlet isPreloading = false;\n\n// 2. Async Preloader with Dynamic Imports\nexport const preloadDetector = async (): Promise<PoseDetector | null> => {\n  // Guard: Never run on server\n  if (typeof window === \"undefined\") return null;\n  if (preloadedDetector) return preloadedDetector;\n  if (isPreloading) {\n    // Simple wait mechanism if already loading\n    while (isPreloading) {\n      await new Promise(r => setTimeout(r, 100));\n      if (preloadedDetector) return preloadedDetector;\n    }\n  }\n\n  isPreloading = true;\n\n  try {\n    // DYNAMIC IMPORTS: Only fetch these heavy bundles in the browser\n    const [tf, poseDetection] = await Promise.all([\n      import(\"@tensorflow/tfjs\"),\n      import(\"@tensorflow-models/pose-detection\")\n    ]);\n\n    // Initialize Backend\n    await tf.setBackend(\"webgl\");\n    await tf.ready();\n\n    const detector = await poseDetection.createDetector(\n      poseDetection.SupportedModels.BlazePose,\n      {\n        runtime: \"tfjs\",\n        modelType: \"full\",\n      }\n    );\n\n    // Dummy video warmup (Performance Optimization)\n    // This runs the model once on a blank canvas to \"wake up\" the GPU\n    // so the first user frame detects instantly.\n    const dummyCanvas = document.createElement(\"canvas\");\n    dummyCanvas.width = videoConstraints.width;\n    dummyCanvas.height = videoConstraints.height;\n    const ctx = dummyCanvas.getContext(\"2d\");\n    if (ctx) {\n      ctx.fillStyle = \"black\";\n      ctx.fillRect(0, 0, dummyCanvas.width, dummyCanvas.height);\n      try {\n        await detector.estimatePoses(dummyCanvas);\n      } catch (e) {\n        console.warn(\"Warmup frame failed (non-fatal):\", e);\n      }\n    }\n\n    preloadedDetector = detector;\n    return detector;\n  } catch (err) {\n    console.error(\"Failed to preload detector:\", err);\n    return null;\n  } finally {\n    isPreloading = false;\n  }\n};\n\ntype Point = [number, number, number];\n\nfunction useFaceScan({\n  faceScanId,\n  onValidPose,\n  onScanComplete,\n  onModelReady,\n  onStartRecording,\n  shopDomain,\n}: {\n  faceScanId: string;\n  onValidPose?: () => void;\n  onScanComplete?: () => void;\n  onModelReady?: () => void;\n  onStartRecording: () => void;\n  shopDomain: string;\n}) {\n  const detectorRef = useRef<PoseDetector | null>(null);\n  const [scanStage, setScanStage] = useState(0);\n  const [consecutiveValid, setConsecutiveValid] = useState(0);\n  const [isModelLoaded, setIsModelLoaded] = useState(false);\n  const [isScanningActive, setIsScanningActive] = useState(false);\n  \n  const utteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n  const scanStageRef = useRef(scanStage);\n  const consecutiveValidRef = useRef(consecutiveValid);\n  const validityBufferRef = useRef<boolean[]>([]);\n  const lastSpokenMessageRef = useRef(\"\");\n  const lastSpokenTimeRef = useRef(0);\n  const voiceEnabledRef = useRef(false);\n  \n  const VALIDITY_BUFFER_LENGTH = 10;\n  const CONSECUTIVE_VALID_LENGTH = 2;\n  const TOTAL_STAGES = 4;\n  const POSE_TRACKING_INTERVAL = 4000;\n  const lastPoseTrackingTimeRef = useRef(0);\n\n  // Safe iOS detection (SSR safe)\n  const isIOS = typeof navigator !== 'undefined' && (\n    /iPad|iPhone|iPod/.test(navigator.userAgent) ||\n    (navigator.platform === \"MacIntel\" && navigator.maxTouchPoints > 1)\n  );\n\n  const directionMessages = useMemo(\n    () => [\n      \"Face front\",\n      \"Turn head fully left\",\n      \"Turn head fully right\",\n      \"Smile facing front\",\n    ],\n    []\n  );\n\n  const debouncedTrackPoseDetection = useMemo(\n    () =>\n      debounce((payload) => {\n        posthog.capture(`${shopDomain}/face_scan_pose_detection`, payload);\n      }, 4000),\n    [shopDomain]\n  );\n\n  const trackPoseDetection = useCallback(\n    (\n      faceKeypoints: Point[],\n      bodyKeypoints: Point[],\n      stage: number,\n      headValid: boolean,\n      bodyInvalid: boolean,\n      consecutiveValidCount: number\n    ) => {\n      const now = Date.now();\n      if (now - lastPoseTrackingTimeRef.current < POSE_TRACKING_INTERVAL) {\n        return;\n      }\n\n      lastPoseTrackingTimeRef.current = now;\n\n      try {\n        const nose = faceKeypoints[0] || [0, 0, 0];\n        const leftEye = faceKeypoints[2] || [0, 0, 0];\n        const rightEye = faceKeypoints[5] || [0, 0, 0];\n        const leftMouth = faceKeypoints[9] || [0, 0, 0];\n        const rightMouth = faceKeypoints[10] || [0, 0, 0];\n\n        const faceKeypointScores = faceKeypoints\n          .map((kp: Point) => kp[2])\n          .filter((score: number) => score > 0);\n        const avgFaceScore =\n          faceKeypointScores.length > 0\n            ? faceKeypointScores.reduce((a, b) => a + b, 0) /\n              faceKeypointScores.length\n            : 0;\n\n        const bodyKeypointScores = bodyKeypoints\n          .map((kp: Point) => kp[2])\n          .filter((score: number) => score > 0);\n        const avgBodyScore =\n          bodyKeypointScores.length > 0\n            ? bodyKeypointScores.reduce((a: number, b: number) => a + b, 0) /\n              bodyKeypointScores.length\n            : 0;\n\n        const eyeDistance = Math.abs(leftEye[0] - rightEye[0]);\n        const noseToRight = nose[0] - rightEye[0];\n        const noseToLeft = leftEye[0] - nose[0];\n\n        let expectedPosition = \"frontal\";\n        if (stage === 1) expectedPosition = \"left\";\n        else if (stage === 2) expectedPosition = \"right\";\n        else if (stage === 3) expectedPosition = \"frontal_smile\";\n\n        const payload = {\n          faceScanId,\n          stage,\n          timestamp: new Date().toISOString(),\n          data: JSON.stringify({\n            headValid,\n            bodyInvalid,\n            consecutiveValid: consecutiveValidCount,\n            avgFaceScore: parseFloat(avgFaceScore.toFixed(3)),\n            avgBodyScore: parseFloat(avgBodyScore.toFixed(3)),\n            faceKeypointsDetected: faceKeypointScores.length,\n            bodyKeypointsDetected: bodyKeypointScores.length,\n            eyeDistance: parseFloat(eyeDistance.toFixed(2)),\n            noseToRightRatio: parseFloat((noseToRight / eyeDistance).toFixed(3)),\n            noseToLeftRatio: parseFloat((noseToLeft / eyeDistance).toFixed(3)),\n            noseScore: parseFloat(nose[2].toFixed(3)),\n            leftEyeScore: parseFloat(leftEye[2].toFixed(3)),\n            rightEyeScore: parseFloat(rightEye[2].toFixed(3)),\n            leftMouthScore: parseFloat(leftMouth[2].toFixed(3)),\n            rightMouthScore: parseFloat(rightMouth[2].toFixed(3)),\n            expectedPosition,\n          }),\n        };\n        debouncedTrackPoseDetection(payload);\n      } catch (error) {\n        console.warn(\"Failed to track pose detection:\", error);\n      }\n    },\n    [faceScanId, debouncedTrackPoseDetection]\n  );\n\n  const enableVoiceCommands = () => {\n    voiceEnabledRef.current = true;\n    if (typeof window !== 'undefined' && isIOS && \"speechSynthesis\" in window) {\n      const silentUtterance = new SpeechSynthesisUtterance(\"\");\n      silentUtterance.volume = 0;\n      speechSynthesis.speak(silentUtterance);\n    }\n  };\n\n  const startScanSequence = () => {\n    posthog.capture(`${shopDomain}/face_scan_detection_started`, {\n      faceScanId,\n      stage: scanStageRef.current,\n      timestamp: new Date().toISOString(),\n      stageName: directionMessages[scanStageRef.current],\n    });\n\n    setTimeout(() => {\n      setIsScanningActive(true);\n    }, 1500);\n  };\n\n  const isHeadInPosition = (stage: number, keypoints: Point[]) => {\n    // ... logic unchanged ...\n    const nose = 0;\n    const leftEye = 2;\n    const rightEye = 5;\n    const leftMouth = 9;\n    const rightMouth = 10;\n\n    const minScore = 0.2;\n    if (\n      !keypoints[nose] || !keypoints[leftEye] || !keypoints[rightEye] ||\n      keypoints[nose][2] < minScore ||\n      keypoints[leftEye][2] < minScore ||\n      keypoints[rightEye][2] < minScore\n    ) {\n      return false;\n    }\n\n    const eyesToMouthVerticalDistance =\n      0.5 * (keypoints[rightMouth][1] + keypoints[leftMouth][1]) -\n      0.5 * (keypoints[rightEye][1] + keypoints[leftEye][1]);\n\n    const faceTiltedness =\n      (0.5 * (keypoints[rightMouth][1] + keypoints[leftMouth][1]) -\n        keypoints[nose][1]) /\n      eyesToMouthVerticalDistance;\n\n    const faceIsTilted = faceTiltedness > 0.7 || faceTiltedness < 0.3;\n\n    const faceIsVertical =\n      Math.abs(keypoints[leftEye][1] - keypoints[rightEye][1]) <\n        0.5 * eyesToMouthVerticalDistance &&\n      Math.abs(keypoints[leftMouth][1] - keypoints[rightMouth][1]) <\n        0.5 * eyesToMouthVerticalDistance;\n\n    const eyeDistance = keypoints[leftEye][0] - keypoints[rightEye][0];\n    const noseToRight = keypoints[nose][0] - keypoints[rightEye][0];\n    const noseToLeft = keypoints[leftEye][0] - keypoints[nose][0];\n\n    const frontalFace =\n      noseToRight > 0.4 * eyeDistance && noseToRight < 0.6 * eyeDistance;\n    const fullLeft = noseToRight > 0.85 * eyeDistance;\n    const fullRight = noseToLeft > 0.85 * eyeDistance;\n\n    switch (stage) {\n      case 0:\n        return !faceIsTilted && faceIsVertical && frontalFace;\n      case 1:\n        return !faceIsTilted && faceIsVertical && fullLeft;\n      case 2:\n        return !faceIsTilted && faceIsVertical && fullRight;\n      case 3:\n        return !faceIsTilted && faceIsVertical && frontalFace;\n      default:\n        return false;\n    }\n  };\n\n  const faceScanDetector = async (\n    webcamRef: RefObject<HTMLVideoElement | null>,\n    canvasRef: RefObject<HTMLCanvasElement | null>\n  ) => {\n    if (\n      !detectorRef.current ||\n      !webcamRef.current ||\n      !isModelLoaded ||\n      !isScanningActive\n    )\n      return;\n\n    // Safety: ensure video is actually playing with data\n    if (webcamRef.current.readyState < 2) return;\n\n    try {\n      const poses = await detectorRef.current.estimatePoses(webcamRef.current);\n      if (poses.length > 0) {\n        const faceKeypoints: Point[] = [];\n        const bodyKeypoints: Point[] = [];\n        poses[0].keypoints.forEach((landmark, idx) => {\n          const score = landmark.score ?? 0;\n          const point: Point = [landmark.x ?? -1, landmark.y ?? -1, score];\n          if (idx <= 10) faceKeypoints.push(point);\n          else bodyKeypoints.push(point);\n        });\n\n        // Optional drawing\n        if (canvasRef?.current) {\n          const ctx = canvasRef.current.getContext(\"2d\");\n          const { width, height } = canvasRef.current;\n          if (ctx) {\n            ctx.clearRect(0, 0, width, height);\n\n            const progress = Math.min(\n              consecutiveValidRef.current / CONSECUTIVE_VALID_LENGTH,\n              1\n            );\n            const radius = height * 0.35;\n            ctx.beginPath();\n            ctx.strokeStyle = \"#00ff00\";\n            ctx.lineWidth = 6;\n            ctx.arc(\n              width / 2,\n              height / 2,\n              radius + 10,\n              -Math.PI / 2,\n              -Math.PI / 2 + progress * 2 * Math.PI\n            );\n            ctx.stroke();\n          }\n        }\n\n        const headValid = isHeadInPosition(scanStageRef.current, faceKeypoints);\n        const bodyInvalid =\n          bodyKeypoints.slice(2).filter((p) => p[2] > 0.7).length <= 2;\n\n        validityBufferRef.current.push(headValid && bodyInvalid);\n        if (validityBufferRef.current.length > VALIDITY_BUFFER_LENGTH) {\n          validityBufferRef.current.shift();\n        }\n\n        const validCount = validityBufferRef.current.filter(Boolean).length;\n        if (validCount >= 2) {\n          const nextValid = consecutiveValidRef.current + 1;\n          setConsecutiveValid(nextValid);\n        } else {\n          setConsecutiveValid(Math.max(0, consecutiveValidRef.current - 1));\n        }\n\n        if (consecutiveValidRef.current >= CONSECUTIVE_VALID_LENGTH) {\n          onValidPose?.();\n\n          const nextStage = scanStageRef.current + 1;\n          setConsecutiveValid(0);\n          validityBufferRef.current = [];\n          setScanStage(nextStage);\n          setIsScanningActive(false);\n\n          (async () => {\n            await speechService.playAudio(\n              `${voiceOverAssetsPath}face-scan-vos/Sound-effect.mp3`\n            );\n            posthog.capture(\n              `${shopDomain}/face_scan_detection_stage_completed`,\n              {\n                faceScanId,\n                completedStage: scanStageRef.current,\n                nextStage,\n                timestamp: new Date().toISOString(),\n                totalStages: TOTAL_STAGES,\n                stageName: directionMessages[scanStageRef.current],\n              }\n            );\n            \n            if (nextStage === 1 && onStartRecording) {\n              onStartRecording();\n            }\n            if (nextStage >= TOTAL_STAGES) {\n              onScanComplete?.();\n            } else {\n              let nextSound = null;\n              switch (nextStage) {\n                case 1: nextSound = \"Left.mp3\"; break;\n                case 2: nextSound = \"Right.mp3\"; break;\n                case 3: nextSound = \"Smile.mp3\"; break;\n              }\n              if (nextSound) {\n                await speechService.playAudio(\n                  `${voiceOverAssetsPath}face-scan-vos/${nextSound}`\n                );\n              }\n              startScanSequence();\n            }\n          })();\n        }\n\n        trackPoseDetection(\n          faceKeypoints,\n          bodyKeypoints,\n          scanStageRef.current,\n          headValid,\n          bodyInvalid,\n          consecutiveValidRef.current\n        );\n      }\n    } catch (err) {\n      console.error(\"Pose detection error:\", err);\n    }\n  };\n\n  const initializeModels = async () => {\n    // 3. Browser Guard\n    if (typeof window === 'undefined') return;\n\n    try {\n      console.log(\"Initializing Face Scan...\");\n      // Calls our safe, dynamic preloader\n      const detector = await preloadDetector();\n      \n      if (detector) {\n        detectorRef.current = detector;\n        console.log(\"Face scan model loaded successfully\");\n        setIsModelLoaded(true);\n        onModelReady?.();\n      }\n    } catch (err) {\n      console.error(\"Error initializing face scan:\", err);\n    }\n  };\n\n  const disposeModelAndTf = async () => {\n    // Optional: We might NOT want to dispose if we want to keep the cache \n    // for re-mounting. But if you must dispose:\n    try {\n      setIsModelLoaded(false);\n      // NOTE: We generally don't dispose the detector if we want to reuse it \n      // via the 'preloadedDetector' global variable.\n      // If you dispose here, make sure to set 'preloadedDetector = null' too.\n      /* if (detectorRef.current) {\n        await detectorRef.current.dispose();\n        detectorRef.current = null;\n        preloadedDetector = null; // Clear global cache if disposing\n      }\n      */\n    } catch (err) {\n      console.error(\"Error disposing resources:\", err);\n    } finally {\n      // Reset state\n      setScanStage(0);\n      setConsecutiveValid(0);\n      scanStageRef.current = 0;\n      consecutiveValidRef.current = 0;\n      validityBufferRef.current = [];\n    }\n  };\n\n  const resetScan = () => {\n    posthog.capture(`${shopDomain}/face_scan_reset`, {\n      faceScanId,\n      stage: scanStageRef.current,\n      timestamp: new Date().toISOString(),\n      stageName: directionMessages[scanStageRef.current],\n      consecutiveValid: consecutiveValidRef.current,\n    });\n\n    setScanStage(0);\n    setConsecutiveValid(0);\n    setIsScanningActive(false);\n    scanStageRef.current = 0;\n    consecutiveValidRef.current = 0;\n    validityBufferRef.current = [];\n    lastSpokenMessageRef.current = \"\";\n    lastSpokenTimeRef.current = 0;\n    voiceEnabledRef.current = false;\n    if (utteranceRef.current) {\n      speechSynthesis.cancel();\n      utteranceRef.current = null;\n    }\n  };\n\n  useEffect(() => {\n    initializeModels();\n    return () => {\n      disposeModelAndTf();\n    };\n  }, []);\n\n  useEffect(() => {\n    scanStageRef.current = scanStage;\n  }, [scanStage]);\n\n  useEffect(() => {\n    consecutiveValidRef.current = consecutiveValid;\n  }, [consecutiveValid]);\n\n  return {\n    faceScanDetector,\n    scanStage,\n    setScanStage,\n    consecutiveValid,\n    isModelLoaded,\n    resetScan,\n    enableVoiceCommands,\n    startScanSequence,\n    isScanningActive,\n  };\n}\n\nexport default useFaceScan;","import { ArrowRight } from \"lucide-react\";\nimport Header from \"../Header\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { useContext } from \"react\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { Config } from \"../../types/interfaces\";\n\nfunction FaceScanErrorScreen({ resetScanState, loading, config }: { resetScanState?: () => void; loading?: boolean; config?: Config }) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\n\treturn (\n\t\t<div className=\"fixed  top-[0] left-[0] z-[999]  flex justify-center items-center w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t<div className=\"flex flex-col w-full items-center p-[1rem] rounded-lg  \">\n\t\t\t\t<Header noTitle resolvedConfig={config} />\n\t\t\t\t<div className=\"flex flex-col items-center w-full\">\n\t\t\t\t\t<h2\n\t\t\t\t\t\tclassName=\"text-xl font-semibold text-gray-800 \"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.scanFailed)}\n\t\t\t\t\t</h2>\n\t\t\t\t\t<p\n\t\t\t\t\t\tclassName=\"mb-[1.5rem]\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\tcolor: config?.style?.subheading?.subheadingColor || \"#4b5563\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.clickToResetScan)}\n\t\t\t\t\t</p>\n\t\t\t\t\t<SpecificButton\n\t\t\t\t\t\tdisabled={loading}\n\t\t\t\t\t\tclassName=\"w-full h-[45px] shadow-[0px_1px_2px_0px_#00000040] text-[16px]\"\n\t\t\t\t\t\tbuttonText={translate?.(LanguageKeys.resetScan)}\n\t\t\t\t\t\tpostfixIcon={<ArrowRight />}\n\t\t\t\t\t\tbuttonFunc={() => resetScanState?.()}\n\t\t\t\t\t\tresolvedConfig={config}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default FaceScanErrorScreen;\n","import { FaceScanGuideProps } from \"../../types/interfaces\";\nimport Header from \"../Header\";\nimport { GenderType } from \"../../utils/enums\";\nimport { directionMessages, FACE_SCAN_HEADSHOT, glassesOffVideo, maleGlassesOffVideo } from \"../../utils/constants\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { useContext } from \"react\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\n\nfunction FaceScanGuide({ stage, videoLoading, setVideoLoading, videoError, setVideoError, gender, config, btnConfig }: FaceScanGuideProps) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\n\n\n\tif (stage === -1) {\n\t\treturn (\n\t\t\t<div className=\"text-center  p-[16px] w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t\t<div className=\"w-full\">\n\t\t\t\t\t<Header noTitle resolvedConfig={config} />\n\t\t\t\t\t<h2\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.faceVisible)}\n\t\t\t\t\t</h2>\n\t\t\t\t\t{videoLoading && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mb-4 flex items-center justify-center\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\t\tcolor: config?.style?.subheading?.subheadingColor || \"#4b5563\",\n\t\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{translate?.(LanguageKeys.loadingVideo)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{videoError && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mb-4 text-red-600\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\t\tcolor: \"#ff0000\",\n\t\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{translate?.(LanguageKeys.videoLoadFailed)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!videoError && (\n\t\t\t\t\t\t<div className={` w-[100px] mx-auto`}>\n\t\t\t\t\t\t\t<video\n\t\t\t\t\t\t\t\tsrc={gender === GenderType.Male ? maleGlassesOffVideo : glassesOffVideo}\n\t\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\t\tclassName=\"h-full w-full object-contain border-none\"\n\t\t\t\t\t\t\t\tonCanPlay={() => setVideoLoading(false)}\n\t\t\t\t\t\t\t\tonLoadStart={() => setVideoLoading(true)}\n\t\t\t\t\t\t\t\tonError={() => setVideoError(true)}\n\t\t\t\t\t\t\t\taria-label=\"Instructional video: Please remove your glasses before starting the scan.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex justify-center w-full  p-[1rem]\">\n\t\t\t\t\t<SpecificButton\n\t\t\t\t\t\tdisabled={btnConfig.isDisabled}\n\t\t\t\t\t\tclassName=\"!w-[60px] !h-[35px] !py-0 !px-0\"\n\t\t\t\t\t\tbuttonText={translate?.(btnConfig.label)}\n\t\t\t\t\t\tpostfixIcon={btnConfig?.icon}\n\t\t\t\t\t\tbuttonFunc={btnConfig.onClick}\n\t\t\t\t\t\tresolvedConfig={config}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"text-center  p-[16px] w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t<div className=\"w-full\">\n\t\t\t\t<Header noTitle resolvedConfig={config} />\n\t\t\t\t<h3\n\t\t\t\t\tclassName=\"mb-[0.5rem]\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{translate?.(directionMessages[stage])}\n\t\t\t\t</h3>\n\t\t\t\t{/* <p>We'll guide you to take 6 selfies  </p> */}\n\t\t\t\t<div className=\"max-w-[400px] justify-center gap-1 mx-auto flex items-center\">\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 0 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.forward : FACE_SCAN_HEADSHOT.female.forward} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 1 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.left : FACE_SCAN_HEADSHOT.female.left} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 2 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.right : FACE_SCAN_HEADSHOT.female.right} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 3 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.smile : FACE_SCAN_HEADSHOT.female.smile} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default FaceScanGuide;\n","import React, { useContext, useEffect } from \"react\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\nimport FaceScanErrorScreen from \"./FaceScanErrorScreen\";\nimport LoadingScreen from \"../LoadingScreen\";\nimport { videoConstraints } from \"../../utils/constants\";\nimport { Drawer } from \"@mui/material\";\nimport FaceScanGuide from \"./FaceScanGuide\";\nimport { ArrowRight } from \"lucide-react\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { useLocalConfig } from \"../../config/useLocalConfig\";\ninterface FaceScanStepProps {\n\twebcamRef: React.RefObject<HTMLVideoElement | null>;\n\tcanvasRef: React.RefObject<HTMLCanvasElement | null>;\n}\n\nconst FaceScanStep: React.FC<FaceScanStepProps> = ({ webcamRef, canvasRef }) => {\n\tconst {\n\t\tisError,\n\t\tisSuccess,\n\t\tshowLoader,\n\t\thasError,\n\t\tresetScanState,\n\t\tshowGuideCard,\n\t\tscanStage,\n\t\tvideoLoading,\n\t\tsetVideoLoading,\n\t\tvideoError,\n\t\tsetVideoError,\n\t\tgender,\n\t\tgetButtonText,\n\t\tisScanning,\n\t\tstartScan,\n\t\tisModelLoaded,\n\t\tconfig,\n\t} = useContext(ParamsContext);\n\tconst resolvedConfig = useLocalConfig(config);\n\n\tconst { setPreferredLanguage } = useContext(LanguageContext) || {};\n\tuseEffect(() => {\n\t\tsetPreferredLanguage?.(resolvedConfig?.language);\n\t}, [resolvedConfig]);\n\tif (isError) {\n\t\treturn <FaceScanErrorScreen config={resolvedConfig} />;\n\t}\n\tif (isSuccess) {\n\t\treturn (\n\t\t\t<div className=\"fixed z-[9]  w-full h-full\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t<LoadingScreen url={resolvedConfig?.loader} loaderType=\"black\" />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<audio id=\"audioElement\" crossOrigin=\"anonymous\" preload=\"auto\" style={{ position: \"absolute\", zIndex: -99999 }} src={undefined} />\n\n\t\t\t{/* Error overlay */}\n\t\t\t{showLoader && !hasError && (\n\t\t\t\t<div className=\"fixed z-[9]  w-full h-full\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t\t{/* <Asset genderType={gender} /> */}\n\t\t\t\t\t<LoadingScreen url={resolvedConfig?.loader} loaderType=\"black\" />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Always show camera view */}\n\t\t\t<div className=\"h-full flex-col relative w-full flex justify-center items-center text-center  rounded-t-[20px]\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t<div className=\"flex-1 w-full max-w-md overflow-hidden\">\n\t\t\t\t\t<div className=\"w-full h-full\">\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tref={webcamRef}\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth={videoConstraints.width.ideal}\n\t\t\t\t\t\t\theight={videoConstraints.height.ideal}\n\t\t\t\t\t\t\tclassName=\"w-full h-full object-cover fixed left-0 top-0 z-0\"\n\t\t\t\t\t\t\tstyle={{ transform: \"scaleX(-1)\" }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<canvas ref={canvasRef} width={videoConstraints.width.ideal} height={videoConstraints.height.ideal} style={{ transform: \"scaleX(-1)\", opacity: \"0\" }} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Error overlay */}\n\t\t\t{!showLoader && hasError && <FaceScanErrorScreen loading={showLoader} resetScanState={resetScanState} config={resolvedConfig} />}\n\n\t\t\t{/* Scan guide drawer - only show when scanning */}\n\t\t\t{showGuideCard && !hasError && !showLoader && (\n\t\t\t\t<Drawer\n\t\t\t\t\topen\n\t\t\t\t\tclassName=\"face-scan-small camera-draw\"\n\t\t\t\t\tanchor=\"bottom\"\n\t\t\t\t\tonClose={(event, reason) => {\n\t\t\t\t\t\tif (reason === \"backdropClick\") {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\thideBackdrop\n\t\t\t\t>\n\t\t\t\t\t<FaceScanGuide\n\t\t\t\t\t\tstage={scanStage}\n\t\t\t\t\t\tvideoLoading={videoLoading}\n\t\t\t\t\t\tsetVideoLoading={setVideoLoading}\n\t\t\t\t\t\tvideoError={videoError}\n\t\t\t\t\t\tsetVideoError={setVideoError}\n\t\t\t\t\t\tgender={gender}\n\t\t\t\t\t\tconfig={resolvedConfig}\n\t\t\t\t\t\tbtnConfig={{\n\t\t\t\t\t\t\tlabel: getButtonText(),\n\t\t\t\t\t\t\tonClick: isScanning ? resetScanState : startScan,\n\t\t\t\t\t\t\tisDisabled: showLoader || !isModelLoaded,\n\t\t\t\t\t\t\ticon: isScanning ? <ArrowRight /> : <></>,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</Drawer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default FaceScanStep;\n","\"use client\";\nimport { useEffect, useRef, useState, useCallback, useMemo } from \"react\";\nimport posthog from \"posthog-js\";\nimport { FaceScanProps } from \"../../types/interfaces\";\nimport {\n\tgenerateUuid,\n\tgetPreferredMediaRecorderTypes,\n\tgetRecordingExtension,\n\tgetRecordingMimeType,\n\tgetSupportedMediaRecorderTypes,\n\tgetVideoFPS,\n\thandleScanTimeCapture,\n\thandleWebSocketCapture,\n} from \"../../utils/utils\";\nimport { posthogPublicHost, posthogPublicKey, videoConstraintsExact, videoConstraintsFallback, videoTypes, voiceOverAssetsPath } from \"../../utils/constants\";\nimport swan from \"../../utils/service/swanService\";\nimport speechService from \"../../utils/service/speechService\";\nimport useFaceScan from \"../../customHooks/useFaceScan\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport LanguageContextProvider from \"../../utils/context/languageContext\";\nimport FaceScanStep from \"./FaceScanStep\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\n\nexport const FaceScan: React.FC<FaceScanProps> = ({ userDetails, onScanSuccess, onScanError, onRetry, config, isError, isSuccess, onUpload }) => {\n\tconst webcamRef = useRef<HTMLVideoElement | null>(null);\n\tconst canvasRef = useRef<HTMLCanvasElement | null>(null);\n\tconst mediaRecorderRef = useRef<MediaRecorder | null>(null);\n\tconst recordedBlobsRef = useRef<Blob[] | null>([]);\n\tconst streamRef = useRef<MediaStream | null>(null);\n\tconst recordedFpsRef = useRef<number | null>(null);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [modelReady, setModelReady] = useState(false);\n\tconst [isScanning, setIsScanning] = useState(false);\n\tconst [showGuideCard, setShowGuideCard] = useState(true);\n\tconst [videoLoading, setVideoLoading] = useState(false);\n\tconst [videoError, setVideoError] = useState(false);\n\tconst [hasError, setHasError] = useState(false);\n\tconst [faceScanId, setFaceScanId] = useState(generateUuid());\n\tconst { email, gender, deviceFocalLength, shopDomain, callbackUrl } = userDetails;\n\tconst [supportedTypes, setSupportedTypes] = useState<string[]>([]);\n\tconst [currentVideoConstraints, setCurrentVideoConstraints] = useState<MediaTrackConstraints>(videoConstraintsExact);\n\tconst preferredVideoTypes = useMemo(() => getPreferredMediaRecorderTypes(), []);\n\tconst recordingMimeType = getRecordingMimeType(supportedTypes);\n\tconst recordingExtension = getRecordingExtension(recordingMimeType);\n\n\tconst stopRecording = useCallback(() => {\n\t\tconsole.log(\"Stopping recording...\");\n\t\tif (mediaRecorderRef.current && mediaRecorderRef.current.state === \"recording\") {\n\t\t\tmediaRecorderRef.current.stop();\n\t\t}\n\t\tmediaRecorderRef.current = null;\n\t}, []);\n\n\tconst uploadFinalVideo = async () => {\n\t\tif (recordedBlobsRef.current) {\n\t\t\tif (recordedBlobsRef.current.length === 0) {\n\t\t\t\tconsole.error(\"No video data recorded\");\n\t\t\t\tsetHasError(true);\n\t\t\t\tsetShowLoader(false);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonUpload?.();\n\t\t\tsetShowLoader(true);\n\t\t\tconst videoFile = new File(recordedBlobsRef.current, `${faceScanId}.${recordingExtension}`, {\n\t\t\t\ttype: recordingMimeType,\n\t\t\t});\n\t\t\t// Use FPS captured at recording time, fallback to calculation if not available\n\t\t\tconst videoFps = recordedFpsRef.current ?? (await getVideoFPS(videoFile));\n\n\t\t\tconst fileSize = videoFile.size;\n\t\t\tconst fileSizeMB = (fileSize / (1024 * 1024)).toFixed(2);\n\t\t\tconst estimatedDuration = Math.round(fileSize / 10000);\n\t\t\tconst videoData = {\n\t\t\t\tvideo_size_mb: parseFloat(fileSizeMB),\n\t\t\t\tvideo_size_bytes: fileSize,\n\t\t\t\tvideo_fps: videoFps || 0,\n\t\t\t\tblob_count: recordedBlobsRef.current.length,\n\t\t\t\testimated_duration_seconds: estimatedDuration,\n\t\t\t};\n\n\t\t\tconst metaData: any[] = [\n\t\t\t\t{ gender: gender },\n\t\t\t\t{ face_scan_id: faceScanId },\n\t\t\t\t{\n\t\t\t\t\tfocal_length: `${deviceFocalLength}`,\n\t\t\t\t},\n\t\t\t\t{ customer_store_url: shopDomain },\n\t\t\t\t{ scan_type: \"face_scan\" },\n\t\t\t];\n\t\t\tif (callbackUrl) {\n\t\t\t\tmetaData.push({ callback_url: callbackUrl });\n\t\t\t}\n\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/face_scan_meta_data`,\n\t\t\t\tfaceScanId,\n\t\t\t\temail,\n\t\t\t\tdata: JSON.stringify({ metaData, videoData }),\n\t\t\t});\n\n\t\t\tconst uploadStartTime = Date.now();\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/face_scan_upload_start`,\n\t\t\t\tfaceScanId,\n\t\t\t\temail,\n\t\t\t\tstartTime: uploadStartTime,\n\t\t\t});\n\n\t\t\ttry {\n\t\t\t\tconst res = await swan.fileUpload.faceScanFileUploader({\n\t\t\t\t\tfile: videoFile,\n\t\t\t\t\tarrayMetaData: metaData,\n\t\t\t\t\tobjectKey: faceScanId,\n\t\t\t\t\temail,\n\t\t\t\t\tcontentType: videoFile.type,\n\t\t\t\t});\n\n\t\t\t\tconst uploadEndTime = Date.now();\n\t\t\t\tconst uploadDuration = uploadEndTime - uploadStartTime;\n\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: `${shopDomain}/face_scan_upload_complete`,\n\t\t\t\t\tfaceScanId,\n\t\t\t\t\temail,\n\t\t\t\t\tcompletionTime: uploadEndTime,\n\t\t\t\t\tuploadDuration,\n\t\t\t\t});\n\n\t\t\t\tconsole.log(\"✅ Upload successful\", res);\n\t\t\t\tswan.measurement.handlFaceScaneSocket({\n\t\t\t\t\tonPreopen: () => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"pre_open\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\tfaceScanId,\n\t\t\t\t\tonOpen: () => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"open\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tconsole.log(\"websocket connect open\");\n\t\t\t\t\t},\n\t\t\t\t\tonError: (err) => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"error\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tonError(err);\n\t\t\t\t\t},\n\t\t\t\t\tonSuccess: (data) => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"success\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tonSuccess(data);\n\t\t\t\t\t},\n\t\t\t\t\tonClose: () => {\n\t\t\t\t\t\tconsole.log(\"websocket connect close\");\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"close\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t} catch (error) {\n\t\t\t\tonError(error);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst startRecording = useCallback(() => {\n\t\tconst stream = webcamRef.current?.srcObject as MediaStream | null;\n\t\tif (!stream) return;\n\n\t\t// Create a canvas to normalize orientation\n\t\tconst videoTrack = stream.getVideoTracks()[0];\n\t\tconst settings = videoTrack.getSettings();\n\t\tconst defaultWidth = typeof currentVideoConstraints.width === \"number\" ? currentVideoConstraints.width : 1280;\n\t\tconst defaultHeight = typeof currentVideoConstraints.height === \"number\" ? currentVideoConstraints.height : 720;\n\t\tconst { width = defaultWidth, height = defaultHeight } = settings;\n\n\t\tconst canvas = document.createElement(\"canvas\");\n\t\tconst ctx = canvas.getContext(\"2d\");\n\n\t\t// Always force portrait (swap width/height if landscape)\n\t\tif (width > height) {\n\t\t\tcanvas.width = height;\n\t\t\tcanvas.height = width;\n\t\t} else {\n\t\t\tcanvas.width = width;\n\t\t\tcanvas.height = height;\n\t\t}\n\n\t\tconst videoEl = document.createElement(\"video\");\n\t\tvideoEl.srcObject = stream;\n\t\tvideoEl.muted = true;\n\t\tvideoEl.playsInline = true;\n\t\tvideoEl.play();\n\n\t\t// Draw video frames onto canvas\n\t\tconst drawFrame = () => {\n\t\t\t// Rotate if camera gives landscape frames\n\t\t\tif (width > height) {\n\t\t\t\tctx?.save();\n\t\t\t\tctx?.translate(canvas.width, 0);\n\t\t\t\tctx?.rotate(Math.PI / 2);\n\t\t\t\tctx?.drawImage(videoEl, 0, 0, height, width);\n\t\t\t\tctx?.restore();\n\t\t\t} else {\n\t\t\t\tctx?.drawImage(videoEl, 0, 0, width, height);\n\t\t\t}\n\t\t\trequestAnimationFrame(drawFrame);\n\t\t};\n\t\tdrawFrame();\n\n\t\tconst recordingFps = 30; // Canvas capture stream FPS\n\t\trecordedFpsRef.current = recordingFps; // Store FPS at recording time\n\t\tconst canvasStream = canvas.captureStream(recordingFps);\n\t\tconst mediaRecorderOptions: MediaRecorderOptions = {\n\t\t\tvideoBitsPerSecond: 1_500_000,\n\t\t};\n\t\tif (supportedTypes.length > 0) {\n\t\t\tmediaRecorderOptions.mimeType = supportedTypes[0];\n\t\t}\n\t\tlet mediaRecorder;\n\n\t\ttry {\n\t\t\tmediaRecorder = new MediaRecorder(canvasStream, mediaRecorderOptions);\n\t\t} catch (e) {\n\t\t\tconsole.error(\"MediaRecorder init failed:\", e);\n\t\t\tsetHasError(true);\n\t\t\tsetShowLoader(false);\n\t\t\treturn;\n\t\t}\n\n\t\trecordedBlobsRef.current = [];\n\t\tmediaRecorder.ondataavailable = (event) => {\n\t\t\tif (event?.data && event.data.size > 0 && recordedBlobsRef.current) {\n\t\t\t\trecordedBlobsRef.current.push(event.data);\n\t\t\t}\n\t\t};\n\t\tmediaRecorder.onstop = () => {\n\t\t\tconsole.log(\"Recording stopped, total blobs:\", recordedBlobsRef?.current?.length);\n\t\t\tuploadFinalVideo();\n\t\t};\n\n\t\tmediaRecorder.start(100); // 100ms chunks\n\t\tmediaRecorderRef.current = mediaRecorder;\n\t\tconsole.log(\"Recording started successfully (portrait normalized)\");\n\t}, [supportedTypes, uploadFinalVideo]);\n\n\tconst { faceScanDetector, scanStage, setScanStage, resetScan, isModelLoaded, startScanSequence } = useFaceScan({\n\t\tfaceScanId,\n\t\tshopDomain,\n\t\tonScanComplete: () => {\n\t\t\tstopRecording();\n\t\t},\n\t\tonModelReady: () => {\n\t\t\tsetModelReady(true);\n\t\t},\n\t\tonStartRecording: () => {\n\t\t\tconsole.log(\"Stage 0 completed - starting recording for stages 1-3\");\n\t\t\tstartRecording();\n\t\t},\n\t});\n\n\tconst startScan = useCallback(() => {\n\t\tif (!isModelLoaded) return;\n\t\tsetScanStage(0);\n\t\tspeechService.playAudio(`${voiceOverAssetsPath}face-scan-vos/Face-forward.mp3`);\n\t\tsetTimeout(() => {\n\t\t\tsetIsScanning(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tstartScanSequence();\n\t\t\t}, 200);\n\t\t}, 200);\n\t}, [setScanStage, setIsScanning, startScanSequence, isModelLoaded]);\n\n\tconst resetScanState = useCallback(() => {\n\t\tsetIsScanning(false);\n\t\tsetShowGuideCard(true);\n\t\tstopRecording();\n\t\tresetScan();\n\t\tonRetry?.();\n\t\trecordedBlobsRef.current = [];\n\t\trecordedFpsRef.current = null;\n\t\tif (mediaRecorderRef.current) {\n\t\t\tmediaRecorderRef.current = null;\n\t\t}\n\t\tsetHasError(false);\n\t\tsetScanStage(-1);\n\t\tsetFaceScanId(generateUuid());\n\t\tif (webcamRef.current && streamRef.current) {\n\t\t\twebcamRef.current.srcObject = streamRef.current;\n\t\t\tconsole.log(\"Camera stream restored after reset\");\n\t\t}\n\t}, [setScanStage, setIsScanning, setShowGuideCard, stopRecording, resetScan, setFaceScanId]);\n\n\tconst onError = (data: any) => {\n\t\tconsole.log(data, \"ws error\");\n\t\tonScanError?.(data);\n\t\tsetHasError(true);\n\t\tsetShowLoader(false);\n\t\tsetShowGuideCard(false);\n\t\thandleScanTimeCapture({\n\t\t\teventName: `${shopDomain}/faceScan`,\n\t\t\tfaceScanId,\n\t\t\tstatus: \"failed\",\n\t\t\temail,\n\t\t\tdata: JSON.stringify(data),\n\t\t});\n\t};\n\n\tconst onSuccess = (data: any) => {\n\t\tconsole.log(data, \"ws success\");\n\t\tif (data && data?.resultType === \"intermediate\") {\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/faceScan_success/intermediate`,\n\t\t\t\tfaceScanId,\n\t\t\t\tstatus: \"success\",\n\t\t\t\temail,\n\t\t\t\tdata: JSON.stringify(data),\n\t\t\t});\n\t\t}\n\t\tonScanSuccess?.(data);\n\t};\n\n\tuseEffect(() => {\n\t\tif (isError || isSuccess) return;\n\t\tif (navigator.mediaDevices.getUserMedia) {\n\t\t\tnavigator.mediaDevices\n\t\t\t\t.getUserMedia({ video: currentVideoConstraints })\n\t\t\t\t.then((stream) => {\n\t\t\t\t\tstreamRef.current = stream;\n\t\t\t\t\tif (webcamRef.current) {\n\t\t\t\t\t\twebcamRef.current.srcObject = stream;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch((err) => {\n\t\t\t\t\tconsole.error(\"Error accessing webcam:\", err);\n\t\t\t\t\tif (currentVideoConstraints === videoConstraintsExact) {\n\t\t\t\t\t\tsetCurrentVideoConstraints(videoConstraintsFallback);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tsetHasError(true);\n\t\t\t\t});\n\t\t}\n\t\treturn () => {\n\t\t\tif (streamRef.current) {\n\t\t\t\tstreamRef.current.getTracks().forEach((track) => track.stop());\n\t\t\t}\n\t\t};\n\t}, [isError, isSuccess, currentVideoConstraints]);\n\n\t// Face detection interval - only run when scanning is active\n\tuseEffect(() => {\n\t\tif (!modelReady || !isScanning) return;\n\t\tconst intervalId = setInterval(() => {\n\t\t\tfaceScanDetector(webcamRef, canvasRef);\n\t\t}, 500);\n\n\t\t// eslint-disable-next-line consistent-return\n\t\treturn () => clearInterval(intervalId);\n\t}, [faceScanDetector, modelReady, isScanning]);\n\n\tconst getButtonText = () => {\n\t\tif (isScanning) return LanguageKeys.reset;\n\t\tif (!isModelLoaded) return LanguageKeys.loading;\n\t\treturn LanguageKeys.start;\n\t};\n\n\tconsole.log(\"Model ready:\", modelReady, \"Has error:\", hasError, \"Is scanning:\", isScanning, \"showLoader\", showLoader);\n\tuseEffect(() => {\n\t\tconst supported = getSupportedMediaRecorderTypes(preferredVideoTypes, videoTypes);\n\t\tsetSupportedTypes(supported);\n\t}, [preferredVideoTypes]);\n\tuseEffect(() => {\n\t\tsetScanStage(-1);\n\t\tif (isError || isSuccess) return;\n\t}, [isError, isSuccess]);\n\n\tuseEffect(() => {\n\t\tposthog.init(posthogPublicKey, { api_host: posthogPublicHost });\n\t\tposthog.capture(\"$pageview\");\n\t}, []);\n\n\treturn (\n\t\t<LanguageContextProvider>\n\t\t\t<ParamsContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tisError,\n\t\t\t\t\tisSuccess,\n\t\t\t\t\tshowLoader,\n\t\t\t\t\thasError,\n\t\t\t\t\tresetScanState,\n\t\t\t\t\tshowGuideCard,\n\t\t\t\t\tscanStage,\n\t\t\t\t\tvideoLoading,\n\t\t\t\t\tsetVideoLoading,\n\t\t\t\t\tvideoError,\n\t\t\t\t\tsetVideoError,\n\t\t\t\t\tgender,\n\t\t\t\t\tgetButtonText,\n\t\t\t\t\tisScanning,\n\t\t\t\t\tstartScan,\n\t\t\t\t\tisModelLoaded,\n\t\t\t\t\tconfig,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<FaceScanStep webcamRef={webcamRef} canvasRef={canvasRef} />\n\t\t\t</ParamsContext.Provider>\n\t\t</LanguageContextProvider>\n\t);\n};\n"],"names":["preloadedDetector","isPreloading","useFaceScan","faceScanId","onValidPose","onScanComplete","onModelReady","onStartRecording","shopDomain","detectorRef","useRef","scanStage","setScanStage","useState","consecutiveValid","setConsecutiveValid","isModelLoaded","setIsModelLoaded","isScanningActive","setIsScanningActive","utteranceRef","scanStageRef","consecutiveValidRef","validityBufferRef","lastSpokenMessageRef","lastSpokenTimeRef","voiceEnabledRef","lastPoseTrackingTimeRef","isIOS","navigator","test","userAgent","platform","maxTouchPoints","directionMessages","useMemo","debouncedTrackPoseDetection","fn","delay","timer","args","clearTimeout","setTimeout","debounce","payload","posthog","capture","trackPoseDetection","useCallback","faceKeypoints","bodyKeypoints","stage","headValid","bodyInvalid","consecutiveValidCount","now","Date","current","nose","leftEye","rightEye","leftMouth","rightMouth","faceKeypointScores","map","kp","filter","score","avgFaceScore","length","reduce","a","b","bodyKeypointScores","avgBodyScore","eyeDistance","Math","abs","noseToRight","noseToLeft","expectedPosition","timestamp","toISOString","data","JSON","stringify","parseFloat","toFixed","faceKeypointsDetected","bodyKeypointsDetected","noseToRightRatio","noseToLeftRatio","noseScore","leftEyeScore","rightEyeScore","leftMouthScore","rightMouthScore","error","console","warn","startScanSequence","stageName","initializeModels","async","window","log","detector","Promise","r","tf","poseDetection","all","import","setBackend","ready","createDetector","SupportedModels","BlazePose","runtime","modelType","dummyCanvas","document","createElement","width","videoConstraints","height","ctx","getContext","fillStyle","fillRect","estimatePoses","e","err","preloadDetector","useEffect","disposeModelAndTf","faceScanDetector","webcamRef","canvasRef","readyState","poses","keypoints","forEach","landmark","idx","point","x","y","push","clearRect","progress","min","radius","beginPath","strokeStyle","lineWidth","arc","PI","stroke","eyesToMouthVerticalDistance","faceTiltedness","faceIsTilted","faceIsVertical","frontalFace","fullLeft","fullRight","isHeadInPosition","slice","p","shift","Boolean","nextValid","max","nextStage","speechService","playAudio","voiceOverAssetsPath","completedStage","totalStages","nextSound","resetScan","speechSynthesis","cancel","enableVoiceCommands","silentUtterance","SpeechSynthesisUtterance","volume","speak","FaceScanErrorScreen","resetScanState","loading","config","translate","useContext","LanguageContext","_jsx","className","style","background","base","backgroundColor","children","_jsxs","Header","noTitle","resolvedConfig","fontFamily","heading","headingFontFamily","fontSize","headingFontSize","color","headingColor","fontWeight","headingFontWeight","LanguageKeys","scanFailed","subheading","subheadingFontFamily","subheadingFontSize","subheadingColor","subheadingFontWeight","clickToResetScan","SpecificButton","disabled","buttonText","postfixIcon","ArrowRight","buttonFunc","FaceScanGuide","videoLoading","setVideoLoading","videoError","setVideoError","gender","btnConfig","faceVisible","loadingVideo","videoLoadFailed","src","GenderType","Male","maleGlassesOffVideo","glassesOffVideo","autoPlay","loop","controls","muted","playsInline","onCanPlay","onLoadStart","onError","isDisabled","label","icon","onClick","FACE_SCAN_HEADSHOT","male","forward","female","type","left","right","smile","FaceScanStep","isError","isSuccess","showLoader","hasError","showGuideCard","getButtonText","isScanning","startScan","ParamsContext","useLocalConfig","setPreferredLanguage","language","LoadingScreen","url","loader","loaderType","_Fragment","id","crossOrigin","preload","position","zIndex","undefined","ref","ideal","transform","opacity","Drawer","open","anchor","onClose","event","reason","hideBackdrop","FaceScan","userDetails","onScanSuccess","onScanError","onRetry","onUpload","mediaRecorderRef","recordedBlobsRef","streamRef","recordedFpsRef","setShowLoader","modelReady","setModelReady","setIsScanning","setShowGuideCard","setHasError","setFaceScanId","generateUuid","email","deviceFocalLength","callbackUrl","supportedTypes","setSupportedTypes","currentVideoConstraints","setCurrentVideoConstraints","videoConstraintsExact","preferredVideoTypes","getPreferredMediaRecorderTypes","recordingMimeType","getRecordingMimeType","recordingExtension","getRecordingExtension","stopRecording","state","stop","uploadFinalVideo","videoFile","File","videoFps","getVideoFPS","fileSize","size","fileSizeMB","estimatedDuration","round","videoData","video_size_mb","video_size_bytes","video_fps","blob_count","estimated_duration_seconds","metaData","face_scan_id","focal_length","customer_store_url","scan_type","callback_url","handleScanTimeCapture","eventName","uploadStartTime","startTime","res","swan","fileUpload","faceScanFileUploader","file","arrayMetaData","objectKey","contentType","uploadEndTime","completionTime","uploadDuration","measurement","handlFaceScaneSocket","onPreopen","handleWebSocketCapture","faceScanID","connection","onOpen","onSuccess","startRecording","stream","srcObject","settings","getVideoTracks","getSettings","defaultWidth","defaultHeight","canvas","videoEl","play","drawFrame","save","rotate","drawImage","restore","requestAnimationFrame","canvasStream","captureStream","mediaRecorderOptions","videoBitsPerSecond","mediaRecorder","mimeType","MediaRecorder","ondataavailable","onstop","start","status","resultType","mediaDevices","getUserMedia","video","then","catch","videoConstraintsFallback","getTracks","track","intervalId","setInterval","clearInterval","supported","getSupportedMediaRecorderTypes","videoTypes","init","posthogPublicKey","api_host","posthogPublicHost","LanguageContextProvider","Provider","value","reset"],"mappings":"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"}

package/dist/FaceScan-DR_OKG51.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("posthog-js"),n=require("./LoadingScreen-6-Dztgm-.js"),o=require("lucide-react"),r=require("@mui/material");let s=null,c=!1;function i({faceScanId:e,onValidPose:o,onScanComplete:r,onModelReady:i,onStartRecording:l,shopDomain:d}){const u=t.useRef(null),[f,g]=t.useState(0),[h,m]=t.useState(0),[p,S]=t.useState(!1),[y,x]=t.useState(!1),v=t.useRef(null),b=t.useRef(f),w=t.useRef(h),C=t.useRef([]),F=t.useRef(""),j=t.useRef(0),_=t.useRef(!1),N=t.useRef(0),E="undefined"!=typeof navigator&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1),k=t.useMemo(()=>["Face front","Turn head fully left","Turn head fully right","Smile facing front"],[]),T=t.useMemo(()=>function(e,t){let a;return(...n)=>{a&&clearTimeout(a),a=setTimeout(()=>e(...n),t)}}(e=>{a.posthog.capture(`${d}/face_scan_pose_detection`,e)},4e3),[d]),I=t.useCallback((t,a,n,o,r,s)=>{const c=Date.now();if(!(c-N.current<4e3)){N.current=c;try{const c=t[0]||[0,0,0],i=t[2]||[0,0,0],l=t[5]||[0,0,0],d=t[9]||[0,0,0],u=t[10]||[0,0,0],f=t.map(e=>e[2]).filter(e=>e>0),g=f.length>0?f.reduce((e,t)=>e+t,0)/f.length:0,h=a.map(e=>e[2]).filter(e=>e>0),m=h.length>0?h.reduce((e,t)=>e+t,0)/h.length:0,p=Math.abs(i[0]-l[0]),S=c[0]-l[0],y=i[0]-c[0];let x="frontal";1===n?x="left":2===n?x="right":3===n&&(x="frontal_smile");const v={faceScanId:e,stage:n,timestamp:(new Date).toISOString(),data:JSON.stringify({headValid:o,bodyInvalid:r,consecutiveValid:s,avgFaceScore:parseFloat(g.toFixed(3)),avgBodyScore:parseFloat(m.toFixed(3)),faceKeypointsDetected:f.length,bodyKeypointsDetected:h.length,eyeDistance:parseFloat(p.toFixed(2)),noseToRightRatio:parseFloat((S/p).toFixed(3)),noseToLeftRatio:parseFloat((y/p).toFixed(3)),noseScore:parseFloat(c[2].toFixed(3)),leftEyeScore:parseFloat(i[2].toFixed(3)),rightEyeScore:parseFloat(l[2].toFixed(3)),leftMouthScore:parseFloat(d[2].toFixed(3)),rightMouthScore:parseFloat(u[2].toFixed(3)),expectedPosition:x})};T(v)}catch(e){console.warn("Failed to track pose detection:",e)}}},[e,T]),M=()=>{a.posthog.capture(`${d}/face_scan_detection_started`,{faceScanId:e,stage:b.current,timestamp:(new Date).toISOString(),stageName:k[b.current]}),setTimeout(()=>{x(!0)},1500)},R=async()=>{if("undefined"!=typeof window)try{console.log("Initializing Face Scan...");const e=await(async()=>{if("undefined"==typeof window)return null;if(s)return s;if(c)for(;c;)if(await new Promise(e=>setTimeout(e,100)),s)return s;c=!0;try{const[e,t]=await Promise.all([import("@tensorflow/tfjs"),Promise.resolve().then(function(){return require("./pose-detection.esm-BaWguRmj.js")})]);await e.setBackend("webgl"),await e.ready();const a=await t.createDetector(t.SupportedModels.BlazePose,{runtime:"tfjs",modelType:"full"}),o=document.createElement("canvas");o.width=n.videoConstraints.width,o.height=n.videoConstraints.height;const r=o.getContext("2d");if(r){r.fillStyle="black",r.fillRect(0,0,o.width,o.height);try{await a.estimatePoses(o)}catch(e){console.warn("Warmup frame failed (non-fatal):",e)}}return s=a,a}catch(e){return console.error("Failed to preload detector:",e),null}finally{c=!1}})();e&&(u.current=e,console.log("Face scan model loaded successfully"),S(!0),i?.())}catch(e){console.error("Error initializing face scan:",e)}};return t.useEffect(()=>(R(),()=>{(async()=>{try{S(!1)}catch(e){console.error("Error disposing resources:",e)}finally{g(0),m(0),b.current=0,w.current=0,C.current=[]}})()}),[]),t.useEffect(()=>{b.current=f},[f]),t.useEffect(()=>{w.current=h},[h]),{faceScanDetector:async(t,s)=>{if(u.current&&t.current&&p&&y&&!(t.current.readyState<2))try{const c=await u.current.estimatePoses(t.current);if(c.length>0){const t=[],i=[];if(c[0].keypoints.forEach((e,a)=>{const n=e.score??0,o=[e.x??-1,e.y??-1,n];a<=10?t.push(o):i.push(o)}),s?.current){const e=s.current.getContext("2d"),{width:t,height:a}=s.current;if(e){e.clearRect(0,0,t,a);const n=Math.min(w.current/2,1),o=.35*a;e.beginPath(),e.strokeStyle="#00ff00",e.lineWidth=6,e.arc(t/2,a/2,o+10,-Math.PI/2,-Math.PI/2+2*n*Math.PI),e.stroke()}}const u=((e,t)=>{if(!t[0]||!t[2]||!t[5]||t[0][2]<.2||t[2][2]<.2||t[5][2]<.2)return!1;const a=.5*(t[10][1]+t[9][1])-.5*(t[5][1]+t[2][1]),n=(.5*(t[10][1]+t[9][1])-t[0][1])/a,o=n>.7||n<.3,r=Math.abs(t[2][1]-t[5][1])<.5*a&&Math.abs(t[9][1]-t[10][1])<.5*a,s=t[2][0]-t[5][0],c=t[0][0]-t[5][0],i=c>.4*s&&c<.6*s,l=c>.85*s,d=t[2][0]-t[0][0]>.85*s;switch(e){case 0:case 3:return!o&&r&&i;case 1:return!o&&r&&l;case 2:return!o&&r&&d;default:return!1}})(b.current,t),f=i.slice(2).filter(e=>e[2]>.7).length<=2;C.current.push(u&&f),C.current.length>10&&C.current.shift();if(C.current.filter(Boolean).length>=2){const e=w.current+1;m(e)}else m(Math.max(0,w.current-1));if(w.current>=2){o?.();const t=b.current+1;m(0),C.current=[],g(t),x(!1),(async()=>{if(await n.speechService.playAudio(`${n.voiceOverAssetsPath}face-scan-vos/Sound-effect.mp3`),a.posthog.capture(`${d}/face_scan_detection_stage_completed`,{faceScanId:e,completedStage:b.current,nextStage:t,timestamp:(new Date).toISOString(),totalStages:4,stageName:k[b.current]}),1===t&&l&&l(),t>=4)r?.();else{let e=null;switch(t){case 1:e="Left.mp3";break;case 2:e="Right.mp3";break;case 3:e="Smile.mp3"}e&&await n.speechService.playAudio(`${n.voiceOverAssetsPath}face-scan-vos/${e}`),M()}})()}I(t,i,b.current,u,f,w.current)}}catch(e){console.error("Pose detection error:",e)}},scanStage:f,setScanStage:g,consecutiveValid:h,isModelLoaded:p,resetScan:()=>{a.posthog.capture(`${d}/face_scan_reset`,{faceScanId:e,stage:b.current,timestamp:(new Date).toISOString(),stageName:k[b.current],consecutiveValid:w.current}),g(0),m(0),x(!1),b.current=0,w.current=0,C.current=[],F.current="",j.current=0,_.current=!1,v.current&&(speechSynthesis.cancel(),v.current=null)},enableVoiceCommands:()=>{if(_.current=!0,"undefined"!=typeof window&&E&&"speechSynthesis"in window){const e=new SpeechSynthesisUtterance("");e.volume=0,speechSynthesis.speak(e)}},startScanSequence:M,isScanningActive:y}}function l({resetScanState:a,loading:r,config:s}){const{translate:c}=t.useContext(n.LanguageContext)||{};return e.jsx("div",{className:"fixed  top-[0] left-[0] z-[999]  flex justify-center items-center w-full h-full",style:{background:s?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"flex flex-col w-full items-center p-[1rem] rounded-lg  ",children:[e.jsx(n.Header,{noTitle:!0,resolvedConfig:s}),e.jsxs("div",{className:"flex flex-col items-center w-full",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-800 ",style:{fontFamily:s?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:s?.style?.heading?.headingFontSize||"32px",color:s?.style?.heading?.headingColor||"#000",fontWeight:s?.style?.heading?.headingFontWeight||"normal"},children:c?.(n.LanguageKeys.scanFailed)}),e.jsx("p",{className:"mb-[1.5rem]",style:{fontFamily:s?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:s?.style?.subheading?.subheadingFontSize||"14px",color:s?.style?.subheading?.subheadingColor||"#4b5563",fontWeight:s?.style?.subheading?.subheadingFontWeight||"normal"},children:c?.(n.LanguageKeys.clickToResetScan)}),e.jsx(n.SpecificButton,{disabled:r,className:"w-full h-[45px] shadow-[0px_1px_2px_0px_#00000040] text-[16px]",buttonText:c?.(n.LanguageKeys.resetScan),postfixIcon:e.jsx(o.ArrowRight,{}),buttonFunc:()=>a?.(),resolvedConfig:s})]})]})})}function d({stage:a,videoLoading:o,setVideoLoading:r,videoError:s,setVideoError:c,gender:i,config:l,btnConfig:d}){const{translate:u}=t.useContext(n.LanguageContext)||{};return-1===a?e.jsxs("div",{className:"text-center  p-[16px] w-full h-full",style:{background:l?.style?.base?.backgroundColor},children:[e.jsxs("div",{className:"w-full",children:[e.jsx(n.Header,{noTitle:!0,resolvedConfig:l}),e.jsx("h2",{style:{fontFamily:l?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:l?.style?.heading?.headingFontSize||"32px",color:l?.style?.heading?.headingColor||"#000",fontWeight:l?.style?.heading?.headingFontWeight||"normal"},children:u?.(n.LanguageKeys.faceVisible)}),o&&e.jsx("div",{className:"mb-4 flex items-center justify-center",style:{fontFamily:l?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:l?.style?.subheading?.subheadingFontSize||"14px",color:l?.style?.subheading?.subheadingColor||"#4b5563",fontWeight:l?.style?.subheading?.subheadingFontWeight||"normal"},children:u?.(n.LanguageKeys.loadingVideo)}),s&&e.jsx("div",{className:"mb-4 text-red-600",style:{fontFamily:l?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:l?.style?.subheading?.subheadingFontSize||"14px",color:"#ff0000",fontWeight:l?.style?.subheading?.subheadingFontWeight||"normal"},children:u?.(n.LanguageKeys.videoLoadFailed)}),!s&&e.jsx("div",{className:" w-[100px] mx-auto",children:e.jsx("video",{src:i===n.GenderType.Male?n.maleGlassesOffVideo:n.glassesOffVideo,autoPlay:!0,loop:!0,controls:!1,muted:!0,playsInline:!0,className:"h-full w-full object-contain border-none",onCanPlay:()=>r(!1),onLoadStart:()=>r(!0),onError:()=>c(!0),"aria-label":"Instructional video: Please remove your glasses before starting the scan."})})]}),e.jsx("div",{className:"flex justify-center w-full  p-[1rem]",children:e.jsx(n.SpecificButton,{disabled:d.isDisabled,className:"!w-[60px] !h-[35px] !py-0 !px-0",buttonText:u?.(d.label),postfixIcon:d?.icon,buttonFunc:d.onClick,resolvedConfig:l})})]}):e.jsx("div",{className:"text-center  p-[16px] w-full h-full",style:{background:l?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"w-full",children:[e.jsx(n.Header,{noTitle:!0,resolvedConfig:l}),e.jsx("h3",{className:"mb-[0.5rem]",style:{fontFamily:l?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:l?.style?.heading?.headingFontSize||"32px",color:l?.style?.heading?.headingColor||"#000",fontWeight:l?.style?.heading?.headingFontWeight||"normal"},children:u?.(n.directionMessages[a])}),e.jsxs("div",{className:"max-w-[400px] justify-center gap-1 mx-auto flex items-center",children:[e.jsx("div",{className:` w-[120px] overflow-hidden ${0===a?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===n.GenderType.Male?n.FACE_SCAN_HEADSHOT.male.forward:n.FACE_SCAN_HEADSHOT.female.forward,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${1===a?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===n.GenderType.Male?n.FACE_SCAN_HEADSHOT.male.left:n.FACE_SCAN_HEADSHOT.female.left,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${2===a?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===n.GenderType.Male?n.FACE_SCAN_HEADSHOT.male.right:n.FACE_SCAN_HEADSHOT.female.right,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${3===a?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===n.GenderType.Male?n.FACE_SCAN_HEADSHOT.male.smile:n.FACE_SCAN_HEADSHOT.female.smile,type:"video/mp4"})})})]})]})})}const u=({webcamRef:a,canvasRef:s})=>{const{isError:c,isSuccess:i,showLoader:u,hasError:f,resetScanState:g,showGuideCard:h,scanStage:m,videoLoading:p,setVideoLoading:S,videoError:y,setVideoError:x,gender:v,getButtonText:b,isScanning:w,startScan:C,isModelLoaded:F,config:j}=t.useContext(n.ParamsContext),_=n.useLocalConfig(j),{setPreferredLanguage:N}=t.useContext(n.LanguageContext)||{};return t.useEffect(()=>{N?.(_?.language)},[_]),c?e.jsx(l,{config:_}):i?e.jsx("div",{className:"fixed z-[9]  w-full h-full",style:{background:_?.style?.base?.backgroundColor},children:e.jsx(n.LoadingScreen,{url:_?.loader,loaderType:"black"})}):e.jsxs(e.Fragment,{children:[e.jsx("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:void 0}),u&&!f&&e.jsx("div",{className:"fixed z-[9]  w-full h-full",style:{background:_?.style?.base?.backgroundColor},children:e.jsx(n.LoadingScreen,{url:_?.loader,loaderType:"black"})}),e.jsx("div",{className:"h-full flex-col relative w-full flex justify-center items-center text-center  rounded-t-[20px]",style:{background:_?.style?.base?.backgroundColor},children:e.jsx("div",{className:"flex-1 w-full max-w-md overflow-hidden",children:e.jsxs("div",{className:"w-full h-full",children:[e.jsx("video",{ref:a,autoPlay:!0,playsInline:!0,muted:!0,width:n.videoConstraints.width.ideal,height:n.videoConstraints.height.ideal,className:"w-full h-full object-cover fixed left-0 top-0 z-0",style:{transform:"scaleX(-1)"}}),e.jsx("canvas",{ref:s,width:n.videoConstraints.width.ideal,height:n.videoConstraints.height.ideal,style:{transform:"scaleX(-1)",opacity:"0"}})]})})}),!u&&f&&e.jsx(l,{loading:u,resetScanState:g,config:_}),h&&!f&&!u&&e.jsx(r.Drawer,{open:!0,className:"face-scan-small camera-draw",anchor:"bottom",onClose:(e,t)=>{},hideBackdrop:!0,children:e.jsx(d,{stage:m,videoLoading:p,setVideoLoading:S,videoError:y,setVideoError:x,gender:v,config:_,btnConfig:{label:b(),onClick:w?g:C,isDisabled:u||!F,icon:w?e.jsx(o.ArrowRight,{}):e.jsx(e.Fragment,{})}})})]})};exports.FaceScan=({userDetails:o,token:r,onScanSuccess:s,onScanError:c,onRetry:l,onScanStart:d,onUploadingStart:f,onUploadingEnd:g,onMeasurementSocketStart:h,onMeasurementSocketClose:m,config:p,isError:S,isSuccess:y,onUpload:x})=>{const v=t.useRef(null),b=t.useRef(null),w=t.useRef(null),C=t.useRef([]),F=t.useRef(null),j=t.useRef(null),[_,N]=t.useState(!1),[E,k]=t.useState(!1),[T,I]=t.useState(!1),[M,R]=t.useState(!0),[P,D]=t.useState(!1),[L,A]=t.useState(!1),[O,$]=t.useState(!1),[z,H]=t.useState(n.generateUuid()),V=t.useMemo(()=>n.getSwanService(r),[r]),{email:W,gender:K,deviceFocalLength:U,shopDomain:q,callbackUrl:B}=o,[G,J]=t.useState([]),[X,Q]=t.useState(n.videoConstraintsExact),Y=t.useMemo(()=>n.getPreferredMediaRecorderTypes(),[]),Z=n.getRecordingMimeType(G),ee=n.getRecordingExtension(Z),te=t.useCallback(()=>{console.log("Stopping recording..."),w.current&&"recording"===w.current.state&&w.current.stop(),w.current=null},[]),ae=async()=>{if(C.current){if(0===C.current.length)return console.error("No video data recorded"),$(!0),void N(!1);f?.(),x?.(),N(!0);const e=new File(C.current,`${z}.${ee}`,{type:Z}),t=j.current??await n.getVideoFPS(e),a=e.size,o=(a/1048576).toFixed(2),r=Math.round(a/1e4),s={video_size_mb:parseFloat(o),video_size_bytes:a,video_fps:t||0,blob_count:C.current.length,estimated_duration_seconds:r},c=[{gender:K},{face_scan_id:z},{focal_length:`${U}`},{customer_store_url:q},{scan_type:"face_scan"}];B&&c.push({callback_url:B}),n.handleScanTimeCapture({eventName:`${q}/face_scan_meta_data`,faceScanId:z,email:W,data:JSON.stringify({metaData:c,videoData:s})});const i=Date.now();n.handleScanTimeCapture({eventName:`${q}/face_scan_upload_start`,faceScanId:z,email:W,startTime:i});try{const t=await V.fileUpload.faceScanFileUploader({file:e,arrayMetaData:c,objectKey:z,email:W,contentType:e.type}),a=Date.now(),o=a-i;n.handleScanTimeCapture({eventName:`${q}/face_scan_upload_complete`,faceScanId:z,email:W,completionTime:a,uploadDuration:o}),g?.(),console.log("✅ Upload successful",t),V.measurement.handlFaceScaneSocket({onPreopen:()=>{h?.(),n.handleWebSocketCapture({eventName:`${q}/webSocket`,faceScanID:z,connection:"pre_open",type:"faceScan_recommendation",email:W})},faceScanId:z,onOpen:()=>{n.handleWebSocketCapture({eventName:`${q}/webSocket`,faceScanID:z,connection:"open",type:"faceScan_recommendation",email:W}),console.log("websocket connect open")},onError:e=>{n.handleWebSocketCapture({eventName:`${q}/webSocket`,faceScanID:z,connection:"error",type:"faceScan_recommendation",email:W}),fe(e)},onSuccess:e=>{n.handleWebSocketCapture({eventName:`${q}/webSocket`,faceScanID:z,connection:"success",type:"faceScan_recommendation",email:W}),ge(e)},onClose:()=>{m?.(),console.log("websocket connect close"),n.handleWebSocketCapture({eventName:`${q}/webSocket`,faceScanID:z,connection:"close",type:"faceScan_recommendation",email:W})}})}catch(e){g?.(),fe(e)}}},ne=t.useCallback(()=>{const e=v.current?.srcObject;if(!e)return;const t=e.getVideoTracks()[0].getSettings(),a="number"==typeof X.width?X.width:720,n="number"==typeof X.height?X.height:1280,{width:o=a,height:r=n}=t,s=document.createElement("canvas"),c=s.getContext("2d");o>r?(s.width=r,s.height=o):(s.width=o,s.height=r);const i=document.createElement("video");i.srcObject=e,i.muted=!0,i.playsInline=!0,i.play();const l=()=>{o>r?(c?.save(),c?.translate(s.width,0),c?.rotate(Math.PI/2),c?.drawImage(i,0,0,r,o),c?.restore()):c?.drawImage(i,0,0,o,r),requestAnimationFrame(l)};l();j.current=30;const d=s.captureStream(30),u={videoBitsPerSecond:15e5};let f;G.length>0&&(u.mimeType=G[0]);try{f=new MediaRecorder(d,u)}catch(e){return console.error("MediaRecorder init failed:",e),$(!0),void N(!1)}C.current=[],f.ondataavailable=e=>{e?.data&&e.data.size>0&&C.current&&C.current.push(e.data)},f.onstop=()=>{console.log("Recording stopped, total blobs:",C?.current?.length),ae()},f.start(100),w.current=f,console.log("Recording started successfully (portrait normalized)")},[G,ae]),{faceScanDetector:oe,scanStage:re,setScanStage:se,resetScan:ce,isModelLoaded:ie,startScanSequence:le}=i({faceScanId:z,shopDomain:q,onScanComplete:()=>{te()},onModelReady:()=>{k(!0)},onStartRecording:()=>{console.log("Stage 0 completed - starting recording for stages 1-3"),ne()}}),de=t.useCallback(()=>{ie&&(d?.(),se(0),n.speechService.playAudio(`${n.voiceOverAssetsPath}face-scan-vos/Face-forward.mp3`),setTimeout(()=>{I(!0),setTimeout(()=>{le()},200)},200))},[se,I,le,ie,d]),ue=t.useCallback(()=>{I(!1),R(!0),te(),ce(),l?.(),C.current=[],j.current=null,w.current&&(w.current=null),$(!1),se(-1),H(n.generateUuid()),v.current&&F.current&&(v.current.srcObject=F.current,console.log("Camera stream restored after reset"))},[se,I,R,te,ce,H]),fe=e=>{console.log(e,"ws error"),c?.(e),$(!0),N(!1),R(!1),n.handleScanTimeCapture({eventName:`${q}/faceScan`,faceScanId:z,status:"failed",email:W,data:JSON.stringify(e)})},ge=e=>{console.log(e,"ws success"),e&&"intermediate"===e?.resultType&&n.handleScanTimeCapture({eventName:`${q}/faceScan_success/intermediate`,faceScanId:z,status:"success",email:W,data:JSON.stringify(e)}),s?.(e)};t.useEffect(()=>{if(!S&&!y)return navigator.mediaDevices.getUserMedia&&navigator.mediaDevices.getUserMedia({video:X}).then(e=>{F.current=e,v.current&&(v.current.srcObject=e)}).catch(e=>{console.error("Error accessing webcam:",e),X!==n.videoConstraintsExact?$(!0):Q(n.videoConstraintsFallback)}),()=>{F.current&&F.current.getTracks().forEach(e=>e.stop())}},[S,y,X]),t.useEffect(()=>{if(!E||!T)return;const e=setInterval(()=>{oe(v,b)},500);return()=>clearInterval(e)},[oe,E,T]);return console.log("Model ready:",E,"Has error:",O,"Is scanning:",T,"showLoader",_),t.useEffect(()=>{const e=n.getSupportedMediaRecorderTypes(Y,n.videoTypes);J(e)},[Y]),t.useEffect(()=>{se(-1)},[S,y]),t.useEffect(()=>{a.init(n.posthogPublicKey,{api_host:n.posthogPublicHost}),a.capture("$pageview")},[]),e.jsx(n.LanguageContextProvider,{children:e.jsx(n.ParamsContext.Provider,{value:{isError:S,isSuccess:y,showLoader:_,hasError:O,resetScanState:ue,showGuideCard:M,scanStage:re,videoLoading:P,setVideoLoading:D,videoError:L,setVideoError:A,gender:K,getButtonText:()=>T?n.LanguageKeys.reset:ie?n.LanguageKeys.start:n.LanguageKeys.loading,isScanning:T,startScan:de,isModelLoaded:ie,config:p},children:e.jsx(u,{webcamRef:v,canvasRef:b})})})};
+//# sourceMappingURL=FaceScan-DR_OKG51.js.map

package/dist/FaceScan-DR_OKG51.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaceScan-DR_OKG51.js","sources":["../src/customHooks/useFaceScan.ts","../src/components/faceScan/FaceScanErrorScreen.tsx","../src/components/faceScan/FaceScanGuide.tsx","../src/components/faceScan/FaceScanStep.tsx","../src/components/faceScan/FaceScan.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  RefObject,\n} from \"react\";\n// 1. Use TYPE-ONLY imports. These are erased at build time and won't crash SSR.\nimport type { PoseDetector } from \"@tensorflow-models/pose-detection\";\nimport { posthog } from \"posthog-js\";\nimport speechService from \"../utils/service/speechService\";\nimport { videoConstraints, voiceOverAssetsPath } from \"../utils/constants\";\n\n/**\n * useFaceScan Hook with PostHog Analytics\n * Refactored for Zero-Config SSR/CSR Compatibility\n */\n\n// Debounce utility\nfunction debounce(fn: (...args: any) => void, delay: number) {\n  let timer: number | NodeJS.Timeout;\n  return (...args: any) => {\n    if (timer) clearTimeout(timer);\n    timer = setTimeout(() => fn(...args), delay);\n  };\n}\n\n// Global Singleton Cache (Preserves state across re-renders)\nlet preloadedDetector: PoseDetector | null = null;\nlet isPreloading = false;\n\n// 2. Async Preloader with Dynamic Imports\nexport const preloadDetector = async (): Promise<PoseDetector | null> => {\n  // Guard: Never run on server\n  if (typeof window === \"undefined\") return null;\n  if (preloadedDetector) return preloadedDetector;\n  if (isPreloading) {\n    // Simple wait mechanism if already loading\n    while (isPreloading) {\n      await new Promise(r => setTimeout(r, 100));\n      if (preloadedDetector) return preloadedDetector;\n    }\n  }\n\n  isPreloading = true;\n\n  try {\n    // DYNAMIC IMPORTS: Only fetch these heavy bundles in the browser\n    const [tf, poseDetection] = await Promise.all([\n      import(\"@tensorflow/tfjs\"),\n      import(\"@tensorflow-models/pose-detection\")\n    ]);\n\n    // Initialize Backend\n    await tf.setBackend(\"webgl\");\n    await tf.ready();\n\n    const detector = await poseDetection.createDetector(\n      poseDetection.SupportedModels.BlazePose,\n      {\n        runtime: \"tfjs\",\n        modelType: \"full\",\n      }\n    );\n\n    // Dummy video warmup (Performance Optimization)\n    // This runs the model once on a blank canvas to \"wake up\" the GPU\n    // so the first user frame detects instantly.\n    const dummyCanvas = document.createElement(\"canvas\");\n    dummyCanvas.width = videoConstraints.width;\n    dummyCanvas.height = videoConstraints.height;\n    const ctx = dummyCanvas.getContext(\"2d\");\n    if (ctx) {\n      ctx.fillStyle = \"black\";\n      ctx.fillRect(0, 0, dummyCanvas.width, dummyCanvas.height);\n      try {\n        await detector.estimatePoses(dummyCanvas);\n      } catch (e) {\n        console.warn(\"Warmup frame failed (non-fatal):\", e);\n      }\n    }\n\n    preloadedDetector = detector;\n    return detector;\n  } catch (err) {\n    console.error(\"Failed to preload detector:\", err);\n    return null;\n  } finally {\n    isPreloading = false;\n  }\n};\n\ntype Point = [number, number, number];\n\nfunction useFaceScan({\n  faceScanId,\n  onValidPose,\n  onScanComplete,\n  onModelReady,\n  onStartRecording,\n  shopDomain,\n}: {\n  faceScanId: string;\n  onValidPose?: () => void;\n  onScanComplete?: () => void;\n  onModelReady?: () => void;\n  onStartRecording: () => void;\n  shopDomain: string;\n}) {\n  const detectorRef = useRef<PoseDetector | null>(null);\n  const [scanStage, setScanStage] = useState(0);\n  const [consecutiveValid, setConsecutiveValid] = useState(0);\n  const [isModelLoaded, setIsModelLoaded] = useState(false);\n  const [isScanningActive, setIsScanningActive] = useState(false);\n  \n  const utteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n  const scanStageRef = useRef(scanStage);\n  const consecutiveValidRef = useRef(consecutiveValid);\n  const validityBufferRef = useRef<boolean[]>([]);\n  const lastSpokenMessageRef = useRef(\"\");\n  const lastSpokenTimeRef = useRef(0);\n  const voiceEnabledRef = useRef(false);\n  \n  const VALIDITY_BUFFER_LENGTH = 10;\n  const CONSECUTIVE_VALID_LENGTH = 2;\n  const TOTAL_STAGES = 4;\n  const POSE_TRACKING_INTERVAL = 4000;\n  const lastPoseTrackingTimeRef = useRef(0);\n\n  // Safe iOS detection (SSR safe)\n  const isIOS = typeof navigator !== 'undefined' && (\n    /iPad|iPhone|iPod/.test(navigator.userAgent) ||\n    (navigator.platform === \"MacIntel\" && navigator.maxTouchPoints > 1)\n  );\n\n  const directionMessages = useMemo(\n    () => [\n      \"Face front\",\n      \"Turn head fully left\",\n      \"Turn head fully right\",\n      \"Smile facing front\",\n    ],\n    []\n  );\n\n  const debouncedTrackPoseDetection = useMemo(\n    () =>\n      debounce((payload) => {\n        posthog.capture(`${shopDomain}/face_scan_pose_detection`, payload);\n      }, 4000),\n    [shopDomain]\n  );\n\n  const trackPoseDetection = useCallback(\n    (\n      faceKeypoints: Point[],\n      bodyKeypoints: Point[],\n      stage: number,\n      headValid: boolean,\n      bodyInvalid: boolean,\n      consecutiveValidCount: number\n    ) => {\n      const now = Date.now();\n      if (now - lastPoseTrackingTimeRef.current < POSE_TRACKING_INTERVAL) {\n        return;\n      }\n\n      lastPoseTrackingTimeRef.current = now;\n\n      try {\n        const nose = faceKeypoints[0] || [0, 0, 0];\n        const leftEye = faceKeypoints[2] || [0, 0, 0];\n        const rightEye = faceKeypoints[5] || [0, 0, 0];\n        const leftMouth = faceKeypoints[9] || [0, 0, 0];\n        const rightMouth = faceKeypoints[10] || [0, 0, 0];\n\n        const faceKeypointScores = faceKeypoints\n          .map((kp: Point) => kp[2])\n          .filter((score: number) => score > 0);\n        const avgFaceScore =\n          faceKeypointScores.length > 0\n            ? faceKeypointScores.reduce((a, b) => a + b, 0) /\n              faceKeypointScores.length\n            : 0;\n\n        const bodyKeypointScores = bodyKeypoints\n          .map((kp: Point) => kp[2])\n          .filter((score: number) => score > 0);\n        const avgBodyScore =\n          bodyKeypointScores.length > 0\n            ? bodyKeypointScores.reduce((a: number, b: number) => a + b, 0) /\n              bodyKeypointScores.length\n            : 0;\n\n        const eyeDistance = Math.abs(leftEye[0] - rightEye[0]);\n        const noseToRight = nose[0] - rightEye[0];\n        const noseToLeft = leftEye[0] - nose[0];\n\n        let expectedPosition = \"frontal\";\n        if (stage === 1) expectedPosition = \"left\";\n        else if (stage === 2) expectedPosition = \"right\";\n        else if (stage === 3) expectedPosition = \"frontal_smile\";\n\n        const payload = {\n          faceScanId,\n          stage,\n          timestamp: new Date().toISOString(),\n          data: JSON.stringify({\n            headValid,\n            bodyInvalid,\n            consecutiveValid: consecutiveValidCount,\n            avgFaceScore: parseFloat(avgFaceScore.toFixed(3)),\n            avgBodyScore: parseFloat(avgBodyScore.toFixed(3)),\n            faceKeypointsDetected: faceKeypointScores.length,\n            bodyKeypointsDetected: bodyKeypointScores.length,\n            eyeDistance: parseFloat(eyeDistance.toFixed(2)),\n            noseToRightRatio: parseFloat((noseToRight / eyeDistance).toFixed(3)),\n            noseToLeftRatio: parseFloat((noseToLeft / eyeDistance).toFixed(3)),\n            noseScore: parseFloat(nose[2].toFixed(3)),\n            leftEyeScore: parseFloat(leftEye[2].toFixed(3)),\n            rightEyeScore: parseFloat(rightEye[2].toFixed(3)),\n            leftMouthScore: parseFloat(leftMouth[2].toFixed(3)),\n            rightMouthScore: parseFloat(rightMouth[2].toFixed(3)),\n            expectedPosition,\n          }),\n        };\n        debouncedTrackPoseDetection(payload);\n      } catch (error) {\n        console.warn(\"Failed to track pose detection:\", error);\n      }\n    },\n    [faceScanId, debouncedTrackPoseDetection]\n  );\n\n  const enableVoiceCommands = () => {\n    voiceEnabledRef.current = true;\n    if (typeof window !== 'undefined' && isIOS && \"speechSynthesis\" in window) {\n      const silentUtterance = new SpeechSynthesisUtterance(\"\");\n      silentUtterance.volume = 0;\n      speechSynthesis.speak(silentUtterance);\n    }\n  };\n\n  const startScanSequence = () => {\n    posthog.capture(`${shopDomain}/face_scan_detection_started`, {\n      faceScanId,\n      stage: scanStageRef.current,\n      timestamp: new Date().toISOString(),\n      stageName: directionMessages[scanStageRef.current],\n    });\n\n    setTimeout(() => {\n      setIsScanningActive(true);\n    }, 1500);\n  };\n\n  const isHeadInPosition = (stage: number, keypoints: Point[]) => {\n    // ... logic unchanged ...\n    const nose = 0;\n    const leftEye = 2;\n    const rightEye = 5;\n    const leftMouth = 9;\n    const rightMouth = 10;\n\n    const minScore = 0.2;\n    if (\n      !keypoints[nose] || !keypoints[leftEye] || !keypoints[rightEye] ||\n      keypoints[nose][2] < minScore ||\n      keypoints[leftEye][2] < minScore ||\n      keypoints[rightEye][2] < minScore\n    ) {\n      return false;\n    }\n\n    const eyesToMouthVerticalDistance =\n      0.5 * (keypoints[rightMouth][1] + keypoints[leftMouth][1]) -\n      0.5 * (keypoints[rightEye][1] + keypoints[leftEye][1]);\n\n    const faceTiltedness =\n      (0.5 * (keypoints[rightMouth][1] + keypoints[leftMouth][1]) -\n        keypoints[nose][1]) /\n      eyesToMouthVerticalDistance;\n\n    const faceIsTilted = faceTiltedness > 0.7 || faceTiltedness < 0.3;\n\n    const faceIsVertical =\n      Math.abs(keypoints[leftEye][1] - keypoints[rightEye][1]) <\n        0.5 * eyesToMouthVerticalDistance &&\n      Math.abs(keypoints[leftMouth][1] - keypoints[rightMouth][1]) <\n        0.5 * eyesToMouthVerticalDistance;\n\n    const eyeDistance = keypoints[leftEye][0] - keypoints[rightEye][0];\n    const noseToRight = keypoints[nose][0] - keypoints[rightEye][0];\n    const noseToLeft = keypoints[leftEye][0] - keypoints[nose][0];\n\n    const frontalFace =\n      noseToRight > 0.4 * eyeDistance && noseToRight < 0.6 * eyeDistance;\n    const fullLeft = noseToRight > 0.85 * eyeDistance;\n    const fullRight = noseToLeft > 0.85 * eyeDistance;\n\n    switch (stage) {\n      case 0:\n        return !faceIsTilted && faceIsVertical && frontalFace;\n      case 1:\n        return !faceIsTilted && faceIsVertical && fullLeft;\n      case 2:\n        return !faceIsTilted && faceIsVertical && fullRight;\n      case 3:\n        return !faceIsTilted && faceIsVertical && frontalFace;\n      default:\n        return false;\n    }\n  };\n\n  const faceScanDetector = async (\n    webcamRef: RefObject<HTMLVideoElement | null>,\n    canvasRef: RefObject<HTMLCanvasElement | null>\n  ) => {\n    if (\n      !detectorRef.current ||\n      !webcamRef.current ||\n      !isModelLoaded ||\n      !isScanningActive\n    )\n      return;\n\n    // Safety: ensure video is actually playing with data\n    if (webcamRef.current.readyState < 2) return;\n\n    try {\n      const poses = await detectorRef.current.estimatePoses(webcamRef.current);\n      if (poses.length > 0) {\n        const faceKeypoints: Point[] = [];\n        const bodyKeypoints: Point[] = [];\n        poses[0].keypoints.forEach((landmark, idx) => {\n          const score = landmark.score ?? 0;\n          const point: Point = [landmark.x ?? -1, landmark.y ?? -1, score];\n          if (idx <= 10) faceKeypoints.push(point);\n          else bodyKeypoints.push(point);\n        });\n\n        // Optional drawing\n        if (canvasRef?.current) {\n          const ctx = canvasRef.current.getContext(\"2d\");\n          const { width, height } = canvasRef.current;\n          if (ctx) {\n            ctx.clearRect(0, 0, width, height);\n\n            const progress = Math.min(\n              consecutiveValidRef.current / CONSECUTIVE_VALID_LENGTH,\n              1\n            );\n            const radius = height * 0.35;\n            ctx.beginPath();\n            ctx.strokeStyle = \"#00ff00\";\n            ctx.lineWidth = 6;\n            ctx.arc(\n              width / 2,\n              height / 2,\n              radius + 10,\n              -Math.PI / 2,\n              -Math.PI / 2 + progress * 2 * Math.PI\n            );\n            ctx.stroke();\n          }\n        }\n\n        const headValid = isHeadInPosition(scanStageRef.current, faceKeypoints);\n        const bodyInvalid =\n          bodyKeypoints.slice(2).filter((p) => p[2] > 0.7).length <= 2;\n\n        validityBufferRef.current.push(headValid && bodyInvalid);\n        if (validityBufferRef.current.length > VALIDITY_BUFFER_LENGTH) {\n          validityBufferRef.current.shift();\n        }\n\n        const validCount = validityBufferRef.current.filter(Boolean).length;\n        if (validCount >= 2) {\n          const nextValid = consecutiveValidRef.current + 1;\n          setConsecutiveValid(nextValid);\n        } else {\n          setConsecutiveValid(Math.max(0, consecutiveValidRef.current - 1));\n        }\n\n        if (consecutiveValidRef.current >= CONSECUTIVE_VALID_LENGTH) {\n          onValidPose?.();\n\n          const nextStage = scanStageRef.current + 1;\n          setConsecutiveValid(0);\n          validityBufferRef.current = [];\n          setScanStage(nextStage);\n          setIsScanningActive(false);\n\n          (async () => {\n            await speechService.playAudio(\n              `${voiceOverAssetsPath}face-scan-vos/Sound-effect.mp3`\n            );\n            posthog.capture(\n              `${shopDomain}/face_scan_detection_stage_completed`,\n              {\n                faceScanId,\n                completedStage: scanStageRef.current,\n                nextStage,\n                timestamp: new Date().toISOString(),\n                totalStages: TOTAL_STAGES,\n                stageName: directionMessages[scanStageRef.current],\n              }\n            );\n            \n            if (nextStage === 1 && onStartRecording) {\n              onStartRecording();\n            }\n            if (nextStage >= TOTAL_STAGES) {\n              onScanComplete?.();\n            } else {\n              let nextSound = null;\n              switch (nextStage) {\n                case 1: nextSound = \"Left.mp3\"; break;\n                case 2: nextSound = \"Right.mp3\"; break;\n                case 3: nextSound = \"Smile.mp3\"; break;\n              }\n              if (nextSound) {\n                await speechService.playAudio(\n                  `${voiceOverAssetsPath}face-scan-vos/${nextSound}`\n                );\n              }\n              startScanSequence();\n            }\n          })();\n        }\n\n        trackPoseDetection(\n          faceKeypoints,\n          bodyKeypoints,\n          scanStageRef.current,\n          headValid,\n          bodyInvalid,\n          consecutiveValidRef.current\n        );\n      }\n    } catch (err) {\n      console.error(\"Pose detection error:\", err);\n    }\n  };\n\n  const initializeModels = async () => {\n    // 3. Browser Guard\n    if (typeof window === 'undefined') return;\n\n    try {\n      console.log(\"Initializing Face Scan...\");\n      // Calls our safe, dynamic preloader\n      const detector = await preloadDetector();\n      \n      if (detector) {\n        detectorRef.current = detector;\n        console.log(\"Face scan model loaded successfully\");\n        setIsModelLoaded(true);\n        onModelReady?.();\n      }\n    } catch (err) {\n      console.error(\"Error initializing face scan:\", err);\n    }\n  };\n\n  const disposeModelAndTf = async () => {\n    // Optional: We might NOT want to dispose if we want to keep the cache \n    // for re-mounting. But if you must dispose:\n    try {\n      setIsModelLoaded(false);\n      // NOTE: We generally don't dispose the detector if we want to reuse it \n      // via the 'preloadedDetector' global variable.\n      // If you dispose here, make sure to set 'preloadedDetector = null' too.\n      /* if (detectorRef.current) {\n        await detectorRef.current.dispose();\n        detectorRef.current = null;\n        preloadedDetector = null; // Clear global cache if disposing\n      }\n      */\n    } catch (err) {\n      console.error(\"Error disposing resources:\", err);\n    } finally {\n      // Reset state\n      setScanStage(0);\n      setConsecutiveValid(0);\n      scanStageRef.current = 0;\n      consecutiveValidRef.current = 0;\n      validityBufferRef.current = [];\n    }\n  };\n\n  const resetScan = () => {\n    posthog.capture(`${shopDomain}/face_scan_reset`, {\n      faceScanId,\n      stage: scanStageRef.current,\n      timestamp: new Date().toISOString(),\n      stageName: directionMessages[scanStageRef.current],\n      consecutiveValid: consecutiveValidRef.current,\n    });\n\n    setScanStage(0);\n    setConsecutiveValid(0);\n    setIsScanningActive(false);\n    scanStageRef.current = 0;\n    consecutiveValidRef.current = 0;\n    validityBufferRef.current = [];\n    lastSpokenMessageRef.current = \"\";\n    lastSpokenTimeRef.current = 0;\n    voiceEnabledRef.current = false;\n    if (utteranceRef.current) {\n      speechSynthesis.cancel();\n      utteranceRef.current = null;\n    }\n  };\n\n  useEffect(() => {\n    initializeModels();\n    return () => {\n      disposeModelAndTf();\n    };\n  }, []);\n\n  useEffect(() => {\n    scanStageRef.current = scanStage;\n  }, [scanStage]);\n\n  useEffect(() => {\n    consecutiveValidRef.current = consecutiveValid;\n  }, [consecutiveValid]);\n\n  return {\n    faceScanDetector,\n    scanStage,\n    setScanStage,\n    consecutiveValid,\n    isModelLoaded,\n    resetScan,\n    enableVoiceCommands,\n    startScanSequence,\n    isScanningActive,\n  };\n}\n\nexport default useFaceScan;","import { ArrowRight } from \"lucide-react\";\nimport Header from \"../Header\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { useContext } from \"react\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { Config } from \"../../types/interfaces\";\n\nfunction FaceScanErrorScreen({ resetScanState, loading, config }: { resetScanState?: () => void; loading?: boolean; config?: Config }) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\n\treturn (\n\t\t<div className=\"fixed  top-[0] left-[0] z-[999]  flex justify-center items-center w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t<div className=\"flex flex-col w-full items-center p-[1rem] rounded-lg  \">\n\t\t\t\t<Header noTitle resolvedConfig={config} />\n\t\t\t\t<div className=\"flex flex-col items-center w-full\">\n\t\t\t\t\t<h2\n\t\t\t\t\t\tclassName=\"text-xl font-semibold text-gray-800 \"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.scanFailed)}\n\t\t\t\t\t</h2>\n\t\t\t\t\t<p\n\t\t\t\t\t\tclassName=\"mb-[1.5rem]\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\tcolor: config?.style?.subheading?.subheadingColor || \"#4b5563\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.clickToResetScan)}\n\t\t\t\t\t</p>\n\t\t\t\t\t<SpecificButton\n\t\t\t\t\t\tdisabled={loading}\n\t\t\t\t\t\tclassName=\"w-full h-[45px] shadow-[0px_1px_2px_0px_#00000040] text-[16px]\"\n\t\t\t\t\t\tbuttonText={translate?.(LanguageKeys.resetScan)}\n\t\t\t\t\t\tpostfixIcon={<ArrowRight />}\n\t\t\t\t\t\tbuttonFunc={() => resetScanState?.()}\n\t\t\t\t\t\tresolvedConfig={config}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default FaceScanErrorScreen;\n","import { FaceScanGuideProps } from \"../../types/interfaces\";\nimport Header from \"../Header\";\nimport { GenderType } from \"../../utils/enums\";\nimport { directionMessages, FACE_SCAN_HEADSHOT, glassesOffVideo, maleGlassesOffVideo } from \"../../utils/constants\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { useContext } from \"react\";\nimport SpecificButton from \"../../atoms/specificButton/SpecificButton\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\n\nfunction FaceScanGuide({ stage, videoLoading, setVideoLoading, videoError, setVideoError, gender, config, btnConfig }: FaceScanGuideProps) {\n\tconst { translate } = useContext(LanguageContext) || {};\n\n\n\n\tif (stage === -1) {\n\t\treturn (\n\t\t\t<div className=\"text-center  p-[16px] w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t\t<div className=\"w-full\">\n\t\t\t\t\t<Header noTitle resolvedConfig={config} />\n\t\t\t\t\t<h2\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{translate?.(LanguageKeys.faceVisible)}\n\t\t\t\t\t</h2>\n\t\t\t\t\t{videoLoading && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mb-4 flex items-center justify-center\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\t\tcolor: config?.style?.subheading?.subheadingColor || \"#4b5563\",\n\t\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{translate?.(LanguageKeys.loadingVideo)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{videoError && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mb-4 text-red-600\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tfontFamily: config?.style?.subheading?.subheadingFontFamily || \"'Inter', sans-serif\",\n\t\t\t\t\t\t\t\tfontSize: config?.style?.subheading?.subheadingFontSize || \"14px\",\n\t\t\t\t\t\t\t\tcolor: \"#ff0000\",\n\t\t\t\t\t\t\t\tfontWeight: config?.style?.subheading?.subheadingFontWeight || \"normal\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{translate?.(LanguageKeys.videoLoadFailed)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!videoError && (\n\t\t\t\t\t\t<div className={` w-[100px] mx-auto`}>\n\t\t\t\t\t\t\t<video\n\t\t\t\t\t\t\t\tsrc={gender === GenderType.Male ? maleGlassesOffVideo : glassesOffVideo}\n\t\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\t\tclassName=\"h-full w-full object-contain border-none\"\n\t\t\t\t\t\t\t\tonCanPlay={() => setVideoLoading(false)}\n\t\t\t\t\t\t\t\tonLoadStart={() => setVideoLoading(true)}\n\t\t\t\t\t\t\t\tonError={() => setVideoError(true)}\n\t\t\t\t\t\t\t\taria-label=\"Instructional video: Please remove your glasses before starting the scan.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex justify-center w-full  p-[1rem]\">\n\t\t\t\t\t<SpecificButton\n\t\t\t\t\t\tdisabled={btnConfig.isDisabled}\n\t\t\t\t\t\tclassName=\"!w-[60px] !h-[35px] !py-0 !px-0\"\n\t\t\t\t\t\tbuttonText={translate?.(btnConfig.label)}\n\t\t\t\t\t\tpostfixIcon={btnConfig?.icon}\n\t\t\t\t\t\tbuttonFunc={btnConfig.onClick}\n\t\t\t\t\t\tresolvedConfig={config}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"text-center  p-[16px] w-full h-full\" style={{ background: config?.style?.base?.backgroundColor }}>\n\t\t\t<div className=\"w-full\">\n\t\t\t\t<Header noTitle resolvedConfig={config} />\n\t\t\t\t<h3\n\t\t\t\t\tclassName=\"mb-[0.5rem]\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tfontFamily: config?.style?.heading?.headingFontFamily || \"SeriouslyNostalgic Fn\",\n\t\t\t\t\t\tfontSize: config?.style?.heading?.headingFontSize || \"32px\",\n\t\t\t\t\t\tcolor: config?.style?.heading?.headingColor || \"#000\",\n\t\t\t\t\t\tfontWeight: config?.style?.heading?.headingFontWeight || \"normal\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{translate?.(directionMessages[stage])}\n\t\t\t\t</h3>\n\t\t\t\t{/* <p>We'll guide you to take 6 selfies  </p> */}\n\t\t\t\t<div className=\"max-w-[400px] justify-center gap-1 mx-auto flex items-center\">\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 0 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.forward : FACE_SCAN_HEADSHOT.female.forward} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 1 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.left : FACE_SCAN_HEADSHOT.female.left} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 2 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.right : FACE_SCAN_HEADSHOT.female.right} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={` w-[120px] overflow-hidden ${stage === 3 ? \"opacity-100\" : \"opacity-0 hidden\"} `}>\n\t\t\t\t\t\t<video className=\"h-full w-full object-contain border-none\" muted loop autoPlay playsInline>\n\t\t\t\t\t\t\t<source src={gender === GenderType.Male ? FACE_SCAN_HEADSHOT.male.smile : FACE_SCAN_HEADSHOT.female.smile} type=\"video/mp4\" />\n\t\t\t\t\t\t</video>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default FaceScanGuide;\n","import React, { useContext, useEffect } from \"react\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\nimport FaceScanErrorScreen from \"./FaceScanErrorScreen\";\nimport LoadingScreen from \"../LoadingScreen\";\nimport { videoConstraints } from \"../../utils/constants\";\nimport { Drawer } from \"@mui/material\";\nimport FaceScanGuide from \"./FaceScanGuide\";\nimport { ArrowRight } from \"lucide-react\";\nimport { LanguageContext } from \"../../utils/context/languageContext\";\nimport { useLocalConfig } from \"../../config/useLocalConfig\";\ninterface FaceScanStepProps {\n\twebcamRef: React.RefObject<HTMLVideoElement | null>;\n\tcanvasRef: React.RefObject<HTMLCanvasElement | null>;\n}\n\nconst FaceScanStep: React.FC<FaceScanStepProps> = ({ webcamRef, canvasRef }) => {\n\tconst {\n\t\tisError,\n\t\tisSuccess,\n\t\tshowLoader,\n\t\thasError,\n\t\tresetScanState,\n\t\tshowGuideCard,\n\t\tscanStage,\n\t\tvideoLoading,\n\t\tsetVideoLoading,\n\t\tvideoError,\n\t\tsetVideoError,\n\t\tgender,\n\t\tgetButtonText,\n\t\tisScanning,\n\t\tstartScan,\n\t\tisModelLoaded,\n\t\tconfig,\n\t} = useContext(ParamsContext);\n\tconst resolvedConfig = useLocalConfig(config);\n\n\tconst { setPreferredLanguage } = useContext(LanguageContext) || {};\n\tuseEffect(() => {\n\t\tsetPreferredLanguage?.(resolvedConfig?.language);\n\t}, [resolvedConfig]);\n\tif (isError) {\n\t\treturn <FaceScanErrorScreen config={resolvedConfig} />;\n\t}\n\tif (isSuccess) {\n\t\treturn (\n\t\t\t<div className=\"fixed z-[9]  w-full h-full\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t<LoadingScreen url={resolvedConfig?.loader} loaderType=\"black\" />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<audio id=\"audioElement\" crossOrigin=\"anonymous\" preload=\"auto\" style={{ position: \"absolute\", zIndex: -99999 }} src={undefined} />\n\n\t\t\t{/* Error overlay */}\n\t\t\t{showLoader && !hasError && (\n\t\t\t\t<div className=\"fixed z-[9]  w-full h-full\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t\t{/* <Asset genderType={gender} /> */}\n\t\t\t\t\t<LoadingScreen url={resolvedConfig?.loader} loaderType=\"black\" />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Always show camera view */}\n\t\t\t<div className=\"h-full flex-col relative w-full flex justify-center items-center text-center  rounded-t-[20px]\" style={{ background: resolvedConfig?.style?.base?.backgroundColor }}>\n\t\t\t\t<div className=\"flex-1 w-full max-w-md overflow-hidden\">\n\t\t\t\t\t<div className=\"w-full h-full\">\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tref={webcamRef}\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth={videoConstraints.width.ideal}\n\t\t\t\t\t\t\theight={videoConstraints.height.ideal}\n\t\t\t\t\t\t\tclassName=\"w-full h-full object-cover fixed left-0 top-0 z-0\"\n\t\t\t\t\t\t\tstyle={{ transform: \"scaleX(-1)\" }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<canvas ref={canvasRef} width={videoConstraints.width.ideal} height={videoConstraints.height.ideal} style={{ transform: \"scaleX(-1)\", opacity: \"0\" }} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Error overlay */}\n\t\t\t{!showLoader && hasError && <FaceScanErrorScreen loading={showLoader} resetScanState={resetScanState} config={resolvedConfig} />}\n\n\t\t\t{/* Scan guide drawer - only show when scanning */}\n\t\t\t{showGuideCard && !hasError && !showLoader && (\n\t\t\t\t<Drawer\n\t\t\t\t\topen\n\t\t\t\t\tclassName=\"face-scan-small camera-draw\"\n\t\t\t\t\tanchor=\"bottom\"\n\t\t\t\t\tonClose={(event, reason) => {\n\t\t\t\t\t\tif (reason === \"backdropClick\") {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\thideBackdrop\n\t\t\t\t>\n\t\t\t\t\t<FaceScanGuide\n\t\t\t\t\t\tstage={scanStage}\n\t\t\t\t\t\tvideoLoading={videoLoading}\n\t\t\t\t\t\tsetVideoLoading={setVideoLoading}\n\t\t\t\t\t\tvideoError={videoError}\n\t\t\t\t\t\tsetVideoError={setVideoError}\n\t\t\t\t\t\tgender={gender}\n\t\t\t\t\t\tconfig={resolvedConfig}\n\t\t\t\t\t\tbtnConfig={{\n\t\t\t\t\t\t\tlabel: getButtonText(),\n\t\t\t\t\t\t\tonClick: isScanning ? resetScanState : startScan,\n\t\t\t\t\t\t\tisDisabled: showLoader || !isModelLoaded,\n\t\t\t\t\t\t\ticon: isScanning ? <ArrowRight /> : <></>,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</Drawer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default FaceScanStep;\n","\"use client\";\nimport { useEffect, useRef, useState, useCallback, useMemo } from \"react\";\nimport posthog from \"posthog-js\";\nimport { FaceScanProps } from \"../../types/interfaces\";\nimport {\n\tgenerateUuid,\n\tgetPreferredMediaRecorderTypes,\n\tgetRecordingExtension,\n\tgetRecordingMimeType,\n\tgetSupportedMediaRecorderTypes,\n\tgetVideoFPS,\n\thandleScanTimeCapture,\n\thandleWebSocketCapture,\n} from \"../../utils/utils\";\nimport { posthogPublicHost, posthogPublicKey, videoConstraintsExact, videoConstraintsFallback, videoTypes, voiceOverAssetsPath } from \"../../utils/constants\";\nimport { getSwanService } from \"../../utils/service/swanService\";\nimport speechService from \"../../utils/service/speechService\";\nimport useFaceScan from \"../../customHooks/useFaceScan\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport LanguageContextProvider from \"../../utils/context/languageContext\";\nimport FaceScanStep from \"./FaceScanStep\";\nimport ParamsContext from \"../../utils/context/paramsContext\";\n\nexport const FaceScan: React.FC<FaceScanProps> = ({\n\tuserDetails,\n\ttoken,\n\tonScanSuccess,\n\tonScanError,\n\tonRetry,\n\tonScanStart,\n\tonUploadingStart,\n\tonUploadingEnd,\n\tonMeasurementSocketStart,\n\tonMeasurementSocketClose,\n\tconfig,\n\tisError,\n\tisSuccess,\n\tonUpload,\n}) => {\n\tconst webcamRef = useRef<HTMLVideoElement | null>(null);\n\tconst canvasRef = useRef<HTMLCanvasElement | null>(null);\n\tconst mediaRecorderRef = useRef<MediaRecorder | null>(null);\n\tconst recordedBlobsRef = useRef<Blob[] | null>([]);\n\tconst streamRef = useRef<MediaStream | null>(null);\n\tconst recordedFpsRef = useRef<number | null>(null);\n\tconst [showLoader, setShowLoader] = useState(false);\n\tconst [modelReady, setModelReady] = useState(false);\n\tconst [isScanning, setIsScanning] = useState(false);\n\tconst [showGuideCard, setShowGuideCard] = useState(true);\n\tconst [videoLoading, setVideoLoading] = useState(false);\n\tconst [videoError, setVideoError] = useState(false);\n\tconst [hasError, setHasError] = useState(false);\n\tconst [faceScanId, setFaceScanId] = useState(generateUuid());\n\tconst swan = useMemo(() => getSwanService(token), [token]);\n\tconst { email, gender, deviceFocalLength, shopDomain, callbackUrl } = userDetails;\n\tconst [supportedTypes, setSupportedTypes] = useState<string[]>([]);\n\tconst [currentVideoConstraints, setCurrentVideoConstraints] = useState<MediaTrackConstraints>(videoConstraintsExact);\n\tconst preferredVideoTypes = useMemo(() => getPreferredMediaRecorderTypes(), []);\n\tconst recordingMimeType = getRecordingMimeType(supportedTypes);\n\tconst recordingExtension = getRecordingExtension(recordingMimeType);\n\n\tconst stopRecording = useCallback(() => {\n\t\tconsole.log(\"Stopping recording...\");\n\t\tif (mediaRecorderRef.current && mediaRecorderRef.current.state === \"recording\") {\n\t\t\tmediaRecorderRef.current.stop();\n\t\t}\n\t\tmediaRecorderRef.current = null;\n\t}, []);\n\n\tconst uploadFinalVideo = async () => {\n\t\tif (recordedBlobsRef.current) {\n\t\t\tif (recordedBlobsRef.current.length === 0) {\n\t\t\t\tconsole.error(\"No video data recorded\");\n\t\t\t\tsetHasError(true);\n\t\t\t\tsetShowLoader(false);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonUploadingStart?.();\n\t\t\tonUpload?.();\n\t\t\tsetShowLoader(true);\n\t\t\tconst videoFile = new File(recordedBlobsRef.current, `${faceScanId}.${recordingExtension}`, {\n\t\t\t\ttype: recordingMimeType,\n\t\t\t});\n\t\t\t// Use FPS captured at recording time, fallback to calculation if not available\n\t\t\tconst videoFps = recordedFpsRef.current ?? (await getVideoFPS(videoFile));\n\n\t\t\tconst fileSize = videoFile.size;\n\t\t\tconst fileSizeMB = (fileSize / (1024 * 1024)).toFixed(2);\n\t\t\tconst estimatedDuration = Math.round(fileSize / 10000);\n\t\t\tconst videoData = {\n\t\t\t\tvideo_size_mb: parseFloat(fileSizeMB),\n\t\t\t\tvideo_size_bytes: fileSize,\n\t\t\t\tvideo_fps: videoFps || 0,\n\t\t\t\tblob_count: recordedBlobsRef.current.length,\n\t\t\t\testimated_duration_seconds: estimatedDuration,\n\t\t\t};\n\n\t\t\tconst metaData: any[] = [\n\t\t\t\t{ gender: gender },\n\t\t\t\t{ face_scan_id: faceScanId },\n\t\t\t\t{\n\t\t\t\t\tfocal_length: `${deviceFocalLength}`,\n\t\t\t\t},\n\t\t\t\t{ customer_store_url: shopDomain },\n\t\t\t\t{ scan_type: \"face_scan\" },\n\t\t\t];\n\t\t\tif (callbackUrl) {\n\t\t\t\tmetaData.push({ callback_url: callbackUrl });\n\t\t\t}\n\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/face_scan_meta_data`,\n\t\t\t\tfaceScanId,\n\t\t\t\temail,\n\t\t\t\tdata: JSON.stringify({ metaData, videoData }),\n\t\t\t});\n\n\t\t\tconst uploadStartTime = Date.now();\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/face_scan_upload_start`,\n\t\t\t\tfaceScanId,\n\t\t\t\temail,\n\t\t\t\tstartTime: uploadStartTime,\n\t\t\t});\n\n\t\t\ttry {\n\t\t\t\tconst res = await swan.fileUpload.faceScanFileUploader({\n\t\t\t\t\tfile: videoFile,\n\t\t\t\t\tarrayMetaData: metaData,\n\t\t\t\t\tobjectKey: faceScanId,\n\t\t\t\t\temail,\n\t\t\t\t\tcontentType: videoFile.type,\n\t\t\t\t});\n\n\t\t\t\tconst uploadEndTime = Date.now();\n\t\t\t\tconst uploadDuration = uploadEndTime - uploadStartTime;\n\n\t\t\t\thandleScanTimeCapture({\n\t\t\t\t\teventName: `${shopDomain}/face_scan_upload_complete`,\n\t\t\t\t\tfaceScanId,\n\t\t\t\t\temail,\n\t\t\t\t\tcompletionTime: uploadEndTime,\n\t\t\t\t\tuploadDuration,\n\t\t\t\t});\n\t\t\t\tonUploadingEnd?.();\n\t\t\t\tconsole.log(\"✅ Upload successful\", res);\n\t\t\t\tswan.measurement.handlFaceScaneSocket({\n\t\t\t\t\tonPreopen: () => {\n\t\t\t\t\t\tonMeasurementSocketStart?.();\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"pre_open\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\tfaceScanId,\n\t\t\t\t\tonOpen: () => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"open\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tconsole.log(\"websocket connect open\");\n\t\t\t\t\t},\n\t\t\t\t\tonError: (err) => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"error\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tonError(err);\n\t\t\t\t\t},\n\t\t\t\t\tonSuccess: (data) => {\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"success\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tonSuccess(data);\n\t\t\t\t\t},\n\t\t\t\t\tonClose: () => {\n\t\t\t\t\t\tonMeasurementSocketClose?.();\n\t\t\t\t\t\tconsole.log(\"websocket connect close\");\n\t\t\t\t\t\thandleWebSocketCapture({\n\t\t\t\t\t\t\teventName: `${shopDomain}/webSocket`,\n\t\t\t\t\t\t\tfaceScanID: faceScanId,\n\t\t\t\t\t\t\tconnection: \"close\",\n\t\t\t\t\t\t\ttype: \"faceScan_recommendation\",\n\t\t\t\t\t\t\temail,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t} catch (error) {\n\t\t\t\tonUploadingEnd?.();\n\t\t\t\tonError(error);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst startRecording = useCallback(() => {\n\t\tconst stream = webcamRef.current?.srcObject as MediaStream | null;\n\t\tif (!stream) return;\n\n\t\t// Create a canvas to normalize orientation\n\t\tconst videoTrack = stream.getVideoTracks()[0];\n\t\tconst settings = videoTrack.getSettings();\n\t\tconst defaultWidth = typeof currentVideoConstraints.width === \"number\" ? currentVideoConstraints.width : 720;\n\t\tconst defaultHeight = typeof currentVideoConstraints.height === \"number\" ? currentVideoConstraints.height : 1280;\n\t\tconst { width = defaultWidth, height = defaultHeight } = settings;\n\n\t\tconst canvas = document.createElement(\"canvas\");\n\t\tconst ctx = canvas.getContext(\"2d\");\n\n\t\t// Always force portrait (swap width/height if landscape)\n\t\tif (width > height) {\n\t\t\tcanvas.width = height;\n\t\t\tcanvas.height = width;\n\t\t} else {\n\t\t\tcanvas.width = width;\n\t\t\tcanvas.height = height;\n\t\t}\n\n\t\tconst videoEl = document.createElement(\"video\");\n\t\tvideoEl.srcObject = stream;\n\t\tvideoEl.muted = true;\n\t\tvideoEl.playsInline = true;\n\t\tvideoEl.play();\n\n\t\t// Draw video frames onto canvas\n\t\tconst drawFrame = () => {\n\t\t\t// Rotate if camera gives landscape frames\n\t\t\tif (width > height) {\n\t\t\t\tctx?.save();\n\t\t\t\tctx?.translate(canvas.width, 0);\n\t\t\t\tctx?.rotate(Math.PI / 2);\n\t\t\t\tctx?.drawImage(videoEl, 0, 0, height, width);\n\t\t\t\tctx?.restore();\n\t\t\t} else {\n\t\t\t\tctx?.drawImage(videoEl, 0, 0, width, height);\n\t\t\t}\n\t\t\trequestAnimationFrame(drawFrame);\n\t\t};\n\t\tdrawFrame();\n\n\t\tconst recordingFps = 30; // Canvas capture stream FPS\n\t\trecordedFpsRef.current = recordingFps; // Store FPS at recording time\n\t\tconst canvasStream = canvas.captureStream(recordingFps);\n\t\tconst mediaRecorderOptions: MediaRecorderOptions = {\n\t\t\tvideoBitsPerSecond: 1_500_000,\n\t\t};\n\t\tif (supportedTypes.length > 0) {\n\t\t\tmediaRecorderOptions.mimeType = supportedTypes[0];\n\t\t}\n\t\tlet mediaRecorder;\n\n\t\ttry {\n\t\t\tmediaRecorder = new MediaRecorder(canvasStream, mediaRecorderOptions);\n\t\t} catch (e) {\n\t\t\tconsole.error(\"MediaRecorder init failed:\", e);\n\t\t\tsetHasError(true);\n\t\t\tsetShowLoader(false);\n\t\t\treturn;\n\t\t}\n\n\t\trecordedBlobsRef.current = [];\n\t\tmediaRecorder.ondataavailable = (event) => {\n\t\t\tif (event?.data && event.data.size > 0 && recordedBlobsRef.current) {\n\t\t\t\trecordedBlobsRef.current.push(event.data);\n\t\t\t}\n\t\t};\n\t\tmediaRecorder.onstop = () => {\n\t\t\tconsole.log(\"Recording stopped, total blobs:\", recordedBlobsRef?.current?.length);\n\t\t\tuploadFinalVideo();\n\t\t};\n\n\t\tmediaRecorder.start(100); // 100ms chunks\n\t\tmediaRecorderRef.current = mediaRecorder;\n\t\tconsole.log(\"Recording started successfully (portrait normalized)\");\n\t}, [supportedTypes, uploadFinalVideo]);\n\n\tconst { faceScanDetector, scanStage, setScanStage, resetScan, isModelLoaded, startScanSequence } = useFaceScan({\n\t\tfaceScanId,\n\t\tshopDomain,\n\t\tonScanComplete: () => {\n\t\t\tstopRecording();\n\t\t},\n\t\tonModelReady: () => {\n\t\t\tsetModelReady(true);\n\t\t},\n\t\tonStartRecording: () => {\n\t\t\tconsole.log(\"Stage 0 completed - starting recording for stages 1-3\");\n\t\t\tstartRecording();\n\t\t},\n\t});\n\n\tconst startScan = useCallback(() => {\n\t\tif (!isModelLoaded) return;\n\t\tonScanStart?.();\n\t\tsetScanStage(0);\n\t\tspeechService.playAudio(`${voiceOverAssetsPath}face-scan-vos/Face-forward.mp3`);\n\t\tsetTimeout(() => {\n\t\t\tsetIsScanning(true);\n\t\t\tsetTimeout(() => {\n\t\t\t\tstartScanSequence();\n\t\t\t}, 200);\n\t\t}, 200);\n\t}, [setScanStage, setIsScanning, startScanSequence, isModelLoaded, onScanStart]);\n\n\tconst resetScanState = useCallback(() => {\n\t\tsetIsScanning(false);\n\t\tsetShowGuideCard(true);\n\t\tstopRecording();\n\t\tresetScan();\n\t\tonRetry?.();\n\t\trecordedBlobsRef.current = [];\n\t\trecordedFpsRef.current = null;\n\t\tif (mediaRecorderRef.current) {\n\t\t\tmediaRecorderRef.current = null;\n\t\t}\n\t\tsetHasError(false);\n\t\tsetScanStage(-1);\n\t\tsetFaceScanId(generateUuid());\n\t\tif (webcamRef.current && streamRef.current) {\n\t\t\twebcamRef.current.srcObject = streamRef.current;\n\t\t\tconsole.log(\"Camera stream restored after reset\");\n\t\t}\n\t}, [setScanStage, setIsScanning, setShowGuideCard, stopRecording, resetScan, setFaceScanId]);\n\n\tconst onError = (data: any) => {\n\t\tconsole.log(data, \"ws error\");\n\t\tonScanError?.(data);\n\t\tsetHasError(true);\n\t\tsetShowLoader(false);\n\t\tsetShowGuideCard(false);\n\t\thandleScanTimeCapture({\n\t\t\teventName: `${shopDomain}/faceScan`,\n\t\t\tfaceScanId,\n\t\t\tstatus: \"failed\",\n\t\t\temail,\n\t\t\tdata: JSON.stringify(data),\n\t\t});\n\t};\n\n\tconst onSuccess = (data: any) => {\n\t\tconsole.log(data, \"ws success\");\n\t\tif (data && data?.resultType === \"intermediate\") {\n\t\t\thandleScanTimeCapture({\n\t\t\t\teventName: `${shopDomain}/faceScan_success/intermediate`,\n\t\t\t\tfaceScanId,\n\t\t\t\tstatus: \"success\",\n\t\t\t\temail,\n\t\t\t\tdata: JSON.stringify(data),\n\t\t\t});\n\t\t}\n\t\tonScanSuccess?.(data);\n\t};\n\n\tuseEffect(() => {\n\t\tif (isError || isSuccess) return;\n\t\tif (navigator.mediaDevices.getUserMedia) {\n\t\t\tnavigator.mediaDevices\n\t\t\t\t.getUserMedia({ video: currentVideoConstraints })\n\t\t\t\t.then((stream) => {\n\t\t\t\t\tstreamRef.current = stream;\n\t\t\t\t\tif (webcamRef.current) {\n\t\t\t\t\t\twebcamRef.current.srcObject = stream;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch((err) => {\n\t\t\t\t\tconsole.error(\"Error accessing webcam:\", err);\n\t\t\t\t\tif (currentVideoConstraints === videoConstraintsExact) {\n\t\t\t\t\t\tsetCurrentVideoConstraints(videoConstraintsFallback);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tsetHasError(true);\n\t\t\t\t});\n\t\t}\n\t\treturn () => {\n\t\t\tif (streamRef.current) {\n\t\t\t\tstreamRef.current.getTracks().forEach((track) => track.stop());\n\t\t\t}\n\t\t};\n\t}, [isError, isSuccess, currentVideoConstraints]);\n\n\t// Face detection interval - only run when scanning is active\n\tuseEffect(() => {\n\t\tif (!modelReady || !isScanning) return;\n\t\tconst intervalId = setInterval(() => {\n\t\t\tfaceScanDetector(webcamRef, canvasRef);\n\t\t}, 500);\n\n\t\t// eslint-disable-next-line consistent-return\n\t\treturn () => clearInterval(intervalId);\n\t}, [faceScanDetector, modelReady, isScanning]);\n\n\tconst getButtonText = () => {\n\t\tif (isScanning) return LanguageKeys.reset;\n\t\tif (!isModelLoaded) return LanguageKeys.loading;\n\t\treturn LanguageKeys.start;\n\t};\n\n\tconsole.log(\"Model ready:\", modelReady, \"Has error:\", hasError, \"Is scanning:\", isScanning, \"showLoader\", showLoader);\n\tuseEffect(() => {\n\t\tconst supported = getSupportedMediaRecorderTypes(preferredVideoTypes, videoTypes);\n\t\tsetSupportedTypes(supported);\n\t}, [preferredVideoTypes]);\n\tuseEffect(() => {\n\t\tsetScanStage(-1);\n\t\tif (isError || isSuccess) return;\n\t}, [isError, isSuccess]);\n\n\tuseEffect(() => {\n\t\tposthog.init(posthogPublicKey, { api_host: posthogPublicHost });\n\t\tposthog.capture(\"$pageview\");\n\t}, []);\n\n\treturn (\n\t\t<LanguageContextProvider>\n\t\t\t<ParamsContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\tisError,\n\t\t\t\t\tisSuccess,\n\t\t\t\t\tshowLoader,\n\t\t\t\t\thasError,\n\t\t\t\t\tresetScanState,\n\t\t\t\t\tshowGuideCard,\n\t\t\t\t\tscanStage,\n\t\t\t\t\tvideoLoading,\n\t\t\t\t\tsetVideoLoading,\n\t\t\t\t\tvideoError,\n\t\t\t\t\tsetVideoError,\n\t\t\t\t\tgender,\n\t\t\t\t\tgetButtonText,\n\t\t\t\t\tisScanning,\n\t\t\t\t\tstartScan,\n\t\t\t\t\tisModelLoaded,\n\t\t\t\t\tconfig,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<FaceScanStep webcamRef={webcamRef} canvasRef={canvasRef} />\n\t\t\t</ParamsContext.Provider>\n\t\t</LanguageContextProvider>\n\t);\n};\n"],"names":["preloadedDetector","isPreloading","useFaceScan","faceScanId","onValidPose","onScanComplete","onModelReady","onStartRecording","shopDomain","detectorRef","useRef","scanStage","setScanStage","useState","consecutiveValid","setConsecutiveValid","isModelLoaded","setIsModelLoaded","isScanningActive","setIsScanningActive","utteranceRef","scanStageRef","consecutiveValidRef","validityBufferRef","lastSpokenMessageRef","lastSpokenTimeRef","voiceEnabledRef","lastPoseTrackingTimeRef","isIOS","navigator","test","userAgent","platform","maxTouchPoints","directionMessages","useMemo","debouncedTrackPoseDetection","fn","delay","timer","args","clearTimeout","setTimeout","debounce","payload","posthog","capture","trackPoseDetection","useCallback","faceKeypoints","bodyKeypoints","stage","headValid","bodyInvalid","consecutiveValidCount","now","Date","current","nose","leftEye","rightEye","leftMouth","rightMouth","faceKeypointScores","map","kp","filter","score","avgFaceScore","length","reduce","a","b","bodyKeypointScores","avgBodyScore","eyeDistance","Math","abs","noseToRight","noseToLeft","expectedPosition","timestamp","toISOString","data","JSON","stringify","parseFloat","toFixed","faceKeypointsDetected","bodyKeypointsDetected","noseToRightRatio","noseToLeftRatio","noseScore","leftEyeScore","rightEyeScore","leftMouthScore","rightMouthScore","error","console","warn","startScanSequence","stageName","initializeModels","async","window","log","detector","Promise","r","tf","poseDetection","all","import","setBackend","ready","createDetector","SupportedModels","BlazePose","runtime","modelType","dummyCanvas","document","createElement","width","videoConstraints","height","ctx","getContext","fillStyle","fillRect","estimatePoses","e","err","preloadDetector","useEffect","disposeModelAndTf","faceScanDetector","webcamRef","canvasRef","readyState","poses","keypoints","forEach","landmark","idx","point","x","y","push","clearRect","progress","min","radius","beginPath","strokeStyle","lineWidth","arc","PI","stroke","eyesToMouthVerticalDistance","faceTiltedness","faceIsTilted","faceIsVertical","frontalFace","fullLeft","fullRight","isHeadInPosition","slice","p","shift","Boolean","nextValid","max","nextStage","speechService","playAudio","voiceOverAssetsPath","completedStage","totalStages","nextSound","resetScan","speechSynthesis","cancel","enableVoiceCommands","silentUtterance","SpeechSynthesisUtterance","volume","speak","FaceScanErrorScreen","resetScanState","loading","config","translate","useContext","LanguageContext","_jsx","className","style","background","base","backgroundColor","children","_jsxs","Header","noTitle","resolvedConfig","fontFamily","heading","headingFontFamily","fontSize","headingFontSize","color","headingColor","fontWeight","headingFontWeight","LanguageKeys","scanFailed","subheading","subheadingFontFamily","subheadingFontSize","subheadingColor","subheadingFontWeight","clickToResetScan","SpecificButton","disabled","buttonText","postfixIcon","ArrowRight","buttonFunc","FaceScanGuide","videoLoading","setVideoLoading","videoError","setVideoError","gender","btnConfig","faceVisible","loadingVideo","videoLoadFailed","src","GenderType","Male","maleGlassesOffVideo","glassesOffVideo","autoPlay","loop","controls","muted","playsInline","onCanPlay","onLoadStart","onError","isDisabled","label","icon","onClick","FACE_SCAN_HEADSHOT","male","forward","female","type","left","right","smile","FaceScanStep","isError","isSuccess","showLoader","hasError","showGuideCard","getButtonText","isScanning","startScan","ParamsContext","useLocalConfig","setPreferredLanguage","language","LoadingScreen","url","loader","loaderType","_Fragment","id","crossOrigin","preload","position","zIndex","undefined","ref","ideal","transform","opacity","Drawer","open","anchor","onClose","event","reason","hideBackdrop","userDetails","token","onScanSuccess","onScanError","onRetry","onScanStart","onUploadingStart","onUploadingEnd","onMeasurementSocketStart","onMeasurementSocketClose","onUpload","mediaRecorderRef","recordedBlobsRef","streamRef","recordedFpsRef","setShowLoader","modelReady","setModelReady","setIsScanning","setShowGuideCard","setHasError","setFaceScanId","generateUuid","swan","getSwanService","email","deviceFocalLength","callbackUrl","supportedTypes","setSupportedTypes","currentVideoConstraints","setCurrentVideoConstraints","videoConstraintsExact","preferredVideoTypes","getPreferredMediaRecorderTypes","recordingMimeType","getRecordingMimeType","recordingExtension","getRecordingExtension","stopRecording","state","stop","uploadFinalVideo","videoFile","File","videoFps","getVideoFPS","fileSize","size","fileSizeMB","estimatedDuration","round","videoData","video_size_mb","video_size_bytes","video_fps","blob_count","estimated_duration_seconds","metaData","face_scan_id","focal_length","customer_store_url","scan_type","callback_url","handleScanTimeCapture","eventName","uploadStartTime","startTime","res","fileUpload","faceScanFileUploader","file","arrayMetaData","objectKey","contentType","uploadEndTime","uploadDuration","completionTime","measurement","handlFaceScaneSocket","onPreopen","handleWebSocketCapture","faceScanID","connection","onOpen","onSuccess","startRecording","stream","srcObject","settings","getVideoTracks","getSettings","defaultWidth","defaultHeight","canvas","videoEl","play","drawFrame","save","rotate","drawImage","restore","requestAnimationFrame","canvasStream","captureStream","mediaRecorderOptions","videoBitsPerSecond","mediaRecorder","mimeType","MediaRecorder","ondataavailable","onstop","start","status","resultType","mediaDevices","getUserMedia","video","then","catch","videoConstraintsFallback","getTracks","track","intervalId","setInterval","clearInterval","supported","getSupportedMediaRecorderTypes","videoTypes","init","posthogPublicKey","api_host","posthogPublicHost","LanguageContextProvider","Provider","value","reset"],"mappings":"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"}

package/dist/FaceScan-DmjXFO5E.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("./LoadingScreen-C0x3_zHI.js"),n=require("lucide-react"),o=require("@mui/material");let s=null,r=!1;function c({faceScanId:e,onValidPose:n,onScanComplete:o,onModelReady:c,onStartRecording:i,shopDomain:l}){const d=t.useRef(null),[u,f]=t.useState(0),[g,h]=t.useState(0),[m,p]=t.useState(!1),[S,y]=t.useState(!1),x=t.useRef(null),v=t.useRef(u),b=t.useRef(g),w=t.useRef([]),C=t.useRef(""),F=t.useRef(0),j=t.useRef(!1),_=t.useRef(0),N="undefined"!=typeof navigator&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1),E=t.useMemo(()=>["Face front","Turn head fully left","Turn head fully right","Smile facing front"],[]),k=t.useMemo(()=>function(e,t){let a;return(...n)=>{a&&clearTimeout(a),a=setTimeout(()=>e(...n),t)}}(e=>{a.posthog.capture(`${l}/face_scan_pose_detection`,e)},4e3),[l]),T=t.useCallback((t,a,n,o,s,r)=>{const c=Date.now();if(!(c-_.current<4e3)){_.current=c;try{const c=t[0]||[0,0,0],i=t[2]||[0,0,0],l=t[5]||[0,0,0],d=t[9]||[0,0,0],u=t[10]||[0,0,0],f=t.map(e=>e[2]).filter(e=>e>0),g=f.length>0?f.reduce((e,t)=>e+t,0)/f.length:0,h=a.map(e=>e[2]).filter(e=>e>0),m=h.length>0?h.reduce((e,t)=>e+t,0)/h.length:0,p=Math.abs(i[0]-l[0]),S=c[0]-l[0],y=i[0]-c[0];let x="frontal";1===n?x="left":2===n?x="right":3===n&&(x="frontal_smile");const v={faceScanId:e,stage:n,timestamp:(new Date).toISOString(),data:JSON.stringify({headValid:o,bodyInvalid:s,consecutiveValid:r,avgFaceScore:parseFloat(g.toFixed(3)),avgBodyScore:parseFloat(m.toFixed(3)),faceKeypointsDetected:f.length,bodyKeypointsDetected:h.length,eyeDistance:parseFloat(p.toFixed(2)),noseToRightRatio:parseFloat((S/p).toFixed(3)),noseToLeftRatio:parseFloat((y/p).toFixed(3)),noseScore:parseFloat(c[2].toFixed(3)),leftEyeScore:parseFloat(i[2].toFixed(3)),rightEyeScore:parseFloat(l[2].toFixed(3)),leftMouthScore:parseFloat(d[2].toFixed(3)),rightMouthScore:parseFloat(u[2].toFixed(3)),expectedPosition:x})};k(v)}catch(e){console.warn("Failed to track pose detection:",e)}}},[e,k]),I=()=>{a.posthog.capture(`${l}/face_scan_detection_started`,{faceScanId:e,stage:v.current,timestamp:(new Date).toISOString(),stageName:E[v.current]}),setTimeout(()=>{y(!0)},1500)},R=async()=>{if("undefined"!=typeof window)try{console.log("Initializing Face Scan...");const e=await(async()=>{if("undefined"==typeof window)return null;if(s)return s;if(r)for(;r;)if(await new Promise(e=>setTimeout(e,100)),s)return s;r=!0;try{const[e,t]=await Promise.all([import("@tensorflow/tfjs"),Promise.resolve().then(function(){return require("./pose-detection.esm-BaWguRmj.js")})]);await e.setBackend("webgl"),await e.ready();const n=await t.createDetector(t.SupportedModels.BlazePose,{runtime:"tfjs",modelType:"full"}),o=document.createElement("canvas");o.width="number"==typeof a.videoConstraints.width?a.videoConstraints.width:a.videoConstraints.width.ideal??a.videoConstraints.width.max??1280,o.height="number"==typeof a.videoConstraints.height?a.videoConstraints.height:a.videoConstraints.height.ideal??a.videoConstraints.height.max??720;const r=o.getContext("2d");if(r){r.fillStyle="black",r.fillRect(0,0,o.width,o.height);try{await n.estimatePoses(o)}catch(e){console.warn("Warmup frame failed (non-fatal):",e)}}return s=n,n}catch(e){return console.error("Failed to preload detector:",e),null}finally{r=!1}})();e&&(d.current=e,console.log("Face scan model loaded successfully"),p(!0),c?.())}catch(e){console.error("Error initializing face scan:",e)}};return t.useEffect(()=>(R(),()=>{(async()=>{try{p(!1)}catch(e){console.error("Error disposing resources:",e)}finally{f(0),h(0),v.current=0,b.current=0,w.current=[]}})()}),[]),t.useEffect(()=>{v.current=u},[u]),t.useEffect(()=>{b.current=g},[g]),{faceScanDetector:async(t,s)=>{if(d.current&&t.current&&m&&S&&!(t.current.readyState<2))try{const r=await d.current.estimatePoses(t.current);if(r.length>0){const t=[],c=[];if(r[0].keypoints.forEach((e,a)=>{const n=e.score??0,o=[e.x??-1,e.y??-1,n];a<=10?t.push(o):c.push(o)}),s?.current){const e=s.current.getContext("2d"),{width:t,height:a}=s.current;if(e){e.clearRect(0,0,t,a);const n=Math.min(b.current/2,1),o=.35*a;e.beginPath(),e.strokeStyle="#00ff00",e.lineWidth=6,e.arc(t/2,a/2,o+10,-Math.PI/2,-Math.PI/2+2*n*Math.PI),e.stroke()}}const d=((e,t)=>{if(!t[0]||!t[2]||!t[5]||t[0][2]<.2||t[2][2]<.2||t[5][2]<.2)return!1;const a=.5*(t[10][1]+t[9][1])-.5*(t[5][1]+t[2][1]),n=(.5*(t[10][1]+t[9][1])-t[0][1])/a,o=n>.7||n<.3,s=Math.abs(t[2][1]-t[5][1])<.5*a&&Math.abs(t[9][1]-t[10][1])<.5*a,r=t[2][0]-t[5][0],c=t[0][0]-t[5][0],i=c>.4*r&&c<.6*r,l=c>.85*r,d=t[2][0]-t[0][0]>.85*r;switch(e){case 0:case 3:return!o&&s&&i;case 1:return!o&&s&&l;case 2:return!o&&s&&d;default:return!1}})(v.current,t),u=c.slice(2).filter(e=>e[2]>.7).length<=2;w.current.push(d&&u),w.current.length>10&&w.current.shift();if(w.current.filter(Boolean).length>=2){const e=b.current+1;h(e)}else h(Math.max(0,b.current-1));if(b.current>=2){n?.();const t=v.current+1;h(0),w.current=[],f(t),y(!1),(async()=>{if(await a.speechService.playAudio(`${a.voiceOverAssetsPath}face-scan-vos/Sound-effect.mp3`),a.posthog.capture(`${l}/face_scan_detection_stage_completed`,{faceScanId:e,completedStage:v.current,nextStage:t,timestamp:(new Date).toISOString(),totalStages:4,stageName:E[v.current]}),1===t&&i&&i(),t>=4)o?.();else{let e=null;switch(t){case 1:e="Left.mp3";break;case 2:e="Right.mp3";break;case 3:e="Smile.mp3"}e&&await a.speechService.playAudio(`${a.voiceOverAssetsPath}face-scan-vos/${e}`),I()}})()}T(t,c,v.current,d,u,b.current)}}catch(e){console.error("Pose detection error:",e)}},scanStage:u,setScanStage:f,consecutiveValid:g,isModelLoaded:m,resetScan:()=>{a.posthog.capture(`${l}/face_scan_reset`,{faceScanId:e,stage:v.current,timestamp:(new Date).toISOString(),stageName:E[v.current],consecutiveValid:b.current}),f(0),h(0),y(!1),v.current=0,b.current=0,w.current=[],C.current="",F.current=0,j.current=!1,x.current&&(speechSynthesis.cancel(),x.current=null)},enableVoiceCommands:()=>{if(j.current=!0,"undefined"!=typeof window&&N&&"speechSynthesis"in window){const e=new SpeechSynthesisUtterance("");e.volume=0,speechSynthesis.speak(e)}},startScanSequence:I,isScanningActive:S}}function i({resetScanState:o,loading:s}){const{translate:r}=t.useContext(a.LanguageContext)||{},c=a.useConfig();return e.jsx("div",{className:"fixed  top-[0] left-[0] z-[999]  flex justify-center items-center w-full h-full",style:{background:c?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"flex flex-col w-full items-center p-[1rem] rounded-lg  ",children:[e.jsx(a.Header,{noTitle:!0}),e.jsxs("div",{className:"flex flex-col items-center w-full",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-800 ",style:{fontFamily:c?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:c?.style?.heading?.headingFontSize||"32px",color:c?.style?.heading?.headingColor||"#000",fontWeight:c?.style?.heading?.headingFontWeight||"normal"},children:r?.(a.LanguageKeys.scanFailed)}),e.jsx("p",{className:"mb-[1.5rem]",style:{fontFamily:c?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:c?.style?.subheading?.subheadingFontSize||"14px",color:c?.style?.subheading?.subheadingColor||"#4b5563",fontWeight:c?.style?.subheading?.subheadingFontWeight||"normal"},children:r?.(a.LanguageKeys.clickToResetScan)}),e.jsx(a.SpecificButton,{disabled:s,className:"w-full h-[45px] shadow-[0px_1px_2px_0px_#00000040] text-[16px]",buttonText:r?.(a.LanguageKeys.resetScan),postfixIcon:e.jsx(n.ArrowRight,{}),buttonFunc:()=>o?.()})]})]})})}function l({stage:n,videoLoading:o,setVideoLoading:s,videoError:r,setVideoError:c,gender:i,btnConfig:l}){const{translate:d}=t.useContext(a.LanguageContext)||{},u=a.useConfig();return-1===n?e.jsxs("div",{className:"text-center  p-[16px] w-full h-full",style:{background:u?.style?.base?.backgroundColor},children:[e.jsxs("div",{className:"w-full",children:[e.jsx(a.Header,{noTitle:!0}),e.jsx("h2",{style:{fontFamily:u?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:u?.style?.heading?.headingFontSize||"32px",color:u?.style?.heading?.headingColor||"#000",fontWeight:u?.style?.heading?.headingFontWeight||"normal"},children:d?.(a.LanguageKeys.faceVisible)}),o&&e.jsx("div",{className:"mb-4 flex items-center justify-center",style:{fontFamily:u?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:u?.style?.subheading?.subheadingFontSize||"14px",color:u?.style?.subheading?.subheadingColor||"#4b5563",fontWeight:u?.style?.subheading?.subheadingFontWeight||"normal"},children:d?.(a.LanguageKeys.loadingVideo)}),r&&e.jsx("div",{className:"mb-4 text-red-600",style:{fontFamily:u?.style?.subheading?.subheadingFontFamily||"'Inter', sans-serif",fontSize:u?.style?.subheading?.subheadingFontSize||"14px",color:"#ff0000",fontWeight:u?.style?.subheading?.subheadingFontWeight||"normal"},children:d?.(a.LanguageKeys.videoLoadFailed)}),!r&&e.jsx("div",{className:" w-[100px] mx-auto",children:e.jsx("video",{src:i===a.GenderType.Male?a.maleGlassesOffVideo:a.glassesOffVideo,autoPlay:!0,loop:!0,controls:!1,muted:!0,playsInline:!0,className:"h-full w-full object-contain border-none",onCanPlay:()=>s(!1),onLoadStart:()=>s(!0),onError:()=>c(!0),"aria-label":"Instructional video: Please remove your glasses before starting the scan."})})]}),e.jsx("div",{className:"flex justify-center w-full  p-[1rem]",children:e.jsx(a.SpecificButton,{disabled:l.isDisabled,className:"!w-[60px] !h-[35px] !py-0 !px-0",buttonText:d?.(l.label),postfixIcon:l?.icon,buttonFunc:l.onClick})})]}):e.jsx("div",{className:"text-center  p-[16px] w-full h-full",style:{background:u?.style?.base?.backgroundColor},children:e.jsxs("div",{className:"w-full",children:[e.jsx(a.Header,{noTitle:!0}),e.jsx("h3",{className:"mb-[0.5rem]",style:{fontFamily:u?.style?.heading?.headingFontFamily||"SeriouslyNostalgic Fn",fontSize:u?.style?.heading?.headingFontSize||"32px",color:u?.style?.heading?.headingColor||"#000",fontWeight:u?.style?.heading?.headingFontWeight||"normal"},children:d?.(a.directionMessages[n])}),e.jsxs("div",{className:"max-w-[400px] justify-center gap-1 mx-auto flex items-center",children:[e.jsx("div",{className:` w-[120px] overflow-hidden ${0===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.forward:a.FACE_SCAN_HEADSHOT.female.forward,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${1===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.left:a.FACE_SCAN_HEADSHOT.female.left,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${2===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.right:a.FACE_SCAN_HEADSHOT.female.right,type:"video/mp4"})})}),e.jsx("div",{className:` w-[120px] overflow-hidden ${3===n?"opacity-100":"opacity-0 hidden"} `,children:e.jsx("video",{className:"h-full w-full object-contain border-none",muted:!0,loop:!0,autoPlay:!0,playsInline:!0,children:e.jsx("source",{src:i===a.GenderType.Male?a.FACE_SCAN_HEADSHOT.male.smile:a.FACE_SCAN_HEADSHOT.female.smile,type:"video/mp4"})})})]})]})})}const d=({webcamRef:s,canvasRef:r})=>{const{isError:c,isSuccess:d,showLoader:u,hasError:f,resetScanState:g,showGuideCard:h,scanStage:m,videoLoading:p,setVideoLoading:S,videoError:y,setVideoError:x,gender:v,getButtonText:b,isScanning:w,startScan:C,isModelLoaded:F,onRetry:j}=t.useContext(a.ParamsContext),_=a.useConfig();return c?e.jsx(i,{resetScanState:j}):d?e.jsx("div",{className:"fixed z-[9]  w-full h-full",style:{background:_?.style?.base?.backgroundColor},children:e.jsx(a.LoadingScreen,{url:_?.loader,loaderType:"black"})}):e.jsxs(e.Fragment,{children:[e.jsx("audio",{id:"audioElement",crossOrigin:"anonymous",preload:"auto",style:{position:"absolute",zIndex:-99999},src:void 0}),u&&!f&&e.jsx("div",{className:"fixed z-[9]  w-full h-full",style:{background:_?.style?.base?.backgroundColor},children:e.jsx(a.LoadingScreen,{url:_?.loader,loaderType:"black"})}),e.jsx("div",{className:"h-full flex-col relative w-full flex justify-center items-center text-center  rounded-t-[20px]",style:{background:_?.style?.base?.backgroundColor},children:e.jsx("div",{className:"flex-1 w-full max-w-md overflow-hidden",children:e.jsxs("div",{className:"w-full h-full",children:[e.jsx("video",{ref:s,autoPlay:!0,playsInline:!0,muted:!0,width:a.videoConstraints.width.ideal,height:a.videoConstraints.height.ideal,className:"w-full h-full object-cover fixed left-0 top-0 z-0",style:{transform:"scaleX(-1)"}}),e.jsx("canvas",{ref:r,width:a.videoConstraints.width.ideal,height:a.videoConstraints.height.ideal,style:{transform:"scaleX(-1)",opacity:"0"}})]})})}),!u&&f&&e.jsx(i,{loading:u,resetScanState:g}),h&&!f&&!u&&e.jsx(o.Drawer,{open:!0,className:"face-scan-small camera-draw",anchor:"bottom",onClose:(e,t)=>{},hideBackdrop:!0,children:e.jsx(l,{stage:m,videoLoading:p,setVideoLoading:S,videoError:y,setVideoError:x,gender:v,btnConfig:{label:b(),onClick:w?g:C,isDisabled:u||!F,icon:w?e.jsx(n.ArrowRight,{}):e.jsx(e.Fragment,{})}})})]})};exports.FaceScan=n=>{const{onScanSuccess:o,onScanError:s,onRetry:r,onScanStart:i,onUploadingStart:l,onUploadingEnd:u,onMeasurementSocketStart:f,onMeasurementSocketClose:g,config:h,isError:m,isSuccess:p}=n,S=n.userDetails??{email:"",gender:"male",deviceFocalLength:0,shopDomain:""},y=n.token??"",x=t.useRef(null),v=t.useRef(null),b=t.useRef(null),w=t.useRef([]),C=t.useRef(null),F=t.useRef(null),[j,_]=t.useState(!1),[N,E]=t.useState(!1),[k,T]=t.useState(!1),[I,R]=t.useState(!0),[M,D]=t.useState(!1),[P,L]=t.useState(!1),[A,O]=t.useState(!1),[z,$]=t.useState(a.generateUuid()),H=t.useMemo(()=>a.getSwanService(y),[y]),{email:V,gender:W,deviceFocalLength:K,shopDomain:U,callbackUrl:B}=S,[q,G]=t.useState([]),[J,X]=t.useState(a.videoConstraintsExact),Q=t.useMemo(()=>a.getPreferredMediaRecorderTypes(),[]),Y=a.getRecordingMimeType(q),Z=a.getRecordingExtension(Y);a.usePosthogPageview();const ee=t.useCallback(()=>{console.log("Stopping recording..."),b.current&&"recording"===b.current.state&&b.current.stop(),b.current=null},[]),te=async()=>{if(w.current){if(0===w.current.length)return console.error("No video data recorded"),O(!0),void _(!1);l?.(),_(!0);const e=new File(w.current,`${z}.${Z}`,{type:Y}),t=F.current??await a.getVideoFPS(e),n=e.size,o=(n/1048576).toFixed(2),s=Math.round(n/1e4),r={video_size_mb:parseFloat(o),video_size_bytes:n,video_fps:t||0,blob_count:w.current.length,estimated_duration_seconds:s},c=[{gender:W},{face_scan_id:z},{focal_length:`${K}`},{customer_store_url:U},{scan_type:"face_scan"}];B&&c.push({callback_url:B}),a.handleScanTimeCapture({eventName:`${U}/face_scan_meta_data`,faceScanId:z,email:V,data:JSON.stringify({metaData:c,videoData:r})});const i=Date.now();a.handleScanTimeCapture({eventName:`${U}/face_scan_upload_start`,faceScanId:z,email:V,startTime:i});try{const t=await H.fileUpload.faceScanFileUploader({file:e,arrayMetaData:c,objectKey:z,email:V,contentType:e.type}),n=Date.now(),o=n-i;a.handleScanTimeCapture({eventName:`${U}/face_scan_upload_complete`,faceScanId:z,email:V,completionTime:n,uploadDuration:o}),u?.(),console.log("✅ Upload successful",t),H.measurement.handlFaceScaneSocket({onPreopen:()=>{f?.(),a.handleWebSocketCapture({eventName:`${U}/webSocket`,faceScanID:z,connection:"pre_open",type:"faceScan_recommendation",email:V})},faceScanId:z,onOpen:()=>{a.handleWebSocketCapture({eventName:`${U}/webSocket`,faceScanID:z,connection:"open",type:"faceScan_recommendation",email:V}),console.log("websocket connect open")},onError:e=>{a.handleWebSocketCapture({eventName:`${U}/webSocket`,faceScanID:z,connection:"error",type:"faceScan_recommendation",email:V}),ue(e)},onSuccess:e=>{a.handleWebSocketCapture({eventName:`${U}/webSocket`,faceScanID:z,connection:"success",type:"faceScan_recommendation",email:V}),fe(e)},onClose:()=>{g?.(),console.log("websocket connect close"),a.handleWebSocketCapture({eventName:`${U}/webSocket`,faceScanID:z,connection:"close",type:"faceScan_recommendation",email:V})}})}catch(e){u?.(),ue(e)}}},ae=t.useCallback(()=>{const e=x.current?.srcObject;if(!e)return;const t=e.getVideoTracks()[0].getSettings(),{width:a=1280,height:n=720}=t,o=document.createElement("canvas"),s=o.getContext("2d");a>n?(o.width=n,o.height=a):(o.width=a,o.height=n);const r=document.createElement("video");r.srcObject=e,r.muted=!0,r.playsInline=!0,r.play();const c=()=>{a>n?(s?.save(),s?.translate(o.width,0),s?.rotate(Math.PI/2),s?.drawImage(r,0,0,n,a),s?.restore()):s?.drawImage(r,0,0,a,n),requestAnimationFrame(c)};c();const i=t.frameRate??10;F.current=i;const l=o.captureStream(i),d={videoBitsPerSecond:15e5};let u;q.length>0&&(d.mimeType=q[0]);try{u=new MediaRecorder(l,d)}catch(e){return console.error("MediaRecorder init failed:",e),O(!0),void _(!1)}w.current=[],u.ondataavailable=e=>{e?.data&&e.data.size>0&&w.current&&w.current.push(e.data)},u.onstop=()=>{console.log("Recording stopped, total blobs:",w?.current?.length),te()},u.start(100),b.current=u,console.log("Recording started successfully (portrait normalized)")},[q,te]),{faceScanDetector:ne,scanStage:oe,setScanStage:se,resetScan:re,isModelLoaded:ce,startScanSequence:ie}=c({faceScanId:z,shopDomain:U,onScanComplete:()=>{ee()},onModelReady:()=>{E(!0)},onStartRecording:()=>{console.log("Stage 0 completed - starting recording for stages 1-3"),ae()}}),le=t.useCallback(()=>{ce&&(i?.(),se(0),a.speechService.playAudio(`${a.voiceOverAssetsPath}face-scan-vos/Face-forward.mp3`),setTimeout(()=>{T(!0),setTimeout(()=>{ie()},200)},200))},[se,T,ie,ce,i]),de=t.useCallback(()=>{T(!1),R(!0),ee(),re(),r?.(),w.current=[],F.current=null,b.current&&(b.current=null),O(!1),se(-1),$(a.generateUuid()),x.current&&C.current&&(x.current.srcObject=C.current,console.log("Camera stream restored after reset"))},[se,T,R,ee,re,$]),ue=e=>{console.log(e,"ws error"),s?.(e),O(!0),_(!1),R(!1),a.handleScanTimeCapture({eventName:`${U}/faceScan`,faceScanId:z,status:"failed",email:V,data:JSON.stringify(e)})},fe=e=>{console.log(e,"ws success"),e&&"intermediate"===e?.resultType&&a.handleScanTimeCapture({eventName:`${U}/faceScan_success/intermediate`,faceScanId:z,status:"success",email:V,data:JSON.stringify(e)}),o?.(e)};t.useEffect(()=>{if(!m&&!p)return navigator.mediaDevices.getUserMedia&&navigator.mediaDevices.getUserMedia({video:J}).then(e=>{C.current=e,x.current&&(x.current.srcObject=e)}).catch(e=>{console.error("Error accessing webcam:",e),J!==a.videoConstraintsExact?O(!0):X(a.videoConstraintsFallback)}),()=>{C.current&&C.current.getTracks().forEach(e=>e.stop())}},[m,p,J]),t.useEffect(()=>{if(!N||!k)return;const e=setInterval(()=>{ne(x,v)},500);return()=>clearInterval(e)},[ne,N,k]);return console.log("Model ready:",N,"Has error:",A,"Is scanning:",k,"showLoader",j),t.useEffect(()=>{const e=a.getSupportedMediaRecorderTypes(Q,a.videoTypes);G(e)},[Q]),t.useEffect(()=>{se(-1)},[]),e.jsx(a.LanguageContextProvider,{children:e.jsx(a.ConfigProvider,{config:h,children:e.jsx(a.ParamsContext.Provider,{value:{isError:m,isSuccess:p,showLoader:j,hasError:A,resetScanState:de,showGuideCard:I,scanStage:oe,videoLoading:M,setVideoLoading:D,videoError:P,setVideoError:L,gender:W,getButtonText:()=>k?a.LanguageKeys.reset:ce?a.LanguageKeys.start:a.LanguageKeys.loading,isScanning:k,startScan:le,isModelLoaded:ce,onRetry:r},children:e.jsx(d,{webcamRef:x,canvasRef:v})})})})};
+//# sourceMappingURL=FaceScan-DmjXFO5E.js.map