@smileid/web-components 1.5.1 → 2.0.0

package/{components → src/components}/selfie/src/selfie-capture/SelfieCapture.stories.js

@@ -1,36 +1,36 @@
-import SmartCamera from '../../../../domain/camera/src/SmartCamera';
-import './SelfieCapture';
-
-const meta = {
-  argTypes: {
-    'theme-color': { control: 'color' },
-  },
-  component: 'selfie-capture',
-};
-
-export default meta;
-
-export const SelfieCapture = {
-  args: {
-    'theme-color': '#001096',
-  },
-  loaders: [
-    async () => ({
-      permissionGranted: await SmartCamera.getMedia({
-        audio: false,
-        video: true,
-      }),
-    }),
-  ],
-  render: (args) => `
-        <selfie-capture theme-color='${args['theme-color']}'>
-        </selfie-capture>
-    `,
-};
-
-export const SelfieCaptureAgentMode = {
-  render: () => `
-        <selfie-capture allow-agent-mode='true' data-camera-ready show-agent-mode-for-tests>
-        </selfie-capture>
-    `,
-};
+import SmartCamera from '../../../../domain/camera/src/SmartCamera';
+import './SelfieCapture';
+
+const meta = {
+  argTypes: {
+    'theme-color': { control: 'color' },
+  },
+  component: 'selfie-capture',
+};
+
+export default meta;
+
+export const SelfieCapture = {
+  args: {
+    'theme-color': '#001096',
+  },
+  loaders: [
+    async () => ({
+      permissionGranted: await SmartCamera.getMedia({
+        audio: false,
+        video: true,
+      }),
+    }),
+  ],
+  render: (args) => `
+        <selfie-capture theme-color='${args['theme-color']}'>
+        </selfie-capture>
+    `,
+};
+
+export const SelfieCaptureAgentMode = {
+  render: () => `
+        <selfie-capture allow-agent-mode='true' data-camera-ready show-agent-mode-for-tests>
+        </selfie-capture>
+    `,
+};

package/{components → src/components}/signature-pad/package.json

@@ -1,30 +1,30 @@
-{
-  "name": "@smileid/signature-pad",
-  "version": "1.5.1",
-  "private": "true",
-  "exports": {
-    ".": "./index.js"
-  },
-  "scripts": {
-    "lint": "eslint . --ext .js",
-    "lint:fix": "eslint . --ext .js --fix"
-  },
-  "description": "A component to capture signatures using the signature_pad library, and uploads",
-  "keywords": [
-    "Web Components"
-  ],
-  "author": "SmileID <support@usesmileid.com> (https://usesmileid.com)",
-  "dependencies": {
-    "signature_pad": "^5.0.2"
-  },
-  "devDependencies": {
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-cypress": "^3.3.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jest": "^28.8.3",
-    "eslint-plugin-prettier": "^5.2.1",
-    "prettier": "^3.3.3"
-  }
-}
+{
+  "name": "@smileid/signature-pad",
+  "version": "2.0.0",
+  "private": "true",
+  "exports": {
+    ".": "./index.js"
+  },
+  "scripts": {
+    "lint": "eslint . --ext .js",
+    "lint:fix": "eslint . --ext .js --fix"
+  },
+  "description": "A component to capture signatures using the signature_pad library, and uploads",
+  "keywords": [
+    "Web Components"
+  ],
+  "author": "SmileID <support@usesmileid.com> (https://usesmileid.com)",
+  "dependencies": {
+    "signature_pad": "^5.0.2"
+  },
+  "devDependencies": {
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-cypress": "^3.3.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jest": "^28.8.3",
+    "eslint-plugin-prettier": "^5.2.1",
+    "prettier": "^3.3.3"
+  }
+}

package/{components → src/components}/signature-pad/src/SignaturePad.js

@@ -474,7 +474,10 @@ button:disabled {
   }
 }
 
-if ('customElements' in window) {
+if (
+  'customElements' in window &&
+  !window.customElements.get('smileid-signature-pad')
+) {
   window.customElements.define('smileid-signature-pad', SignaturePad);
 }
 

package/{components → src/components}/smart-camera-web/src/SmartCameraWeb.js

@@ -4,7 +4,7 @@ import SmartCamera from '../../../domain/camera/src/SmartCamera';
 import '../../document/src';
 import '../../selfie/src';
 import '../../camera-permission/CameraPermission';
-import packageJson from '../../../package.json';
+import packageJson from '../../../../package.json';
 
 const COMPONENTS_VERSION = packageJson.version;
 

package/{components → src/components}/totp-consent/src/TotpConsent.js

@@ -939,7 +939,7 @@ class TotpConsent extends HTMLElement {
   }
 }
 
-if ('customElements' in window) {
+if ('customElements' in window && !window.customElements.get('totp-consent')) {
   window.customElements.define('totp-consent', TotpConsent);
 }
 

package/.eslintrc.cjs

@@ -1,72 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    commonjs: true,
-    'cypress/globals': true,
-    es2021: true,
-  },
-  extends: 'airbnb-base',
-  ignorePatterns: [
-    'build/',
-    'instrumentation',
-    'dist/',
-    'libs/',
-    'node_modules/',
-  ],
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: ['.eslintrc.{js,cjs}'],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  plugins: ['cypress'],
-  rules: {
-    'class-methods-use-this': 'off',
-    'function-paren-newline': 'off',
-    'implicit-arrow-linebreak': 'off',
-    'import/no-extraneous-dependencies': [
-      'error',
-      {
-        devDependencies: [
-          'esbuild.js',
-          'cypress.config.js',
-          '**/*{.,_,-}{test,spec}.js', // tests where the extension or filename suffix denotes that it is a test
-        ],
-        optionalDependencies: false,
-      },
-    ],
-    indent: 0,
-    'max-classes-per-file': 'off',
-    'max-len': 'off',
-    'object-curly-newline': 'off',
-    'operator-linebreak': 'off',
-    'no-console': ['error', { allow: ['warn', 'error', 'info'] }],
-    'no-param-reassign': 'off',
-    'no-plusplus': 'off',
-    'no-underscore-dangle': 'off',
-    'no-unused-vars': [
-      'error',
-      { args: 'after-used', ignoreRestSiblings: false, vars: 'all' },
-    ],
-    'prefer-destructuring': [
-      'error',
-      {
-        array: false,
-        object: true,
-      },
-      {
-        enforceForRenamedProperties: false,
-      },
-    ],
-    'sort-keys': 'error',
-  },
-};

