DOT web samples release v1.0.3

README.md

@@ -2,7 +2,7 @@
 
 This repository contains integration samples of Innovatrics DOT Web Auto Capture Components in various technologies.
 
-Version of components in samples: 3.1.0
+Version of components in samples: 3.1.2
 
 ## Samples
 

angular-components-integration/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-components-integration",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "scripts": {
     "copy-sam": "cp ./node_modules/@innovatrics/dot-document-auto-capture/sam.wasm ./src",
     "ng": "ng",
@@ -19,8 +19,8 @@
     "@angular/platform-browser": "~13.1.0",
     "@angular/platform-browser-dynamic": "~13.1.0",
     "@angular/router": "~13.1.0",
-    "@innovatrics/dot-document-auto-capture": "^3.1.0",
-    "@innovatrics/dot-face-auto-capture": "^3.1.0",
+    "@innovatrics/dot-document-auto-capture": "^3.1.2",
+    "@innovatrics/dot-face-auto-capture": "^3.1.2",
     "rxjs": "~7.4.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"

angular-components-integration/yarn.lock

@@ -1225,10 +1225,10 @@
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.2.tgz#30aa825f11d438671d585bd44e7fd564535fc210"
   integrity sha512-82cpyJyKRoQoRi+14ibCeGPu0CwypgtBAdBhq1WfvagpCZNKqwXbKwXllYSMG91DhmG4jt9gN8eP6lGOtozuaw==
 
-"@innovatrics/dot-document-auto-capture@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@innovatrics/dot-document-auto-capture/-/dot-document-auto-capture-3.1.0.tgz#bcdfe83696447341856e0534fdece87e143bd0fc"
-  integrity sha512-JW7kKZuU9m51zSEqIHf44g3r5sFiIK9yKpfuwoiKcseR70qiUc0BJ6+RGaOPMqeH2FKyefcatSnEtc9rYKPchw==
+"@innovatrics/dot-document-auto-capture@^3.1.2":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@innovatrics/dot-document-auto-capture/-/dot-document-auto-capture-3.1.2.tgz#d67c365a8aad6aa2bda298a59082ac5437764caf"
+  integrity sha512-TugLfwCixyT6j+eL6j9TsnySsmIVfi4LEJE9YXIYWlXAAccFsZHjQd2dmDvYjt8K3gzkeNZt3i5zbNo2CnhNRQ==
   dependencies:
     "@types/emscripten" "^1.39.5"
     polished "^4.1.0"
@@ -1238,10 +1238,10 @@
     styled-components "^5.2.1"
     tar "^6.1.11"
 
-"@innovatrics/dot-face-auto-capture@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@innovatrics/dot-face-auto-capture/-/dot-face-auto-capture-3.1.0.tgz#0f702b09fa5d23f0da7c90de5d986c549b48c939"
-  integrity sha512-GETIEChdBCyan4GtZccXs6m8WbomGpZnrGnAdXScpIy6nk3X/T4mHID0QnteaMUOtl1XG5vVpzz8CWEDpZNAZQ==
+"@innovatrics/dot-face-auto-capture@^3.1.2":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@innovatrics/dot-face-auto-capture/-/dot-face-auto-capture-3.1.2.tgz#ab4625f869dc2e7bafa21b1438e7655f5ce2bcba"
+  integrity sha512-7toX/4ky+mh1OvB9FKp7/zYexWQvrHS2GlGPMWIv4DA5jj/FJnVvFFVJX+LWMpEdQ9ffOe79Y8YrUC8leu2jmA==
   dependencies:
     polished "^4.1.0"
     preact "^10.5.12"

reactjs-components-integration/package.json

@@ -1,18 +1,17 @@
 {
   "name": "reactjs-components-integration",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "private": true,
   "dependencies": {
-    "@innovatrics/dot-document-auto-capture": "3.1.0",
-    "@innovatrics/dot-face-auto-capture": "3.1.0",
+    "@innovatrics/dot-document-auto-capture": "3.1.2",
+    "@innovatrics/dot-face-auto-capture": "3.1.2",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
     "@types/jest": "^27.0.1",
     "@types/node": "^16.7.13",
     "@types/react": "^17.0.20",
     "@types/react-dom": "^17.0.9",
-    "node-sass": "^7.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-scripts": "5.0.0",

reactjs-components-integration/src/App.tsx

@@ -10,7 +10,7 @@ import {
   FaceComponentData,
   Step,
 } from "./types";
-import styles from "./styles/index.module.scss";
+import styles from "./styles/index.module.css";
 
 function App() {
   const [step, setStep] = useState<Step>(Step.SELECT_COMPONENT);

reactjs-components-integration/src/components/ComponentSelect.tsx

@@ -1,5 +1,5 @@
 import { Step } from "../types";
-import styles from "../styles/button.module.scss";
+import styles from "../styles/button.module.css";
 
 interface Props {
   setStep: (step: Step) => void;

reactjs-components-integration/src/components/DocumentAutoCapture.tsx

@@ -5,7 +5,7 @@ import {
   DocumentCallback,
   DocumentCameraProps,
 } from '../types';
-import styles from '../styles/index.module.scss';
+import styles from '../styles/index.module.css';
 
 interface Props {
   handlePhotoTaken: DocumentCallback;

reactjs-components-integration/src/components/FaceAutoCapture.tsx

@@ -5,7 +5,7 @@ import {
   FaceCameraProps,
   HTMLFaceCaptureElement,
 } from "../types";
-import styles from "../styles/index.module.scss";
+import styles from "../styles/index.module.css";
 
 interface Props {
   handlePhotoTaken: FaceCallback;

reactjs-components-integration/src/components/PhotoResult.tsx

@@ -1,6 +1,6 @@
 import { Step } from "../types";
-import styles from "../styles/index.module.scss";
-import buttonStyles from "../styles/button.module.scss";
+import styles from "../styles/index.module.css";
+import buttonStyles from "../styles/button.module.css";
 
 interface Props {
   setStep: (step: Step) => void;

reactjs-components-integration/src/styles/index.module.scss → reactjs-components-integration/src/styles/index.module.css

@@ -12,9 +12,9 @@
 .container {
   width: 40rem;
   height: 25rem;
-
-  img {
-    margin-top: 1rem;
-    max-width: 100%;
-  }
 }
+
+.container img {
+  margin-top: 1rem;
+  max-width: 100%;
+}