accuraidscanplugin 1.0.25 → 1.0.26

package/accuraface2.js

@@ -0,0 +1,267 @@
+function Utils(errorOutputId) {
+  // eslint-disable-line no-unused-vars
+  let self = this;
+  this.errorOutput = document.getElementById(errorOutputId);
+  this.apiKey = "168508101488d7JV8yvF32yRGRti0hyatBHFwev0KInaUAgtGv";
+
+  const OPENCV_URL = "opencv.js";
+  this.loadOpenCv = function (onloadCallback) {
+    let script = document.createElement("script");
+    script.setAttribute("async", "");
+    script.setAttribute("type", "text/javascript");
+    script.addEventListener("load", () => {
+      if (cv.getBuildInformation) {
+        console.log(cv.getBuildInformation());
+        onloadCallback();
+      } else {
+        // WASM
+        cv["onRuntimeInitialized"] = () => {
+          console.log(cv.getBuildInformation());
+          onloadCallback();
+        };
+      }
+    });
+    script.addEventListener("error", () => {
+      self.printError("Failed to load " + OPENCV_URL);
+    });
+    script.src = OPENCV_URL;
+    let node = document.getElementsByTagName("script")[0];
+    node.parentNode.insertBefore(script, node);
+  };
+
+  this.createFileFromUrl = function (path, url, callback) {
+    let request = new XMLHttpRequest();
+    request.open("GET", url, true);
+    request.responseType = "arraybuffer";
+    request.onload = function (ev) {
+      if (request.readyState === 4) {
+        if (request.status === 200) {
+          let data = new Uint8Array(request.response);
+          cv.FS_createDataFile("/", path, data, true, false, false);
+          callback();
+        } else {
+          self.printError(
+            "Failed to load " + url + " status: " + request.status
+          );
+        }
+      }
+    };
+    request.send();
+  };
+
+  this.loadImageToCanvas = function (url, cavansId) {
+    let canvas = document.getElementById(cavansId);
+    let ctx = canvas.getContext("2d");
+    let img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = function () {
+      canvas.width = img.width;
+      canvas.height = img.height;
+      ctx.drawImage(img, 0, 0, img.width, img.height);
+    };
+    img.src = url;
+  };
+
+  this.executeCode = function (textAreaId) {
+    try {
+      this.clearError();
+      let code = document.getElementById(textAreaId).value;
+      eval(code);
+    } catch (err) {
+      this.printError(err);
+    }
+  };
+
+  this.clearError = function () {
+    this.errorOutput.innerHTML = "";
+  };
+
+  this.printError = function (err) {
+    if (typeof err === "undefined") {
+      err = "";
+    } else if (typeof err === "number") {
+      if (!isNaN(err)) {
+        if (typeof cv !== "undefined") {
+          err = "Exception: " + cv.exceptionFromPtr(err).msg;
+        }
+      }
+    } else if (typeof err === "string") {
+      let ptr = Number(err.split(" ")[0]);
+      if (!isNaN(ptr)) {
+        if (typeof cv !== "undefined") {
+          err = "Exception: " + cv.exceptionFromPtr(ptr).msg;
+        }
+      }
+    } else if (err instanceof Error) {
+      err = err.stack.replace(/\n/g, "<br>");
+    }
+    this.errorOutput.innerHTML = err;
+  };
+
+  this.loadCode = function (scriptId, textAreaId) {
+    let scriptNode = document.getElementById(scriptId);
+    let textArea = document.getElementById(textAreaId);
+    if (scriptNode.type !== "text/code-snippet") {
+      throw Error("Unknown code snippet type");
+    }
+    textArea.value = scriptNode.text.replace(/^\n/, "");
+  };
+
+  this.addFileInputHandler = function (fileInputId, canvasId) {
+    let inputElement = document.getElementById(fileInputId);
+    inputElement.addEventListener(
+      "change",
+      (e) => {
+        let files = e.target.files;
+        if (files.length > 0) {
+          let imgUrl = URL.createObjectURL(files[0]);
+          self.loadImageToCanvas(imgUrl, canvasId);
+        }
+      },
+      false
+    );
+  };
+
+  function onVideoCanPlay() {
+    if (self.onCameraStartedCallback) {
+      self.onCameraStartedCallback(self.stream, self.video);
+    }
+  }
+
+  this.startCamera = function (resolution, callback, videoId) {
+    const constraints = {
+      qvga: { width: { exact: 320 }, height: { exact: 240 } },
+      vga: { width: { exact: 640 }, height: { exact: 480 } },
+    };
+    let video = document.getElementById(videoId);
+    if (!video) {
+      video = document.createElement("video");
+    }
+
+    let videoConstraint = constraints[resolution];
+    if (!videoConstraint) {
+      videoConstraint = true;
+    }
+
+    navigator.mediaDevices
+      .getUserMedia({ video: videoConstraint, audio: false })
+      .then(function (stream) {
+        video.srcObject = stream;
+        video.play();
+        self.video = video;
+        self.stream = stream;
+        self.onCameraStartedCallback = callback;
+        video.addEventListener("canplay", onVideoCanPlay, false);
+      })
+      .catch(function (err) {
+        self.printError("Camera Error: " + err.name + " " + err.message);
+      });
+  };
+
+  this.stopCamera = function () {
+    if (this.video) {
+      this.video.pause();
+      this.video.srcObject = null;
+      this.video.removeEventListener("canplay", onVideoCanPlay);
+    }
+    if (this.stream) {
+      this.stream.getVideoTracks()[0].stop();
+    }
+  };
+
+  this.captureImage = function (canvasId) {
+    let canvas = document.getElementById(canvasId);
+    let dataUrl = canvas.toDataURL("image/jpeg");
+    return dataUrl;
+  };
+
+  this.stringFunction = function (dynamicString) {
+    console.log("Dynamic string:", dynamicString);
+
+    document.getElementById("status-text").innerText = dynamicString;
+  };
+
+  this.captureAndSend = function () {
+    let video = document.getElementById("cam_input");
+    let canvas = document.getElementById("canvas_output");
+
+    // Hide the video and show the canvas after capturing the photo
+    video.style.display = "none";
+    canvas.style.display = "block";
+    isCanvasVisible = true;
+
+    // Create a canvas element to temporarily hold the image data
+    let tempCanvas = document.createElement("canvas");
+    tempCanvas.width = video.videoWidth;
+    tempCanvas.height = video.videoHeight;
+    let ctx = tempCanvas.getContext("2d");
+    ctx.drawImage(video, 0, 0, tempCanvas.width, tempCanvas.height);
+
+    // Draw the oval shape on the temporary canvas
+    ctx.save();
+    ctx.beginPath();
+    ctx.moveTo(tempCanvas.width / 2, 0);
+    ctx.bezierCurveTo(
+      tempCanvas.width,
+      0,
+      tempCanvas.width,
+      tempCanvas.height,
+      tempCanvas.width / 2,
+      tempCanvas.height
+    );
+    ctx.bezierCurveTo(0, tempCanvas.height, 0, 0, tempCanvas.width / 2, 0);
+    ctx.clip();
+    ctx.drawImage(tempCanvas, 0, 0);
+    ctx.restore();
+
+    let imageDataUrl = tempCanvas.toDataURL("image/jpeg");
+    
+//     // Check if imageDataUrl is valid
+//     if (!imageDataUrl) {
+//       console.error("Invalid imageDataUrl");
+//       return;
+//     }
+
+//     // Send the captured image to the API
+//     fetch("https://accurascan.com/v2/api/liveness", {
+//       method: "POST",
+//       headers: {
+//         "Api-Key": self.apiKey,
+//         "Content-Type": "application/json",
+//       },
+//       body: JSON.stringify({
+//         liveness_image: imageDataUrl,
+//       }),
+//     })
+//       .then((response) => {
+//         // Check if the response is successful (status code 2xx)
+//         if (!response.ok) {
+//           throw new Error(
+//             `Network response was not ok, status: ${response.status}`
+//           );
+//         }
+//         return response.json(); // Parse response body as JSON
+//       })
+//       .then(function (data) {
+//         console.log("API response:", data);
+
+//         // Check the "status" property in the data object and display appropriate messages
+//         if (data.status === true) {
+//           self.stringFunction(
+//             "Face detected! Quality: " +
+//               data.data.quality +
+//               ", Score: " +
+//               data.data.score
+//           );
+//           //When face is detected
+//         } else {
+//           self.stringFunction("No face detected or other status");
+//           // When no face is detected or handle other status scenarios if needed
+//         }
+//       })
+//       .catch((error) => {
+//         console.error("Error sending image to API:", error);
+//         self.stringFunction("Error sending image to API");
+//       });
+  };
+}

