@regulaforensics/vp-frontend-face-components 6.5.1630-nightly → 6.5.1632-nightly

package/dist/main.js

@@ -9232,7 +9232,7 @@ function K5() {
 var Zi = K5();
 const ex = "_button_eou6w_1", tx = {
   button: ex
-}, rx = ["children", "onClick"];
+}, rx = ["part", "children", "onClick"];
 function nx(r, n) {
   if (r == null) return {};
   var i, M, c = ix(r, n);
@@ -9253,10 +9253,11 @@ function ix(r, n) {
 }
 function Jg(r) {
   let {
-    children: n,
-    onClick: i
-  } = r, M = nx(r, rx);
-  return /* @__PURE__ */ u.jsx("button", EN(bM({ className: tx.button, onClick: i }, M), { children: n }));
+    part: n = "button",
+    children: i,
+    onClick: M
+  } = r, c = nx(r, rx);
+  return /* @__PURE__ */ u.jsx("button", EN(bM({ part: n, className: tx.button, onClick: M }, c), { children: i }));
 }
 var je = Pi();
 const ax = /* @__PURE__ */ S2(je), ox = {}, I1 = (r) => {
@@ -10786,7 +10787,7 @@ const Fx = Mn.create("main"), J1 = {
   livenessType: fo.ACTIVE,
   holdStillDuration: void 0,
   timeoutInterval: void 0,
-  workerPath: "https://wasm-development.regulaforensics.com/face/nightly/6.5/f66e8038-9701d74ac",
+  workerPath: "https://wasm-development.regulaforensics.com/face/nightly/6.5/40d37fe3-9a23d83cf",
   detectOcclusion: !0
 }, Wx = (r) => yI(yI({}, J1), {}, {
   onEvent: () => Fx('Function "onEvent" not defined.'),
@@ -11053,7 +11054,7 @@ function Kr(r) {
   }, []), /* @__PURE__ */ u.jsx("div", { className: Bn["info-message"], children: /* @__PURE__ */ u.jsxs("div", { className: Bn["text-container"], children: [
     i === "verified" ? (
       // customized from css
-      /* @__PURE__ */ u.jsx("div", { className: Bn.done })
+      /* @__PURE__ */ u.jsx("div", { part: "success-screen-image", className: Bn.done })
     ) : /* @__PURE__ */ u.jsx(WM, { type: i, size: I, color: g }),
     /* @__PURE__ */ u.jsx("p", { "data-e2e": "info-msg-title", className: Bn.title, children: n }),
     /* @__PURE__ */ u.jsx("p", { className: Bn.subtitle, children: M }),
@@ -11062,7 +11063,7 @@ function Kr(r) {
       " ",
       j
     ] }),
-    c && /* @__PURE__ */ u.jsx("div", { className: Bn.button, children: /* @__PURE__ */ u.jsx(Jg, { onClick: c, children: y("tryAgain") }) })
+    c && /* @__PURE__ */ u.jsx("div", { className: Bn.button, children: /* @__PURE__ */ u.jsx(Jg, { part: "info-screen-button", onClick: c, children: y("tryAgain") }) })
   ] }) });
 }
 function t4() {
@@ -11112,7 +11113,7 @@ function K2(r) {
     };
   });
   const A = je.useMemo(() => Mt.isDesktop && y && y !== 0 && y !== 180, [y]);
