+
+
+
+
+
+
+
+ Setting up
+
+
+
+ Just a few more seconds
+
+ We are setting up your verification flow
+
+
+
+ Powered by SmileID
+
+
+
+
+
+
+
+
+ Select ID Type
+
+
+
+
+
+ Powered by SmileID
+
+
+
+
+
+
+
+
+
+
+
+
+ Uploading
+
+
+
+ Just a few more seconds
+
+ We are processing your request
+
+
+
+ Powered by SmileID
+
+
+
+
+
+
+
+
+
+
+
+ Something went wrong
+
+
+
+ We could not upload your information
+
+
+
+ Please check that you have a stable internet connection. Then try
+ again!
+
+
+
+
+
+ Powered by SmileID
+
+
+
+
+
+
+
+
+
+
+ Submission Complete
+
+
+
+ That's all you need to verify your identity
+
+
+
+ Powered by SmileID
+
+
+
+
+
+
+
+
+
diff --git a/src/js/enhanced-document-verification.js b/src/js/enhanced-document-verification.js
new file mode 100644
index 00000000..0e212db3
--- /dev/null
+++ b/src/js/enhanced-document-verification.js
@@ -0,0 +1,412 @@
+var enhancedDocumentVerification = function enhancedDocumentVerification() {
+ 'use strict';
+
+ // NOTE: In order to support prior integrations, we have `live` and
+ // `production` pointing to the same URL
+ const endpoints = {
+ 'sandbox': 'https://testapi.smileidentity.com/v1',
+ 'live': 'https://api.smileidentity.com/v1',
+ 'production': 'https://api.smileidentity.com/v1'
+ }
+
+ const referenceWindow = window.parent;
+ referenceWindow.postMessage('SmileIdentity::ChildPageReady', '*');
+
+ var config;
+ var activeScreen;
+ var id_info, images, partner_params;
+ var productConstraints;
+
+ var LoadingScreen = document.querySelector('#loading-screen');
+ var SelectIDType = document.querySelector('#select-id-type');
+ var SmartCameraWeb = document.querySelector('smart-camera-web');
+ var UploadProgressScreen = document.querySelector('#upload-progress-screen');
+ var UploadFailureScreen = document.querySelector('#upload-failure-screen');
+ var CompleteScreen = document.querySelector('#complete-screen');
+
+ var CloseIframeButtons = document.querySelectorAll('.close-iframe');
+ var RetryUploadButton = document.querySelector('#retry-upload');
+
+ var fileToUpload, uploadURL;
+
+ async function getProductConstraints() {
+ try {
+ const response = await fetch(`${endpoints[config.environment]}/services`);
+ const json = await response.json();
+
+ return json.hosted_web['enhanced_document_verification'];
+ } catch (e) {
+ throw new Error("Failed to get supported ID types", { cause: e });
+ }
+ }
+
+ window.addEventListener('message', async event => {
+ if (event.data && event.data.includes('SmileIdentity::Configuration')) {
+ config = JSON.parse(event.data);
+ activeScreen = LoadingScreen;
+
+ try {
+ productConstraints = await getProductConstraints();
+ initializeSession(productConstraints);
+ getPartnerParams();
+ } catch (e) {
+ throw e;
+ }
+ }
+ }, false);
+
+ function initializeSession(constraints) {
+ const supportedCountries = Object.keys(constraints)
+ .map(countryCode => ({
+ code: countryCode,
+ name: constraints[countryCode].name
+ })).sort((a, b) => {
+ if (a.name < b.name) {
+ return -1;
+ } else if (a.name > b.name) {
+ return 1;
+ } else {
+ return 0;
+ }
+ }).map(item => item.code);
+
+ let validCountries = [];
+
+ if (config.id_selection) {
+ const selectedCountryList = Object.keys(config.id_selection);
+ validCountries = supportedCountries.filter((value) =>
+ selectedCountryList.includes(value)
+ );
+
+ if (validCountries.length === 1) {
+ const selectedCountry = validCountries[0];
+ id_info = {
+ country: validCountries[0]
+ };
+
+ const idTypes = config.id_selection[selectedCountry];
+ if (idTypes.length === 1 || typeof idTypes === 'string') {
+ id_info.id_type = Array.isArray(idTypes) ? idTypes[0] : idTypes;
+
+ // ACTION: set initial screen
+ SmartCameraWeb.setAttribute('document-type', id_info.id_type)
+ // ACTION: set document capture mode
+ if (config.document_capture_modes) {
+ SmartCameraWeb.setAttribute('document-capture-modes', config.document_capture_modes.join(','))
+ }
+ // Hide the back button that takes the user back to the id selection screen
+ // from startcamera web
+ SmartCameraWeb.setAttribute('hide-back-to-host', true);
+ setActiveScreen(SmartCameraWeb);
+ }
+ }
+ } else {
+ validCountries = supportedCountries;
+ }
+
+ if (!id_info || !id_info.id_type) {
+ const selectCountry = SelectIDType.querySelector('#country');
+ const selectIDType = SelectIDType.querySelector('#id_type');
+ const hostedWebConfigForm = document.querySelector('form[name="hosted-web-config"]');
+
+ // ACTION: Enable Country Selection
+ selectCountry.disabled = false;
+
+ // ACTION: Enable select screen
+ setActiveScreen(SelectIDType);
+
+ function loadIdTypes(countryCode) {
+ if (countryCode) {
+ const constrainedIDTypes = Object.keys(productConstraints[countryCode].id_types);
+ const validIDTypes = config.id_selection ? config.id_selection[countryCode] : constrainedIDTypes;
+ const selectedIDTypes = validIDTypes.filter(value => constrainedIDTypes.includes(value));
+
+ // ACTION: Reset ID Type