@jaak.ai/stamps 1.0.0-dev.7

package/dist/collection/components/shared/mb-component/mb-component.utils.js

@@ -0,0 +1,14 @@
+import * as BlinkIDSDK from "@microblink/blinkid-in-browser-sdk";
+function getSDKWasmType(wasmType) {
+  switch (wasmType) {
+    case "BASIC":
+      return BlinkIDSDK.WasmType.Basic;
+    case "ADVANCED":
+      return BlinkIDSDK.WasmType.Advanced;
+    case "ADVANCED_WITH_THREADS":
+      return BlinkIDSDK.WasmType.AdvancedWithThreads;
+    default:
+      return null;
+  }
+}
+export { getSDKWasmType };

package/dist/collection/components/shared/mb-container/mb-container.css

@@ -0,0 +1,7 @@
+:host {
+  display: block;
+  min-width: 280px;
+  width: 100%;
+  height: 100%;
+  font-family: var(--mb-font-family);
+}

package/dist/collection/components/shared/mb-container/mb-container.js

@@ -0,0 +1,23 @@
+import { Host, h } from "@stencil/core";
+import { setWebComponentParts } from "../../../utils/generic.helpers";
+export class MbContainer {
+  componentDidLoad() {
+    setWebComponentParts(this.hostEl);
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  static get is() { return "mb-container"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["mb-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mb-container.css"]
+    };
+  }
+  static get elementRef() { return "hostEl"; }
+}

package/dist/collection/components/shared/mb-feedback/mb-feedback.css

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Microblink Ltd. All rights reserved.
+ *
+ * SASS variables, not customizable via CSS variables
+ */
+/**
+ * Camera experiences
+ */
+:host {
+  display: none;
+}
+:host p {
+  margin: 4px 16px;
+  font-family: var(--mb-font-family);
+  font-size: var(--mb-feedback-font-size);
+  font-style: var(--mb-feedback-font-style);
+  font-weight: var(--mb-feedback-font-weight);
+  letter-spacing: var(--mb-feedback-letter-spacing);
+  line-height: var(--mb-feedback-line-height);
+  text-align: right;
+  text-transform: var(--mb-feedback-text-transform);
+}
+:host p.info {
+  color: var(--mb-feedback-font-color-info);
+}
+:host p.error {
+  color: var(--mb-feedback-font-color-error);
+}
+
+:host(.visible) {
+  display: block;
+}
+
+:host([dir=rtl]) p {
+  text-align: left;
+}

package/dist/collection/components/shared/mb-feedback/mb-feedback.js