-  return /* @__PURE__ */ u.jsxs("div", { className: "".concat(go.window, " ").concat(A ? go.windowRotate : ""), "data-device": Mt.isMobile && c || A ? "mobile" : "desktop", "data-direction": M, "data-locale": j, children: [
+  return /* @__PURE__ */ u.jsxs("div", { className: "".concat(go.window, " ").concat(A ? go.windowRotate : ""), "data-device": Mt.isMobile && c || A ? "mobile" : "desktop", "data-direction": M, "data-locale": j, part: "wc-container", children: [
     Mt.isMobileOnly && I && /* @__PURE__ */ u.jsx(Kr, { type: "portrait-orientation-only", title: g("onlyPortraitOrientation"), subtitle: g("turnDeviceIntoPortrait"), iconColor: "#DC4343" }),
     i,
     /* @__PURE__ */ u.jsx("header", { className: go.header, children: !D && /* @__PURE__ */ u.jsx("button", { "data-e2e": "cross", onClick: n, children: /* @__PURE__ */ u.jsx(WM, { type: "cross", color: "rgba(0, 0, 0, 0.6)" }) }) }),
@@ -13063,24 +13064,24 @@ function qE(r) {
   } = Zi.useLocalize();
   return /* @__PURE__ */ u.jsx("div", { className: Lr["instruction-window"], children: /* @__PURE__ */ u.jsxs("div", { className: Lr.container, children: [
     /* @__PURE__ */ u.jsxs("div", { className: Lr.text, children: [
-      /* @__PURE__ */ u.jsx("div", { className: Lr.title, children: n }),
-      /* @__PURE__ */ u.jsx("div", { className: Lr.subtitle, children: i })
+      /* @__PURE__ */ u.jsx("div", { part: "onboarding-screen-title", className: Lr.title, children: n }),
+      /* @__PURE__ */ u.jsx("div", { part: "onboarding-screen-subtitle", className: Lr.subtitle, children: i })
     ] }),
     /* @__PURE__ */ u.jsxs("div", { className: Lr["icon-container"], children: [
       /* @__PURE__ */ u.jsxs("div", { className: Lr["icon-block"], children: [
-        /* @__PURE__ */ u.jsx("div", { className: "".concat(Lr.icon, " ").concat(Lr.illumination) }),
+        /* @__PURE__ */ u.jsx("div", { part: "onboarding-screen-illumination", className: "".concat(Lr.icon, " ").concat(Lr.illumination) }),
         I("illumination")
       ] }),
       /* @__PURE__ */ u.jsxs("div", { className: Lr["icon-block"], children: [
-        /* @__PURE__ */ u.jsx("div", { className: "".concat(Lr.icon, " ").concat(Lr["no-accessories"]) }),
+        /* @__PURE__ */ u.jsx("div", { part: "onboarding-screen-accessories", className: "".concat(Lr.icon, " ").concat(Lr["no-accessories"]) }),
         I("noAccessories")
       ] }),
       /* @__PURE__ */ u.jsxs("div", { className: Lr["icon-block"], children: [
-        /* @__PURE__ */ u.jsx("div", { className: "".concat(Lr.icon, " ").concat(Lr["camera-on-eye"]) }),
+        /* @__PURE__ */ u.jsx("div", { part: "onboarding-screen-camera-level", className: "".concat(Lr.icon, " ").concat(Lr["camera-on-eye"]) }),
         I("cameraLevel")
       ] })
     ] }),
-    /* @__PURE__ */ u.jsx(Jg, { "data-e2e": "get-ready", onClick: c, children: M })
+    /* @__PURE__ */ u.jsx(Jg, { part: "onboarding-screen-start-button", "data-e2e": "get-ready", onClick: c, children: M })
   ] }) });
 }
 function i2(r, n) {
@@ -13461,7 +13462,7 @@ const uz = je.forwardRef(function(n, i) {
   }, [g]);
   const f = je.useMemo(() => {
     if (M === i)
-      return /* @__PURE__ */ u.jsx("circle", { className: _t.currentSector, strokeWidth: y.sectorRadius / 3, transform: "rotate(".concat(-i * j - Px, " ").concat(c, " ").concat(I, ")"), strokeDasharray: y.strokeDashArrayFill, strokeDashoffset: y.strokeOffset, fill: "none", stroke: "var(--camera-screen-sector-active)", r: y.sectorRadius, cx: c, cy: I, mask: "url(#readinessMask)" });
+      return /* @__PURE__ */ u.jsx("circle", { part: "camera-screen-sector-active", className: _t.currentSector, strokeWidth: y.sectorRadius / 3, transform: "rotate(".concat(-i * j - Px, " ").concat(c, " ").concat(I, ")"), strokeDasharray: y.strokeDashArrayFill, strokeDashoffset: y.strokeOffset, fill: "none", stroke: "var(--camera-screen-sector-active)", r: y.sectorRadius, cx: c, cy: I, mask: "url(#readinessMask)" });
   }, [i, M]);
   return /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
     /* @__PURE__ */ u.jsx("defs", { children: /* @__PURE__ */ u.jsxs("mask", { id: "targetSectorMask", x: "0", y: "0", children: [
@@ -13561,7 +13562,7 @@ const Hz = (r) => {
     opacity: i ? 1 : 0,
     transition: "opacity .3s",
     transitionDelay: ".5s"
-  }, children: /* @__PURE__ */ u.jsx("div", { style: {
+  }, children: /* @__PURE__ */ u.jsx("div", { part: "camera-screen-sector-target", style: {
     width: n * 2 + c,
     height: n * 2 + c,
     borderRadius: "".concat(n + c, "px"),
@@ -13579,7 +13580,7 @@ function Vz(r) {
   let {
     children: n
   } = r;
-  return /* @__PURE__ */ u.jsx(u.Fragment, { children: n && /* @__PURE__ */ u.jsx("div", { className: _t["message-container"], children: /* @__PURE__ */ u.jsx("span", { "data-e2e": "message-text", children: n }) }) });
+  return /* @__PURE__ */ u.jsx(u.Fragment, { children: n && /* @__PURE__ */ u.jsx("div", { part: "camera-screen-front-hint-label", className: _t["message-container"], children: /* @__PURE__ */ u.jsx("span", { "data-e2e": "message-text", children: n }) }) });
 }
 const Zz = je.memo(Vz), Gz = {
   [lt.PREPARING]: "preparingCamera",
@@ -13729,7 +13730,7 @@ function Wz(r) {
       ] }),
       /* @__PURE__ */ u.jsx("rect", { mask: H(), x: "0", y: "0", width: J.viewBoxWidth, height: J.viewBoxHeight, fill: "white" }),
       Q && typeof f == "number" && /* @__PURE__ */ u.jsx(pd, { numSectors: y, targetSector: f, currSector: D, centerX: J.viewBoxWidth / 2, centerY: J.viewBoxHeight / 2, sectorRadius: J.frameRX }),
-      /* @__PURE__ */ u.jsx("ellipse", { mask: X(), className: "".concat(U ? _t.done : "", " ").concat(I ? "" : _t.hide), cx: J.maskCX, cy: J.maskCY, rx: Q ? J.maskRX : J.frameRX, ry: Q ? J.maskRX : J.frameRY, fill: "none", stroke: V ? "var(--camera-screen-stroke-normal)" : "", strokeWidth: S() })
+      /* @__PURE__ */ u.jsx("ellipse", { part: "camera-screen-stroke-normal", mask: X(), className: "".concat(U ? _t.done : "", " ").concat(I ? "" : _t.hide), cx: J.maskCX, cy: J.maskCY, rx: Q ? J.maskRX : J.frameRX, ry: Q ? J.maskRX : J.frameRY, fill: "none", stroke: V ? "var(--camera-screen-stroke-normal)" : "", strokeWidth: S() })
     ] }),
     /* @__PURE__ */ u.jsx(Hz, { maskRY: J.maskRY, rotateDeg: ie, isSectorMode: Q }),
     O && /* @__PURE__ */ u.jsx(Cd, { roundRadiusY: J.maskRY, targetSector: Q ? f : D, setCameraBlur: fe, isSectorMode: Q, message: c, facePosition: x, centerX: J.viewBoxWidth / 2, centerY: J.viewBoxHeight / 2 }),
@@ -13873,7 +13874,7 @@ class up {
   }
   prepare(n) {
     return ir(this, null, function* () {
-      const i = "Liveness.worker.js", M = we.getState().workerPath, c = ap(M), I = we.getState().workerPath === "https://wasm-development.regulaforensics.com/face/nightly/6.5/f66e8038-9701d74ac";
+      const i = "Liveness.worker.js", M = we.getState().workerPath, c = ap(M), I = we.getState().workerPath === "https://wasm-development.regulaforensics.com/face/nightly/6.5/40d37fe3-9a23d83cf";
       try {
         let j = yield (yield fetch(c + "/" + i)).text();
         I || (j = GE(j, c));
@@ -13891,7 +13892,7 @@ class up {
       }), this.worker.postMessage({
         target: "worker-init",
         URL: document.URL,
-        currentScriptUrl: "https://wasm-development.regulaforensics.com/face/nightly/6.5/f66e8038-9701d74ac",
+        currentScriptUrl: "https://wasm-development.regulaforensics.com/face/nightly/6.5/40d37fe3-9a23d83cf",
         preMain: !0
       }));
     });
@@ -14250,7 +14251,7 @@ const Ap = 1500, c2 = (r) => r * 1e3, Tg = Mn.create("main"), xp = (r) => r ===
           metadata: {
             serviceUrl: D || xa,
             hostAppId: n2(),
-            sdkVersion: r2("6.5.1630-nightly"),
+            sdkVersion: r2("6.5.1632-nightly"),
             deviceModel: "".concat(Mt.osName, "/").concat(Mt.osVersion, " ").concat(Mt.browserName, "/").concat(Mt.fullBrowserVersion),
             camera: x.camera
           }
@@ -14271,7 +14272,7 @@ const Ap = 1500, c2 = (r) => r * 1e3, Tg = Mn.create("main"), xp = (r) => r ===
         }), Y = {
           platform: "Web",
           osVersion: "".concat(Mt.osVersion),
-          sdkVersion: r2("6.5.1630-nightly"),
+          sdkVersion: r2("6.5.1632-nightly"),
           hostAppId: n2(),
           serviceUrl: D || xa,
           userID: V,
@@ -14802,7 +14803,7 @@ const Hp = "_container_e810x_1", Vp = "_spinner_e810x_15", y2 = {
   spinner: Vp
 };
 function Zp() {
-  return /* @__PURE__ */ u.jsx("div", { className: y2.container, children: /* @__PURE__ */ u.jsx("div", { className: y2.spinner }) });
+  return /* @__PURE__ */ u.jsx("div", { className: y2.container, children: /* @__PURE__ */ u.jsx("div", { part: "processing-screen-progress", className: y2.spinner }) });
 }
 function D2(r) {
   let {
@@ -14838,20 +14839,20 @@ function Wp(r) {
     j || g();
   }, []), /* @__PURE__ */ u.jsxs("div", { className: Vr["retry-screen"], children: [
     /* @__PURE__ */ u.jsxs("div", { className: Vr.text, children: [
-      /* @__PURE__ */ u.jsx("p", { "data-e2e": "retry-msg-title", className: Vr.title, children: I("letsTryAgainTitle") }),
-      /* @__PURE__ */ u.jsx("p", { className: Vr.subtitle, children: I("followGuidelinesText") })
+      /* @__PURE__ */ u.jsx("p", { part: "retry-screen-title-text", "data-e2e": "retry-msg-title", className: Vr.title, children: I("letsTryAgainTitle") }),
+      /* @__PURE__ */ u.jsx("p", { part: "retry-screen-subtitle-text", className: Vr.subtitle, children: I("followGuidelinesText") })
     ] }),
     /* @__PURE__ */ u.jsxs("div", { className: Vr.icons, children: [
       ((n = B1[M]) === null || n === void 0 ? void 0 : n.type) !== 1 && /* @__PURE__ */ u.jsxs("div", { className: Vr["icon-item"], children: [
-        /* @__PURE__ */ u.jsx("div", { className: "".concat(Vr["icon-bg"], " ").concat(Vr["no-smile"]) }),
-        /* @__PURE__ */ u.jsx("p", { className: Vr["icon-subtitle"], children: I("noMaskSunglassesHeaddress") })
+        /* @__PURE__ */ u.jsx("div", { part: "retry-screen-environment-image", className: "".concat(Vr["icon-bg"], " ").concat(Vr["no-smile"]) }),
+        /* @__PURE__ */ u.jsx("p", { part: "retry-screen-environment-text", className: Vr["icon-subtitle"], children: I("noMaskSunglassesHeaddress") })
       ] }),
       ((i = B1[M]) === null || i === void 0 ? void 0 : i.type) !== 2 && /* @__PURE__ */ u.jsxs("div", { className: Vr["icon-item"], children: [
-        /* @__PURE__ */ u.jsx("div", { className: "".concat(Vr["icon-bg"], " ").concat(Vr["no-glare"]) }),
-        /* @__PURE__ */ u.jsx("p", { className: Vr["icon-subtitle"], children: I("ambientLighting") })
+        /* @__PURE__ */ u.jsx("div", { part: "retry-screen-person-image", className: "".concat(Vr["icon-bg"], " ").concat(Vr["no-glare"]) }),
+        /* @__PURE__ */ u.jsx("p", { part: "retry-screen-person-text", className: Vr["icon-subtitle"], children: I("ambientLighting") })
       ] })
     ] }),
-    /* @__PURE__ */ u.jsx(Jg, { onClick: c, children: I("retryButtonText") })
+    /* @__PURE__ */ u.jsx(Jg, { part: "retry-screen-retry-button", onClick: c, children: I("retryButtonText") })
   ] });
 }
 const M4 = je.memo(() => {
@@ -16494,7 +16495,7 @@ class NW extends HTMLElement {
     this.dispatchEvent(i), jW("Component event: ".concat(JSON.stringify(i.detail)));
   }
   get version() {
-    return "".concat("6.5.1630-nightly".trim());
+    return "".concat("6.5.1632-nightly".trim());
   }
   set translations(n) {
     this._translations = n, this._mounted && this.render();
@@ -16926,7 +16927,7 @@ class hW extends HTMLElement {
     });
   }
   get version() {
-    return "".concat("6.5.1630-nightly".trim());
+    return "".concat("6.5.1632-nightly".trim());
   }
   set translations(n) {
     this._translations = n, this._mounted && this.render();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@regulaforensics/vp-frontend-face-components",
-  "version": "6.5.1630-nightly",
+  "version": "6.5.1632-nightly",
   "description": "Regula framework agnostic web components to work with webcamera",
   "types": "./dist/index.d.ts",
   "main": "./dist/main.iife.js",