accurafaceplugin 1.0.25 → 1.0.26

package/dist/ce8d5a1730da8692ffe3.js

@@ -0,0 +1,2 @@
+/*! For license information please see ce8d5a1730da8692ffe3.js.LICENSE.txt */
+function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _defineProperty(e,n,t){return(n=_toPropertyKey(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _regenerator(){var e,n,t="function"==typeof Symbol?Symbol:{},i=t.iterator||"@@iterator",r=t.toStringTag||"@@toStringTag";function o(t,i,r,o){var s=i&&i.prototype instanceof c?i:c,d=Object.create(s.prototype);return _regeneratorDefine2(d,"_invoke",function(t,i,r){var o,c,s,d=0,l=r||[],u=!1,f={p:0,n:0,v:e,a:h,f:h.bind(e,4),d:function(n,t){return o=n,c=0,s=e,f.n=t,a}};function h(t,i){for(c=t,s=i,n=0;!u&&d&&!r&&n<l.length;n++){var r,o=l[n],h=f.p,p=o[2];t>3?(r=p===i)&&(s=o[(c=o[4])?5:(c=3,3)],o[4]=o[5]=e):o[0]<=h&&((r=t<2&&h<o[1])?(c=0,f.v=i,f.n=o[1]):h<p&&(r=t<3||o[0]>i||i>p)&&(o[4]=t,o[5]=i,f.n=p,c=0))}if(r||t>1)return a;throw u=!0,i}return function(r,l,p){if(d>1)throw TypeError("Generator is already running");for(u&&1===l&&h(l,p),c=l,s=p;(n=c<2?e:s)||!u;){o||(c?c<3?(c>1&&(f.n=-1),h(c,s)):f.n=s:f.v=s);try{if(d=2,o){if(c||(r="next"),n=o[r]){if(!(n=n.call(o,s)))throw TypeError("iterator result is not an object");if(!n.done)return n;s=n.value,c<2&&(c=0)}else 1===c&&(n=o.return)&&n.call(o),c<2&&(s=TypeError("The iterator does not provide a '"+r+"' method"),c=1);o=e}else if((n=(u=f.n<0)?s:t.call(i,f))!==a)break}catch(n){o=e,c=1,s=n}finally{d=1}}return{value:n,done:u}}}(t,r,o),!0),d}var a={};function c(){}function s(){}function d(){}n=Object.getPrototypeOf;var l=[][i]?n(n([][i]())):(_regeneratorDefine2(n={},i,(function(){return this})),n),u=d.prototype=c.prototype=Object.create(l);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,d):(e.__proto__=d,_regeneratorDefine2(e,r,"GeneratorFunction")),e.prototype=Object.create(u),e}return s.prototype=d,_regeneratorDefine2(u,"constructor",d),_regeneratorDefine2(d,"constructor",s),s.displayName="GeneratorFunction",_regeneratorDefine2(d,r,"GeneratorFunction"),_regeneratorDefine2(u),_regeneratorDefine2(u,r,"Generator"),_regeneratorDefine2(u,i,(function(){return this})),_regeneratorDefine2(u,"toString",(function(){return"[object Generator]"})),(_regenerator=function(){return{w:o,m:f}})()}function _regeneratorDefine2(e,n,t,i){var r=Object.defineProperty;try{r({},"",{})}catch(e){r=0}_regeneratorDefine2=function(e,n,t,i){function o(n,t){_regeneratorDefine2(e,n,(function(e){return this._invoke(n,t,e)}))}n?r?r(e,n,{value:t,enumerable:!i,configurable:!i,writable:!i}):e[n]=t:(o("next",0),o("throw",1),o("return",2))},_regeneratorDefine2(e,n,t,i)}function asyncGeneratorStep(e,n,t,i,r,o,a){try{var c=e[o](a),s=c.value}catch(e){return void t(e)}c.done?n(s):Promise.resolve(s).then(i,r)}function _asyncToGenerator(e){return function(){var n=this,t=arguments;return new Promise((function(i,r){var o=e.apply(n,t);function a(e){asyncGeneratorStep(o,i,r,a,c,"next",e)}function c(e){asyncGeneratorStep(o,i,r,a,c,"throw",e)}a(void 0)}))}}function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,n){for(var t=0;t<n.length;t++){var i=n[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,_toPropertyKey(i.key),i)}}function _createClass(e,n,t){return n&&_defineProperties(e.prototype,n),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(e){var n=_toPrimitive(e,"string");return"symbol"==_typeof(n)?n:n+""}function _toPrimitive(e,n){if("object"!=_typeof(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var FacePlugin=function(){return _createClass((function e(n,t){var i=this,r=t.threshold,o=t.textSize,a=t.textColor,c=t.textWeight,s=t.textBgColor,d=t.BodyBgColor,l=t.xmlPath;_classCallCheck(this,e),this.faceDetectionCount=0,this.onResultReceived=n,this.FPS=30,this.ZOOM_FACTOR=1.5,this.lastFaceDetectionTime=Date.now(),this.opencvLoaded=!1,this.faceThreshold=r,this.instructSize=o,this.instructColor=a,this.instructWeight=c,this.instructBgColor=s,this.bgcolor=d,this.createUI(),this.addStyles(),this.video=document.getElementById("videoInput"),this.canvas=document.getElementById("canvasOutput"),this.instructionText=document.getElementById("instructionText"),this.loader=document.getElementById("loader"),this.haarcascadeUrl=l,this.audioUrl=new URL("./ding.mp3",import.meta.url).href,this.audioUnlocked=!1,this.ding=null,_asyncToGenerator(_regenerator().m((function e(){var n;return _regenerator().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,i.loadDependencies();case 1:i.ding=new Audio(i.audioUrl),i.ding.preload="auto",i.ding.muted=!0,i.checkOpenCV(),n=function(){!i.audioUnlocked&&i.ding&&(i.ding.play().then((function(){i.ding.pause(),i.ding.currentTime=0,i.ding.muted=!1,i.audioUnlocked=!0})).catch((function(){})),document.removeEventListener("click",n))},document.addEventListener("click",n,{once:!0});case 2:return e.a(2)}}),e)})))()}),[{key:"createUI",value:function(){var e=document.createElement("div");e.className="accuraContainerBox";var n=document.createElement("div");n.className="camera-input",n.style.position="relative",this.cameraInput=n;var t=document.createElement("video");t.id="videoInput",t.width=640,t.height=480,t.autoplay=!0,t.muted=!0;var i=document.createElement("canvas");i.id="canvasOutput",i.style.display="none";var r=document.createElement("div");r.id="loader",r.className="loader",r.innerHTML='\n        <div class="loader-wrapper">\n            <div class="spinner"></div>\n            <p class="loader-text">Loading...</p>\n        </div>\n        ';var o=document.createElement("p");o.id="instructionText",n.appendChild(t),n.appendChild(i),n.appendChild(r),e.appendChild(n),e.appendChild(o),document.body.appendChild(e)}},{key:"checkOpenCV",value:function(){var e=this;this.showLoader();var n=function(){var t=window.cv&&"function"==typeof window.cv.Mat,i=window.Utils&&"function"==typeof window.Utils;t&&i?(e.opencvLoaded=!0,e.hideLoader(),e.openCvReady()):setTimeout(n,100)};n()}},{key:"showLoader",value:function(){this.loader&&(this.loader.style.display="flex")}},{key:"hideLoader",value:function(){this.loader&&(this.loader.style.display="none")}},{key:"loadScript",value:(n=_asyncToGenerator(_regenerator().m((function e(n){return _regenerator().w((function(e){for(;;)if(0===e.n)return e.a(2,new Promise((function(e,t){if(document.querySelector('script[src="'.concat(n,'"]')))e();else{var i=document.createElement("script");i.src=n,i.async=!0,i.onload=e,i.onerror=t,document.head.appendChild(i)}})))}),e)}))),function(e){return n.apply(this,arguments)})},{key:"loadDependencies",value:(e=_asyncToGenerator(_regenerator().m((function e(){var n,t,i;return _regenerator().w((function(e){for(;;)switch(e.n){case 0:return window.Module={locateFile:function(e){return e&&""!==e.trim()?new URL("./".concat(e),import.meta.url).href:e}},n=new URL("./accuraface1.js",import.meta.url).href,t=new URL("./accuraface2.js",import.meta.url).href,i=new URL("./piexif.js",import.meta.url).href,e.n=1,this.loadScript(n);case 1:return e.n=2,this.loadScript(t);case 2:return e.n=3,this.loadScript(i);case 3:return e.a(2)}}),e,this)}))),function(){return e.apply(this,arguments)})},{key:"openCvReady",value:function(){var e=this;navigator.mediaDevices.getUserMedia({video:!0,audio:!1}).then((function(n){e.video.srcObject=n,e.video.play(),e.isCanvasVisible=!1,e.video.addEventListener("loadedmetadata",(function(){if(e.video.videoWidth&&e.video.videoHeight){e.video.width=e.video.videoWidth,e.video.height=e.video.videoHeight,e.canvas.width=e.video.videoWidth,e.canvas.height=e.video.videoHeight;var n=new window.cv.Mat(e.video.videoHeight,e.video.videoWidth,window.cv.CV_8UC4),t=new window.cv.Mat(e.video.videoHeight,e.video.videoWidth,window.cv.CV_8UC4),i=new window.cv.VideoCapture(e.video),r=new window.cv.CascadeClassifier,o=new window.Utils("errorMessage"),a=e.haarcascadeUrl;o.createFileFromUrl(a,a,(function(){r.load(a),e.facepluginopencv(i,n,t,r)}))}}))})).catch((function(e){console.error("An error occurred while accessing media devices: ",e)}))}},{key:"isFaceInsideOval",value:function(e,n){var t=n.width/2,i=n.height/2,r=n.width/2,o=n.height/2,a=e.x+e.width/2,c=e.y+e.height/2;return Math.pow(a-t,2)/Math.pow(r,2)+Math.pow(c-i,2)/Math.pow(o,2)<=1}},{key:"facepluginopencv",value:function(e,n,t,i){var r=this,o=Date.now();e.read(n);var a=new window.cv.Rect(n.cols/2-n.cols/(2*this.ZOOM_FACTOR),n.rows/2-n.rows/(2*this.ZOOM_FACTOR),n.cols/this.ZOOM_FACTOR,n.rows/this.ZOOM_FACTOR),c=n.roi(a);window.cv.resize(c,t,new window.cv.Size(n.cols,n.rows),0,0,window.cv.INTER_LINEAR),this.instructionText.textContent="Keep Your Face In The Frame";var s=new window.cv.RectVector;try{if(i.detectMultiScale(n,s,1.5,3,0),1===s.size()){var d=s.get(0),l=(new window.cv.Rect(d.x,d.y,d.width,d.height),.14),u=Math.max(0,d.x-d.width*l),f=Math.max(0,d.y-d.height*l),h=Math.min(n.cols-u,1.28*d.width),p=Math.min(n.rows-f,1.28*d.height),v=new window.cv.Rect(u,f,h,p);window.cv.rectangle(n,new window.cv.Point(v.x,v.y),new window.cv.Point(v.x+v.width,v.y+v.height),[5,255,0,255],2);var m=d.width*d.height/(Math.PI*(this.canvas.width/2)*(this.canvas.height/2))*100;if(this.isFaceInsideOval(d,this.canvas)){if(m<30)this.instructionText.textContent="Stay closer to the window";else if(m>=30&&m<=100&&(this.instructionText.textContent="Processing....",this.faceDetectionCount++,this.faceDetectionCount===this.faceThreshold)){var w=document.createElement("div");return w.id="faceScanSuccess",w.innerHTML='\n  <div class="scan-success-wrapper">\n    \x3c!-- Viewfinder frame (your provided paths, scaled up a bit for better visibility) --\x3e\n    <svg class="face-viewfinder" width="120" height="120" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">\n      <path d="M8 18V8h10"  stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n      <path d="M46 8h10v10" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n      <path d="M56 46v10H46" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n      <path d="M18 56H8V46" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n      \x3c!-- Face representation (small circle + smile) --\x3e\n      <circle cx="32" cy="26" r="9" stroke="#ffffff" stroke-width="4" fill="none"/>\n      <path d="M22 42c4-8 16-8 20 0" stroke="#ffffff" stroke-width="4" stroke-linecap="round" fill="none"/>\n    </svg>\n\n    \x3c!-- Black checkmark overlay (appears on success) --\x3e\n    <svg class="success-tick" viewBox="0 0 52 52" width="80" height="80">\n      <path \n        d="M14.1 27.2 L21.2 34.4 L37.9 17.6" \n        stroke="green" \n        stroke-width="6" \n        stroke-linecap="round" \n        stroke-linejoin="round" \n        fill="none"\n      />\n    </svg>\n  </div>\n',Object.assign(w.style,{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:"200",pointerEvents:"none",textAlign:"center"}),this.cameraInput.appendChild(w),setTimeout((function(){return w.remove()}),1500),this.audioUnlocked&&(this.ding.currentTime=0,this.ding.play().catch((function(){}))),void setTimeout((function(){r.convertToBase64WithMetadata(v);var e=r.video.srcObject;e&&e.getTracks().forEach((function(e){return e.stop()}))}),1500)}}else this.instructionText.textContent="Move inside the oval window";this.lastFaceDetectionTime=Date.now()}}catch(e){console.error("Error processing video:",e)}finally{s.delete()}this.isCanvasVisible&&(window.cv.flip(n,n,1),window.cv.imshow(this.canvas.id,n));var g=1e3/this.FPS-(Date.now()-o);setTimeout((function(){return r.facepluginopencv(e,n,t,i)}),g)}},{key:"convertToBase64WithMetadata",value:function(e){var n=document.createElement("canvas");n.width=this.video.videoWidth,n.height=this.video.videoHeight;var t=n.getContext("2d");t.drawImage(this.video,0,0,n.width,n.height);var i=document.createElement("canvas");i.width=e.width,i.height=e.height;var r=i.getContext("2d"),o=t.getImageData(e.x,e.y,e.width,e.height);r.putImageData(o,0,0);var a={"0th":_defineProperty(_defineProperty({},piexif.ImageIFD.Make,"AccuraFace"),piexif.ImageIFD.Model,"FaceDetectionCamera")},c=piexif.dump(a),s=piexif.insert(c,i.toDataURL("image/jpeg",.92));this.onResultReceived&&(document.querySelector(".accuraContainerBox").style.display="none",this.onResultReceived({base64:s,metadata:a}))}},{key:"addStyles",value:function(){var e="\n        body {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          height: 100vh;\n          margin: 0;\n          background-color: ".concat(this.bgcolor||"rgb(255, 255, 255)",";\n          font-family: Arial, sans-serif;\n          flex-direction: column;\n        }\n        \n        .accuraContainerBox {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          padding: 20px;\n          background-color: transparent;\n          border-radius: 10px;\n        }\n        \n        #instructionText {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 10px;\n          background-color: ").concat(this.instructBgColor||"#fff",";\n          color: ").concat(this.instructColor||"rgb(10, 18, 131)",";\n          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n          border-radius: 5px;\n          margin-bottom: 20px;\n          font-size: ").concat(this.instructSize||"30px",";\n          font-weight: ").concat(this.instructWeight||"bold",";\n        }\n        \n        .camera-input {\n          width: 250px;\n          height: 370px;\n          position: relative;\n          overflow: hidden;\n          border-radius: 50%;\n          transform: scale(1.0);    \n        }\n        \n        #videoInput {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          transition: transform 0.3s ease-in-out;\n          transform: scaleX(-1) scale(1.5);         \n        }\n        \n        #canvasOutput {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          border-radius: 50%;\n          transform: scale(1.5);\n        }\n        \n        #response-text {\n          font-size: 18px;\n          color: #333;\n          margin-top: 10px;\n        }\n\n/* Desktop (default) */\n\n        /* Laptop */\n        @media (max-width: 1200px) {\n            #instructionText {\n            font-size: ").concat(this.instructSize||"28px",";\n            }\n        }\n\n        /* iPad / Tablet */\n        @media (max-width: 992px) {\n            #instructionText {\n            font-size: ").concat(this.instructSize||"28px",";\n            }\n        }\n\n        /* Mobile */\n        @media (max-width: 768px) {\n            #instructionText {\n            font-size: 25px;\n            }\n        }\n\n        /* Small Mobile (Extra Small Devices) */\n        @media (max-width: 480px) {\n            #instructionText {\n            font-size: ").concat(this.instructSize||"18px",";\n            }\n        }\n\n   .scan-success-wrapper {\n  position: relative;\n  width: 140px;\n  height: 140px;\n  margin: 0 auto;\n}\n\n.face-viewfinder {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0.9;\n  animation: pulseFrame 2s ease-in-out forwards;\n}\n\n.success-tick {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.6);\n  opacity: 0;\n  z-index: 2;\n  animation: tickReveal 1.1s ease-out 0.4s forwards;\n}\n\n/* Animations */\n@keyframes pulseFrame {\n  0%   { opacity: 0.6; transform: translate(-50%, -50%) scale(0.92); }\n  50%  { opacity: 1;   transform: translate(-50%, -50%) scale(1.08); }\n  100% { opacity: 0.85; transform: translate(-50%, -50%) scale(1); }\n}\n\n@keyframes tickReveal {\n  0%   { \n    transform: translate(-50%, -50%) scale(0.4); \n    opacity: 0; \n    stroke-dashoffset: 60; \n  }\n  40%  { \n    transform: translate(-50%, -50%) scale(1.15); \n    opacity: 1; \n  }\n  70%  { transform: translate(-50%, -50%) scale(0.95); }\n  100% { \n    transform: translate(-50%, -50%) scale(1); \n    opacity: 1; \n    stroke-dashoffset: 0; \n  }\n}\n\n/* Add stroke-dasharray to the tick path via JS or CSS for draw effect */\n.success-tick path {\n  stroke-dasharray: 60;\n  stroke-dashoffset: 60;\n  animation: drawTick 0.8s ease-out 0.5s forwards;\n}\n\n@keyframes drawTick {\n  to { stroke-dashoffset: 0; }\n}\n\n/* Fullscreen White Loader */\n#loader {\n  position: fixed;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  background: #ffffff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999;\n}\n\n.loader-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 18px;\n}\n\n.spinner {\n  width: 68px;\n  height: 68px;\n  border: 6px solid rgba(0, 0, 0, 0.12);\n  border-top: 6px solid #111111;\n  border-radius: 50%;\n  animation: spin 0.9s linear infinite;\n}\n\n.loader-text {\n  color: #111111;\n  font-size: 20px;\n  font-weight: 600;\n  text-align: center;\n  margin: 0;\n  font-family: Arial, sans-serif;\n}\n\n/* Tablet */\n@media (max-width: 768px) {\n  .spinner {\n    width: 56px;\n    height: 56px;\n  }\n\n  .loader-text {\n    font-size: 17px;\n  }\n}\n\n/* Mobile */\n@media (max-width: 480px) {\n  .spinner {\n    width: 48px;\n    height: 48px;\n    border-width: 5px;\n  }\n\n  .loader-text {\n    font-size: 15px;\n  }\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n        "),n=document.createElement("style");n.type="text/css",n.innerText=e,document.head.appendChild(n)}}]);var e,n}();export{FacePlugin as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accurafaceplugin",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "main": "./dist/accuramain.js",
   "module": "./dist/accuramain.js",
   "scripts": {
@@ -20,6 +20,6 @@
     "webpack-cli": "^5.1.4"
   },
   "dependencies": {
-    "accurafaceplugin": "^1.0.23"
+    "accurafaceplugin": "^1.0.25"
   }
 }

