Add hide_attribution config (#318)

* Add hide_attribution config * Fix double declaration of powered-by-smile-id error * fix lint * Fix attribution not hidden in biometric flow * Fix attribution not hidden in biometric
smileidentity · Aug 28, 2024 · 1631385 · 1631385
1 parent 18ea6cd
commit 1631385
Show file tree

Hide file tree

Showing 20 changed files with 118 additions and 36 deletions.
diff --git a/example/script.js b/example/script.js
@@ -75,6 +75,7 @@ export default function setupForm() {
           use_new_component: true,
           //demo_mode: true,
           // previewBVNMFA: true,
+          hide_attribution: true,
           document_capture_modes: ['camera', 'upload'],
           allow_agent_mode: true,
           partner_details: {

diff --git a/packages/embed/src/basic-kyc.html b/packages/embed/src/basic-kyc.html
@@ -106,7 +106,7 @@ <h1 style="--flow-space: 4rem">Setting up</h1>
           We are setting up your verification flow
         </p>
 
-        <p class="center credits">
+        <p class="center credits" hidden>
           <span class="visually-hidden">Powered by SmileID</span>
           <svg
             aria-hidden="true"

diff --git a/packages/embed/src/biometric-kyc.html b/packages/embed/src/biometric-kyc.html
@@ -106,7 +106,7 @@ <h1 style="--flow-space: 4rem">Setting up</h1>
           We are setting up your verification flow
         </p>
 
-        <p class="center credits">
+        <p class="center credits" hidden>
           <span class="visually-hidden">Powered by SmileID</span>
           <svg
             aria-hidden="true"

diff --git a/packages/embed/src/doc-verification.html b/packages/embed/src/doc-verification.html
@@ -106,7 +106,7 @@ <h1 style="--flow-space: 4rem">Setting up</h1>
           We are setting up your verification flow
         </p>
 
-        <p class="center credits">
+        <p class="center credits" hidden>
           <span class="visually-hidden">Powered by SmileID</span>
           <svg
             aria-hidden="true"

diff --git a/packages/embed/src/e-signature.html b/packages/embed/src/e-signature.html
@@ -83,7 +83,7 @@ <h1 style="--flow-space: 4rem">Setting up</h1>
           We are setting up
         </p>
 
-        <p class="center credits">
+        <p class="center credits" hidden>
           <span class="visually-hidden">Powered by SmileID</span>
           <svg
             aria-hidden="true"

diff --git a/packages/embed/src/ekyc.html b/packages/embed/src/ekyc.html
@@ -106,7 +106,7 @@ <h1 style="--flow-space: 4rem">Setting up</h1>
           We are setting up your verification flow
         </p>
 
-        <p class="center credits">
+        <p class="center credits" hidden>
           <span class="visually-hidden">Powered by SmileID</span>
           <svg
             aria-hidden="true"

diff --git a/packages/embed/src/enhanced-document-verification.html b/packages/embed/src/enhanced-document-verification.html
@@ -105,7 +105,7 @@ <h1 style="--flow-space: 4rem">Setting up</h1>
           We are setting up your verification flow
         </p>
 
-        <p class="center credits">
+        <p class="center credits" hidden>
           <span class="visually-hidden">Powered by SmileID</span>
           <svg
             aria-hidden="true"

diff --git a/packages/embed/src/js/basic-kyc.js b/packages/embed/src/js/basic-kyc.js
@@ -116,6 +116,14 @@ import { version as sdkVersion } from '../../package.json';
         event.data.includes('SmileIdentity::Configuration')
       ) {
         config = JSON.parse(event.data);
+
+        LoadingScreen.querySelector('.credits').hidden =
+          config.hide_attribution;
+        const attributions = document.querySelectorAll('.credits');
+        Array.prototype.forEach.call(attributions, (attribution) => {
+          attribution.hidden = config.hide_attribution;
+        });
+
         activeScreen = LoadingScreen;
 
         getPartnerParams();
@@ -397,6 +405,9 @@ import { version as sdkVersion } from '../../package.json';
     EndUserConsent.setAttribute('policy-url', partnerDetails.policy_url);
     EndUserConsent.setAttribute('theme-color', partnerDetails.theme_color);
     EndUserConsent.setAttribute('token', config.token);
+    if (config.hide_attribution) {
+      EndUserConsent.setAttribute('hide-attribution', true);
+    }
     if (disableBackOnFirstScreen) {
       EndUserConsent.setAttribute('hide-back-to-host', true);
     }

diff --git a/packages/embed/src/js/biometric-kyc.js b/packages/embed/src/js/biometric-kyc.js
@@ -128,6 +128,14 @@ import { version as sdkVersion } from '../../package.json';
         } else {
           import('@smile_identity/smart-camera-web');
         }
+
+        LoadingScreen.querySelector('.credits').hidden =
+          config.hide_attribution;
+        const attributions = document.querySelectorAll('.credits');
+        Array.prototype.forEach.call(attributions, (attribution) => {
+          attribution.hidden = config.hide_attribution;
+        });
+
         activeScreen = LoadingScreen;
 
         getPartnerParams();
@@ -143,6 +151,10 @@ import { version as sdkVersion } from '../../package.json';
   function setInitialScreen(partnerConstraints) {
     const { country: selectedCountry, id_type: selectedIDType } = id_info;
 
+    if (config.hide_attribution) {
+      SmartCameraWeb.setAttribute('hide-attribution', true);
+    }
+
     const selectedIdRequiresConsent = partnerConstraints.consentRequired[
       selectedCountry
     ]
@@ -191,6 +203,10 @@ import { version as sdkVersion } from '../../package.json';
       );
     }
 
+    if (config.hide_attribution) {
+      SmartCameraWeb.setAttribute('hide-attribution', true);
+    }
+
     const supportedCountries = Object.keys(generalConstraints)
       .map((countryCode) => ({
         code: countryCode,
@@ -480,6 +496,9 @@ import { version as sdkVersion } from '../../package.json';
     EndUserConsent.setAttribute('policy-url', partnerDetails.policy_url);
     EndUserConsent.setAttribute('theme-color', partnerDetails.theme_color);
     EndUserConsent.setAttribute('token', config.token);
+    if (config.hide_attribution) {
+      EndUserConsent.setAttribute('hide-attribution', true);
+    }
     if (disableBackOnFirstScreen) {
       EndUserConsent.setAttribute('hide-back-to-host', true);
     }

diff --git a/packages/embed/src/js/doc-verification.js b/packages/embed/src/js/doc-verification.js
@@ -108,6 +108,14 @@ import { version as sdkVersion } from '../../package.json';
         } else {
           import('@smile_identity/smart-camera-web');
         }
+
+        LoadingScreen.querySelector('.credits').hidden =
+          config.hide_attribution;
+        const attributions = document.querySelectorAll('.credits');
+        Array.prototype.forEach.call(attributions, (attribution) => {
+          attribution.hidden = config.hide_attribution;
+        });
+
         activeScreen = LoadingScreen;
 
         const productConstraints = await getProductConstraints();
@@ -223,6 +231,10 @@ import { version as sdkVersion } from '../../package.json';
       );
     }
 
+    if (config.hide_attribution) {
+      SmartCameraWeb.setAttribute('hide-attribution', true);
+    }
+
     function loadIdTypes(countryCode) {
       const countryIdTypes = constraints.find(
         (item) => item.country.code === countryCode,

diff --git a/packages/embed/src/js/e-signature.js b/packages/embed/src/js/e-signature.js
@@ -184,6 +184,14 @@ function getHumanSize(numberOfBytes) {
         event.data.includes('SmileIdentity::Configuration')
       ) {
         config = JSON.parse(event.data);
+
+        LoadingScreen.querySelector('.credits').hidden =
+          config.hide_attribution;
+        const attributions = document.querySelectorAll('.credits');
+        Array.prototype.forEach.call(attributions, (attribution) => {
+          attribution.hidden = config.hide_attribution;
+        });
+
         activeScreen = LoadingScreen;
         getPartnerParams();
         const documents = (await getDocuments()).documents;

diff --git a/packages/embed/src/js/ekyc.js b/packages/embed/src/js/ekyc.js
@@ -115,6 +115,12 @@ import { version as sdkVersion } from '../../package.json';
         event.data.includes('SmileIdentity::Configuration')
       ) {
         config = JSON.parse(event.data);
+        LoadingScreen.querySelector('.credits').hidden =
+          config.hide_attribution;
+        const attributions = document.querySelectorAll('.credits');
+        Array.prototype.forEach.call(attributions, (attribution) => {
+          attribution.hidden = config.hide_attribution;
+        });
         activeScreen = LoadingScreen;
         getPartnerParams();
         const { partnerConstraints, generalConstraints } =
@@ -393,6 +399,9 @@ import { version as sdkVersion } from '../../package.json';
     EndUserConsent.setAttribute('policy-url', partnerDetails.policy_url);
     EndUserConsent.setAttribute('theme-color', partnerDetails.theme_color);
     EndUserConsent.setAttribute('token', config.token);
+    if (config.hide_attribution) {
+      EndUserConsent.setAttribute('hide-attribution', true);
+    }
     if (disableBackOnFirstScreen) {
       EndUserConsent.setAttribute('hide-back-to-host', true);
     }

diff --git a/packages/embed/src/js/enhanced-document-verification.js b/packages/embed/src/js/enhanced-document-verification.js
@@ -67,6 +67,12 @@ import { version as sdkVersion } from '../../package.json';
         } else {
           import('@smile_identity/smart-camera-web');
         }
+        LoadingScreen.querySelector('.credits').hidden =
+          config.hide_attribution;
+        const attributions = document.querySelectorAll('.credits');
+        Array.prototype.forEach.call(attributions, (attribution) => {
+          attribution.hidden = config.hide_attribution;
+        });
         activeScreen = LoadingScreen;
 
         productConstraints = await getProductConstraints();
@@ -91,6 +97,9 @@ import { version as sdkVersion } from '../../package.json';
         config.partner_details.theme_color,
       );
     }
+    if (config.hide_attribution) {
+      SmartCameraWeb.setAttribute('hide-attribution', true);
+    }
     const supportedCountries = Object.keys(constraints)
       .map((countryCode) => ({
         code: countryCode,

diff --git a/packages/embed/src/js/product-selection.js b/packages/embed/src/js/product-selection.js
@@ -334,6 +334,14 @@
       ) {
         if (event.data.includes('SmileIdentity::Configuration')) {
           config = JSON.parse(event.data);
+
+          LoadingScreen.querySelector('.credits').hidden =
+            config.hide_attribution;
+          const attributions = document.querySelectorAll('.credits');
+          Array.prototype.forEach.call(attributions, (attribution) => {
+            attribution.hidden = config.hide_attribution;
+          });
+
           activeScreen = LoadingScreen;
 
           const constraintsPromises = [

diff --git a/packages/embed/src/js/smartselfie-auth.js b/packages/embed/src/js/smartselfie-auth.js
@@ -64,10 +64,19 @@ import { version as sdkVersion } from '../../package.json';
         }
         partner_params = getPartnerParams();
         id_info = {};
+
         SmartCameraWeb.setAttribute(
           'theme-color',
           config.partner_details.theme_color,
         );
+
+        if (config.hide_attribution) {
+          const attributions = document.querySelectorAll('.credits');
+          Array.prototype.forEach.call(attributions, (attribution) => {
+            attribution.hidden = config.hide_attribution;
+          });
+          SmartCameraWeb.setAttribute('hide-attribution', true);
+        }
         setActiveScreen(SmartCameraWeb);
       }
     },

diff --git a/packages/embed/src/product-selection.html b/packages/embed/src/product-selection.html
@@ -106,7 +106,7 @@ <h1 style="--flow-space: 4rem">Setting up</h1>
           We are setting up your verification flow
         </p>
 
-        <p class="center credits">
+        <p class="center credits" hidden>
           <span class="visually-hidden">Powered by SmileID</span>
           <svg
             aria-hidden="true"

diff --git a/packages/smart-camera-web/smart-camera-web.js b/packages/smart-camera-web/smart-camera-web.js
@@ -1334,7 +1334,12 @@ function hasMoreThanNColors(data, n = 16) {
   return false;
 }
 
-window.customElements.define('powered-by-smile-id', PoweredBySmileId);
+if (
+  window.customElements &&
+  !window.customElements.get('powered-by-smile-id')
+) {
+  window.customElements.define('powered-by-smile-id', PoweredBySmileId);
+}
 
 class SmartCameraWeb extends HTMLElement {
   constructor() {

diff --git a/packages/smart-camera-web/src/index.js b/packages/smart-camera-web/src/index.js
@@ -1,5 +1,12 @@
 import PoweredBySmileId from './PoweredBySmileId';
 import SmartCameraWeb from './SmartCameraWeb';
 
-window.customElements.define('powered-by-smile-id', PoweredBySmileId);
-window.customElements.define('smart-camera-web', SmartCameraWeb);
+if (
+  window.customElements &&
+  !window.customElements.get('powered-by-smile-id')
+) {
+  window.customElements.define('powered-by-smile-id', PoweredBySmileId);
+}
+if (window.customElements && !window.customElements.get('smart-camera-web')) {
+  window.customElements.define('smart-camera-web', SmartCameraWeb);
+}