refactor: extract totp-consent to components package

smileidentity · Nov 26, 2023 · 7622f69 · 7622f69
1 parent ff50661
commit 7622f69
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 14 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -5,9 +5,15 @@
 	"exports": {
 		".": "./index.js",
 		"./combobox": "./combobox/src/index.js",
-		"./end-user-consent": "./end-user-consent/src/index.js"
+		"./end-user-consent": "./end-user-consent/src/index.js",
+		"./totp-consent": "./totp-consent/src/index.js"
 	},
 	"description": "A collection of Web Components used by SmileID",
-	"keywords": [ "Web Components" ],
-	"author": "SmileID <[email protected]> (https://usesmileid.com)"
+	"keywords": [
+		"Web Components"
+	],
+	"author": "SmileID <[email protected]> (https://usesmileid.com)",
+	"dependencies": {
+		"validate.js": "^0.13.1"
+	}
 }
diff --git a/...embed/src/js/components/TotpConsentApp.js → ...omponents/totp-consent/src/TotpConsent.js b/...embed/src/js/components/TotpConsentApp.js → ...omponents/totp-consent/src/TotpConsent.js
@@ -504,7 +504,7 @@ function markup() {
 	`;
 }
 
-class TotpBasedConsent extends HTMLElement {
+class TotpConsent extends HTMLElement {
   constructor() {
     super();
 
@@ -923,4 +923,10 @@ class TotpBasedConsent extends HTMLElement {
   }
 }
 
-export default TotpBasedConsent;
+if ("customElements" in window) {
+  window.customElements.define('totp-consent', TotpConsent);
+}
+
+export {
+  TotpConsent,
+};
diff --git a/packages/components/totp-consent/src/index.js b/packages/components/totp-consent/src/index.js
@@ -0,0 +1,3 @@
+export {
+  TotpConsent
+} from './TotpConsent';
diff --git a/packages/embed/src/js/basic-kyc.js b/packages/embed/src/js/basic-kyc.js
@@ -1,7 +1,7 @@
 import validate from "validate.js";
 import "@smileid/components/combobox";
 import "@smileid/components/end-user-consent";
-import TotpBasedConsent from "./components/TotpConsentApp";
+import "@smileid/components/totp-consent";
 import { version as sdkVersion } from "../../package.json";
 
 (function basicKyc() {
@@ -19,8 +19,6 @@ import { version as sdkVersion } from "../../package.json";
   const referenceWindow = window.parent;
   referenceWindow.postMessage("SmileIdentity::ChildPageReady", "*");
 
-  window.customElements.define("totp-consent-app", TotpBasedConsent);
-
   const pages = [];
   let activeScreen;
   let config;

diff --git a/packages/embed/src/js/biometric-kyc.js b/packages/embed/src/js/biometric-kyc.js
@@ -2,7 +2,7 @@ import JSZip from "jszip";
 import validate from "validate.js";
 import "@smile_identity/smart-camera-web";
 import "@smileid/components/end-user-consent";
-import TotpBasedConsent from "./components/TotpConsentApp";
+import "@smileid/components/totp-consent";
 import { version as sdkVersion } from "../../package.json";
 
 (function biometricKyc() {
@@ -20,8 +20,6 @@ import { version as sdkVersion } from "../../package.json";
   const referenceWindow = window.parent;
   referenceWindow.postMessage("SmileIdentity::ChildPageReady", "*");
 
-  window.customElements.define("totp-consent-app", TotpBasedConsent);
-
   const pages = [];
   let activeScreen;
   let config;

diff --git a/packages/embed/src/js/ekyc.js b/packages/embed/src/js/ekyc.js
@@ -1,7 +1,7 @@
 import validate from "validate.js";
 import "@smileid/components/combobox";
 import "@smileid/components/end-user-consent";
-import TotpBasedConsent from "./components/TotpConsentApp";
+import "@smileid/components/totp-consent";
 import { version as sdkVersion } from "../../package.json";
 
 (function eKYC() {
@@ -18,7 +18,6 @@ import { version as sdkVersion } from "../../package.json";
 
   const referenceWindow = window.parent;
   referenceWindow.postMessage("SmileIdentity::ChildPageReady", "*");
-  window.customElements.define("totp-consent-app", TotpBasedConsent);
 
   const pages = [];
   let activeScreen;