npm - @smileid/web-components - Versions diffs - 1.5.0 → 2.0.0 - Mend

@smileid/web-components 1.5.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (81) hide show

package/cypress/pages/capture-back-of-id-hide-attribution.html DELETED Viewed

@@ -1,44 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-      }
-      body {
-        max-width: 100%;
-        min-height: 100%;
-      }
-      smart-camera-web {
-        margin-left: auto;
-        margin-right: auto;
-        max-width: 40ch;
-        padding: 1rem;
-        width: auto;
-      }
-    </style>
-  </head>
-  <body>
-    <smart-camera-web
-      capture-id="back"
-      hide-attribution
-      disable-image-tests
-      document-capture-modes="camera,upload"
-    >
-    </smart-camera-web>
-    <script src="./js/components/smart-camera-web/src/SmartCameraWeb.js"></script>
-    <script>
-      const app = document.querySelector('smart-camera-web');
-      app.addEventListener('smart-camera-web.publish', async (e) => {
-        console.log(e.detail);
-      });
-    </script>
-  </body>
-</html>

package/cypress/pages/capture-back-of-id-navigation.html DELETED Viewed

@@ -1,72 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-      }
-      body {
-        max-width: 100%;
-        min-height: 100%;
-      }
-      button[data-type='icon'] {
-        align-items: center;
-        background-color: transparent;
-        border: 0;
-        cursor: pointer;
-        display: flex;
-        padding: 0;
-      }
-      .justify-right {
-        justify-content: end !important;
-      }
-      .nav {
-        display: flex;
-        justify-content: space-between;
-      }
-      .back-button {
-        display: block !important;
-      }
-      .back-button-text {
-        font-size: 11px;
-        line-height: 11px;
-        color: #3886f7;
-      }
-      smart-camera-web {
-        margin-left: auto;
-        margin-right: auto;
-        max-width: 40ch;
-        padding: 1rem;
-        width: auto;
-      }
-    </style>
-  </head>
-  <body>
-    <smart-camera-web capture-id="back" disable-image-tests show-navigation>
-    </smart-camera-web>
-    <script src="./js/components/smart-camera-web/src/SmartCameraWeb.js"></script>
-    <script>
-      const app = document.querySelector('smart-camera-web');
-      app.addEventListener('smart-camera-web.publish', async (e) => {
-        console.log(e.detail);
-      });
-      app.addEventListener('smart-camera-web.cancelled', async (e) => {
-        location.href = '/back_pressed';
-      });
-      app.addEventListener('smart-camera-web.close', async (e) => {
-        location.href = '/closed';
-      });
-    </script>
-  </body>
-</html>

package/cypress/pages/smart-camera-web-agent-mode.html DELETED Viewed

@@ -1,36 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-      }
-      body {
-        max-width: 100%;
-        min-height: 100%;
-      }
-      smart-camera-web {
-        margin-left: auto;
-        margin-right: auto;
-        max-width: 40ch;
-        padding: 1rem;
-        width: auto;
-      }
-    </style>
-  </head>
-  <body>
-    <smart-camera-web></smart-camera-web>
-    <script src="./js/components/smart-camera-web/src/SmartCameraWeb.js"></script>
-    <script>
-      const app = document.querySelector('smart-camera-web');
-      app.addEventListener('smart-camera-web.published', async (e) => {});
-    </script>
-  </body>
-</html>

package/cypress/pages/smart-camera-web-complete-flow.html DELETED Viewed

@@ -1,42 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-      }
-      body {
-        max-width: 100%;
-        min-height: 100%;
-      }
-      smart-camera-web {
-        margin-left: auto;
-        margin-right: auto;
-        max-width: 40ch;
-        padding: 1rem;
-        width: auto;
-      }
-    </style>
-  </head>
-  <body>
-    <smart-camera-web
-      capture-id
-      disable-image-tests
-      theme-color="#001093"
-    ></smart-camera-web>
-    <script src="./js/components/smart-camera-web/src/SmartCameraWeb.js"></script>
-    <script>
-      const app = document.querySelector('smart-camera-web');
-      app.addEventListener('smart-camera-web.published', async (e) => {
-        console.log(e.detail);
-      });
-    </script>
-  </body>
-</html>

package/cypress/pages/smart-camera-web-hide-instructions.html DELETED Viewed