package/cypress/e2e/smart-camera-web-agent-mode.cy.js

@@ -1,144 +0,0 @@
-context('SmartCameraWeb', () => {
-  beforeEach(() => {
-    cy.visit('/smart-camera-web-agent-mode');
-  });
-
-  it('should switch from the selfie mode to agent mode"', () => {
-    cy.log('Enable agent mode for tests');
-    cy.get('smart-camera-web')
-      .invoke('attr', 'allow-agent-mode', 'true')
-      .should('have.attr', 'allow-agent-mode', 'true');
-
-    cy.get('smart-camera-web').invoke(
-      'attr',
-      'show-agent-mode-for-tests',
-      'true',
-    );
-    cy.get('smart-camera-web').invoke('attr', 'disable-image-tests', '');
-
-    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')
-      .should('be.visible');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture')
-      .shadow()
-      .should('contain.text', 'Agent Mode On');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture')
-      .shadow()
-      .find('#switch-camera')
-      .click();
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture')
-      .shadow()
-      .should('contain.text', 'Agent Mode Off');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture')
-      .shadow()
-      .find('#switch-camera')
-      .click();
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture')
-      .shadow()
-      .should('contain.text', 'Agent Mode On');
-
-    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');
-  });
-
-  it('should not show the agent mode switch button"', () => {
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture')
-      .invoke('attr', 'show-agent-mode-for-tests', 'false');
-    cy.get('smart-camera-web').invoke('attr', 'disable-image-tests', '');
-
-    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')
-      .should('be.visible');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture')
-      .shadow()
-      .find('#switch-camera')
-      .should('not.exist');
-
-    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');
-  });
-});

package/cypress/e2e/smart-camera-web-attribution.cy.js

@@ -1,249 +0,0 @@
-describe('SmartCameraWeb', () => {
-  it('shows attribution by default', () => {
-    cy.clock();
-    cy.visit('/smart-camera-web');
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture-instructions')
-      .shadow()
-      .find('powered-by-smile-id')
-      .should('be.visible');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture-instructions')
-      .shadow()
-      .find('#allow')
-      .click();
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture')
-      .shadow()
-      .find('powered-by-smile-id')
-      .should('be.visible');
-
-    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-review')
-      .shadow()
-      .find('powered-by-smile-id')
-      .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('document-capture-instructions#document-capture-instructions-front')
-      .shadow()
-      .find('powered-by-smile-id')
-      .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#document-capture-front')
-      .shadow()
-      .find('powered-by-smile-id')
-      .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-review#front-of-document-capture-review')
-      .shadow()
-      .find('powered-by-smile-id')
-      .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-instructions#document-capture-instructions-back')
-      .shadow()
-      .find('powered-by-smile-id')
-      .should('be.visible');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('document-capture-instructions#document-capture-instructions-back')
-      .shadow()
-      .find('#take-photo')
-      .click();
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('document-capture#document-capture-back')
-      .shadow()
-      .find('powered-by-smile-id')
-      .should('be.visible');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('document-capture#document-capture-back')
-      .shadow()
-      .find('#capture-id-image')
-      .click();
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('document-capture-review#back-of-document-capture-review')
-      .shadow()
-      .find('powered-by-smile-id')
-      .should('be.visible');
-  });
-
-  it.only('hides attribution when `hide-attribution` attribute is passed', () => {
-    cy.clock();
-    cy.visit('/capture-back-of-id-hide-attribution');
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture-instructions')
-      .shadow()
-      .get('powered-by-smile-id')
-      .should('not.exist');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture-instructions')
-      .shadow()
-      .find('#allow')
-      .click();
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture')
-      .shadow()
-      .get('powered-by-smile-id')
-      .should('not.exist');
-
-    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-review')
-      .shadow()
-      .get('powered-by-smile-id')
-      .should('not.exist');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('selfie-capture-review')
-      .shadow()
-      .find('#select-id-image')
-      .click();
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('document-capture-instructions#document-capture-instructions-front')
-      .shadow()
-      .get('powered-by-smile-id')
-      .should('not.exist');
-
-    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#document-capture-front')
-      .shadow()
-      .get('powered-by-smile-id')
-      .should('not.exist');
-
-    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-review#front-of-document-capture-review')
-      .shadow()
-      .get('powered-by-smile-id')
-      .should('not.exist');
-
-    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-instructions#document-capture-instructions-back')
-      .shadow()
-      .get('powered-by-smile-id')
-      .should('not.exist');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('document-capture-instructions#document-capture-instructions-back')
-      .shadow()
-      .find('#take-photo')
-      .click();
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('document-capture#document-capture-back')
-      .shadow()
-      .get('powered-by-smile-id')
-      .should('not.exist');
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('document-capture#document-capture-back')
-      .shadow()
-      .find('#capture-id-image')
-      .click();
-
-    cy.get('smart-camera-web')
-      .shadow()
-      .find('document-capture-review#back-of-document-capture-review')
-      .shadow()
-      .get('powered-by-smile-id')
-      .should('not.exist');
-  });
-});