package/build/accuramain.js

@@ -1 +1 @@
-export default class IDCardPlugin{constructor(t,{countryCode:e,cardCode:i,topTextSize:n,topTextColor:s,topTextWeight:a,bottomTextSize:o,bottomTextColor:r,bottomTextWeight:c,bottomTextText:d}){this.callback=t,this.country_code=e,this.card_code=i,this.countriesData=[],this.frontStream=null,this.backStream=null,this.uaParserLoaded="undefined"!=typeof UAParser,this.frontCapture=null,this.backCapture=null,this.result={front:null,back:null},this.topInstructSize=n,this.topInstructColor=s,this.topInstructWeight=a,this.InstructSize=o,this.InstructWeight=c,this.InstructColor=r,this.InstructText=d;const l=document.createElement("script");l.src="./node_modules/accuraidscanplugin/public/libs/piexif.js",document.head.appendChild(l),this.ding=new Audio("./node_modules/accuraidscanplugin/public/audio/ding.mp3"),this.ding.preload="auto",this.audioUnlocked=!1,this.ding.muted=!0;const h=()=>{this.audioUnlocked||(this.ding.play().then((()=>{this.ding.pause(),this.ding.currentTime=0,this.ding.muted=!1,this.audioUnlocked=!0})).catch((()=>{})),document.removeEventListener("click",h))};document.addEventListener("click",h,{once:!0}),this.selectedCard=null,this.init()}async init(){try{const t=await fetch("./node_modules/accuraidscanplugin/src/js.json");if(!t.ok)throw new Error("Failed to load data");this.countriesData=await t.json(),this.loadStyles(),await this.setSelectedCard(),this.startCamera()}catch(t){console.error("Error loading countries data:",t)}}async setSelectedCard(){const t=this.countriesData.find((t=>t.country_code===this.country_code));if(!t)return void console.error(`Country with code ${this.country_code} not found`);let e=null,i=null,n=null;for(const s of t.cards||[])if(s.allcard&&Array.isArray(s.allcard)&&(e=s.allcard.find((t=>t.card_code===this.card_code)),e)){n=s,i=2===s.allcard.length?s.allcard.find((t=>t.card_code!==this.card_code)):null;break}e?this.selectedCard={country_code:t.country_code,card_code:e.card_code,country:t,frontCard:e,backCard:i,requiresBack:!!i}:console.error(`Card with code ${this.card_code} not found for country ${this.country_code}`)}loadStyles(){if(!document.querySelector('link[href*="all.min.css"]')){const t=document.createElement("link");t.rel="stylesheet",t.href="./node_modules/accuraidscanplugin/public/fontawesome-free/css/all.min.css",document.head.appendChild(t)}}startCamera(){if(this.selectedCard)if(this.createCameraUI(),"undefined"!=typeof cv&&cv.getBuildInformation)this.startCameraProcessing();else{const t=document.createElement("script");t.src="./node_modules/accuraidscanplugin/accuraface1.js",t.onload=()=>{cv.onRuntimeInitialized=()=>this.startCameraProcessing()},document.body.appendChild(t)}else console.error("No card selected. Cannot start camera.")}createCameraUI(){this.cameraContainer=document.createElement("div"),this.cameraContainer.className="camera-container",this.cameraContainer.style.position="fixed",this.cameraContainer.style.top="0",this.cameraContainer.style.left="0",this.cameraContainer.style.width="100%",this.cameraContainer.style.height="100%",this.cameraContainer.style.display="flex",this.cameraContainer.style.justifyContent="center",this.cameraContainer.style.alignItems="center",this.cameraContainer.style.background="rgba(0,0,0,0.8)",this.cameraContainer.style.zIndex="2000",document.body.appendChild(this.cameraContainer),this.video=document.createElement("video"),this.video.id="video",this.video.autoplay=!0,this.video.playsInline=!0,this.video.style.width="auto",this.video.style.height="100%",this.video.style.objectFit="cover",this.video.style.position="absolute",this.video.style.top="0",this.video.style.left="50%",this.video.style.transform="translateX(-50%)",this.cameraContainer.appendChild(this.video),this.canvas=document.createElement("canvas"),this.canvas.id="canvas",this.canvas.style.display="none",this.canvas.style.transform="scaleX(-1)",this.cameraContainer.appendChild(this.canvas),this.scanFrame=document.createElement("div"),this.scanFrame.className="scan-frame",this.scanFrame.style.position="absolute",this.scanFrame.style.top="50%",this.scanFrame.style.left="50%",this.scanFrame.style.transform="translate(-50%, -50%)",this.scanFrame.style.border="2px solid red",this.scanFrame.style.boxSizing="border-box",this.scanFrame.style.boxShadow="0 0 0 9999px rgba(0, 0, 0, 0.6)",window.innerWidth<=767?(this.scanFrame.style.width="90vw",this.scanFrame.style.height="50vw",this.scanFrame.style.maxWidth="350px",this.scanFrame.style.maxHeight="200px"):window.innerWidth<=1024?(this.scanFrame.style.width="60vw",this.scanFrame.style.height="40vw",this.scanFrame.style.maxWidth="600px",this.scanFrame.style.maxHeight="400px"):(this.scanFrame.style.width="50vw",this.scanFrame.style.height="30vw",this.scanFrame.style.maxWidth="800px",this.scanFrame.style.maxHeight="500px"),this.cameraContainer.appendChild(this.scanFrame),this.instructionText=document.createElement("div"),this.instructionText.className="instruction-text",this.instructionText.id="instructionText",this.instructionText.textContent=this.InstructText||"Keep Document in Frame",this.instructionText.style.position="absolute",this.instructionText.style.left="50%",this.instructionText.style.transform="translateX(-50%)",this.instructionText.style.padding="8px 12px",this.instructionText.style.borderRadius="6px",this.instructionText.style.pointerEvents="none",this.instructionText.style.textAlign="center",this.instructionText.style.fontSize=this.InstructSize||"0.8rem",this.instructionText.style.fontWeight=this.InstructWeight||"450",this.instructionText.style.width="100%",this.instructionText.style.maxWidth="100%",this.instructionText.style.zIndex="8000",this.instructionText.style.color=this.InstructColor||"#fff",this.instructionText.style.bottom="10%",this.cameraContainer.appendChild(this.instructionText),this.topInstructionText=document.createElement("div"),this.topInstructionText.className="top-instruction-text",this.topInstructionText.id="topInstructionText",this.topInstructionText.style.position="absolute",this.topInstructionText.style.left="50%",this.topInstructionText.style.transform="translateX(-50%)",this.topInstructionText.style.padding="8px 12px",this.topInstructionText.style.borderRadius="6px",this.topInstructionText.style.pointerEvents="none",this.topInstructionText.style.textAlign="center",this.topInstructionText.style.fontSize=this.topInstructSize||"0.8rem",this.topInstructionText.style.fontWeight=this.topInstructWeight||"450",this.topInstructionText.style.width="100%",this.topInstructionText.style.maxWidth="100%",this.topInstructionText.style.zIndex="8000",this.topInstructionText.style.color=this.topInstructColor||"#fff",this.topInstructionText.style.top="10%",this.cameraContainer.appendChild(this.topInstructionText)}startCameraProcessing(){const{country:t,REWARDS:e,frontCard:i,backCard:n,requiresBack:s}=this.selectedCard;let a=i.card_code,o=.12,r=.12;"CLMIDN"===a&&(o=.09,r=.1),"CLMID"===a&&(o=.1,r=.1),"COLPAF"===a&&(o=.09,r=.1),"CLMDL"===a&&(o=.11,r=.1),"COLCIF"===a&&(o=.08,r=.09),"UGNIDF"===a&&(o=.1,r=.12);let c="CLMIDN"===a?`Scan Front Side of ${t.country_name} National ID Card New`:"CLMID"===a?`Scan Front Side of ${t.country_name} National ID Card`:"COLPAF"===a?`Scan Front Side of ${t.country_name}'s Passport`:"CLMDL"===a?`Scan Front Side of ${t.country_name}'s Driving License`:"COLCIF"===a?`Scan Front Side of ${t.country_name}'s Citizen Card`:"UGNIDF"===a?`Scan Front Side of ${t.country_name}'s National ID Card`:"Scanning front side...";this.topInstructionText.textContent=c,this.instructionText.textContent="Keep Document in Frame";const d=new Image;d.src="data:image/jpeg;base64,"+i.card_img;let l=!1,h=0,m=0,u=!1;d.onload=()=>{const e=cv.imread(d);let a=Math.round(.15*e.rows),c=e.roi(new cv.Rect(0,0,e.cols,a));navigator.mediaDevices.getUserMedia({video:{width:{ideal:1920},height:{ideal:1080},facingMode:{ideal:"environment"},frameRate:{ideal:60,max:60}}}).then((a=>{this.frontStream=a,this.video.srcObject=this.frontStream,this.video.addEventListener("loadedmetadata",(()=>{this.canvas.width=this.video.videoWidth,this.canvas.height=this.video.videoHeight}));const d=a=>{if(!this.frontStream||!this.frontStream.active||l)return void requestAnimationFrame(d);const p=this.video.getBoundingClientRect(),y=this.scanFrame.getBoundingClientRect();this.instructionText.style.top=y.bottom+10+"px",this.topInstructionText.style.top=y.top-35+"px";const x=this.video.videoWidth/p.width,C=this.video.videoHeight/p.height,f=(y.left-p.left)*x,g=(y.top-p.top)*C,v=y.width*x,T=y.height*C;if(v>0&&T>0){const a=document.createElement("canvas");a.width=v,a.height=T;a.getContext("2d").drawImage(this.video,f,g,v,T,0,0,v,T);const d=cv.imread(a),p=this.multiScaleTemplateMatch(d,e);if(p.maxVal>=o){const e=this.multiScaleTemplateMatch(d,c);e.maxVal>=r&&(h++,3===h&&(l=!0,this.frontStream.getTracks().forEach((t=>t.stop())),this.processCapturedFrame(a,t,i,p,e,"front").then((()=>{if(s&&n){this.audioUnlocked&&(this.ding.currentTime=0,this.ding.play().catch((()=>{})));const e=document.createElement("div");e.id="flipAnimation",e.innerHTML='<i class="fas fa-id-card"></i>',e.style.animation="flipAnimation 1s linear forwards",e.style.position="absolute",e.style.top="50%",e.style.left="50%",e.style.width="50px",e.style.height="50px",e.style.transform="translate(-50%, -50%)",e.style.fontSize="48px",e.style.color="#e53935",this.cameraContainer.appendChild(e),setTimeout((()=>{e.parentNode===this.cameraContainer&&this.cameraContainer.removeChild(e),this.startBackCameraProcessing(t,n)}),1e3)}}))))}m++,m%20!=0||u||(u=!0,this.instructionText.textContent="Keep Document Near to Camera",setTimeout((()=>{l||(this.instructionText.textContent="Keep Document in Frame"),u=!1}),1200)),d.delete()}requestAnimationFrame(d)};requestAnimationFrame(d)})).catch((t=>{console.error("Front camera error:",t)}))}}startBackCameraProcessing(t,e){let i=.1,n=.12;"UGNIDB"===e.card_code&&(i=.12,n=.12);let s="COLIDB"===e.card_code?`Scan Back Side of ${t.country_name} National ID Card New`:"COLMIDB"===e.card_code?`Scan Back Side of ${t.country_name} National ID Card`:"COLCIB"===e.card_code?`Scan Back Side of ${t.country_name} Citizen Card`:"UGNIDB"===e.card_code?`Scan Back Side of ${t.country_name}'s National ID Card`:"Scanning back side...";this.topInstructionText.textContent=s,this.instructionText.textContent="Keep Document in Frame";const a=new Image;a.src="data:image/jpeg;base64,"+e.card_img;let o=!1,r=0,c=0,d=!1;a.onload=()=>{const s=cv.imread(a);let l=Math.round(.35*s.rows),h=s.roi(new cv.Rect(0,0,s.cols,l));navigator.mediaDevices.getUserMedia({video:{width:{ideal:1920},height:{ideal:1080},facingMode:{ideal:"environment"},frameRate:{ideal:60,max:60}}}).then((a=>{this.backStream=a,this.video.srcObject=this.backStream,this.video.addEventListener("loadedmetadata",(()=>{this.canvas.width=this.video.videoWidth,this.canvas.height=this.video.videoHeight}));const l=a=>{if(!this.backStream||!this.backStream.active||o)return void requestAnimationFrame(l);const m=this.video.getBoundingClientRect(),u=this.scanFrame.getBoundingClientRect();this.instructionText.style.top=u.bottom+10+"px",this.topInstructionText.style.top=u.top-35+"px";const p=this.video.videoWidth/m.width,y=this.video.videoHeight/m.height,x=(u.left-m.left)*p,C=(u.top-m.top)*y,f=u.width*p,g=u.height*y;if(f>0&&g>0){const a=document.createElement("canvas");a.width=f,a.height=g;a.getContext("2d").drawImage(this.video,x,C,f,g,0,0,f,g);const l=cv.imread(a),m=this.multiScaleTemplateMatch(l,s);if(m.maxVal>=i){const i=this.multiScaleTemplateMatch(l,h);i.maxVal>=n&&(r++,3===r&&(o=!0,this.backStream.getTracks().forEach((t=>t.stop())),this.processCapturedFrame(a,t,e,m,i,"back")))}c++,c%20!=0||d||(d=!0,this.instructionText.textContent="Keep Document Near to Camera",setTimeout((()=>{o||(this.instructionText.textContent="Keep Document in Frame"),d=!1}),1200)),l.delete()}requestAnimationFrame(l)};requestAnimationFrame(l)})).catch((t=>{console.error("Back camera error:",t)}))}}multiScaleTemplateMatch(t,e){let i=null,n=1,s=0;const a=new cv.Mat,o=new cv.Mat;cv.resize(e,o,new cv.Size(e.cols,e.rows));const r=new cv.Mat;cv.cvtColor(o,r,cv.COLOR_RGBA2GRAY),cv.Canny(r,r,60,255);for(let e=1;e<=2;e+=.1){const o=new cv.Mat,c=Math.round(t.cols/e),d=Math.round(t.rows/e);cv.resize(t,o,new cv.Size(c,d));let l=o.cols<r.cols||o.rows<r.rows?new cv.Mat:r;if(o.cols<r.cols||o.rows<r.rows){let t=Math.min(o.cols/r.cols,o.rows/r.rows);cv.resize(r,l,new cv.Size(Math.round(r.cols*t),Math.round(r.rows*t)))}const h=new cv.Mat;cv.cvtColor(o,h,cv.COLOR_RGBA2GRAY),cv.Canny(h,h,60,255);try{cv.matchTemplate(h,l,a,cv.TM_CCOEFF_NORMED)}catch(t){console.error("Error in matchTemplate at scale",e,t)}const m=cv.minMaxLoc(a);m.maxVal>s&&(s=m.maxVal,i=m,n=e),h.delete(),(o.cols<r.cols||o.rows<r.rows)&&l.delete(),o.delete()}return o.delete(),r.delete(),a.delete(),{bestMatch:i,bestScale:n,maxVal:s}}async processCapturedFrame(canvas,t,e,i,n,s){this.showLoadingAnimation(),this.instructionText.textContent="Processing...";try{const t=await new Promise((t=>canvas.toBlob(t,"image/jpeg",.9))),e={"0th":{[piexif.ImageIFD.Make]:"AutoID",[piexif.ImageIFD.Model]:"IDDetectionCamera"}},i=piexif.dump(e),n=piexif.insert(i,canvas.toDataURL("image/jpeg",.92));await new Promise((e=>{const i=new FileReader;i.onload=()=>e(i.result),i.readAsDataURL(t)}));"front"===s?this.result.front=n:"back"===s&&(this.result.back=n),!this.selectedCard.requiresBack||this.result.back?(this.callback(this.result),this.hideLoadingAnimation(),setTimeout((()=>{this.stopAllStreams(),this.cameraContainer.remove()}),1e3)):this.hideLoadingAnimation()}catch(t){console.error("Error processing captured frame:",t),this.hideLoadingAnimation(),this.instructionText.textContent="Error processing image. Please try again."}}showLoadingAnimation(){const t=document.createElement("div");t.className="loading-spinner",t.innerHTML='<i class="fas fa-spinner"></i>',t.style.position="absolute",t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)",t.style.zIndex="3500";const e=t.querySelector("i");e.style.fontSize="48px",e.style.animation="spin 1s linear infinite",e.style.color="#e53935",this.cameraContainer.appendChild(t),this.loadingSpinner=t}hideLoadingAnimation(){this.loadingSpinner&&this.loadingSpinner.parentNode===this.cameraContainer&&this.cameraContainer.removeChild(this.loadingSpinner)}stopAllStreams(){this.frontStream&&(this.frontStream.getTracks().forEach((t=>t.stop())),this.frontStream=null),this.backStream&&(this.backStream.getTracks().forEach((t=>t.stop())),this.backStream=null)}}const style=document.createElement("style");style.textContent="\n@keyframes spin { \n  from { transform: rotate(0deg); } \n  to { transform: rotate(360deg); } \n}\n@keyframes flipAnimation { \n  from { transform: translate(-50%, -50%) rotateY(0deg); } \n  to { transform: translate(-50%, -50%) rotateY(360deg); } \n}\n",document.head.appendChild(style);
+export default class IDCardPlugin{constructor(t,{countryCode:e,cardCode:i,topTextSize:n,topTextColor:s,topTextWeight:a,bottomTextSize:o,bottomTextColor:r,bottomTextWeight:c,bottomTextText:d}){this.callback=t,this.country_code=e,this.card_code=i,this.countriesData=[],this.frontStream=null,this.backStream=null,this.uaParserLoaded="undefined"!=typeof UAParser,this.frontCapture=null,this.backCapture=null,this.result={front:null,back:null},this.topInstructSize=n,this.topInstructColor=s,this.topInstructWeight=a,this.InstructSize=o,this.InstructWeight=c,this.InstructColor=r,this.InstructText=d;const l=document.createElement("script");l.src="/libs/piexif.js",document.head.appendChild(l),this.ding=new Audio("/audio/ding.mp3"),this.ding.preload="auto",this.audioUnlocked=!1,this.ding.muted=!0;const h=()=>{this.audioUnlocked||(this.ding.play().then((()=>{this.ding.pause(),this.ding.currentTime=0,this.ding.muted=!1,this.audioUnlocked=!0})).catch((()=>{})),document.removeEventListener("click",h))};document.addEventListener("click",h,{once:!0}),this.selectedCard=null,this.init()}async init(){try{const t=await fetch("/accura/js.json");if(!t.ok)throw new Error("Failed to load data");this.countriesData=await t.json(),this.loadStyles(),await this.setSelectedCard(),this.startCamera()}catch(t){console.error("Error loading countries data:",t)}}async setSelectedCard(){const t=this.countriesData.find((t=>t.country_code===this.country_code));if(!t)return void console.error(`Country with code ${this.country_code} not found`);let e=null,i=null,n=null;for(const s of t.cards||[])if(s.allcard&&Array.isArray(s.allcard)&&(e=s.allcard.find((t=>t.card_code===this.card_code)),e)){n=s,i=2===s.allcard.length?s.allcard.find((t=>t.card_code!==this.card_code)):null;break}e?this.selectedCard={country_code:t.country_code,card_code:e.card_code,country:t,frontCard:e,backCard:i,requiresBack:!!i}:console.error(`Card with code ${this.card_code} not found for country ${this.country_code}`)}loadStyles(){if(!document.querySelector('link[href*="all.min.css"]')){const t=document.createElement("link");t.rel="stylesheet",t.href="/fontawesome-free/css/all.min.css",document.head.appendChild(t)}}startCamera(){if(this.selectedCard)if(this.createCameraUI(),"undefined"!=typeof cv&&cv.getBuildInformation)this.startCameraProcessing();else{const t=document.createElement("script");t.src="/accuraface1.js",t.onload=()=>{cv.onRuntimeInitialized=()=>this.startCameraProcessing()},document.body.appendChild(t)}else console.error("No card selected. Cannot start camera.")}createCameraUI(){this.cameraContainer=document.createElement("div"),this.cameraContainer.className="camera-container",this.cameraContainer.style.position="fixed",this.cameraContainer.style.top="0",this.cameraContainer.style.left="0",this.cameraContainer.style.width="100%",this.cameraContainer.style.height="100%",this.cameraContainer.style.display="flex",this.cameraContainer.style.justifyContent="center",this.cameraContainer.style.alignItems="center",this.cameraContainer.style.background="rgba(0,0,0,0.8)",this.cameraContainer.style.zIndex="2000",document.body.appendChild(this.cameraContainer),this.video=document.createElement("video"),this.video.id="video",this.video.autoplay=!0,this.video.playsInline=!0,this.video.style.width="auto",this.video.style.height="100%",this.video.style.objectFit="cover",this.video.style.position="absolute",this.video.style.top="0",this.video.style.left="50%",this.video.style.transform="translateX(-50%)",this.cameraContainer.appendChild(this.video),this.canvas=document.createElement("canvas"),this.canvas.id="canvas",this.canvas.style.display="none",this.canvas.style.transform="scaleX(-1)",this.cameraContainer.appendChild(this.canvas),this.scanFrame=document.createElement("div"),this.scanFrame.className="scan-frame",this.scanFrame.style.position="absolute",this.scanFrame.style.top="50%",this.scanFrame.style.left="50%",this.scanFrame.style.transform="translate(-50%, -50%)",this.scanFrame.style.border="2px solid red",this.scanFrame.style.boxSizing="border-box",this.scanFrame.style.boxShadow="0 0 0 9999px rgba(0, 0, 0, 0.6)",window.innerWidth<=767?(this.scanFrame.style.width="90vw",this.scanFrame.style.height="50vw",this.scanFrame.style.maxWidth="350px",this.scanFrame.style.maxHeight="200px"):window.innerWidth<=1024?(this.scanFrame.style.width="60vw",this.scanFrame.style.height="40vw",this.scanFrame.style.maxWidth="600px",this.scanFrame.style.maxHeight="400px"):(this.scanFrame.style.width="50vw",this.scanFrame.style.height="30vw",this.scanFrame.style.maxWidth="800px",this.scanFrame.style.maxHeight="500px"),this.cameraContainer.appendChild(this.scanFrame),this.instructionText=document.createElement("div"),this.instructionText.className="instruction-text",this.instructionText.id="instructionText",this.instructionText.textContent=this.InstructText||"Keep Document in Frame",this.instructionText.style.position="absolute",this.instructionText.style.left="50%",this.instructionText.style.transform="translateX(-50%)",this.instructionText.style.padding="8px 12px",this.instructionText.style.borderRadius="6px",this.instructionText.style.pointerEvents="none",this.instructionText.style.textAlign="center",this.instructionText.style.fontSize=this.InstructSize||"0.8rem",this.instructionText.style.fontWeight=this.InstructWeight||"450",this.instructionText.style.width="100%",this.instructionText.style.maxWidth="100%",this.instructionText.style.zIndex="8000",this.instructionText.style.color=this.InstructColor||"#fff",this.instructionText.style.bottom="10%",this.cameraContainer.appendChild(this.instructionText),this.topInstructionText=document.createElement("div"),this.topInstructionText.className="top-instruction-text",this.topInstructionText.id="topInstructionText",this.topInstructionText.style.position="absolute",this.topInstructionText.style.left="50%",this.topInstructionText.style.transform="translateX(-50%)",this.topInstructionText.style.padding="8px 12px",this.topInstructionText.style.borderRadius="6px",this.topInstructionText.style.pointerEvents="none",this.topInstructionText.style.textAlign="center",this.topInstructionText.style.fontSize=this.topInstructSize||"0.8rem",this.topInstructionText.style.fontWeight=this.topInstructWeight||"450",this.topInstructionText.style.width="100%",this.topInstructionText.style.maxWidth="100%",this.topInstructionText.style.zIndex="8000",this.topInstructionText.style.color=this.topInstructColor||"#fff",this.topInstructionText.style.top="10%",this.cameraContainer.appendChild(this.topInstructionText)}startCameraProcessing(){const{country:t,REWARDS:e,frontCard:i,backCard:n,requiresBack:s}=this.selectedCard;let a=i.card_code,o=.12,r=.12;"CLMIDN"===a&&(o=.09,r=.1),"CLMID"===a&&(o=.1,r=.1),"COLPAF"===a&&(o=.09,r=.1),"CLMDL"===a&&(o=.11,r=.1),"COLCIF"===a&&(o=.08,r=.09),"UGNIDF"===a&&(o=.1,r=.12);let c="CLMIDN"===a?`Scan Front Side of ${t.country_name} National ID Card New`:"CLMID"===a?`Scan Front Side of ${t.country_name} National ID Card`:"COLPAF"===a?`Scan Front Side of ${t.country_name}'s Passport`:"CLMDL"===a?`Scan Front Side of ${t.country_name}'s Driving License`:"COLCIF"===a?`Scan Front Side of ${t.country_name}'s Citizen Card`:"UGNIDF"===a?`Scan Front Side of ${t.country_name}'s National ID Card`:"Scanning front side...";this.topInstructionText.textContent=c,this.instructionText.textContent="Keep Document in Frame";const d=new Image;d.src="data:image/jpeg;base64,"+i.card_img;let l=!1,h=0,m=0,u=!1;d.onload=()=>{const e=cv.imread(d);let a=Math.round(.15*e.rows),c=e.roi(new cv.Rect(0,0,e.cols,a));navigator.mediaDevices.getUserMedia({video:{width:{ideal:1920},height:{ideal:1080},facingMode:{ideal:"environment"},frameRate:{ideal:60,max:60}}}).then((a=>{this.frontStream=a,this.video.srcObject=this.frontStream,this.video.addEventListener("loadedmetadata",(()=>{this.canvas.width=this.video.videoWidth,this.canvas.height=this.video.videoHeight}));const d=a=>{if(!this.frontStream||!this.frontStream.active||l)return void requestAnimationFrame(d);const p=this.video.getBoundingClientRect(),y=this.scanFrame.getBoundingClientRect();this.instructionText.style.top=y.bottom+10+"px",this.topInstructionText.style.top=y.top-35+"px";const x=this.video.videoWidth/p.width,C=this.video.videoHeight/p.height,f=(y.left-p.left)*x,v=(y.top-p.top)*C,g=y.width*x,T=y.height*C;if(g>0&&T>0){const a=document.createElement("canvas");a.width=g,a.height=T;a.getContext("2d").drawImage(this.video,f,v,g,T,0,0,g,T);const d=cv.imread(a),p=this.multiScaleTemplateMatch(d,e);if(p.maxVal>=o){const e=this.multiScaleTemplateMatch(d,c);e.maxVal>=r&&(h++,3===h&&(l=!0,this.frontStream.getTracks().forEach((t=>t.stop())),this.processCapturedFrame(a,t,i,p,e,"front").then((()=>{if(s&&n){this.audioUnlocked&&(this.ding.currentTime=0,this.ding.play().catch((()=>{})));const e=document.createElement("div");e.id="flipAnimation",e.innerHTML='<i class="fas fa-id-card"></i>',e.style.animation="flipAnimation 1s linear forwards",e.style.position="absolute",e.style.top="50%",e.style.left="50%",e.style.width="50px",e.style.height="50px",e.style.transform="translate(-50%, -50%)",e.style.fontSize="48px",e.style.color="#e53935",this.cameraContainer.appendChild(e),setTimeout((()=>{e.parentNode===this.cameraContainer&&this.cameraContainer.removeChild(e),this.startBackCameraProcessing(t,n)}),1e3)}}))))}m++,m%20!=0||u||(u=!0,this.instructionText.textContent="Keep Document Near to Camera",setTimeout((()=>{l||(this.instructionText.textContent="Keep Document in Frame"),u=!1}),1200)),d.delete()}requestAnimationFrame(d)};requestAnimationFrame(d)})).catch((t=>{console.error("Front camera error:",t)}))}}startBackCameraProcessing(t,e){let i=.1,n=.12;"UGNIDB"===e.card_code&&(i=.12,n=.12);let s="COLIDB"===e.card_code?`Scan Back Side of ${t.country_name} National ID Card New`:"COLMIDB"===e.card_code?`Scan Back Side of ${t.country_name} National ID Card`:"COLCIB"===e.card_code?`Scan Back Side of ${t.country_name} Citizen Card`:"UGNIDB"===e.card_code?`Scan Back Side of ${t.country_name}'s National ID Card`:"Scanning back side...";this.topInstructionText.textContent=s,this.instructionText.textContent="Keep Document in Frame";const a=new Image;a.src="data:image/jpeg;base64,"+e.card_img;let o=!1,r=0,c=0,d=!1;a.onload=()=>{const s=cv.imread(a);let l=Math.round(.35*s.rows),h=s.roi(new cv.Rect(0,0,s.cols,l));navigator.mediaDevices.getUserMedia({video:{width:{ideal:1920},height:{ideal:1080},facingMode:{ideal:"environment"},frameRate:{ideal:60,max:60}}}).then((a=>{this.backStream=a,this.video.srcObject=this.backStream,this.video.addEventListener("loadedmetadata",(()=>{this.canvas.width=this.video.videoWidth,this.canvas.height=this.video.videoHeight}));const l=a=>{if(!this.backStream||!this.backStream.active||o)return void requestAnimationFrame(l);const m=this.video.getBoundingClientRect(),u=this.scanFrame.getBoundingClientRect();this.instructionText.style.top=u.bottom+10+"px",this.topInstructionText.style.top=u.top-35+"px";const p=this.video.videoWidth/m.width,y=this.video.videoHeight/m.height,x=(u.left-m.left)*p,C=(u.top-m.top)*y,f=u.width*p,v=u.height*y;if(f>0&&v>0){const a=document.createElement("canvas");a.width=f,a.height=v;a.getContext("2d").drawImage(this.video,x,C,f,v,0,0,f,v);const l=cv.imread(a),m=this.multiScaleTemplateMatch(l,s);if(m.maxVal>=i){const i=this.multiScaleTemplateMatch(l,h);i.maxVal>=n&&(r++,3===r&&(o=!0,this.backStream.getTracks().forEach((t=>t.stop())),this.processCapturedFrame(a,t,e,m,i,"back")))}c++,c%20!=0||d||(d=!0,this.instructionText.textContent="Keep Document Near to Camera",setTimeout((()=>{o||(this.instructionText.textContent="Keep Document in Frame"),d=!1}),1200)),l.delete()}requestAnimationFrame(l)};requestAnimationFrame(l)})).catch((t=>{console.error("Back camera error:",t)}))}}multiScaleTemplateMatch(t,e){let i=null,n=1,s=0;const a=new cv.Mat,o=new cv.Mat;cv.resize(e,o,new cv.Size(e.cols,e.rows));const r=new cv.Mat;cv.cvtColor(o,r,cv.COLOR_RGBA2GRAY),cv.Canny(r,r,60,255);for(let e=1;e<=2;e+=.1){const o=new cv.Mat,c=Math.round(t.cols/e),d=Math.round(t.rows/e);cv.resize(t,o,new cv.Size(c,d));let l=o.cols<r.cols||o.rows<r.rows?new cv.Mat:r;if(o.cols<r.cols||o.rows<r.rows){let t=Math.min(o.cols/r.cols,o.rows/r.rows);cv.resize(r,l,new cv.Size(Math.round(r.cols*t),Math.round(r.rows*t)))}const h=new cv.Mat;cv.cvtColor(o,h,cv.COLOR_RGBA2GRAY),cv.Canny(h,h,60,255);try{cv.matchTemplate(h,l,a,cv.TM_CCOEFF_NORMED)}catch(t){console.error("Error in matchTemplate at scale",e,t)}const m=cv.minMaxLoc(a);m.maxVal>s&&(s=m.maxVal,i=m,n=e),h.delete(),(o.cols<r.cols||o.rows<r.rows)&&l.delete(),o.delete()}return o.delete(),r.delete(),a.delete(),{bestMatch:i,bestScale:n,maxVal:s}}async processCapturedFrame(canvas,t,e,i,n,s){this.showLoadingAnimation(),this.instructionText.textContent="Processing...";try{const t=await new Promise((t=>canvas.toBlob(t,"image/jpeg",.9))),e={"0th":{[piexif.ImageIFD.Make]:"AutoID",[piexif.ImageIFD.Model]:"IDDetectionCamera"}},i=piexif.dump(e),n=piexif.insert(i,canvas.toDataURL("image/jpeg",.92));await new Promise((e=>{const i=new FileReader;i.onload=()=>e(i.result),i.readAsDataURL(t)}));"front"===s?this.result.front=n:"back"===s&&(this.result.back=n),!this.selectedCard.requiresBack||this.result.back?(this.callback(this.result),this.hideLoadingAnimation(),setTimeout((()=>{this.stopAllStreams(),this.cameraContainer.remove()}),1e3)):this.hideLoadingAnimation()}catch(t){console.error("Error processing captured frame:",t),this.hideLoadingAnimation(),this.instructionText.textContent="Error processing image. Please try again."}}showLoadingAnimation(){const t=document.createElement("div");t.className="loading-spinner",t.innerHTML='<i class="fas fa-spinner"></i>',t.style.position="absolute",t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)",t.style.zIndex="3500";const e=t.querySelector("i");e.style.fontSize="48px",e.style.animation="spin 1s linear infinite",e.style.color="#e53935",this.cameraContainer.appendChild(t),this.loadingSpinner=t}hideLoadingAnimation(){this.loadingSpinner&&this.loadingSpinner.parentNode===this.cameraContainer&&this.cameraContainer.removeChild(this.loadingSpinner)}stopAllStreams(){this.frontStream&&(this.frontStream.getTracks().forEach((t=>t.stop())),this.frontStream=null),this.backStream&&(this.backStream.getTracks().forEach((t=>t.stop())),this.backStream=null)}}const style=document.createElement("style");style.textContent="\n@keyframes spin { \n  from { transform: rotate(0deg); } \n  to { transform: rotate(360deg); } \n}\n@keyframes flipAnimation { \n  from { transform: translate(-50%, -50%) rotateY(0deg); } \n  to { transform: translate(-50%, -50%) rotateY(360deg); } \n}\n",document.head.appendChild(style);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accuraidscanplugin",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "",
   "main": "./src/accuraautoocruganda.js",
   "scripts": {
@@ -9,8 +9,9 @@
   "files": [
     "build/accuramain.js",
     "./accuraface1.js",
-    "./src/js.json",
-    "./public"
+    "./accuraface2.js",
+    "./public",
+    "./accura.xml"
   ],
   "keywords": [],
   "author": "",
@@ -28,4 +29,4 @@
   "dependencies": {
   
   }
-}
+}