@privateid/ultrapass-web-sdk 1.3.1 → 1.3.2-1300478

package/dist/application/modules/support/camera/camera.utils.js

@@ -1,624 +1,624 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { UAParser } from 'ua-parser-js';
-import { CameraFaceMode, FacingMode, } from './camera.types';
-import { PORTRAIT, LANDSCAPE, BACK_CAMERA_WORDS, CAMERA_HEIGHT, CAMERA_WIDTH, CAMERA_LOW_RES_WIDTH, MOBILE_CAMERA_RES_HEIGHT, MOBILE_CAMERA_LOW_RES_HEIGHT, } from './camera.constants';
-import { getDefaultCameraDeviceId, printLogs } from '../../global/shared.utils';
-export function getScreenOrientation() {
-    if (window.innerHeight > window.innerWidth) {
-        return PORTRAIT;
-    }
-    return LANDSCAPE;
-}
-export function getUserAgent() {
-    const userAgent = typeof window !== 'undefined' && navigator && window.navigator.userAgent;
-    return userAgent || undefined;
-}
-export function parseUserAgent() {
-    // This maybe evaluated in next.js Node rather than in Browser
-    if (!getUserAgent()) {
-        return undefined;
-    }
-    const parser = new UAParser();
-    return parser.getResult();
-}
-export function isPortrait() {
-    return getScreenOrientation() === PORTRAIT;
-}
-export function isBackCameraAndPortrait(faceMode) {
-    const isBack = faceMode === FacingMode.environment;
-    return isBack && isPortrait();
-}
-// TODO: Refactor these `isSomethingUA` functions to be one.
-export function isMobileUA() {
-    const result = parseUserAgent();
-    if (!result || !result.device || !result.device.type) {
-        return false;
-    }
-    return ['mobile', 'tablet'].includes(result.device.type);
-}
-export function isFirefoxUA() {
-    var _a;
-    const result = parseUserAgent();
-    return ((_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name) === 'Firefox';
-}
-export function isSafariUA() {
-    var _a;
-    const result = parseUserAgent();
-    return ((_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name) === 'Safari';
-}
-export function isChromeUA() {
-    var _a;
-    const result = parseUserAgent();
-    return ((_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name) === 'Chrome';
-}
-export function isSamsungUA() {
-    var _a;
-    const result = parseUserAgent();
-    return ((_a = result === null || result === void 0 ? void 0 : result.device) === null || _a === void 0 ? void 0 : _a.vendor) === 'Samsung';
-}
-export function isAndroid() {
-    var _a;
-    const result = parseUserAgent();
-    return ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'Android';
-}
-/**
- * See https://developer.chrome.com/docs/multidevice/user-agent/#webview_user_agent
- * This onloy detects the WebView after Android 4.4. It'd return false for older
- * Android version.
- */
-export function isAndroidWebView() {
-    var _a, _b;
-    const result = parseUserAgent();
-    // If the user-agent string contains "wv", 'ua-parser-js' will return the
-    // string "WebView" as part of its browser name.
-    return ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'Android' && /WebView/.test(String((_b = result === null || result === void 0 ? void 0 : result.browser) === null || _b === void 0 ? void 0 : _b.name));
-}
-export function isAndroid12OrAbove() {
-    return getMajorAndroidVersion() >= 12;
-}
-export function isIOSUA() {
-    var _a;
-    const result = parseUserAgent();
-    return ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'iOS';
-}
-export function getMajorAndroidVersion() {
-    var _a, _b;
-    const result = parseUserAgent();
-    const matched = ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'Android' ? String(((_b = result === null || result === void 0 ? void 0 : result.os) === null || _b === void 0 ? void 0 : _b.version) || '').match(/^\d+/) : null;
-    return matched ? parseInt(matched[0], 10) : NaN;
-}
-export function getMajorSafariVersion() {
-    var _a, _b;
-    const result = parseUserAgent();
-    const name = (_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name;
-    if (name === 'Safari' || name === 'Mobile Safari') {
-        return parseInt(((_b = result === null || result === void 0 ? void 0 : result.browser) === null || _b === void 0 ? void 0 : _b.version) || '', 10);
-    }
-    return NaN;
-}
-export function getMajorChromeVersion() {
-    var _a, _b, _c;
-    const result = parseUserAgent();
-    return ((_b = (_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.includes('Chrome')) ? parseInt(((_c = result === null || result === void 0 ? void 0 : result.browser) === null || _c === void 0 ? void 0 : _c.version) || '', 10) : NaN;
-}
-export function getMajorIOSVersion() {
-    var _a, _b;
-    const result = parseUserAgent();
-    const matched = ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'iOS' ? String(((_b = result === null || result === void 0 ? void 0 : result.os) === null || _b === void 0 ? void 0 : _b.version) || '').match(/^\d+/) : null;
-    return matched ? parseInt(matched[0], 10) : NaN;
-}
-export function getMajorMinorOsVersion() {
-    var _a;
-    const result = parseUserAgent();
-    const version = String(((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.version) || '');
-    const matched = version.match(/(^\d+)(\.\d+)?/);
-    return (matched && matched[0]) || 'unknown';
-}
-export function isWindows() {
-    var _a, _b;
-    return getPlatform() === 'desktop' && ((_b = (_a = parseUserAgent()) === null || _a === void 0 ? void 0 : _a.os) === null || _b === void 0 ? void 0 : _b.name) === 'Windows';
-}
-export function isMac() {
-    var _a, _b;
-    return getPlatform() === 'desktop' && ((_b = (_a = parseUserAgent()) === null || _a === void 0 ? void 0 : _a.os) === null || _b === void 0 ? void 0 : _b.name) === 'Mac OS';
-}
-export function isLinux() {
-    var _a;
-    const ua = parseUserAgent();
-    return ((_a = ua === null || ua === void 0 ? void 0 : ua.os) === null || _a === void 0 ? void 0 : _a.name) === 'Linux';
-}
-// This returns the "platform"- iphone vs android vs desktop used for reporting metrics.
-// Do not make this into something with high cardinality- that will impact SignalFX.
-// If you need to alter/add to these values, please make sure to update the relevant
-// SignalFX metrics as well.
-export function getPlatform() {
-    if (isAndroid()) {
-        return 'android';
-    }
-    if (isIOSUA()) {
-        return 'iphone';
-    }
-    return 'desktop';
-}
-export function isMobileDevice() {
-    return isMobileUA() || isAndroidDesktop() || isIOSDesktop();
-}
-// Whether it's an IOS browser requesting desktop site.
-export function isIOSDesktop() {
-    // IOS browser => Request Desktop Site.
-    return isMac() && window.navigator.maxTouchPoints > 1;
-}
-export function isIOS() {
-    return isIOSUA() || isIOSDesktop();
-}
-export function isIOS15OrGreater() {
-    if (isIOSDesktop()) {
-        // In the past, the version of Safari has been in sync with the version of
-        // iOS. Therefore, we could use Safari's version as a proxy to determine
-        // the version of iOS. However, it's not possible to determine the iOS
-        // version using other types of browsers.
-        return getMajorSafariVersion() >= 15;
-    }
-    // iOS Mobile.
-    return getMajorIOSVersion() >= 15;
-}
-// Whether it's an Android browser requesting desktop site.
-export function isAndroidDesktop() {
-    // Android browser => Request Desktop Site.
-    return isLinux() && window.navigator.maxTouchPoints > 1;
-}
-export const isBackCameraLabel = (label) => {
-    const lowerCase = (label === null || label === void 0 ? void 0 : label.toLowerCase()) || '';
-    return BACK_CAMERA_WORDS.some((keyword) => lowerCase === null || lowerCase === void 0 ? void 0 : lowerCase.includes(keyword));
-};
-export const isMobileBackCameraPortrait = ({ label, facingMode }) => {
-    const isBackCamera = isBackCameraLabel(label) || (facingMode === null || facingMode === void 0 ? void 0 : facingMode.includes(FacingMode.environment));
-    return isMobileDevice() && isBackCamera && isPortrait();
-};
-export function isFaceTimeCamera(label, isDocumentScan) {
-    return isMac() && label.includes('FaceTime') && isDocumentScan;
-}
-export const getCameraList = (backOnly) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        if (!navigator.mediaDevices) {
-            return [];
-        }
-        let cameraList = yield navigator.mediaDevices.enumerateDevices().then((devices) => {
-            const filteredDevices = devices.filter((device) => {
-                let filteredLabels = true;
-                if (!backOnly) {
-                    filteredLabels = !isBackCameraLabel(device.label);
-                }
-                return device.kind === 'videoinput' && filteredLabels;
-            });
-            return filteredDevices.map((device) => {
-                // @ts-ignore
-                if (device === null || device === void 0 ? void 0 : device.getCapabilities) {
-                    // @ts-ignore
-                    return Object.assign(Object.assign({}, device === null || device === void 0 ? void 0 : device.getCapabilities()), { deviceId: device.deviceId, label: device.label });
-                }
-                return { deviceId: device.deviceId, label: device.label };
-            });
-        });
-        if (isAndroid()) {
-            cameraList = cameraList.sort((a, b) => (a.label < b.label ? -1 : 1));
-        }
-        return cameraList;
-    }
-    catch (error) {
-        // handleException(error, 'error listing cameras');
-        return [];
-    }
-});
-export const getMobileVideoConstraints = (availableDevices, faceMode, isDocumentScan, canvasResolution, selectedDeviceId, isFirstPermissionRequest) => {
-    // Use 1.5 ratio. US DL are 1.58, passport are 1.42, so take something in the middle
-    let device = availableDevices === null || availableDevices === void 0 ? void 0 : availableDevices[0]; // get the first device by default
-    let useDirectDeviceId = false;
-    if (selectedDeviceId && availableDevices) {
-        const selectedDevice = availableDevices.find((d) => d.deviceId === selectedDeviceId);
-        if (selectedDevice) {
-            device = selectedDevice;
-        }
-        else {
-            useDirectDeviceId = true;
-        }
-    }
-    else if (isIOS() && isDocumentScan && availableDevices && (availableDevices === null || availableDevices === void 0 ? void 0 : availableDevices.length) > 2) {
-        const ultraWideDevice = availableDevices.find(({ label }) => label.includes('Dual Wide') || label.includes('Back Triple'));
-        device = ultraWideDevice || availableDevices[0];
-    }
-    let resizeMode = 'crop-and-scale';
-    if (isMobileDevice()) {
-        // Known cases that 'crop-and-scale' does not work.
-        if (
-        // Chrome 107+ on Android shows broken video in 'crop-and-scale'.
-        (isAndroid() && getMajorChromeVersion() >= 107) ||
-            // Samsung video driver has a bug when using resizeMode
-            (isSamsungUA() && !isAndroid12OrAbove())) {
-            resizeMode = 'none';
-        }
-        // If it's the first permission request, use simpler constraints for better compatibility
-        if (isFirstPermissionRequest) {
-            printLogs('[getMobileVideoConstraints] Using simplified constraints for first permission request', {});
-            return {
-                audio: false,
-                video: {
-                    facingMode: faceMode,
-                },
-            };
-        }
-        let videoWidth;
-        let videoHeight;
-        let aspectRatio;
-        if ((canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.width) && (canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.height)) {
-            // Front cameras typically don't support high resolutions, limit them to 1920x1080
-            // Back cameras can use higher resolution for document scanning quality
-            const isFrontCamera = faceMode === FacingMode.face;
-            const maxWidth = isFrontCamera ? Math.min(canvasResolution.width, 1920) : canvasResolution.width;
-            const maxHeight = isFrontCamera ? Math.min(canvasResolution.height, 1080) : canvasResolution.height;
-            // Use 'ideal' instead of exact values to allow camera to fall back to supported resolutions
-            videoWidth = { ideal: maxWidth };
-            videoHeight = { ideal: maxHeight };
-            aspectRatio = 1.7777777778;
-        }
-        else if (faceMode) {
-            videoWidth = isBackCameraAndPortrait(faceMode)
-                ? // ? { min: cameraLowResHeight, max: mobileCameraResHeight }
-                    { ideal: MOBILE_CAMERA_RES_HEIGHT }
-                : { ideal: CAMERA_LOW_RES_WIDTH };
-            videoHeight = isBackCameraAndPortrait(faceMode)
-                ? // ? { min: cameraLowResHeight, max: mobileCameraResHeight }
-                    { ideal: MOBILE_CAMERA_RES_HEIGHT }
-                : undefined;
-            aspectRatio = isBackCameraAndPortrait(faceMode) ? 1 : 1.7777777778;
-        }
-        const finalConstraints = {
-            audio: false,
-            video: Object.assign(Object.assign({ 
-                // Use facingMode environment for back camera, user for front camera also provides better compatibility
-                facingMode: faceMode, resizeMode, width: videoWidth, height: videoHeight }, ((selectedDeviceId || useDirectDeviceId) && { deviceId: selectedDeviceId })), { aspectRatio }),
-        };
-        printLogs('[getMobileVideoConstraints] finalConstraits:', finalConstraints);
-        return finalConstraints;
-    }
-    return {
-        audio: false,
-        video: {
-            aspectRatio: 1.5,
-            // deviceId: deviceId ? deviceId.deviceId : undefined,
-            height: { min: MOBILE_CAMERA_LOW_RES_HEIGHT },
-            resizeMode,
-        },
-    };
-};
-export function scaleImageData(imageData, scaleFactor) {
-    const { width, height, data } = imageData;
-    // Create a new canvas and context for temporary scaling
-    const tempCanvas = document.createElement('canvas');
-    const tempCtx = tempCanvas.getContext('2d');
-    // Set the dimensions of the temporary canvas
-    tempCanvas.width = width * scaleFactor;
-    tempCanvas.height = height * scaleFactor;
-    // Draw the original image data onto the temporary canvas
-    tempCtx === null || tempCtx === void 0 ? void 0 : tempCtx.putImageData(imageData, 0, 0);
-    // Get the scaled image data from the temporary canvas
-    const scaledImageData = tempCtx === null || tempCtx === void 0 ? void 0 : tempCtx.getImageData(0, 0, tempCanvas.width, tempCanvas.height);
-    return scaledImageData;
-}
-export function zoomInCanvasImage(canvas, scaleFactor) {
-    // Get the current width and height of the canvas
-    const originalWidth = canvas.width;
-    const originalHeight = canvas.height;
-    // Calculate the new dimensions after applying the scale factor
-    const newWidth = Math.round(originalWidth / scaleFactor);
-    const newHeight = Math.round(originalHeight / scaleFactor);
-    // Calculate the amount of width and height to be cropped
-    const cropWidth = originalWidth - newWidth;
-    const cropHeight = originalHeight - newHeight;
-    // Create an offscreen canvas to hold the cropped image
-    const offscreenCanvas = document.createElement('canvas');
-    const offscreenCtx = offscreenCanvas.getContext('2d');
-    // Set the dimensions for the offscreen canvas
-    offscreenCanvas.width = originalWidth;
-    offscreenCanvas.height = originalHeight;
-    const centerX = originalWidth / 2;
-    const centerY = originalHeight / 2;
-    const sx = centerX - newWidth / (2 * scaleFactor);
-    const sy = centerY - newHeight / (2 * scaleFactor);
-    offscreenCtx === null || offscreenCtx === void 0 ? void 0 : offscreenCtx.drawImage(canvas, sx, sy, newWidth / scaleFactor, newHeight / scaleFactor, 
-    // cropWidth / 2,
-    // cropHeight / 2, // sourceX, sourceY
-    // originalWidth - cropWidth,
-    // originalHeight - cropHeight, // sourceWidth, sourceHeight
-    0, 0, // destinationX, destinationY
-    // changing this for testing
-    newWidth, newHeight);
-    // Get the image data from the offscreen canvas
-    const imageData = offscreenCtx === null || offscreenCtx === void 0 ? void 0 : offscreenCtx.getImageData(0, 0, newWidth, newHeight);
-    // Return the image data
-    return imageData;
-}
-export const checkDeviceIsVirtualCamera = (deviceLabel) => {
-    const virtualCameraKeywords = ['virtual', 'obs', 'software', 'manycam'];
-    return virtualCameraKeywords.some((keyword) => deviceLabel.toLowerCase().includes(keyword));
-};
-export function getFilteredVideoDevices() {
-    return __awaiter(this, void 0, void 0, function* () {
-        // Retry logic for enumerateDevices to handle race conditions
-        let devices = [];
-        let attempts = 0;
-        const maxAttempts = 3;
-        while (attempts < maxAttempts) {
-            devices = yield navigator.mediaDevices.enumerateDevices();
-            const videoDevices = devices.filter((d) => d.kind === 'videoinput');
-            // Check if we have devices with labels (indicating permission was granted)
-            const hasValidDevices = videoDevices.some((d) => d.label && d.label.trim() !== '');
-            if (hasValidDevices || attempts === maxAttempts - 1) {
-                break;
-            }
-            printLogs(`[getFilteredVideoDevices] Attempt ${attempts + 1}: No valid devices found, retrying...`, '');
-            yield new Promise((resolve) => setTimeout(resolve, 200));
-            attempts++;
-        }
-        // Filter devices: only videoinput with valid label and not virtual
-        const filtered = devices.filter((d) => {
-            const isVideoInput = d.kind === 'videoinput';
-            const hasLabel = d.label && d.label.trim() !== '';
-            const notVirtual = !checkDeviceIsVirtualCamera(d.label);
-            return isVideoInput && hasLabel && notVirtual;
-        });
-        printLogs(`[getFilteredVideoDevices] Found ${filtered.length} valid video devices`, '');
-        return filtered;
-    });
-}
-export function filterDevicesByPattern(devices, pattern) {
-    return devices.filter((d) => pattern.test(d.label));
-}
-export function getExternalDevice(devices) {
-    return devices.length > 1 ? devices.find((device) => !device.label.includes('FaceTime')) : devices[0];
-}
-export function isWindowsDevice() {
-    return ['windows', 'win16', 'win32', 'wince'].includes(navigator.platform.toUpperCase());
-}
-export function getMediaDeviceInfo(devices, deviceId) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const mediaDevinceInfo = devices.find((device) => device.deviceId === deviceId);
-        return mediaDevinceInfo;
-    });
-}
-/**
- * This function open camera, and returns the stream, current faceMode and the list of available media devices
- * @category Face
- * @param domElement id of the video tag
- */
-export function getTheNextResolutionAvailable(currentResolution) {
-    printLogs(`getTheNextResolutionAvailable `, currentResolution);
-    const resolutions = [2560, 1920, 1600, 1552, 1440, 1280, 1024, 960, 800, 720, 704, 640].sort((a, b) => b - a);
-    return resolutions.find((e) => e < currentResolution) || 640;
-}
-export function startVideo(videoElement, stream) {
-    return __awaiter(this, void 0, void 0, function* () {
-        // Wait for the video element to exist in DOM (up to 5 seconds)
-        let element = null;
-        const maxAttempts = 50; // 50 attempts * 100ms = 5 seconds max
-        const delayMs = 100;
-        printLogs(`[startVideo] Waiting for video element "${videoElement}" to be available in DOM...`, '');
-        for (let attempt = 0; attempt < maxAttempts; attempt++) {
-            element = document.getElementById(videoElement);
-            if (element) {
-                printLogs(`[startVideo] Element found after ${attempt} attempts (${attempt * delayMs}ms)`, '');
-                break;
-            }
-            printLogs(`[startVideo] Attempt ${attempt + 1}/${maxAttempts} - Element not found yet, waiting ${delayMs}ms...`, '');
-            yield new Promise((resolve) => setTimeout(resolve, delayMs));
-        }
-        if (!element) {
-            const error = `[startVideo] Video element "${videoElement}" not found in DOM after ${maxAttempts * delayMs}ms`;
-            printLogs(error, '', 'ERROR');
-            throw new Error(error);
-        }
-        printLogs('[startVideo] Element found:', !!element);
-        printLogs('[startVideo] Stream tracks:', stream.getTracks().length);
-        element.srcObject = stream;
-        // Create a listener for the 'onplaying' event before calling play()
-        const playingPromise = new Promise((resolve) => {
-            element.onplaying = () => {
-                printLogs('[startVideo] Video onplaying fired', '');
-                resolve(undefined);
-            };
-        });
-        yield element.play();
-        printLogs('[startVideo] Video playing:', !element.paused);
-        // wait for the 'onplaying' event to ensure video is actually playing
-        yield playingPromise;
-        enableMutationObserver(element, stream);
-    });
-}
-export function enableMutationObserver(videoElement, stream) {
-    const videoMutationObserver = new MutationObserver(() => {
-        if (videoElement.srcObject !== stream) {
-            printLogs('Unauthorized video source change detected! Resetting to correct camera.', '', 'WARN');
-            // eslint-disable-next-line no-param-reassign
-            videoElement.srcObject = stream;
-        }
-    });
-    videoMutationObserver.observe(videoElement, { attributes: true, attributeFilter: ['srcObject'] });
-}
-export function calculateWidth(canvasResolution, isPortraitMobileCamera, resolution) {
-    if (canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.width) {
-        return resolution;
-    }
-    if (isPortraitMobileCamera) {
-        return CAMERA_HEIGHT;
-    }
-    return resolution;
-}
-export function calculateHeight(canvasResolution) {
-    if (canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.height) {
-        return canvasResolution.height;
-    }
-    return CAMERA_HEIGHT;
-}
-export function calculateAspectRatio(canvasResolution, isPortraitMobileCamera) {
-    if (canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.width) {
-        return 1.7777777778;
-    }
-    if (isPortraitMobileCamera) {
-        return 1;
-    }
-    return 1.7777777778;
-}
-export function prepareCameraResult(stream, devices, faceMode, videoElement) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const track = stream.getVideoTracks()[0];
-        const capabilities = track.getCapabilities ? track.getCapabilities() : null;
-        const settings = track.getSettings();
-        printLogs('settings: ', settings);
-        if (capabilities) {
-            printLogs('capabilities: ', capabilities);
-        }
-        yield startVideo(videoElement, stream);
-        return {
-            status: true,
-            stream,
-            devices,
-            faceMode,
-            settings,
-            capabilities,
-            errorMessage: null,
-        };
-    });
-}
-/**
- * Handles device ID selection for camera devices based on platform and availability.
- *
- * @returns The most probable device ID string
- */
-export function handleDeviceId(devices, id, isMacSafari) {
-    if (id) {
-        return id;
-    }
-    const defaultDeviceId = getDefaultCameraDeviceId();
-    const isDefaultDeviceAvailable = devices.find((device) => device.deviceId === defaultDeviceId);
-    if (isMacSafari) {
-        const externalDeviceId = getExternalDevice(devices);
-        return isDefaultDeviceAvailable ? defaultDeviceId : externalDeviceId.deviceId;
-    }
-    return isDefaultDeviceAvailable ? defaultDeviceId : devices[0].deviceId;
-}
-/**
- * Creates a MediaStream from the specified camera device for a specific camera service with optimized constraints.
- *
- * @returns A promise that resolves to a MediaStream from the specified camera device
- * @throws {Error} When camera access is denied or device is not available
- *
- * @example
- * ```typescript
- * const devices = await navigator.mediaDevices.enumerateDevices();
- * const camera = devices.find(d => d.kind === 'videoinput');
- * const stream = await getDeviceMediaStream(camera.deviceId, 'desktop', {
- *   canvasResolution: { width: 1280, height: 720 }
- * });
- * ```
- */
-export function getDeviceMediaStream(deviceId, type, options) {
-    var _a, _b, _c, _d;
-    return __awaiter(this, void 0, void 0, function* () {
-        const idealWidth = ((_a = options === null || options === void 0 ? void 0 : options.canvasResolution) === null || _a === void 0 ? void 0 : _a.width) || CAMERA_WIDTH;
-        const idealHeight = ((_b = options === null || options === void 0 ? void 0 : options.canvasResolution) === null || _b === void 0 ? void 0 : _b.height) || CAMERA_HEIGHT;
-        const constraints = yield generateUserMediaConstraints(type, {
-            deviceId,
-            isMacFaceTimeCamera: options === null || options === void 0 ? void 0 : options.isMacFaceTimeCamera,
-            faceMode: options === null || options === void 0 ? void 0 : options.faceMode,
-            enabledDevices: options === null || options === void 0 ? void 0 : options.enabledDevices,
-            isDocumentScan: options === null || options === void 0 ? void 0 : options.isDocumentScan,
-            isFirstPermissionRequest: options === null || options === void 0 ? void 0 : options.isFirstPermissionRequest,
-            idealResolution: {
-                width: idealWidth,
-                height: idealHeight,
-            },
-        });
-        try {
-            const stream = yield navigator.mediaDevices.getUserMedia(constraints);
-            printLogs('[getDeviceMediaStream] getUserMedia successful with constraints:', stream);
-            const streamSettings = (_d = (_c = stream.getVideoTracks()[0]) === null || _c === void 0 ? void 0 : _c.getSettings) === null || _d === void 0 ? void 0 : _d.call(_c);
-            printLogs('[getDeviceMediaStream] opened stream settings:', {
-                deviceId: streamSettings === null || streamSettings === void 0 ? void 0 : streamSettings.deviceId,
-                facingMode: streamSettings === null || streamSettings === void 0 ? void 0 : streamSettings.facingMode,
-            });
-            return stream;
-        }
-        catch (error) {
-            printLogs('[getDeviceMediaStream] getUserMedia error:', {
-                name: error === null || error === void 0 ? void 0 : error.name,
-                message: error === null || error === void 0 ? void 0 : error.message,
-                stack: error === null || error === void 0 ? void 0 : error.stack,
-            }, 'ERROR');
-            printLogs('[getDeviceMediaStream] Failed constraints:', constraints);
-            throw error;
-        }
-    });
-}
-/**
- * Creates platform-specific video constraints for different camera service types including
- * desktop, Firefox, Mac Safari, and mobile devices with appropriate resolutions and settings.
- *
- * @returns A promise that resolves to GeneratedUserMediaConstraints object
- */
-export function generateUserMediaConstraints(type, params) {
-    return __awaiter(this, void 0, void 0, function* () {
-        switch (type) {
-            case 'desktop':
-                return {
-                    audio: false,
-                    video: {
-                        deviceId: { exact: params.deviceId },
-                        width: { ideal: params.idealResolution.width },
-                        height: { ideal: params.idealResolution.height },
-                        aspectRatio: params.isMacFaceTimeCamera ? 1 : 1.777777778,
-                        resizeMode: 'none',
-                        focusMode: 'continuous',
-                        facingMode: isWindowsDevice() ? 'user' : undefined,
-                    },
-                };
-            case 'firefox':
-                return {
-                    audio: false,
-                    video: {
-                        deviceId: { exact: params.deviceId },
-                        width: params.idealResolution.width || CAMERA_LOW_RES_WIDTH,
-                        height: params.idealResolution.height || 1080,
-                        aspectRatio: 1.7777777778,
-                        facingMode: params.faceMode === CameraFaceMode.back ? 'environment' : 'user',
-                        focusMode: 'continuous',
-                    },
-                };
-            case 'mac-safari':
-                return {
-                    audio: false,
-                    video: {
-                        deviceId: { exact: params.deviceId },
-                        width: params.idealResolution.width || CAMERA_LOW_RES_WIDTH,
-                        height: params.idealResolution.height || 1080,
-                    },
-                };
-            case 'mobile':
-                // update, instead of get a list of cameras again i'm using the same list already fetched on open camera function to avoid inconsistencies
-                return getMobileVideoConstraints(params.enabledDevices, params.faceMode === CameraFaceMode.back ? FacingMode.environment : FacingMode.face, params.isDocumentScan, params.idealResolution, params.deviceId, params.isFirstPermissionRequest);
-            default:
-                return {
-                    audio: false,
-                    video: true,
-                };
-        }
-    });
-}
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { UAParser } from 'ua-parser-js';
+import { CameraFaceMode, FacingMode, } from './camera.types';
+import { PORTRAIT, LANDSCAPE, BACK_CAMERA_WORDS, CAMERA_HEIGHT, CAMERA_WIDTH, CAMERA_LOW_RES_WIDTH, MOBILE_CAMERA_RES_HEIGHT, MOBILE_CAMERA_LOW_RES_HEIGHT, } from './camera.constants';
+import { getDefaultCameraDeviceId, printLogs } from '../../global/shared.utils';
+export function getScreenOrientation() {
+    if (window.innerHeight > window.innerWidth) {
+        return PORTRAIT;
+    }
+    return LANDSCAPE;
+}
+export function getUserAgent() {
+    const userAgent = typeof window !== 'undefined' && navigator && window.navigator.userAgent;
+    return userAgent || undefined;
+}
+export function parseUserAgent() {
+    // This maybe evaluated in next.js Node rather than in Browser
+    if (!getUserAgent()) {
+        return undefined;
+    }
+    const parser = new UAParser();
+    return parser.getResult();
+}
+export function isPortrait() {
+    return getScreenOrientation() === PORTRAIT;
+}
+export function isBackCameraAndPortrait(faceMode) {
+    const isBack = faceMode === FacingMode.environment;
+    return isBack && isPortrait();
+}
+// TODO: Refactor these `isSomethingUA` functions to be one.
+export function isMobileUA() {
+    const result = parseUserAgent();
+    if (!result || !result.device || !result.device.type) {
+        return false;
+    }
+    return ['mobile', 'tablet'].includes(result.device.type);
+}
+export function isFirefoxUA() {
+    var _a;
+    const result = parseUserAgent();
+    return ((_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name) === 'Firefox';
+}
+export function isSafariUA() {
+    var _a;
+    const result = parseUserAgent();
+    return ((_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name) === 'Safari';
+}
+export function isChromeUA() {
+    var _a;
+    const result = parseUserAgent();
+    return ((_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name) === 'Chrome';
+}
+export function isSamsungUA() {
+    var _a;
+    const result = parseUserAgent();
+    return ((_a = result === null || result === void 0 ? void 0 : result.device) === null || _a === void 0 ? void 0 : _a.vendor) === 'Samsung';
+}
+export function isAndroid() {
+    var _a;
+    const result = parseUserAgent();
+    return ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'Android';
+}
+/**
+ * See https://developer.chrome.com/docs/multidevice/user-agent/#webview_user_agent
+ * This onloy detects the WebView after Android 4.4. It'd return false for older
+ * Android version.
+ */
+export function isAndroidWebView() {
+    var _a, _b;
+    const result = parseUserAgent();
+    // If the user-agent string contains "wv", 'ua-parser-js' will return the
+    // string "WebView" as part of its browser name.
+    return ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'Android' && /WebView/.test(String((_b = result === null || result === void 0 ? void 0 : result.browser) === null || _b === void 0 ? void 0 : _b.name));
+}
+export function isAndroid12OrAbove() {
+    return getMajorAndroidVersion() >= 12;
+}
+export function isIOSUA() {
+    var _a;
+    const result = parseUserAgent();
+    return ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'iOS';
+}
+export function getMajorAndroidVersion() {
+    var _a, _b;
+    const result = parseUserAgent();
+    const matched = ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'Android' ? String(((_b = result === null || result === void 0 ? void 0 : result.os) === null || _b === void 0 ? void 0 : _b.version) || '').match(/^\d+/) : null;
+    return matched ? parseInt(matched[0], 10) : NaN;
+}
+export function getMajorSafariVersion() {
+    var _a, _b;
+    const result = parseUserAgent();
+    const name = (_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name;
+    if (name === 'Safari' || name === 'Mobile Safari') {
+        return parseInt(((_b = result === null || result === void 0 ? void 0 : result.browser) === null || _b === void 0 ? void 0 : _b.version) || '', 10);
+    }
+    return NaN;
+}
+export function getMajorChromeVersion() {
+    var _a, _b, _c;
+    const result = parseUserAgent();
+    return ((_b = (_a = result === null || result === void 0 ? void 0 : result.browser) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.includes('Chrome')) ? parseInt(((_c = result === null || result === void 0 ? void 0 : result.browser) === null || _c === void 0 ? void 0 : _c.version) || '', 10) : NaN;
+}
+export function getMajorIOSVersion() {
+    var _a, _b;
+    const result = parseUserAgent();
+    const matched = ((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.name) === 'iOS' ? String(((_b = result === null || result === void 0 ? void 0 : result.os) === null || _b === void 0 ? void 0 : _b.version) || '').match(/^\d+/) : null;
+    return matched ? parseInt(matched[0], 10) : NaN;
+}
+export function getMajorMinorOsVersion() {
+    var _a;
+    const result = parseUserAgent();
+    const version = String(((_a = result === null || result === void 0 ? void 0 : result.os) === null || _a === void 0 ? void 0 : _a.version) || '');
+    const matched = version.match(/(^\d+)(\.\d+)?/);
+    return (matched && matched[0]) || 'unknown';
+}
+export function isWindows() {
+    var _a, _b;
+    return getPlatform() === 'desktop' && ((_b = (_a = parseUserAgent()) === null || _a === void 0 ? void 0 : _a.os) === null || _b === void 0 ? void 0 : _b.name) === 'Windows';
+}
+export function isMac() {
+    var _a, _b;
+    return getPlatform() === 'desktop' && ((_b = (_a = parseUserAgent()) === null || _a === void 0 ? void 0 : _a.os) === null || _b === void 0 ? void 0 : _b.name) === 'Mac OS';
+}
+export function isLinux() {
+    var _a;
+    const ua = parseUserAgent();
+    return ((_a = ua === null || ua === void 0 ? void 0 : ua.os) === null || _a === void 0 ? void 0 : _a.name) === 'Linux';
+}
+// This returns the "platform"- iphone vs android vs desktop used for reporting metrics.
+// Do not make this into something with high cardinality- that will impact SignalFX.
+// If you need to alter/add to these values, please make sure to update the relevant
+// SignalFX metrics as well.
+export function getPlatform() {
+    if (isAndroid()) {
+        return 'android';
+    }
+    if (isIOSUA()) {
+        return 'iphone';
+    }
+    return 'desktop';
+}
+export function isMobileDevice() {
+    return isMobileUA() || isAndroidDesktop() || isIOSDesktop();
+}
+// Whether it's an IOS browser requesting desktop site.
+export function isIOSDesktop() {
+    // IOS browser => Request Desktop Site.
+    return isMac() && window.navigator.maxTouchPoints > 1;
+}
+export function isIOS() {
+    return isIOSUA() || isIOSDesktop();
+}
+export function isIOS15OrGreater() {
+    if (isIOSDesktop()) {
+        // In the past, the version of Safari has been in sync with the version of
+        // iOS. Therefore, we could use Safari's version as a proxy to determine
+        // the version of iOS. However, it's not possible to determine the iOS
+        // version using other types of browsers.
+        return getMajorSafariVersion() >= 15;
+    }
+    // iOS Mobile.
+    return getMajorIOSVersion() >= 15;
+}
+// Whether it's an Android browser requesting desktop site.
+export function isAndroidDesktop() {
+    // Android browser => Request Desktop Site.
+    return isLinux() && window.navigator.maxTouchPoints > 1;
+}
+export const isBackCameraLabel = (label) => {
+    const lowerCase = (label === null || label === void 0 ? void 0 : label.toLowerCase()) || '';
+    return BACK_CAMERA_WORDS.some((keyword) => lowerCase === null || lowerCase === void 0 ? void 0 : lowerCase.includes(keyword));
+};
+export const isMobileBackCameraPortrait = ({ label, facingMode }) => {
+    const isBackCamera = isBackCameraLabel(label) || (facingMode === null || facingMode === void 0 ? void 0 : facingMode.includes(FacingMode.environment));
+    return isMobileDevice() && isBackCamera && isPortrait();
+};
+export function isFaceTimeCamera(label, isDocumentScan) {
+    return isMac() && label.includes('FaceTime') && isDocumentScan;
+}
+export const getCameraList = (backOnly) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        if (!navigator.mediaDevices) {
+            return [];
+        }
+        let cameraList = yield navigator.mediaDevices.enumerateDevices().then((devices) => {
+            const filteredDevices = devices.filter((device) => {
+                let filteredLabels = true;
+                if (!backOnly) {
+                    filteredLabels = !isBackCameraLabel(device.label);
+                }
+                return device.kind === 'videoinput' && filteredLabels;
+            });
+            return filteredDevices.map((device) => {
+                // @ts-ignore
+                if (device === null || device === void 0 ? void 0 : device.getCapabilities) {
+                    // @ts-ignore
+                    return Object.assign(Object.assign({}, device === null || device === void 0 ? void 0 : device.getCapabilities()), { deviceId: device.deviceId, label: device.label });
+                }
+                return { deviceId: device.deviceId, label: device.label };
+            });
+        });
+        if (isAndroid()) {
+            cameraList = cameraList.sort((a, b) => (a.label < b.label ? -1 : 1));
+        }
+        return cameraList;
+    }
+    catch (error) {
+        // handleException(error, 'error listing cameras');
+        return [];
+    }
+});
+export const getMobileVideoConstraints = (availableDevices, faceMode, isDocumentScan, canvasResolution, selectedDeviceId, isFirstPermissionRequest) => {
+    // Use 1.5 ratio. US DL are 1.58, passport are 1.42, so take something in the middle
+    let device = availableDevices === null || availableDevices === void 0 ? void 0 : availableDevices[0]; // get the first device by default
+    let useDirectDeviceId = false;
+    if (selectedDeviceId && availableDevices) {
+        const selectedDevice = availableDevices.find((d) => d.deviceId === selectedDeviceId);
+        if (selectedDevice) {
+            device = selectedDevice;
+        }
+        else {
+            useDirectDeviceId = true;
+        }
+    }
+    else if (isIOS() && isDocumentScan && availableDevices && (availableDevices === null || availableDevices === void 0 ? void 0 : availableDevices.length) > 2) {
+        const ultraWideDevice = availableDevices.find(({ label }) => label.includes('Dual Wide') || label.includes('Back Triple'));
+        device = ultraWideDevice || availableDevices[0];
+    }
+    let resizeMode = 'crop-and-scale';
+    if (isMobileDevice()) {
+        // Known cases that 'crop-and-scale' does not work.
+        if (
+        // Chrome 107+ on Android shows broken video in 'crop-and-scale'.
+        (isAndroid() && getMajorChromeVersion() >= 107) ||
+            // Samsung video driver has a bug when using resizeMode
+            (isSamsungUA() && !isAndroid12OrAbove())) {
+            resizeMode = 'none';
+        }
+        // If it's the first permission request, use simpler constraints for better compatibility
+        if (isFirstPermissionRequest) {
+            printLogs('[getMobileVideoConstraints] Using simplified constraints for first permission request', {});
+            return {
+                audio: false,
+                video: {
+                    facingMode: faceMode,
+                },
+            };
+        }
+        let videoWidth;
+        let videoHeight;
+        let aspectRatio;
+        if ((canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.width) && (canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.height)) {
+            // Front cameras typically don't support high resolutions, limit them to 1920x1080
+            // Back cameras can use higher resolution for document scanning quality
+            const isFrontCamera = faceMode === FacingMode.face;
+            const maxWidth = isFrontCamera ? Math.min(canvasResolution.width, 1920) : canvasResolution.width;
+            const maxHeight = isFrontCamera ? Math.min(canvasResolution.height, 1080) : canvasResolution.height;
+            // Use 'ideal' instead of exact values to allow camera to fall back to supported resolutions
+            videoWidth = { ideal: maxWidth };
+            videoHeight = { ideal: maxHeight };
+            aspectRatio = 1.7777777778;
+        }
+        else if (faceMode) {
+            videoWidth = isBackCameraAndPortrait(faceMode)
+                ? // ? { min: cameraLowResHeight, max: mobileCameraResHeight }
+                    { ideal: MOBILE_CAMERA_RES_HEIGHT }
+                : { ideal: CAMERA_LOW_RES_WIDTH };
+            videoHeight = isBackCameraAndPortrait(faceMode)
+                ? // ? { min: cameraLowResHeight, max: mobileCameraResHeight }
+                    { ideal: MOBILE_CAMERA_RES_HEIGHT }
+                : undefined;
+            aspectRatio = isBackCameraAndPortrait(faceMode) ? 1 : 1.7777777778;
+        }
+        const finalConstraints = {
+            audio: false,
+            video: Object.assign(Object.assign({ 
+                // Use facingMode environment for back camera, user for front camera also provides better compatibility
+                facingMode: faceMode, resizeMode, width: videoWidth, height: videoHeight }, ((selectedDeviceId || useDirectDeviceId) && { deviceId: selectedDeviceId })), { aspectRatio }),
+        };
+        printLogs('[getMobileVideoConstraints] finalConstraits:', finalConstraints);
+        return finalConstraints;
+    }
+    return {
+        audio: false,
+        video: {
+            aspectRatio: 1.5,
+            // deviceId: deviceId ? deviceId.deviceId : undefined,
+            height: { min: MOBILE_CAMERA_LOW_RES_HEIGHT },
+            resizeMode,
+        },
+    };
+};
+export function scaleImageData(imageData, scaleFactor) {
+    const { width, height, data } = imageData;
+    // Create a new canvas and context for temporary scaling
+    const tempCanvas = document.createElement('canvas');
+    const tempCtx = tempCanvas.getContext('2d');
+    // Set the dimensions of the temporary canvas
+    tempCanvas.width = width * scaleFactor;
+    tempCanvas.height = height * scaleFactor;
+    // Draw the original image data onto the temporary canvas
+    tempCtx === null || tempCtx === void 0 ? void 0 : tempCtx.putImageData(imageData, 0, 0);
+    // Get the scaled image data from the temporary canvas
+    const scaledImageData = tempCtx === null || tempCtx === void 0 ? void 0 : tempCtx.getImageData(0, 0, tempCanvas.width, tempCanvas.height);
+    return scaledImageData;
+}
+export function zoomInCanvasImage(canvas, scaleFactor) {
+    // Get the current width and height of the canvas
+    const originalWidth = canvas.width;
+    const originalHeight = canvas.height;
+    // Calculate the new dimensions after applying the scale factor
+    const newWidth = Math.round(originalWidth / scaleFactor);
+    const newHeight = Math.round(originalHeight / scaleFactor);
+    // Calculate the amount of width and height to be cropped
+    const cropWidth = originalWidth - newWidth;
+    const cropHeight = originalHeight - newHeight;
+    // Create an offscreen canvas to hold the cropped image
+    const offscreenCanvas = document.createElement('canvas');
+    const offscreenCtx = offscreenCanvas.getContext('2d');
+    // Set the dimensions for the offscreen canvas
+    offscreenCanvas.width = originalWidth;
+    offscreenCanvas.height = originalHeight;
+    const centerX = originalWidth / 2;
+    const centerY = originalHeight / 2;
+    const sx = centerX - newWidth / (2 * scaleFactor);
+    const sy = centerY - newHeight / (2 * scaleFactor);
+    offscreenCtx === null || offscreenCtx === void 0 ? void 0 : offscreenCtx.drawImage(canvas, sx, sy, newWidth / scaleFactor, newHeight / scaleFactor, 
+    // cropWidth / 2,
+    // cropHeight / 2, // sourceX, sourceY
+    // originalWidth - cropWidth,
+    // originalHeight - cropHeight, // sourceWidth, sourceHeight
+    0, 0, // destinationX, destinationY
+    // changing this for testing
+    newWidth, newHeight);
+    // Get the image data from the offscreen canvas
+    const imageData = offscreenCtx === null || offscreenCtx === void 0 ? void 0 : offscreenCtx.getImageData(0, 0, newWidth, newHeight);
+    // Return the image data
+    return imageData;
+}
+export const checkDeviceIsVirtualCamera = (deviceLabel) => {
+    const virtualCameraKeywords = ['virtual', 'obs', 'software', 'manycam'];
+    return virtualCameraKeywords.some((keyword) => deviceLabel.toLowerCase().includes(keyword));
+};
+export function getFilteredVideoDevices() {
+    return __awaiter(this, void 0, void 0, function* () {
+        // Retry logic for enumerateDevices to handle race conditions
+        let devices = [];
+        let attempts = 0;
+        const maxAttempts = 3;
+        while (attempts < maxAttempts) {
+            devices = yield navigator.mediaDevices.enumerateDevices();
+            const videoDevices = devices.filter((d) => d.kind === 'videoinput');
+            // Check if we have devices with labels (indicating permission was granted)
+            const hasValidDevices = videoDevices.some((d) => d.label && d.label.trim() !== '');
+            if (hasValidDevices || attempts === maxAttempts - 1) {
+                break;
+            }
+            printLogs(`[getFilteredVideoDevices] Attempt ${attempts + 1}: No valid devices found, retrying...`, '');
+            yield new Promise((resolve) => setTimeout(resolve, 200));
+            attempts++;
+        }
+        // Filter devices: only videoinput with valid label and not virtual
+        const filtered = devices.filter((d) => {
+            const isVideoInput = d.kind === 'videoinput';
+            const hasLabel = d.label && d.label.trim() !== '';
+            const notVirtual = !checkDeviceIsVirtualCamera(d.label);
+            return isVideoInput && hasLabel && notVirtual;
+        });
+        printLogs(`[getFilteredVideoDevices] Found ${filtered.length} valid video devices`, '');
+        return filtered;
+    });
+}
+export function filterDevicesByPattern(devices, pattern) {
+    return devices.filter((d) => pattern.test(d.label));
+}
+export function getExternalDevice(devices) {
+    return devices.length > 1 ? devices.find((device) => !device.label.includes('FaceTime')) : devices[0];
+}
+export function isWindowsDevice() {
+    return ['windows', 'win16', 'win32', 'wince'].includes(navigator.platform.toUpperCase());
+}
+export function getMediaDeviceInfo(devices, deviceId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const mediaDevinceInfo = devices.find((device) => device.deviceId === deviceId);
+        return mediaDevinceInfo;
+    });
+}
+/**
+ * This function open camera, and returns the stream, current faceMode and the list of available media devices
+ * @category Face
+ * @param domElement id of the video tag
+ */
+export function getTheNextResolutionAvailable(currentResolution) {
+    printLogs(`getTheNextResolutionAvailable `, currentResolution);
+    const resolutions = [2560, 1920, 1600, 1552, 1440, 1280, 1024, 960, 800, 720, 704, 640].sort((a, b) => b - a);
+    return resolutions.find((e) => e < currentResolution) || 640;
+}
+export function startVideo(videoElement, stream) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // Wait for the video element to exist in DOM (up to 5 seconds)
+        let element = null;
+        const maxAttempts = 50; // 50 attempts * 100ms = 5 seconds max
+        const delayMs = 100;
+        printLogs(`[startVideo] Waiting for video element "${videoElement}" to be available in DOM...`, '');
+        for (let attempt = 0; attempt < maxAttempts; attempt++) {
+            element = document.getElementById(videoElement);
+            if (element) {
+                printLogs(`[startVideo] Element found after ${attempt} attempts (${attempt * delayMs}ms)`, '');
+                break;
+            }
+            printLogs(`[startVideo] Attempt ${attempt + 1}/${maxAttempts} - Element not found yet, waiting ${delayMs}ms...`, '');
+            yield new Promise((resolve) => setTimeout(resolve, delayMs));
+        }
+        if (!element) {
+            const error = `[startVideo] Video element "${videoElement}" not found in DOM after ${maxAttempts * delayMs}ms`;
+            printLogs(error, '', 'ERROR');
+            throw new Error(error);
+        }
+        printLogs('[startVideo] Element found:', !!element);
+        printLogs('[startVideo] Stream tracks:', stream.getTracks().length);
+        element.srcObject = stream;
+        // Create a listener for the 'onplaying' event before calling play()
+        const playingPromise = new Promise((resolve) => {
+            element.onplaying = () => {
+                printLogs('[startVideo] Video onplaying fired', '');
+                resolve(undefined);
+            };
+        });
+        yield element.play();
+        printLogs('[startVideo] Video playing:', !element.paused);
+        // wait for the 'onplaying' event to ensure video is actually playing
+        yield playingPromise;
+        enableMutationObserver(element, stream);
+    });
+}
+export function enableMutationObserver(videoElement, stream) {
+    const videoMutationObserver = new MutationObserver(() => {
+        if (videoElement.srcObject !== stream) {
+            printLogs('Unauthorized video source change detected! Resetting to correct camera.', '', 'WARN');
+            // eslint-disable-next-line no-param-reassign
+            videoElement.srcObject = stream;
+        }
+    });
+    videoMutationObserver.observe(videoElement, { attributes: true, attributeFilter: ['srcObject'] });
+}
+export function calculateWidth(canvasResolution, isPortraitMobileCamera, resolution) {
+    if (canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.width) {
+        return resolution;
+    }
+    if (isPortraitMobileCamera) {
+        return CAMERA_HEIGHT;
+    }
+    return resolution;
+}
+export function calculateHeight(canvasResolution) {
+    if (canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.height) {
+        return canvasResolution.height;
+    }
+    return CAMERA_HEIGHT;
+}
+export function calculateAspectRatio(canvasResolution, isPortraitMobileCamera) {
+    if (canvasResolution === null || canvasResolution === void 0 ? void 0 : canvasResolution.width) {
+        return 1.7777777778;
+    }
+    if (isPortraitMobileCamera) {
+        return 1;
+    }
+    return 1.7777777778;
+}
+export function prepareCameraResult(stream, devices, faceMode, videoElement) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const track = stream.getVideoTracks()[0];
+        const capabilities = track.getCapabilities ? track.getCapabilities() : null;
+        const settings = track.getSettings();
+        printLogs('settings: ', settings);
+        if (capabilities) {
+            printLogs('capabilities: ', capabilities);
+        }
+        yield startVideo(videoElement, stream);
+        return {
+            status: true,
+            stream,
+            devices,
+            faceMode,
+            settings,
+            capabilities,
+            errorMessage: null,
+        };
+    });
+}
+/**
+ * Handles device ID selection for camera devices based on platform and availability.
+ *
+ * @returns The most probable device ID string
+ */
+export function handleDeviceId(devices, id, isMacSafari) {
+    if (id) {
+        return id;
+    }
+    const defaultDeviceId = getDefaultCameraDeviceId();
+    const isDefaultDeviceAvailable = devices.find((device) => device.deviceId === defaultDeviceId);
+    if (isMacSafari) {
+        const externalDeviceId = getExternalDevice(devices);
+        return isDefaultDeviceAvailable ? defaultDeviceId : externalDeviceId.deviceId;
+    }
+    return isDefaultDeviceAvailable ? defaultDeviceId : devices[0].deviceId;
+}
+/**
+ * Creates a MediaStream from the specified camera device for a specific camera service with optimized constraints.
+ *
+ * @returns A promise that resolves to a MediaStream from the specified camera device
+ * @throws {Error} When camera access is denied or device is not available
+ *
+ * @example
+ * ```typescript
+ * const devices = await navigator.mediaDevices.enumerateDevices();
+ * const camera = devices.find(d => d.kind === 'videoinput');
+ * const stream = await getDeviceMediaStream(camera.deviceId, 'desktop', {
+ *   canvasResolution: { width: 1280, height: 720 }
+ * });
+ * ```
+ */
+export function getDeviceMediaStream(deviceId, type, options) {
+    var _a, _b, _c, _d;
+    return __awaiter(this, void 0, void 0, function* () {
+        const idealWidth = ((_a = options === null || options === void 0 ? void 0 : options.canvasResolution) === null || _a === void 0 ? void 0 : _a.width) || CAMERA_WIDTH;
+        const idealHeight = ((_b = options === null || options === void 0 ? void 0 : options.canvasResolution) === null || _b === void 0 ? void 0 : _b.height) || CAMERA_HEIGHT;
+        const constraints = yield generateUserMediaConstraints(type, {
+            deviceId,
+            isMacFaceTimeCamera: options === null || options === void 0 ? void 0 : options.isMacFaceTimeCamera,
+            faceMode: options === null || options === void 0 ? void 0 : options.faceMode,
+            enabledDevices: options === null || options === void 0 ? void 0 : options.enabledDevices,
+            isDocumentScan: options === null || options === void 0 ? void 0 : options.isDocumentScan,
+            isFirstPermissionRequest: options === null || options === void 0 ? void 0 : options.isFirstPermissionRequest,
+            idealResolution: {
+                width: idealWidth,
+                height: idealHeight,
+            },
+        });
+        try {
+            const stream = yield navigator.mediaDevices.getUserMedia(constraints);
+            printLogs('[getDeviceMediaStream] getUserMedia successful with constraints:', stream);
+            const streamSettings = (_d = (_c = stream.getVideoTracks()[0]) === null || _c === void 0 ? void 0 : _c.getSettings) === null || _d === void 0 ? void 0 : _d.call(_c);
+            printLogs('[getDeviceMediaStream] opened stream settings:', {
+                deviceId: streamSettings === null || streamSettings === void 0 ? void 0 : streamSettings.deviceId,
+                facingMode: streamSettings === null || streamSettings === void 0 ? void 0 : streamSettings.facingMode,
+            });
+            return stream;
+        }
+        catch (error) {
+            printLogs('[getDeviceMediaStream] getUserMedia error:', {
+                name: error === null || error === void 0 ? void 0 : error.name,
+                message: error === null || error === void 0 ? void 0 : error.message,
+                stack: error === null || error === void 0 ? void 0 : error.stack,
+            }, 'ERROR');
+            printLogs('[getDeviceMediaStream] Failed constraints:', constraints);
+            throw error;
+        }
+    });
+}
+/**
+ * Creates platform-specific video constraints for different camera service types including
+ * desktop, Firefox, Mac Safari, and mobile devices with appropriate resolutions and settings.
+ *
+ * @returns A promise that resolves to GeneratedUserMediaConstraints object
+ */
+export function generateUserMediaConstraints(type, params) {
+    return __awaiter(this, void 0, void 0, function* () {
+        switch (type) {
+            case 'desktop':
+                return {
+                    audio: false,
+                    video: {
+                        deviceId: { exact: params.deviceId },
+                        width: { ideal: params.idealResolution.width },
+                        height: { ideal: params.idealResolution.height },
+                        aspectRatio: params.isMacFaceTimeCamera ? 1 : 1.777777778,
+                        resizeMode: 'none',
+                        focusMode: 'continuous',
+                        facingMode: isWindowsDevice() ? 'user' : undefined,
+                    },
+                };
+            case 'firefox':
+                return {
+                    audio: false,
+                    video: {
+                        deviceId: { exact: params.deviceId },
+                        width: params.idealResolution.width || CAMERA_LOW_RES_WIDTH,
+                        height: params.idealResolution.height || 1080,
+                        aspectRatio: 1.7777777778,
+                        facingMode: params.faceMode === CameraFaceMode.back ? 'environment' : 'user',
+                        focusMode: 'continuous',
+                    },
+                };
+            case 'mac-safari':
+                return {
+                    audio: false,
+                    video: {
+                        deviceId: { exact: params.deviceId },
+                        width: params.idealResolution.width || CAMERA_LOW_RES_WIDTH,
+                        height: params.idealResolution.height || 1080,
+                    },
+                };
+            case 'mobile':
+                // update, instead of get a list of cameras again i'm using the same list already fetched on open camera function to avoid inconsistencies
+                return getMobileVideoConstraints(params.enabledDevices, params.faceMode === CameraFaceMode.back ? FacingMode.environment : FacingMode.face, params.isDocumentScan, params.idealResolution, params.deviceId, params.isFirstPermissionRequest);
+            default:
+                return {
+                    audio: false,
+                    video: true,
+                };
+        }
+    });
+}
 //# sourceMappingURL=camera.utils.js.map