@@ -0,0 +1,91 @@
+import { Host, h, } from "@stencil/core";
+import { setWebComponentParts, classNames, } from "../../../utils/generic.helpers";
+import * as Utils from "./mb-feedback.utils";
+export class MbFeedback {
+  constructor() {
+    this.paragraphClassName = undefined;
+    this.paragraphValue = undefined;
+    this.visible = false;
+  }
+  /**
+   * Call when FeedbackMessage which should be displayed.
+   */
+  async show(feedback) {
+    this.paragraphValue = feedback.message;
+    this.paragraphClassName = Utils.getFeedbackClassName(feedback.state);
+  }
+  componentDidLoad() {
+    setWebComponentParts(this.hostEl);
+  }
+  render() {
+    return (h(Host, { class: classNames({ visible: this.visible }) }, h("p", { class: this.paragraphClassName }, this.paragraphValue)));
+  }
+  static get is() { return "mb-feedback"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["mb-feedback.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mb-feedback.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "visible": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to 'true' if component should be visible."
+        },
+        "attribute": "visible",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "paragraphClassName": {},
+      "paragraphValue": {}
+    };
+  }
+  static get methods() {
+    return {
+      "show": {
+        "complexType": {
+          "signature": "(feedback: FeedbackMessage) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "FeedbackMessage": {
+              "location": "import",
+              "path": "../../../utils/data-structures"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Call when FeedbackMessage which should be displayed.",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "hostEl"; }
+}

package/dist/collection/components/shared/mb-feedback/mb-feedback.utils.js

@@ -0,0 +1,11 @@
+function getFeedbackClassName(state) {
+  switch (state) {
+    case "FEEDBACK_ERROR":
+      return "error";
+    case "FEEDBACK_INFO":
+      return "info";
+    default:
+      return "";
+  }
+}
+export { getFeedbackClassName };

package/dist/collection/components/shared/mb-help/mb-help.css

@@ -0,0 +1,191 @@
+/**
+ * Copyright (c) Microblink Ltd. All rights reserved.
+ *
+ * SASS variables, not customizable via CSS variables
+ */
+/**
+ * Camera experiences
+ */
+:host {
+  font-family: inherit;
+  visibility: hidden;
+  opacity: 0;
+}
+
+:host(.visible) {
+  visibility: visible;
+  opacity: 1;
+}
+
+.lobby {
+  display: block;
+  position: absolute;
+  right: 40px;
+  bottom: 40px;
+  width: auto;
+  height: auto;
+}
+.lobby mb-tooltip-advanced {
+  --background-color: var(--mb-help-lobby-button-tooltip-background-color);
+  --font-color: var(--mb-help-lobby-button-tooltip-font-color);
+}
+.lobby mb-tooltip-advanced::part(tooltip) {
+  left: -46px;
+  right: calc(50% - 19px);
+  bottom: 41px;
+  width: auto;
+}
+
+.lobby button {
+  width: 36px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0px;
+  background-color: var(--mb-help-lobby-button-background-color);
+  border: 1px solid var(--mb-help-lobby-button-border-color);
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+.lobby button:hover {
+  background-color: var(--mb-help-lobby-button-hovered-background-color);
+  border-color: var(--mb-help-lobby-button-hovered-border-color);
+}
+
+.lobby button:focus {
+  background-color: var(--mb-help-lobby-button-focused-background-color);
+  border-color: var(--mb-help-lobby-button-focused-border-color);
+}
+
+.lobby button svg.icon-question-mark {
+  width: auto;
+  height: 18px;
+}
+
+mb-overlay {
+  background-color: var(--mb-help-modal-backdrop-color);
+}
+
+mb-modal::part(mb-modal-inner) {
+  background-color: var(--mb-help-modal-background-color);
+  border-radius: var(--mb-modal-border-radius);
+}
+
+.modal-content {
+  display: block;
+  padding-top: 20px;
+}
+
+.modal-content .svg-container {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 24px;
+}
+
+.modal-content .svg-container svg {
+  width: 280px;
+  height: auto;
+  margin: 0px auto;
+}
+
+.modal-content p.title {
+  font-family: inherit;
+  font-style: normal;
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 32px;
+  text-align: center;
+  color: var(--mb-help-font-color-primary);
+  margin-bottom: 8px;
+}
+
+.modal-content p.description {
+  font-family: inherit;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+  text-align: center;
+  margin-bottom: 0px;
+  color: var(--mb-help-font-color-secondary);
+  min-height: 96px;
+}
+
+.modal-content .progress-tracker-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 48px;
+}
+
+.modal-content .buttons {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin-top: 40px;
+  margin-bottom: 0px;
+}
+
+.modal-content .buttons mb-button-classic {
+  margin: 0px 8px;
+}
+
+.modal-content .buttons mb-button-classic::part(button) {
+  min-width: 200px;
+  width: auto;
+}
+
+.modal-content .buttons.onboarding {
+  margin-top: 24px;
+  margin-bottom: 20px;
+}
+
+.modal-content .buttons.onboarding mb-button-classic::part(button) {
+  min-width: 155px;
+  width: auto;
+  height: 56px;
+}
+
+.modal-content mb-progress-tracker {
+  --mb-progress-tracker-dot-active-color: var(--mb-help-progress-tracker-dot-active-color);
+  --mb-progress-tracker-dot-inactive-color: var(--mb-help-progress-tracker-dot-inactive-color);
+}
+
+@media only screen and (max-width: 568px) {
+  .lobby {
+    bottom: 30px;
+    right: 20px;
+  }
+
+  .modal-content p.description {
+    text-align: left;
+    min-height: 120px;
+  }
+
+  .modal-content .progress-tracker-container {
+    margin-top: 24px;
+  }
+
+  .modal-content .buttons {
+    margin-top: 24px;
+  }
+
+  .modal-content .buttons mb-button-classic {
+    margin: 0px 4px;
+  }
+
+  .modal-content .buttons mb-button-classic::part(button) {
+    min-width: 112px;
+    width: auto;
+  }
+}
+@media only screen and (min-width: 568px) {
+  mb-modal {
+    width: 500px;
+    max-width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}