@azure/ai-vision-face-ui 1.4.0 → 1.4.2

package/FaceLivenessDetector.js

@@ -1,4 +1,4 @@
-var t="./";const e=t+"facelivenessdetector-assets/images/Smile.svg",s=t+"facelivenessdetector-assets/images/Brightness.svg",n=t+"facelivenessdetector-assets/images/FaceId.svg",i=t+"facelivenessdetector-assets/images/activeMotionVisualHint.png";function a(){const t=["181951jxDkIt","2943236XjwNrV","11276073wUczst","4684BNLzDF","arc","180872YgduiK","khw","4306236iOmcLT","427ViZZpg","5689965koKOWq","1233AYZrao"];return(a=function(){return t})()}function r(t,e){const s=a();return(r=function(t,e){return s[t-=226]})(t,e)}const o=r;!function(){const t=r,e=a();for(;;)try{if(994601==-parseInt(t(236))/1+parseInt(t(226))/2+parseInt(t(235))/3*(parseInt(t(228))/4)+parseInt(t(234))/5+parseInt(t(232))/6+-parseInt(t(233))/7*(parseInt(t(230))/8)+-parseInt(t(227))/9)break;e.push(e.shift())}catch(t){e.push(e.shift())}}();const c=["ar",o(229),"dv","fa","ha","he",o(231),"ks","ku","ps","ur","yi"],h=u;function u(t,e){const s=l();return(u=function(t,e){return s[t-=150]})(t,e)}function l(){const t=["Failed to load locale: ","/en.json","95646ensalh","_skipInstructions","78023hrEpHU","connectedCallback","fontSize","statusText","text","FaceRecoEngineAdapter",".wasm","21jkvmEa","languageDictionary","_locale","head","undefined","_userCorrelationId","440qXNJmA","validate","AzureAIVisionFace.js","skipInstructions","loadLanguageDictionary","AzureAIVisionFace_SIMD.js","replace","_deviceCorrelationId","_mediaInfoDeviceId","_languageDictionary","24750HEnmvi","authToken","32104imAghh","_brightnessImagePath","None","bind","keys","isHTMLInit","1132929WEBKuO","_feedbackMessageStyles","activeMotionVisualHint","786578gZvfvq","isDefined","./facelivenessdetector-assets/i18n/","_continueButtonStyles","_fontFamily","brightnessImagePath","function","buttonStyles","cleanup","734676xQCMqX","287UHkueu","_fontSize","start","createElement","script","smilePath","checkModuleDefined","_baseAssetsURL","src","parse","isRtl","userCorrelationId","deviceCorrelationId","feedbackMessageStyles","length","disconnectedCallback","56anwbCC"," strings file: ","290wrKvAx"];return(l=function(){return t})()}!function(){const t=u,e=l();for(;;)try{if(446906==-parseInt(t(190))/1+-parseInt(t(179))/2*(parseInt(t(163))/3)+parseInt(t(181))/4*(-parseInt(t(151))/5)+-parseInt(t(154))/6*(-parseInt(t(200))/7)+parseInt(t(216))/8*(parseInt(t(187))/9)+parseInt(t(169))/10*(parseInt(t(156))/11)+-parseInt(t(199))/12)break;e.push(e.shift())}catch(t){e.push(e.shift())}}();var f=h(174);try{0==WebAssembly[h(170)](new Uint8Array([0,97,115,109,1,0,0,0,1,4,1,96,0,0,3,2,1,0,10,9,1,7,0,65,0,253,15,26,11]))&&(f=h(171))}catch(t){f="AzureAIVisionFace.js"}class d extends HTMLElement{constructor(){const t=h;super(),this[t(205)]=e,this.start=this[t(202)][t(184)](this),this[t(182)]="",this[t(193)]="",this._feedbackMessageStyles="",this[t(201)]="",this._fontFamily="",this[t(178)]={},this[t(210)]=!1,this[t(165)]="en-US",this[t(207)]="./",this._mediaInfoDeviceId="",this[t(155)]=!0,this[t(176)]="",this[t(168)]="",this[t(191)]=!1,this[t(186)]=!1,this[t(180)]="",this.faceId=n,this[t(189)]=i,this.brightnessSVGPath=s}set[h(195)](t){this[h(182)]=t}set[h(158)](t){this._fontSize=t}set fontFamily(t){this[h(194)]=t}set[h(197)](t){this[h(193)]=t}set[h(213)](t){this[h(188)]=t}set locale(t){this[h(165)]=t,c.includes(t)&&(this.isRtl=!0)}set[h(164)](t){const e=h;this._languageDictionary=t||this[e(178)]}set mediaInfoDeviceId(t){this[h(177)]=t}set[h(172)](t){this[h(155)]=t}set[h(212)](t){this._deviceCorrelationId=t}set[h(211)](t){this[h(168)]=t}[h(202)]=async t=>{const e=h;return this.authToken=t,this[e(191)]=await this[e(206)](1e3,15),this[e(191)]?(await this[e(173)](),Module[e(202)](this)):new Promise((t,s)=>{s({livenessError:"Unexpected",recognitionError:e(183)})})};async[h(157)](){const t=h;if(this.isConnected&&(typeof Module===t(167)||typeof Module.FaceRecoEngineAdapter===t(167))){const e=this[t(207)][t(175)](/\/$/,"")+"/facelivenessdetector-assets/js/";window.Module={locateFile:function(s,n){const i=t;return s.includes("AzureAIVisionFace")&&s.endsWith(i(162))?e+s:n+s}};const s=document[t(203)](t(204));s[t(208)]=e+f,document[t(166)].appendChild(s)}}[h(215)](){const t=h;typeof Module!==t(167)&&typeof Module[t(198)]===t(196)&&Module[t(198)]()}async[h(173)](){const t=h;if(0===Object[t(185)](this[t(178)])[t(214)]){let e=await fetch(t(192)+this[t(165)]+t(153));if(!e.ok)throw new Error(t(152)+this._locale+t(150)+e[t(159)]+".");let s=await e[t(160)]();this[t(178)]=JSON[t(209)](s)}}async[h(206)](t,e){const s=h;let n=0;for(;n<e;){if(n++,typeof Module!==s(167)&&typeof Module[s(161)]!==s(167))return!0;await new Promise(e=>setTimeout(e,t))}return!1}}var p=g;function I(){var t=["44DdvGwq","2931485PpbuGd","312550JRSagP","2113068pXStvb","9337QBgmEd","define","azure-ai-vision-face-ui","8132210WRYzyh","6ACAcPh","2469760EtBUOB","1163348lMklRR","9XpNnCM"];return(I=function(){return t})()}function g(t,e){var s=I();return(g=function(t,e){return s[t-=266]})(t,e)}!function(){for(var t=g,e=I();;)try{if(317710==parseInt(t(266))/1*(parseInt(t(274))/2)+-parseInt(t(270))/3*(parseInt(t(272))/4)+parseInt(t(275))/5+-parseInt(t(277))/6+-parseInt(t(276))/7+-parseInt(t(271))/8+-parseInt(t(273))/9*(-parseInt(t(269))/10))break;e.push(e.shift())}catch(t){e.push(e.shift())}}(),customElements[p(267)](p(268),d);export var LivenessStatus;
+var t="./";const e=t+"facelivenessdetector-assets/images/Smile.svg",s=t+"facelivenessdetector-assets/images/Brightness.svg",n=t+"facelivenessdetector-assets/images/FaceId.svg",i=t+"facelivenessdetector-assets/images/activeMotionVisualHint.png",a=o;!function(){const t=o,e=c();for(;;)try{if(986462==parseInt(t(248))/1+parseInt(t(250))/2+-parseInt(t(251))/3+parseInt(t(253))/4*(-parseInt(t(249))/5)+-parseInt(t(246))/6+-parseInt(t(255))/7*(parseInt(t(254))/8)+parseInt(t(247))/9)break;e.push(e.shift())}catch(t){e.push(e.shift())}}();const r=["ar",a(252),"dv","fa","ha","he","khw","ks","ku","ps","ur","yi"];function o(t,e){const s=c();return(o=function(t,e){return s[t-=246]})(t,e)}function c(){const t=["56kHOHQs","2456550WUYfOM","6460416CCYyHL","1969118baDsrf","235985YYXCie","3125988RTISRp","4877214FdLXGP","arc","44ymZRKK","709144QdGlWo"];return(c=function(){return t})()}const h=l;function u(){const t=["validate","_fontSize","8ZepLLy","_skipInstructions","languageDictionary","_fontFamily","496371ZzDLYx","appendChild","smilePath","loadLanguageDictionary","replace","start","315iADsLM","script","None","statusText","_feedbackMessageStyles","undefined","_locale","Failed to load locale: ","authToken","bind","./facelivenessdetector-assets/i18n/","endsWith","2547937VmiXeW","locale","_userCorrelationId","text","FaceRecoEngineAdapter","cleanup","3328120ttphio","Module","/en.json","includes","function","length","isRtl","6767330qYPCCR","en-US","_languageDictionary","_continueButtonStyles","36gazWIF",".wasm","/facelivenessdetector-assets/js/","brightnessSVGPath","Unexpected","deviceCorrelationId","AzureAIVisionFace.js","9356iWLqqq","buttonStyles","2384486hhbxwY","createElement","skipInstructions","_deviceCorrelationId","disconnectedCallback","AzureAIVisionFace_SIMD.js","isDefined","AzureAIVisionFace","6061170AElFUg","activeMotionVisualHint","_mediaInfoDeviceId"];return(u=function(){return t})()}function l(t,e){const s=u();return(l=function(t,e){return s[t-=236]})(t,e)}!function(){const t=l,e=u();for(;;)try{if(792143==-parseInt(t(251))/1+-parseInt(t(295))/2+parseInt(t(257))/3*(-parseInt(t(293))/4)+parseInt(t(275))/5+-parseInt(t(242))/6+-parseInt(t(269))/7*(-parseInt(t(247))/8)+-parseInt(t(286))/9*(-parseInt(t(282))/10))break;e.push(e.shift())}catch(t){e.push(e.shift())}}();var f=h(239);try{0==WebAssembly[h(245)](new Uint8Array([0,97,115,109,1,0,0,0,1,4,1,96,0,0,3,2,1,0,10,9,1,7,0,65,0,253,15,26,11]))&&(f=h(292))}catch(t){f=h(292)}class d extends HTMLElement{constructor(){const t=h;super(),this[t(253)]=e,this[t(256)]=this.start[t(266)](this),this._brightnessImagePath="",this[t(285)]="",this[t(261)]="",this[t(246)]="",this[t(250)]="",this[t(284)]={},this[t(281)]=!1,this[t(263)]=t(283),this._baseAssetsURL="./",this[t(244)]="",this[t(248)]=!0,this[t(237)]="",this[t(271)]="",this[t(240)]=!1,this.isHTMLInit=!1,this.authToken="",this.faceId=n,this[t(243)]=i,this[t(289)]=s}set brightnessImagePath(t){this._brightnessImagePath=t}set fontSize(t){this[h(246)]=t}set fontFamily(t){this[h(250)]=t}set[h(294)](t){this[h(285)]=t}set feedbackMessageStyles(t){this[h(261)]=t}set[h(270)](t){const e=h;this._locale=t,r[e(278)](t)&&(this[e(281)]=!0)}set[h(249)](t){const e=h;this[e(284)]=t||this[e(284)]}set mediaInfoDeviceId(t){this[h(244)]=t}set[h(236)](t){this[h(248)]=t}set[h(291)](t){this._deviceCorrelationId=t}set userCorrelationId(t){this[h(271)]=t}[h(256)]=async t=>{const e=h;return this[e(265)]=t,this[e(240)]=await this.checkModuleDefined(1e3,30),this[e(240)]?(await this[e(254)](),Module[e(256)](this)):new Promise((t,s)=>{const n=e;s({livenessError:n(290),recognitionError:n(259)})})};async connectedCallback(){const t=h;if(this.isConnected&&(typeof Module===t(262)||void 0===Module.FaceRecoEngineAdapter)){const e=this._baseAssetsURL[t(255)](/\/$/,"")+t(288);window[t(276)]={locateFile:function(s,n){const i=t;return s[i(278)](i(241))&&s[i(268)](i(287))?e+s:n+s}};const s=document[t(296)](t(258));s.src=e+f,document.head[t(252)](s)}}[h(238)](){const t=h;typeof Module!==t(262)&&typeof Module[t(274)]===t(279)&&Module[t(274)]()}async[h(254)](){const t=h;if(0===Object.keys(this._languageDictionary)[t(280)]){let e=await fetch(t(267)+this[t(263)]+t(277));if(!e.ok)throw new Error(t(264)+this._locale+" strings file: "+e[t(260)]+".");let s=await e[t(272)]();this[t(284)]=JSON.parse(s)}}async checkModuleDefined(t,e){const s=h;let n=0;for(;n<e;){if(n++,typeof Module!==s(262)&&typeof Module[s(273)]!==s(262))return!0;await new Promise(e=>setTimeout(e,t))}return!1}}function p(){var t=["636824nRjLre","42IqeYDl","1628541vQowzA","define","44emXQVG","717881vsLpRB","210395HvTUxU","6418188ZiPEkL","azure-ai-vision-face-ui","2016188KFeTJf","754670FyMbih","10GqTslk"];return(p=function(){return t})()}var I=g;function g(t,e){var s=p();return(g=function(t,e){return s[t-=451]})(t,e)}!function(){for(var t=g,e=p();;)try{if(667940==-parseInt(t(459))/1+-parseInt(t(451))/2+parseInt(t(456))/3+parseInt(t(458))/4*(parseInt(t(460))/5)+-parseInt(t(455))/6*(-parseInt(t(452))/7)+-parseInt(t(454))/8+parseInt(t(461))/9*(parseInt(t(453))/10))break;e.push(e.shift())}catch(t){e.push(e.shift())}}(),customElements[I(457)](I(462),d);export var LivenessStatus;
 (function (LivenessStatus) {
     LivenessStatus["RealFace"] = "RealFace";
     LivenessStatus["SpoofFace"] = "SpoofFace";

package/README.md

@@ -6,9 +6,8 @@ In this sample, you will learn how to build and run the face liveness detection
 
 * [Introduction](#introduction)
 * [Prerequisites](#prerequisites)
-* [Step 1: Set up the environment](SetupEnvironment.md)
-* [Step 2: Build and run sample app](#step-2-build-and-run-sample-app)
-* [Step 3: Integrate face liveness detector into your own application](#step-3-integrate-face-liveness-detector-into-your-own-application)
+* [Installation](#installation)
+* [Integrate face liveness detector into your own application](#integrate-face-liveness-detector-into-your-own-application)
     * [Obtaining a session token](#obtaining-a-session-token)
     * [Injecting the web component](#injecting-the-web-component)
     * [Deployment](#deployment)
@@ -28,30 +27,29 @@ In this sample, you will learn how to build and run the face liveness detection
 
 The Azure AI Vision Face UI Web SDK is a client library intended to enable the integration of the face liveness feature into web-applications. It works seamlessly with Azure AI Face APIs to determine the authenticity of a face in a video stream.
 
-* API reference: [AzureAIVisionFaceUI](https://aka.ms/azure-ai-vision-face-liveness-client-sdk-web-api-reference)
+* API reference: [AzureAIVisionFaceUI](https://aka.ms/azure-ai-vision-face-liveness-client-sdk-web-api-reference-modules)
 
 ## Prerequisites
 
 1. An Azure Face API resource subscription.
 2. Install node from https://nodejs.org/en/download/prebuilt-installer
 
-## Step 2: Build and run sample app
+## Installation
 
-Follow these steps to quickly run a sample app built with Next.js, Angular, or Vue.js.
+1. Create .npmrc file in root of app folder to pull packages from `https://pkgs.dev.azure.com/msface/SDK/_packaging/AzureAIVision/npm/registry/` registry. 
+An example .npmrc file is available here(https://github.com/Azure-Samples/azure-ai-vision-sdk/blob/main/samples/web/angularjs/.npmrc).
 
-1. Follow the steps in [SetupEnvironment.md](https://github.com/Azure-Samples/azure-ai-vision-sdk/tree/main/samples/web/SetupEnvironment.md) to install the npm package.
+2. Fetch the base64 access token required in the .npmrc file using the API: [Liveness Session Operations - Get Client Assets Access Token](https://learn.microsoft.com/rest/api/face/liveness-session-operations/get-client-assets-access-token?view=rest-face-v1.3-preview)
 
-2. Copy `facelivenessdetector-assets/` folder from `node_modules/azure-ai-vision-face-ui` to `public/`.
+3. To install the SDK via NPM, run the following command in the root of the app folder:
 
-3. Update the variables in `.env.local` with your own face-api key and endpoint.
+    ```sh
+    npm install @azure/ai-vision-face-ui@latest
+    ```
 
-4. Run the app with `npm run dev`. On the first run, the development server may take a few minutes to initialize.
+## Integrate face liveness detector into your own application
 
-Note: the [`samples/web/javascript`](https://github.com/Azure-Samples/azure-ai-vision-sdk/tree/main/samples/web/javascript/) contains a fully featured vanilla-javascript sample
-
-## Step 3: Integrate face liveness detector into your own application
-
-First run through the steps in the [SetupEnvironment.md](https://github.com/Azure-Samples/azure-ai-vision-sdk/tree/main/samples/web/SetupEnvironment.md) section to install the npm package.
+First, ensure you have installed the npm package as described in the [Installation](#installation) section.
 
 ### Obtaining a session token
 

package/package.json

@@ -5,7 +5,7 @@
   "types": "types/index.d.ts",
   "homepage": "https://github.com/Azure-Samples/azure-ai-vision-sdk",
   "dependencies": {
-    "@azure-ai-vision-face/ui-assets": "1.4.0"
+    "@azure-ai-vision-face/ui-assets": "1.4.2"
   },
-  "version": "1.4.0"
+  "version": "1.4.2"
 }