@@ -1,38 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-      }
-      body {
-        max-width: 100%;
-        min-height: 100%;
-      }
-      smart-camera-web {
-        margin-left: auto;
-        margin-right: auto;
-        max-width: 40ch;
-        padding: 1rem;
-        width: auto;
-      }
-    </style>
-  </head>
-  <body>
-    <smart-camera-web disable-image-tests hide-instructions></smart-camera-web>
-    <script src="./js/components/smart-camera-web/src/SmartCameraWeb.js"></script>
-    <script>
-      const app = document.querySelector('smart-camera-web');
-      app.addEventListener('imagesComputed', async (e) => {
-        console.log(e.detail);
-      });
-    </script>
-  </body>
-</html>

package/cypress/pages/smart-camera-web.html DELETED Viewed

@@ -1,38 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-      }
-      body {
-        max-width: 100%;
-        min-height: 100%;
-      }
-      smart-camera-web {
-        margin-left: auto;
-        margin-right: auto;
-        max-width: 40ch;
-        padding: 1rem;
-        width: auto;
-      }
-    </style>
-  </head>
-  <body>
-    <smart-camera-web disable-image-tests></smart-camera-web>
-    <script src="./js/components/smart-camera-web/src/SmartCameraWeb.js"></script>
-    <script>
-      const app = document.querySelector('smart-camera-web');
-      app.addEventListener('smart-camera-web.published', async (e) => {
-        console.log(e.detail);
-      });
-    </script>
-  </body>
-</html>

package/cypress/support/commands.js DELETED Viewed

