@kwik-id/sdk-web 0.1.0-alpha.4 → 0.1.0-alpha.7

package/dist/kwik-id-sdk.js

@@ -46043,7 +46043,7 @@ function usePresence(present) {
   const prevPresentRef = reactExports.useRef(present);
   const prevAnimationNameRef = reactExports.useRef("none");
   const initialState = present ? "mounted" : "unmounted";
-  const [state, send2] = useStateMachine(initialState, {
+  const [state, send] = useStateMachine(initialState, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -46068,20 +46068,20 @@ function usePresence(present) {
       const prevAnimationName = prevAnimationNameRef.current;
       const currentAnimationName = getAnimationName(styles2);
       if (present) {
-        send2("MOUNT");
+        send("MOUNT");
       } else if (currentAnimationName === "none" || styles2?.display === "none") {
-        send2("UNMOUNT");
+        send("UNMOUNT");
       } else {
         const isAnimating = prevAnimationName !== currentAnimationName;
         if (wasPresent && isAnimating) {
-          send2("ANIMATION_OUT");
+          send("ANIMATION_OUT");
         } else {
-          send2("UNMOUNT");
+          send("UNMOUNT");
         }
       }
       prevPresentRef.current = present;
     }
-  }, [present, send2]);
+  }, [present, send]);
   useLayoutEffect2(() => {
     if (node) {
       let timeoutId;
@@ -46090,7 +46090,7 @@ function usePresence(present) {
         const currentAnimationName = getAnimationName(stylesRef.current);
         const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
         if (event.target === node && isCurrentAnimation) {
-          send2("ANIMATION_END");
+          send("ANIMATION_END");
           if (!prevPresentRef.current) {
             const currentFillMode = node.style.animationFillMode;
             node.style.animationFillMode = "forwards";
@@ -46117,9 +46117,9 @@ function usePresence(present) {
         node.removeEventListener("animationend", handleAnimationEnd);
       };
     } else {
-      send2("ANIMATION_END");
+      send("ANIMATION_END");
     }
-  }, [node, send2]);
+  }, [node, send]);
   return {
     isPresent: ["mounted", "unmountSuspended"].includes(state),
     ref: reactExports.useCallback((node2) => {
@@ -53054,50 +53054,106 @@ reactExports.createContext({
   size: "default",
   variant: "default"
 });
-let _worker = null;
-let _idCounter = 0;
-const _pending = /* @__PURE__ */ new Map();
-function getWorker() {
-  if (_worker) return _worker;
-  _worker = new Worker(new URL(
-    /* @vite-ignore */
-    "/assets/image-processor.worker-CzywSQ7p.js",
-    import.meta.url
-  ), {
-    type: "module"
-  });
-  _worker.onmessage = ({ data: data2 }) => {
-    const { id: id2, ...result } = data2;
-    const p = _pending.get(id2);
-    if (!p) return;
-    _pending.delete(id2);
-    p.resolve(result);
+const MIN_LUMINANCE = 50;
+const MAX_LUMINANCE = 220;
+const MIN_BLUR_VARIANCE = 0;
+function checkLuminance(imageData) {
+  const data2 = imageData.data;
+  let totalLuminance = 0;
+  const pixelCount = data2.length / 4;
+  for (let i = 0; i < data2.length; i += 4) {
+    const r2 = data2[i];
+    const g = data2[i + 1];
+    const b = data2[i + 2];
+    totalLuminance += 0.299 * r2 + 0.587 * g + 0.114 * b;
+  }
+  const avgLuminance = totalLuminance / pixelCount;
+  const score = Math.min(100, avgLuminance / 255 * 100);
+  if (avgLuminance < MIN_LUMINANCE) {
+    return {
+      score,
+      isAcceptable: false,
+      message: "Image is too dark. Please ensure better lighting."
+    };
+  }
+  if (avgLuminance > MAX_LUMINANCE) {
+    return {
+      score,
+      isAcceptable: false,
+      message: "Image is too bright. Please reduce exposure or lighting."
+    };
+  }
+  return {
+    score,
+    isAcceptable: true
   };
-  _worker.onerror = (e) => {
-    const err = new Error(e.message ?? "Worker error");
-    for (const [id2, p] of _pending) {
-      _pending.delete(id2);
-      p.reject(err);
+}
+function checkBlur(imageData) {
+  const { width: width2, height: height2, data: data2 } = imageData;
+  const grayscale = new Float32Array(width2 * height2);
+  for (let i = 0; i < data2.length; i += 4) {
+    const idx = i / 4;
+    grayscale[idx] = 0.299 * data2[i] + 0.587 * data2[i + 1] + 0.114 * data2[i + 2];
+  }
+  const laplacian = new Float32Array(width2 * height2);
+  for (let y = 1; y < height2 - 1; y++) {
+    for (let x = 1; x < width2 - 1; x++) {
+      const idx = y * width2 + x;
+      const value2 = grayscale[idx - width2] + // top
+      grayscale[idx - 1] + // left
+      -4 * grayscale[idx] + // center
+      grayscale[idx + 1] + // right
+      grayscale[idx + width2];
+      laplacian[idx] = value2;
+    }
+  }
+  let sum2 = 0;
+  let sumSq = 0;
+  let count2 = 0;
+  for (let y = 1; y < height2 - 1; y++) {
+    for (let x = 1; x < width2 - 1; x++) {
+      const idx = y * width2 + x;
+      const val2 = laplacian[idx];
+      sum2 += val2;
+      sumSq += val2 * val2;
+      count2++;
     }
-    _worker = null;
+  }
+  const mean = sum2 / count2;
+  const variance = sumSq / count2 - mean * mean;
+  const score = Math.min(100, variance / 500 * 100);
+  if (variance < MIN_BLUR_VARIANCE) {
+    return {
+      score,
+      isAcceptable: false,
+      message: "Image is too blurry. Please hold the camera steady."
+    };
+  }
+  return {
+    score,
+    isAcceptable: true
   };
-  return _worker;
 }
-function send(msg, transfers = []) {
-  const id2 = `wp-${++_idCounter}`;
-  return new Promise((resolve, reject) => {
-    _pending.set(id2, { resolve, reject });
-    try {
-      getWorker().postMessage({ id: id2, ...msg }, transfers);
-    } catch (e) {
-      _pending.delete(id2);
-      reject(e instanceof Error ? e : new Error(String(e)));
+function analyzeImageQuality(imageData) {
+  const luminance = checkLuminance(imageData);
+  const blur = checkBlur(imageData);
+  const overallScore = (luminance.score + blur.score) / 2;
+  const isAcceptable = luminance.isAcceptable && blur.isAcceptable;
+  let message;
+  if (!luminance.isAcceptable) {
+    message = luminance.message;
+  } else if (!blur.isAcceptable) {
+    message = blur.message;
+  }
+  return {
+    luminance,
+    blur,
+    overall: {
+      score: overallScore,
+      isAcceptable,
+      message
     }
-  });
-}
-async function analyzeQualityOffThread(data2, width2, height2) {
-  const buffer = data2.buffer.slice(data2.byteOffset, data2.byteOffset + data2.byteLength);
-  return send({ type: "analyze-quality", buffer, width: width2, height: height2 }, [buffer]);
+  };
 }
 function CameraCapture({ type, onCapture, onCancel }) {
   const [stream, setStream] = reactExports.useState(null);
@@ -53136,11 +53192,7 @@ function CameraCapture({ type, onCapture, onCancel }) {
     const imageData = ctx.getImageData(0, 0, SAMPLE_W, SAMPLE_H);
     qualityPendingRef.current = true;
     try {
-      const result = await analyzeQualityOffThread(
-        imageData.data,
-        SAMPLE_W,
-        SAMPLE_H
-      );
+      const result = analyzeImageQuality(imageData);
       setQualityStatus({
         isAcceptable: result.overall.isAcceptable,
         message: result.overall.message || null,