bry-biometric-collector 2.0.5 → 2.0.6

package/README.md

@@ -61,7 +61,7 @@ Currently supported tag parameters:
   Example: `video_dimensions="800x500"`
 
 - **collector_select**: The collectors that should be rendered. Possible values are `"BOTH", "FINGERS",
-"FACE"`. When using only one, the tabs are hidden.
+"FACE", "DOCUMENT"`. When using only one, the tabs are hidden.
 
   Default: `"BOTH"`
 
@@ -91,23 +91,48 @@ Currently supported tag parameters:
 
   Example: `hide_tabs=false`
 
-- **import_bry_web_collector_script**: Wether to import the script used by the default web collector extension.
+- **import_extension_script**: Wether to import the personalized extension script.
 
   Default: `true`
 
-  Example: `import_bry_web_collector_script=false`
+  Example: `import_extension_script=false`
 
 - **liveness_enable**: Wether to enable liveness verification in the facial capture process. If enabled, the liveness check enpoint also has to be set.
 
   Default: `false`
 
-  Example: `import_bry_web_collector_script=false`
+  Example: `liveness_enable=false`
 
 - **extension_url_chrome**: The url provided to the user when the component detects the extension isn't installed in a chrome environment.
 
+  Default: `https://chrome.google.com/webstore/detail/assinatura-digital-no-nav/mbpaklahifpfndjiefdfjhmkefppocfm`
+
+  Example: `extension_url_chrome="https://chrome.google.com/webstore/detail/minha-extensao/"`
 
 - **extension_url_mozilla**: The url provided to the user when the component detects the extension isn't installed in a mozilla environment.
 
+  Default: `https://addons.mozilla.org/pt-BR/firefox/addon/assinatura-digital-navegador/`
+
+  Example: `extension_url_mozilla="https://addons.mozilla.org/pt-BR/firefox/addon/minha-extensao/"`
+
+- **extension_url_script**: The url provided import extension script.
+
+  Default: `https://www.bry.com.br/downloads/extension/v2/api/v1/extension-api.js`
+
+  Example: `extension_url_mozilla="https://www.bry.com.br/downloads/extension/v2/api/v1/extension-api.js"`
+
+- **show_capture_button**: Wether to hide capture button. If you enable a button to trigger manual capture, it will be shown below the video.
+
+  Default: `true`
+
+  Example: `show_capture_button=false`
+
+- **show_unconformities**: Wether to hide unconformities and capture preview. If enabled, a preview of the photo will be shown along with possible nonconformities.
+
+  Default: `true`
+
+  Example: `show_unconformities=false`
+
 ### **Run-time Configuration**
 
 #### **Functions**