@@ -1,144 +0,0 @@
-// ***********************************************
-// This example commands.js shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
-Cypress.Commands.add('exitScreens', () => {
-  cy.location('pathname').should('eq', '/closed');
-  cy.get('smart-camera-web').should('not.exist');
-});
-Cypress.Commands.add('navigateFaceCaptureScreens', () => {
-  cy.clock();
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('selfie-capture-instructions')
-    .shadow()
-    .find('#allow')
-    .click();
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('selfie-capture-instructions')
-    .should('not.be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('selfie-capture')
-    .should('be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('selfie-capture')
-    .shadow()
-    .should('contain.text', 'Take a Selfie');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('selfie-capture')
-    .shadow()
-    .find('#start-image-capture')
-    .click();
-  cy.tick(8000);
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('selfie-capture')
-    .shadow()
-    .should('not.be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('selfie-capture-review')
-    .should('be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('selfie-capture-review')
-    .shadow()
-    .find('#select-id-image')
-    .click();
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('selfie-capture-review')
-    .shadow()
-    .should('not.be.visible');
-});
-Cypress.Commands.add('navigateDocumentFrontCaptureWithInstructions', () => {
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture-instructions')
-    .should('be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture-instructions#document-capture-instructions-front')
-    .shadow()
-    .find('#take-photo')
-    .click();
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture-instructions#document-capture-instructions-front')
-    .should('not.be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture#document-capture-front')
-    .should('be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture#document-capture-front')
-    .shadow()
-    .find('#capture-id-image')
-    .click();
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture#document-capture-front')
-    .should('not.be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture-review#front-of-document-capture-review')
-    .should('be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture-review#front-of-document-capture-review')
-    .shadow()
-    .find('#select-id-image')
-    .click();
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture-review#front-of-document-capture-review')
-    .should('not.be.visible');
-  cy.get('smart-camera-web')
-    .shadow()
-    .find('document-capture-instructions#document-capture-instructions-back')
-    .should('be.visible');
-});

package/cypress/support/e2e.js DELETED Viewed

@@ -1,20 +0,0 @@
-// ***********************************************************
-// This example support/e2e.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-// Import commands.js using ES2015 syntax:
-import './commands';
-// Alternatively you can use CommonJS syntax:
-// require('./commands')

package/cypress.config.js DELETED Viewed

@@ -1,11 +0,0 @@
-import { defineConfig } from 'cypress';
-export default defineConfig({
-  e2e: {
-    baseUrl: 'http://localhost:8000',
-    experimentalStudio: true,
-    setupNodeEvents() {
-      // implement node event listeners here
-    },
-  },
-});

package/esbuild.js DELETED Viewed

@@ -1,119 +0,0 @@
-import esbuild from 'esbuild';
-import fs from 'fs';
-import path from 'path';
-import { createRequire } from 'node:module';
-// Import the package.json file to get the version number by using the createRequire function
-const require = createRequire(import.meta.url);
-const { exports } = require('./package.json');
-// Get the paths from the exports field
-const exportPaths = Object.values(exports).map((filePath) =>
-  path.join(process.cwd(), filePath),
-);
-/**
- * Ensures a directory exists. If not, creates it.
- * @param {string} dirPath - The path to the directory.
- */
-const ensureDirSync = (dirPath) => {
-  if (!fs.existsSync(dirPath)) {
-    fs.mkdirSync(dirPath, { recursive: true });
-  }
-};
-/**
- * Recursively copies files from source to destination with a filter option.
- * @param {string} srcDir - The source directory.
- * @param {string} destDir - The destination directory.
- * @param {Function} filterFn - A function to filter which files to copy.
- */
-const copySync = (srcDir, destDir, filterFn) => {
-  const entries = fs.readdirSync(srcDir, { withFileTypes: true });
-  entries.forEach((entry) => {
-    const srcPath = path.join(srcDir, entry.name);
-    const destPath = path.join(destDir, entry.name);
-    if (entry.isDirectory()) {
-      ensureDirSync(destPath);
-      copySync(srcPath, destPath, filterFn);
-    } else if (!filterFn || filterFn(entry.name)) {
-      fs.copyFileSync(srcPath, destPath);
-    }
-  });
-};
-/**
- * Copies specific files from source to destination based on a pattern.
- * @param {string} srcDir - The source directory.
- * @param {string} pattern - A wildcard pattern to filter files. e.g., '*.html'
- * @param {string} destDir - The destination directory.
- */
-const copyFiles = (srcDir, pattern, destDir) => {
-  const files = fs
-    .readdirSync(srcDir)
-    .filter((file) => file.match(new RegExp(pattern.replace('*', '.*'))));
-  files.forEach((file) => {
-    const srcPath = path.join(srcDir, file);
-    const destPath = path.join(destDir, file);
-    fs.copyFileSync(srcPath, destPath);
-  });
-};
-/**
- * Performs preparatory tasks for production mode.
- * Clears the 'dist' directory, ensures it exists,
- * and copies necessary files.
- */
-const prebuildDist = () => {
-  if (fs.existsSync('dist')) {
-    fs.rmSync('build', { recursive: true });
-  }
-  ensureDirSync('dist');
-  copySync('src', 'dist', (file) => !file.endsWith('.js'));
-};
-/**
- * Performs preparatory tasks for development mode.
- * Clears the 'build' directory, ensures it exists,
- * copies necessary files, and copies HTML pages from cypress.
- */
-const prebuild = () => {
-  if (fs.existsSync('build')) {
-    fs.rmSync('build', { recursive: true });
-  }
-  ensureDirSync('build');
-  // copySync('dist', 'cypress/pages/instrumentation', (file) => !file.endsWith('.js'));
-  copyFiles('cypress/pages', '*.html', 'build');
-};
-if (process.env.NODE_ENV === 'development') {
-  prebuild();
-} else {
-  prebuildDist();
-}
-const devOptions = {
-  bundle: true,
-  minify: process.env.MINIFY === 'true',
-};
-const prodOptions = {
-  bundle: true,
-  minify: true,
-};
-if (process.env.NODE_ENV === 'development') {
-  esbuild.build({
-    ...devOptions,
-    entryPoints: exportPaths,
-    outdir: 'build/js',
-  });
-} else {
-  esbuild.build({
-    ...prodOptions,
-    entryPoints: exportPaths,
-    outdir: 'dist/js',
-  });
-}

package/generate-exports.js DELETED Viewed

@@ -1,34 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-const componentsDir = './components';
-const outputFilePath = './index.js';
-const getDirectories = (source) =>
-  fs
-    .readdirSync(source, { withFileTypes: true })
-    .filter((dirent) => dirent.isDirectory())
-    .map((dirent) => dirent.name);
-const generateExports = () => {
-  const componentDirs = getDirectories(componentsDir);
-  let exportStatements = '';
-  componentDirs.forEach((dir) => {
-    const srcPath = path.join(componentsDir, dir, 'src');
-    if (fs.existsSync(srcPath)) {
-      const files = fs.readdirSync(srcPath);
-      files.forEach((file) => {
-        const fileName = path.parse(file).name;
-        const exportName = fileName.charAt(0).toUpperCase() + fileName.slice(1);
-        exportStatements += `import ${exportName} from './components/${dir}/src/${fileName}';\n`;
-        exportStatements += `export { ${exportName} };\n`;
-      });
-    }
-  });
-  fs.writeFileSync(outputFilePath, exportStatements);
-};
-generateExports();
-export default generateExports;