@swan-admin/swan-web-component 1.0.86 → 1.0.87

package/dist/BodyScan-C_rKR94B.js.map

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

package/dist/FaceScan-CMbTqaDD.js

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

package/dist/FaceScan-CMbTqaDD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FaceScan-CMbTqaDD.js","sources":["../src/components/faceScan/FaceScanGuide.tsx","../src/components/faceScan/FaceScanErrorScreen.tsx","../src/customHooks/useFaceScan.ts","../src/components/faceScan/FaceScan.tsx"],"sourcesContent":["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 { 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,preferredLanguage } = useContext(LanguageContext) || {};\nconsole.log(preferredLanguage,\"preferredLanguage\");\n\nconsole.log(translate?.(LanguageKeys.scanFailed),\"translate\");\n\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 {\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 type * as tf from \"@tensorflow/tfjs\";\n\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;","\"use client\";\nimport { useEffect, useRef, useState, useCallback, useContext } from \"react\";\nimport { ArrowRight } from \"lucide-react\";\nimport { Drawer } from \"@mui/material\";\nimport FaceScanGuide from \"./FaceScanGuide\";\nimport FaceScanErrorScreen from \"./FaceScanErrorScreen\";\nimport posthog from \"posthog-js\";\nimport { FaceScanProps } from \"../../types/interfaces\";\nimport { generateUuid, handleScanTimeCapture, handleWebSocketCapture } from \"../../utils/utils\";\nimport { useLocalConfig } from \"../../config/useLocalConfig\";\nimport { posthogPublicHost, posthogPublicKey, videoConstraints, videoTypes, voiceOverAssetsPath } from \"../../utils/constants\";\nimport swan from \"../../utils/service/swanService\";\nimport speechService from \"../../utils/service/speechService\";\nimport useFaceScan from \"../../customHooks/useFaceScan\";\nimport LoadingScreen from \"../LoadingScreen\";\nimport { LanguageKeys } from \"../../utils/languageKeys\";\nimport LanguageContextProvider, { LanguageContext } from \"../../utils/context/languageContext\";\n\nexport const FaceScan: React.FC<FaceScanProps> = ({ userDetails, onComplete, onScanError, onRetry, config, isError, isSuccess }) => {\n\tconsole.log(config?.language,\"config\");\n\t\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 [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 resolvedConfig = useLocalConfig(config);\n\tconst { email, gender, deviceFocalLength, shopDomain, callbackUrl } = userDetails;\n\tconst [supportedTypes, setSupportedTypes] = useState<string[]>([]);\n\t// const supportedTypes = useMemo(() => videoTypes.filter((type) => MediaRecorder.isTypeSupported(type)), []);\n\tconst { setPreferredLanguage } = useContext(LanguageContext) || {};\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\tsetShowLoader(true);\n\t\tconsole.log(\"upload final video\");\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\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst videoFile = new File(recordedBlobsRef.current, `${faceScanId}.webm`, {\n\t\t\t\ttype: \"video/webm\",\n\t\t\t});\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\tblob_count: recordedBlobsRef.current.length,\n\t\t\t\testimated_duration_seconds: estimatedDuration,\n\t\t\t};\n\n\t\t\tconst metaData = [\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\t{ callback_url: callbackUrl },\n\t\t\t];\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\tobjectKey: faceScanId,\n\t\t\t\t\temail,\n\t\t\t\t\tarrayMetaData: metaData,\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\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\tconsole.log(\"Starting recording for stages 1-3...\");\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 { width = videoConstraints.width, height = videoConstraints.height } = 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 canvasStream = canvas.captureStream(30); // 30fps\n\t\tconst mediaRecorderOptions = supportedTypes.length > 0 ? { mimeType: supportedTypes[0] } : {};\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\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\tonComplete?.(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: videoConstraints })\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\tconsole.log(\"Webcam initialized\");\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch((err) => console.error(\"Error accessing webcam:\", err));\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]);\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\tif (typeof MediaRecorder !== \"undefined\") {\n\t\t\tconst supported = videoTypes.filter((type) => MediaRecorder.isTypeSupported(type));\n\t\t\tsetSupportedTypes(supported);\n\t\t}\n\t}, []);\n\tuseEffect(() => {\n\t\tsetScanStage(-1);\n\t\tif (isError || isSuccess) return;\n\t}, [isError, isSuccess]);\n\tuseEffect(() => {\n\t\tconsole.log(resolvedConfig?.language,\"resolvedConfig?.language\");\n\t\t\n\t\tsetPreferredLanguage?.(resolvedConfig?.language);\n\t}, [resolvedConfig]);\n\tuseEffect(() => {\n\t\tposthog.init(posthogPublicKey, { api_host: posthogPublicHost });\n\t\tposthog.capture(\"$pageview\");\n\t}, []);\n\n\tif (isError) {\n\t\treturn <LanguageContextProvider><FaceScanErrorScreen config={resolvedConfig} /></LanguageContextProvider>;\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{/* <Asset genderType={gender} /> */}\n\t\t\t\t<LoadingScreen url={resolvedConfig?.loader} loaderType=\"black\" />\n\t\t\t</div>\n\n\t\t);\n\t}\n\n\treturn (\n\t\t<LanguageContextProvider>\n\t\t\t<audio id=\"audioElement\" crossOrigin=\"anonymous\" preload=\"auto\" style={{ position: \"absolute\", zIndex: -99999 }} src=\"\" />\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{/* 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}\n\t\t\t\t\t\t\theight={videoConstraints.height}\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} height={videoConstraints.height} 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</LanguageContextProvider>\n\t);\n};\n"],"names":["FaceScanGuide","stage","videoLoading","setVideoLoading","videoError","setVideoError","gender","config","btnConfig","translate","useContext","LanguageContext","_jsxs","className","style","background","base","backgroundColor","children","_jsx","Header","noTitle","resolvedConfig","fontFamily","heading","headingFontFamily","fontSize","headingFontSize","color","headingColor","fontWeight","headingFontWeight","LanguageKeys","faceVisible","subheading","subheadingFontFamily","subheadingFontSize","subheadingColor","subheadingFontWeight","loadingVideo","videoLoadFailed","src","GenderType","Male","maleGlassesOffVideo","glassesOffVideo","autoPlay","loop","controls","muted","playsInline","onCanPlay","onLoadStart","onError","SpecificButton","disabled","isDisabled","buttonText","label","postfixIcon","icon","buttonFunc","onClick","directionMessages","FACE_SCAN_HEADSHOT","male","forward","female","type","left","right","smile","FaceScanErrorScreen","resetScanState","loading","preferredLanguage","console","log","scanFailed","clickToResetScan","resetScan","ArrowRight","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","useMemo","debouncedTrackPoseDetection","fn","delay","timer","args","clearTimeout","setTimeout","debounce","payload","posthog","capture","trackPoseDetection","useCallback","faceKeypoints","bodyKeypoints","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","warn","startScanSequence","stageName","initializeModels","async","window","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","speechSynthesis","cancel","enableVoiceCommands","silentUtterance","SpeechSynthesisUtterance","volume","speak","FaceScan","userDetails","onComplete","onScanError","onRetry","isError","isSuccess","language","mediaRecorderRef","recordedBlobsRef","streamRef","showLoader","setShowLoader","modelReady","setModelReady","isScanning","setIsScanning","showGuideCard","setShowGuideCard","hasError","setHasError","setFaceScanId","generateUuid","useLocalConfig","email","deviceFocalLength","callbackUrl","supportedTypes","setSupportedTypes","setPreferredLanguage","stopRecording","state","stop","uploadFinalVideo","videoFile","File","fileSize","size","fileSizeMB","estimatedDuration","round","videoData","video_size_mb","video_size_bytes","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","objectKey","arrayMetaData","contentType","uploadEndTime","completionTime","uploadDuration","measurement","handlFaceScaneSocket","onOpen","handleWebSocketCapture","faceScanID","connection","onSuccess","onClose","startRecording","stream","srcObject","settings","getVideoTracks","getSettings","canvas","videoEl","play","drawFrame","save","rotate","drawImage","restore","requestAnimationFrame","canvasStream","captureStream","mediaRecorderOptions","mimeType","mediaRecorder","MediaRecorder","ondataavailable","event","onstop","start","startScan","status","resultType","mediaDevices","getUserMedia","video","then","catch","getTracks","track","intervalId","setInterval","clearInterval","supported","videoTypes","isTypeSupported","init","posthogPublicKey","api_host","posthogPublicHost","LanguageContextProvider","LoadingScreen","url","loader","loaderType","id","crossOrigin","preload","position","zIndex","ref","transform","opacity","Drawer","open","anchor","reason","hideBackdrop","reset","_Fragment"],"mappings":"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"}

package/dist/FaceScan-nLKzJkWU.js

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