package/dist/4a43ea657e391c23666e.js

@@ -1,2 +0,0 @@
-/*! For license information please see 4a43ea657e391c23666e.js.LICENSE.txt */
-function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _defineProperty(e,n,t){return(n=_toPropertyKey(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _regenerator(){var e,n,t="function"==typeof Symbol?Symbol:{},i=t.iterator||"@@iterator",r=t.toStringTag||"@@toStringTag";function o(t,i,r,o){var s=i&&i.prototype instanceof c?i:c,d=Object.create(s.prototype);return _regeneratorDefine2(d,"_invoke",function(t,i,r){var o,c,s,d=0,l=r||[],u=!1,f={p:0,n:0,v:e,a:h,f:h.bind(e,4),d:function(n,t){return o=n,c=0,s=e,f.n=t,a}};function h(t,i){for(c=t,s=i,n=0;!u&&d&&!r&&n<l.length;n++){var r,o=l[n],h=f.p,p=o[2];t>3?(r=p===i)&&(s=o[(c=o[4])?5:(c=3,3)],o[4]=o[5]=e):o[0]<=h&&((r=t<2&&h<o[1])?(c=0,f.v=i,f.n=o[1]):h<p&&(r=t<3||o[0]>i||i>p)&&(o[4]=t,o[5]=i,f.n=p,c=0))}if(r||t>1)return a;throw u=!0,i}return function(r,l,p){if(d>1)throw TypeError("Generator is already running");for(u&&1===l&&h(l,p),c=l,s=p;(n=c<2?e:s)||!u;){o||(c?c<3?(c>1&&(f.n=-1),h(c,s)):f.n=s:f.v=s);try{if(d=2,o){if(c||(r="next"),n=o[r]){if(!(n=n.call(o,s)))throw TypeError("iterator result is not an object");if(!n.done)return n;s=n.value,c<2&&(c=0)}else 1===c&&(n=o.return)&&n.call(o),c<2&&(s=TypeError("The iterator does not provide a '"+r+"' method"),c=1);o=e}else if((n=(u=f.n<0)?s:t.call(i,f))!==a)break}catch(n){o=e,c=1,s=n}finally{d=1}}return{value:n,done:u}}}(t,r,o),!0),d}var a={};function c(){}function s(){}function d(){}n=Object.getPrototypeOf;var l=[][i]?n(n([][i]())):(_regeneratorDefine2(n={},i,(function(){return this})),n),u=d.prototype=c.prototype=Object.create(l);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,d):(e.__proto__=d,_regeneratorDefine2(e,r,"GeneratorFunction")),e.prototype=Object.create(u),e}return s.prototype=d,_regeneratorDefine2(u,"constructor",d),_regeneratorDefine2(d,"constructor",s),s.displayName="GeneratorFunction",_regeneratorDefine2(d,r,"GeneratorFunction"),_regeneratorDefine2(u),_regeneratorDefine2(u,r,"Generator"),_regeneratorDefine2(u,i,(function(){return this})),_regeneratorDefine2(u,"toString",(function(){return"[object Generator]"})),(_regenerator=function(){return{w:o,m:f}})()}function _regeneratorDefine2(e,n,t,i){var r=Object.defineProperty;try{r({},"",{})}catch(e){r=0}_regeneratorDefine2=function(e,n,t,i){function o(n,t){_regeneratorDefine2(e,n,(function(e){return this._invoke(n,t,e)}))}n?r?r(e,n,{value:t,enumerable:!i,configurable:!i,writable:!i}):e[n]=t:(o("next",0),o("throw",1),o("return",2))},_regeneratorDefine2(e,n,t,i)}function asyncGeneratorStep(e,n,t,i,r,o,a){try{var c=e[o](a),s=c.value}catch(e){return void t(e)}c.done?n(s):Promise.resolve(s).then(i,r)}function _asyncToGenerator(e){return function(){var n=this,t=arguments;return new Promise((function(i,r){var o=e.apply(n,t);function a(e){asyncGeneratorStep(o,i,r,a,c,"next",e)}function c(e){asyncGeneratorStep(o,i,r,a,c,"throw",e)}a(void 0)}))}}function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,n){for(var t=0;t<n.length;t++){var i=n[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,_toPropertyKey(i.key),i)}}function _createClass(e,n,t){return n&&_defineProperties(e.prototype,n),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(e){var n=_toPrimitive(e,"string");return"symbol"==_typeof(n)?n:n+""}function _toPrimitive(e,n){if("object"!=_typeof(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var FacePlugin=function(){return _createClass((function e(n,t){var i=this,r=t.threshold,o=t.textSize,a=t.textColor,c=t.textWeight,s=t.textBgColor,d=t.BodyBgColor;_classCallCheck(this,e),this.faceDetectionCount=0,this.onResultReceived=n,this.FPS=30,this.ZOOM_FACTOR=1.5,this.lastFaceDetectionTime=Date.now(),this.opencvLoaded=!1,this.faceThreshold=r,this.instructSize=o,this.instructColor=a,this.instructWeight=c,this.instructBgColor=s,this.bgcolor=d,this.createUI(),this.addStyles(),this.video=document.getElementById("videoInput"),this.canvas=document.getElementById("canvasOutput"),this.instructionText=document.getElementById("instructionText"),this.loader=document.getElementById("loader"),this.haarcascadeUrl=new URL("./accura.xml",import.meta.url).href,this.audioUrl=new URL("./ding.mp3",import.meta.url).href,this.audioUnlocked=!1,this.ding=null,_asyncToGenerator(_regenerator().m((function e(){var n;return _regenerator().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,i.loadDependencies();case 1:i.ding=new Audio(i.audioUrl),i.ding.preload="auto",i.ding.muted=!0,i.checkOpenCV(),n=function(){!i.audioUnlocked&&i.ding&&(i.ding.play().then((function(){i.ding.pause(),i.ding.currentTime=0,i.ding.muted=!1,i.audioUnlocked=!0})).catch((function(){})),document.removeEventListener("click",n))},document.addEventListener("click",n,{once:!0});case 2:return e.a(2)}}),e)})))()}),[{key:"createUI",value:function(){var e=document.createElement("div");e.className="accuraContainerBox";var n=document.createElement("div");n.className="camera-input",n.style.position="relative",this.cameraInput=n;var t=document.createElement("video");t.id="videoInput",t.width=640,t.height=480,t.autoplay=!0,t.muted=!0;var i=document.createElement("canvas");i.id="canvasOutput",i.style.display="none";var r=document.createElement("div");r.id="loader",r.className="loader",r.innerHTML='\n        <div class="loader-wrapper">\n            <div class="spinner"></div>\n            <p class="loader-text">Loading...</p>\n        </div>\n        ';var o=document.createElement("p");o.id="instructionText",n.appendChild(t),n.appendChild(i),n.appendChild(r),e.appendChild(n),e.appendChild(o),document.body.appendChild(e)}},{key:"checkOpenCV",value:function(){var e=this;this.showLoader();var n=function(){var t=window.cv&&"function"==typeof window.cv.Mat,i=window.Utils&&"function"==typeof window.Utils;t&&i?(e.opencvLoaded=!0,e.hideLoader(),e.openCvReady()):setTimeout(n,100)};n()}},{key:"showLoader",value:function(){this.loader&&(this.loader.style.display="flex")}},{key:"hideLoader",value:function(){this.loader&&(this.loader.style.display="none")}},{key:"loadScript",value:(n=_asyncToGenerator(_regenerator().m((function e(n){return _regenerator().w((function(e){for(;;)if(0===e.n)return e.a(2,new Promise((function(e,t){if(document.querySelector('script[src="'.concat(n,'"]')))e();else{var i=document.createElement("script");i.src=n,i.async=!0,i.onload=e,i.onerror=t,document.head.appendChild(i)}})))}),e)}))),function(e){return n.apply(this,arguments)})},{key:"loadDependencies",value:(e=_asyncToGenerator(_regenerator().m((function e(){var n,t,i;return _regenerator().w((function(e){for(;;)switch(e.n){case 0:return window.Module={locateFile:function(e){return e&&""!==e.trim()?new URL("./".concat(e),import.meta.url).href:e}},n=new URL("./accuraface1.js",import.meta.url).href,t=new URL("./accuraface2.js",import.meta.url).href,i=new URL("./piexif.js",import.meta.url).href,e.n=1,this.loadScript(n);case 1:return e.n=2,this.loadScript(t);case 2:return e.n=3,this.loadScript(i);case 3:return e.a(2)}}),e,this)}))),function(){return e.apply(this,arguments)})},{key:"openCvReady",value:function(){var e=this;navigator.mediaDevices.getUserMedia({video:!0,audio:!1}).then((function(n){e.video.srcObject=n,e.video.play(),e.isCanvasVisible=!1,e.video.addEventListener("loadedmetadata",(function(){if(e.video.videoWidth&&e.video.videoHeight){e.video.width=e.video.videoWidth,e.video.height=e.video.videoHeight,e.canvas.width=e.video.videoWidth,e.canvas.height=e.video.videoHeight;var n=new window.cv.Mat(e.video.videoHeight,e.video.videoWidth,window.cv.CV_8UC4),t=new window.cv.Mat(e.video.videoHeight,e.video.videoWidth,window.cv.CV_8UC4),i=new window.cv.VideoCapture(e.video),r=new window.cv.CascadeClassifier,o=new window.Utils("errorMessage"),a=e.haarcascadeUrl;o.createFileFromUrl(a,a,(function(){r.load(a),e.facepluginopencv(i,n,t,r)}))}}))})).catch((function(e){console.error("An error occurred while accessing media devices: ",e)}))}},{key:"isFaceInsideOval",value:function(e,n){var t=n.width/2,i=n.height/2,r=n.width/2,o=n.height/2,a=e.x+e.width/2,c=e.y+e.height/2;return Math.pow(a-t,2)/Math.pow(r,2)+Math.pow(c-i,2)/Math.pow(o,2)<=1}},{key:"facepluginopencv",value:function(e,n,t,i){var r=this,o=Date.now();e.read(n);var a=new window.cv.Rect(n.cols/2-n.cols/(2*this.ZOOM_FACTOR),n.rows/2-n.rows/(2*this.ZOOM_FACTOR),n.cols/this.ZOOM_FACTOR,n.rows/this.ZOOM_FACTOR),c=n.roi(a);window.cv.resize(c,t,new window.cv.Size(n.cols,n.rows),0,0,window.cv.INTER_LINEAR),this.instructionText.textContent="Keep Your Face In The Frame";var s=new window.cv.RectVector;try{if(i.detectMultiScale(n,s,1.5,3,0),1===s.size()){var d=s.get(0),l=(new window.cv.Rect(d.x,d.y,d.width,d.height),.14),u=Math.max(0,d.x-d.width*l),f=Math.max(0,d.y-d.height*l),h=Math.min(n.cols-u,1.28*d.width),p=Math.min(n.rows-f,1.28*d.height),v=new window.cv.Rect(u,f,h,p);window.cv.rectangle(n,new window.cv.Point(v.x,v.y),new window.cv.Point(v.x+v.width,v.y+v.height),[5,255,0,255],2);var m=d.width*d.height/(Math.PI*(this.canvas.width/2)*(this.canvas.height/2))*100;if(this.isFaceInsideOval(d,this.canvas)){if(m<30)this.instructionText.textContent="Stay closer to the window";else if(m>=30&&m<=100&&(this.instructionText.textContent="Processing....",this.faceDetectionCount++,this.faceDetectionCount===this.faceThreshold)){var w=document.createElement("div");return w.id="faceScanSuccess",w.innerHTML='\n  <div class="scan-success-wrapper">\n    \x3c!-- Viewfinder frame (your provided paths, scaled up a bit for better visibility) --\x3e\n    <svg class="face-viewfinder" width="120" height="120" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">\n      <path d="M8 18V8h10"  stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n      <path d="M46 8h10v10" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n      <path d="M56 46v10H46" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n      <path d="M18 56H8V46" stroke="#ffffff" stroke-width="5" stroke-linecap="round"/>\n      \x3c!-- Face representation (small circle + smile) --\x3e\n      <circle cx="32" cy="26" r="9" stroke="#ffffff" stroke-width="4" fill="none"/>\n      <path d="M22 42c4-8 16-8 20 0" stroke="#ffffff" stroke-width="4" stroke-linecap="round" fill="none"/>\n    </svg>\n\n    \x3c!-- Black checkmark overlay (appears on success) --\x3e\n    <svg class="success-tick" viewBox="0 0 52 52" width="80" height="80">\n      <path \n        d="M14.1 27.2 L21.2 34.4 L37.9 17.6" \n        stroke="green" \n        stroke-width="6" \n        stroke-linecap="round" \n        stroke-linejoin="round" \n        fill="none"\n      />\n    </svg>\n  </div>\n',Object.assign(w.style,{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:"200",pointerEvents:"none",textAlign:"center"}),this.cameraInput.appendChild(w),setTimeout((function(){return w.remove()}),1500),this.audioUnlocked&&(this.ding.currentTime=0,this.ding.play().catch((function(){}))),void setTimeout((function(){r.convertToBase64WithMetadata(v);var e=r.video.srcObject;e&&e.getTracks().forEach((function(e){return e.stop()}))}),1500)}}else this.instructionText.textContent="Move inside the oval window";this.lastFaceDetectionTime=Date.now()}}catch(e){console.error("Error processing video:",e)}finally{s.delete()}this.isCanvasVisible&&(window.cv.flip(n,n,1),window.cv.imshow(this.canvas.id,n));var g=1e3/this.FPS-(Date.now()-o);setTimeout((function(){return r.facepluginopencv(e,n,t,i)}),g)}},{key:"convertToBase64WithMetadata",value:function(e){var n=document.createElement("canvas");n.width=this.video.videoWidth,n.height=this.video.videoHeight;var t=n.getContext("2d");t.drawImage(this.video,0,0,n.width,n.height);var i=document.createElement("canvas");i.width=e.width,i.height=e.height;var r=i.getContext("2d"),o=t.getImageData(e.x,e.y,e.width,e.height);r.putImageData(o,0,0);var a={"0th":_defineProperty(_defineProperty({},piexif.ImageIFD.Make,"AccuraFace"),piexif.ImageIFD.Model,"FaceDetectionCamera")},c=piexif.dump(a),s=piexif.insert(c,i.toDataURL("image/jpeg",.92));this.onResultReceived&&(document.querySelector(".accuraContainerBox").style.display="none",this.onResultReceived({base64:s,metadata:a}))}},{key:"addStyles",value:function(){var e="\n        body {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          height: 100vh;\n          margin: 0;\n          background-color: ".concat(this.bgcolor||"rgb(255, 255, 255)",";\n          font-family: Arial, sans-serif;\n          flex-direction: column;\n        }\n        \n        .accuraContainerBox {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          padding: 20px;\n          background-color: transparent;\n          border-radius: 10px;\n        }\n        \n        #instructionText {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 10px;\n          background-color: ").concat(this.instructBgColor||"#fff",";\n          color: ").concat(this.instructColor||"rgb(10, 18, 131)",";\n          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n          border-radius: 5px;\n          margin-bottom: 20px;\n          font-size: ").concat(this.instructSize||"30px",";\n          font-weight: ").concat(this.instructWeight||"bold",";\n        }\n        \n        .camera-input {\n          width: 250px;\n          height: 370px;\n          position: relative;\n          overflow: hidden;\n          border-radius: 50%;\n          transform: scale(1.0);    \n        }\n        \n        #videoInput {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          transition: transform 0.3s ease-in-out;\n          transform: scaleX(-1) scale(1.5);         \n        }\n        \n        #canvasOutput {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          border-radius: 50%;\n          transform: scale(1.5);\n        }\n        \n        #response-text {\n          font-size: 18px;\n          color: #333;\n          margin-top: 10px;\n        }\n\n/* Desktop (default) */\n\n        /* Laptop */\n        @media (max-width: 1200px) {\n            #instructionText {\n            font-size: ").concat(this.instructSize||"28px",";\n            }\n        }\n\n        /* iPad / Tablet */\n        @media (max-width: 992px) {\n            #instructionText {\n            font-size: ").concat(this.instructSize||"28px",";\n            }\n        }\n\n        /* Mobile */\n        @media (max-width: 768px) {\n            #instructionText {\n            font-size: 25px;\n            }\n        }\n\n        /* Small Mobile (Extra Small Devices) */\n        @media (max-width: 480px) {\n            #instructionText {\n            font-size: ").concat(this.instructSize||"18px",";\n            }\n        }\n\n   .scan-success-wrapper {\n  position: relative;\n  width: 140px;\n  height: 140px;\n  margin: 0 auto;\n}\n\n.face-viewfinder {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0.9;\n  animation: pulseFrame 2s ease-in-out forwards;\n}\n\n.success-tick {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(0.6);\n  opacity: 0;\n  z-index: 2;\n  animation: tickReveal 1.1s ease-out 0.4s forwards;\n}\n\n/* Animations */\n@keyframes pulseFrame {\n  0%   { opacity: 0.6; transform: translate(-50%, -50%) scale(0.92); }\n  50%  { opacity: 1;   transform: translate(-50%, -50%) scale(1.08); }\n  100% { opacity: 0.85; transform: translate(-50%, -50%) scale(1); }\n}\n\n@keyframes tickReveal {\n  0%   { \n    transform: translate(-50%, -50%) scale(0.4); \n    opacity: 0; \n    stroke-dashoffset: 60; \n  }\n  40%  { \n    transform: translate(-50%, -50%) scale(1.15); \n    opacity: 1; \n  }\n  70%  { transform: translate(-50%, -50%) scale(0.95); }\n  100% { \n    transform: translate(-50%, -50%) scale(1); \n    opacity: 1; \n    stroke-dashoffset: 0; \n  }\n}\n\n/* Add stroke-dasharray to the tick path via JS or CSS for draw effect */\n.success-tick path {\n  stroke-dasharray: 60;\n  stroke-dashoffset: 60;\n  animation: drawTick 0.8s ease-out 0.5s forwards;\n}\n\n@keyframes drawTick {\n  to { stroke-dashoffset: 0; }\n}\n\n/* Fullscreen White Loader */\n#loader {\n  position: fixed;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  background: #ffffff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999;\n}\n\n.loader-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 18px;\n}\n\n.spinner {\n  width: 68px;\n  height: 68px;\n  border: 6px solid rgba(0, 0, 0, 0.12);\n  border-top: 6px solid #111111;\n  border-radius: 50%;\n  animation: spin 0.9s linear infinite;\n}\n\n.loader-text {\n  color: #111111;\n  font-size: 20px;\n  font-weight: 600;\n  text-align: center;\n  margin: 0;\n  font-family: Arial, sans-serif;\n}\n\n/* Tablet */\n@media (max-width: 768px) {\n  .spinner {\n    width: 56px;\n    height: 56px;\n  }\n\n  .loader-text {\n    font-size: 17px;\n  }\n}\n\n/* Mobile */\n@media (max-width: 480px) {\n  .spinner {\n    width: 48px;\n    height: 48px;\n    border-width: 5px;\n  }\n\n  .loader-text {\n    font-size: 15px;\n  }\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n        "),n=document.createElement("style");n.type="text/css",n.innerText=e,document.head.appendChild(n)}}]);var e,n}();export{FacePlugin as default};