@@ -222,8 +247,6 @@ The Web-component exports a series of functions that the host environment may ca
       }
 ```
 
-- **setRejectOnFailLiveness**: Sets wether to reject a picture based on liveness check failure (either capture or facial liveness).
-
 - **getFingers**: synchronously get just the fingers.
 
 - **getJustification**: Get the picture justification the user typed in.
@@ -463,6 +486,14 @@ The web component listens to and emits a few events. The events emitted are:
 
 - **finger-cleared**: If notifyFingersClearedStore is enabled, when the clearbtn is pressed, the fingers' current state are exported..
 
+- **document-scrapped**: When the user scraps their document photo (by clicking capture again after having saved their picture) this event gets emitted without any data.
+
+- **export-document**: When the user saves their document photo (by clicking finish), an event of this kind is emitted with their picture like so:
+
+```ts
+  {detail: {bodyPart: 'DOCUMENT', data: string, justification: string}}
+```
+
 And the events the webcomponent listens to are:
 
 - **change-tabs**: When received, the web component switches the currently displaying tab. This is useful when you want an outer tab switching mechanism. The event must contain the tab to switch to which must be either 'Face' or 'Fingers', for example:

package/dist/CameraStatus_449f511b_2.0.6.js

@@ -0,0 +1,319 @@
+import { aH as N, S as U, r as Z, t as V, w as y, x as a, y as L, B as w, H as k, I as f, Q as o, T as B, aT as C, aU as D, aM as R, D as d, aV as E, J as h, aD as O, aW as M } from "./main_baf553c3_2.0.6.js";
+var A = /* @__PURE__ */ ((r) => (r.OK = "OK", r.DEVICE_NOT_FOUND_ERROR = "DEVICE_NOT_FOUND_ERROR", r.CAMERA_DENIED_ERROR = "CAMERA_DENIED_ERROR", r.CAMERA_IN_USE_ERROR = "CAMERA_IN_USE_ERROR", r.CAMERA_CLOSED_ERROR = "CAMERA_CLOSED_ERROR", r.CAMERA_UNSUPPORTED = "CAMERA_UNSUPPORTED", r))(A || {});
+const S = N(
+  "OK"
+  /* OK */
+);
+function g(r) {
+  let e, c, m, l, u, i, x, n, p, v, b = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    r[2]
+  ], _ = {};
+  for (let t = 0; t < b.length; t += 1)
+    _ = C(_, b[t]);
+  return {
+    c() {
+      e = R("svg"), c = R("path"), m = d(), l = w("span"), l.textContent = "A câmera não atende os requisitos necessários.", u = d(), i = w("span"), i.textContent = "Por favor, conecte outra câmera e tente novamente.", x = d(), n = w("button"), n.textContent = "Reiniciar", f(c, "fill", "currentColor"), f(c, "d", "M249.45 69.31a12 12 0 0 0-12.51 1L212 88.43V72a20 20 0 0 0-20-20h-68.12a12 12 0 0 0 0 24H188v68a12 12 0 0 0 4.46 9.33c.15.13.31.25.48.38l44 32A12 12 0 0 0 256 176V80a12 12 0 0 0-6.55-10.69M232 152.43l-20-14.54v-19.78l20-14.54ZM56.88 31.93a12 12 0 1 0-17.76 16.14L42.69 52H32a20 20 0 0 0-20 20v112a20 20 0 0 0 20 20h148.87l18.25 20.07a12 12 0 0 0 17.76-16.14ZM36 180V76h28.51l94.55 104Z"), E(e, _), f(l, "class", "text-xl font-bold text-center"), f(i, "class", "m-auto text-base block text-center"), f(n, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, s) {
+      a(t, e, s), h(e, c), a(t, m, s), a(t, l, s), a(t, u, s), a(t, i, s), a(t, x, s), a(t, n, s), p || (v = O(
+        n,
+        "click",
+        /*click_handler_4*/
+        r[7]
+      ), p = !0);
+    },
+    p(t, s) {
+      E(e, _ = M(b, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        s & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && o(e), t && o(m), t && o(l), t && o(u), t && o(i), t && o(x), t && o(n), p = !1, v();
+    }
+  };
+}
+function I(r) {
+  let e, c, m, l, u, i, x, n, p, v, b = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    r[2]
+  ], _ = {};
+  for (let t = 0; t < b.length; t += 1)
+    _ = C(_, b[t]);
+  return {
+    c() {
+      e = R("svg"), c = R("path"), m = d(), l = w("span"), l.textContent = "Por favor, permaneça na mesma aba durante a coleta biométrica.", u = d(), i = w("span"), i.textContent = "Clique no botão Reiniciar para capturar novamente.", x = d(), n = w("button"), n.textContent = "Reiniciar", f(c, "fill", "currentColor"), f(c, "d", "M236.8 188.09L149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19a23.51 23.51 0 0 0 .02-23.72m-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2a7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72M120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0m20 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12"), E(e, _), f(l, "class", "text-xl font-bold text-center"), f(i, "class", "m-auto text-base block text-center"), f(n, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, s) {
+      a(t, e, s), h(e, c), a(t, m, s), a(t, l, s), a(t, u, s), a(t, i, s), a(t, x, s), a(t, n, s), p || (v = O(
+        n,
+        "click",
+        /*click_handler_3*/
+        r[6]
+      ), p = !0);
+    },
+    p(t, s) {
+      E(e, _ = M(b, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        s & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && o(e), t && o(m), t && o(l), t && o(u), t && o(i), t && o(x), t && o(n), p = !1, v();
+    }
+  };
+}
+function P(r) {
+  let e, c, m, l, u, i, x, n, p, v, b = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    r[2]
+  ], _ = {};
+  for (let t = 0; t < b.length; t += 1)
+    _ = C(_, b[t]);
+  return {
+    c() {
+      e = R("svg"), c = R("path"), m = d(), l = w("span"), l.textContent = "A câmera está em uso.", u = d(), i = w("span"), i.textContent = "Certifique-se de que a câmera não está sendo utilizada por nenhuma outra aplicação e clique no botão abaixo.", x = d(), n = w("button"), n.textContent = "Reiniciar", f(c, "fill", "currentColor"), f(c, "d", "M56.88 31.93a12 12 0 1 0-17.76 16.14l4 4.37A28 28 0 0 0 20 80v112a28 28 0 0 0 28 28h147.42l3.7 4.07a12 12 0 0 0 17.76-16.14Zm49.35 90L136 154.64a24 24 0 0 1-29.77-32.75ZM48 196a4 4 0 0 1-4-4V80a4 4 0 0 1 4-4h16.51l24.92 27.41a48 48 0 0 0 63.34 69.67L173.6 196ZM236 80v94.14a12 12 0 0 1-24 0V80a4 4 0 0 0-4-4h-32a12 12 0 0 1-10-5.34L153.57 52h-51.51a12 12 0 0 1 0-24H160a12 12 0 0 1 10 5.34L182.42 52H208a28 28 0 0 1 28 28"), E(e, _), f(l, "class", "text-xl font-bold text-center"), f(i, "class", "m-auto text-base block text-center"), f(n, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, s) {
+      a(t, e, s), h(e, c), a(t, m, s), a(t, l, s), a(t, u, s), a(t, i, s), a(t, x, s), a(t, n, s), p || (v = O(
+        n,
+        "click",
+        /*click_handler_2*/
+        r[5]
+      ), p = !0);
+    },
+    p(t, s) {
+      E(e, _ = M(b, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        s & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && o(e), t && o(m), t && o(l), t && o(u), t && o(i), t && o(x), t && o(n), p = !1, v();
+    }
+  };
+}
+function H(r) {
+  let e, c, m, l, u, i, x, n, p, v, b = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    r[2]
+  ], _ = {};
+  for (let t = 0; t < b.length; t += 1)
+    _ = C(_, b[t]);
+  return {
+    c() {
+      e = R("svg"), c = R("path"), m = d(), l = w("span"), l.textContent = "A câmera não foi detectada.", u = d(), i = w("span"), i.textContent = "Por favor, conecte a sua câmera, espere alguns instantes e clique no botão Reiniciar.", x = d(), n = w("button"), n.textContent = "Reiniciar", f(c, "fill", "currentColor"), f(c, "d", "m137 168l11.52-11.51a12 12 0 0 0-17-17L120 151l-15-15l11.52-11.51a12 12 0 0 0-17-17L88 119l-15.51-15.49a12 12 0 0 0-17 17L59 124l-20.46 20.49a36 36 0 0 0 0 50.91l2.55 2.54l-25.58 25.57a12 12 0 0 0 17 17l25.57-25.58l2.54 2.55a36.06 36.06 0 0 0 50.91 0L132 197l3.51 3.52a12 12 0 0 0 17-17Zm-42.46 32.49a12 12 0 0 1-17 0l-22.03-22.06a12 12 0 0 1 0-17L76 141l39 39Zm146-185a12 12 0 0 0-17 0l-25.6 25.6l-2.54-2.55a36.05 36.05 0 0 0-50.91 0L124 59l-3.51-3.52a12 12 0 0 0-17 17l80 80a12 12 0 0 0 17-17L197 132l20.49-20.49a36 36 0 0 0 0-50.91l-2.55-2.54l25.58-25.57a12 12 0 0 0-.03-16.98Zm-40 79L180 115l-39-39l20.49-20.49a12 12 0 0 1 17 0l22.06 22.06a12 12 0 0 1 0 17Z"), E(e, _), f(l, "class", "text-xl font-bold text-center"), f(i, "class", "m-auto text-base block text-center"), f(n, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, s) {
+      a(t, e, s), h(e, c), a(t, m, s), a(t, l, s), a(t, u, s), a(t, i, s), a(t, x, s), a(t, n, s), p || (v = O(
+        n,
+        "click",
+        /*click_handler_1*/
+        r[4]
+      ), p = !0);
+    },
+    p(t, s) {
+      E(e, _ = M(b, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        s & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && o(e), t && o(m), t && o(l), t && o(u), t && o(i), t && o(x), t && o(n), p = !1, v();
+    }
+  };
+}
+function q(r) {
+  let e, c, m, l, u, i, x, n, p, v, b = [
+    { class: "text-[8em] mx-auto" },
+    { xmlns: "http://www.w3.org/2000/svg" },
+    { width: "1em" },
+    { height: "1em" },
+    { viewBox: "0 0 256 256" },
+    /*$$props*/
+    r[2]
+  ], _ = {};
+  for (let t = 0; t < b.length; t += 1)
+    _ = C(_, b[t]);
+  return {
+    c() {
+      e = R("svg"), c = R("path"), m = d(), l = w("span"), l.textContent = "Por favor, conceda permissão de acesso à câmera.", u = d(), i = w("span"), i.textContent = "Após conceder a permissão, clique no botão Reiniciar.", x = d(), n = w("button"), n.textContent = "Reiniciar", f(c, "fill", "currentColor"), f(c, "d", "M249.45 69.31a12 12 0 0 0-12.51 1L212 88.43V72a20 20 0 0 0-20-20h-68.12a12 12 0 0 0 0 24H188v68a12 12 0 0 0 4.46 9.33c.15.13.31.25.48.38l44 32A12 12 0 0 0 256 176V80a12 12 0 0 0-6.55-10.69M232 152.43l-20-14.54v-19.78l20-14.54ZM56.88 31.93a12 12 0 1 0-17.76 16.14L42.69 52H32a20 20 0 0 0-20 20v112a20 20 0 0 0 20 20h148.87l18.25 20.07a12 12 0 0 0 17.76-16.14ZM36 180V76h28.51l94.55 104Z"), E(e, _), f(l, "class", "text-xl font-bold text-center"), f(i, "class", "m-auto text-base block text-center"), f(n, "class", "z-20 ce-dui-btn ce-dui-btn-outline ce-dui-btn-primary m-auto");
+    },
+    m(t, s) {
+      a(t, e, s), h(e, c), a(t, m, s), a(t, l, s), a(t, u, s), a(t, i, s), a(t, x, s), a(t, n, s), p || (v = O(
+        n,
+        "click",
+        /*click_handler*/
+        r[3]
+      ), p = !0);
+    },
+    p(t, s) {
+      E(e, _ = M(b, [
+        { class: "text-[8em] mx-auto" },
+        { xmlns: "http://www.w3.org/2000/svg" },
+        { width: "1em" },
+        { height: "1em" },
+        { viewBox: "0 0 256 256" },
+        s & /*$$props*/
+        4 && /*$$props*/
+        t[2]
+      ]));
+    },
+    d(t) {
+      t && o(e), t && o(m), t && o(l), t && o(u), t && o(i), t && o(x), t && o(n), p = !1, v();
+    }
+  };
+}
+function T(r) {
+  let e;
+  function c(u, i) {
+    if (
+      /*$cameraStatusStore*/
+      u[1] === A.CAMERA_DENIED_ERROR
+    )
+      return q;
+    if (
+      /*$cameraStatusStore*/
+      u[1] === A.DEVICE_NOT_FOUND_ERROR
+    )
+      return H;
+    if (
+      /*$cameraStatusStore*/
+      u[1] === A.CAMERA_IN_USE_ERROR
+    )
+      return P;
+    if (
+      /*$cameraStatusStore*/
+      u[1] === A.CAMERA_CLOSED_ERROR
+    )
+      return I;
+    if (
+      /*$cameraStatusStore*/
+      u[1] === A.CAMERA_UNSUPPORTED
+    )
+      return g;
+  }
+  let m = c(r), l = m && m(r);
+  return {
+    c() {
+      e = w("div"), l && l.c(), this.c = k, f(e, "class", "flex flex-col gap-4 justify-center absolute -translate-y-1/2 -translate-x-1/2 top-1/2 left-1/2 overflow-visible text-nowrap");
+    },
+    m(u, i) {
+      a(u, e, i), l && l.m(e, null);
+    },
+    p(u, [i]) {
+      m === (m = c(u)) && l ? l.p(u, i) : (l && l.d(1), l = m && m(u), l && (l.c(), l.m(e, null)));
+    },
+    i: k,
+    o: k,
+    d(u) {
+      u && o(e), l && l.d();
+    }
+  };
+}
+function z(r, e, c) {
+  let m;
+  B(r, S, (v) => c(1, m = v));
+  let { handler: l = () => {
+  } } = e;
+  const u = () => {
+    l(), console.log("canicna", l);
+  }, i = () => {
+    l(), console.log("canicna", l);
+  }, x = () => {
+    l(), console.log("canicna", l);
+  }, n = () => {
+    l();
+  }, p = () => {
+    l();
+  };
+  return r.$$set = (v) => {
+    c(2, e = C(C({}, e), D(v))), "handler" in v && c(0, l = v.handler);
+  }, e = D(e), [
+    l,
+    m,
+    e,
+    u,
+    i,
+    x,
+    n,
+    p
+  ];
+}
+class F extends U {
+  constructor(e) {
+    super(), Z(
+      this,
+      {
+        target: this.shadowRoot,
+        props: y(this.attributes),
+        customElement: !0
+      },
+      z,
+      T,
+      V,
+      { handler: 0 },
+      null
+    ), e && (e.target && a(e.target, this, e.anchor), e.props && (this.$set(e.props), L()));
+  }
+  static get observedAttributes() {
+    return ["handler"];
+  }
+  get handler() {
+    return this.$$.ctx[0];
+  }
+  set handler(e) {
+    this.$$set({ handler: e }), L();
+  }
+}
+customElements.define("camera-status", F);
+export {
+  A as C,
+  F as a,
+  S as c
+};