chore(client): migrate from deprecated @privacybydesign/irma-* to yivi-* packages

Replaces irma-client/core/css/web 0.3.3 with the successor yivi-client/core/css/web 1.0.x
packages. The API is identical (use(), start(), abort()), only the import names changed:
IrmaCore → YiviCore, Web → YiviWeb, Client → YiviClient.

Also mocks @privacybydesign/yivi-css in jest (same as the old irma-css needed) to prevent
jest from trying to parse the raw CSS file as JavaScript.

Author: rubenhensen

client/jest.config.js

@@ -6,6 +6,7 @@ module.exports = {
         '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
             '<rootDir>/src/test/fileMock.ts',
         '\\.(css)$': '<rootDir>/src/test/styleMock.ts',
+        '@privacybydesign/yivi-css': '<rootDir>/src/test/styleMock.ts',
         '^@config/(.*)$': '<rootDir>/src/config/$1',
         '^@app/(.*)$': '<rootDir>/src/app/$1',
         '^@components/(.*)$': '<rootDir>/src/components/$1',

client/package-lock.json

@@ -18,10 +18,10 @@
         "@amsterdam/asc-assets": "^0.35.0",
         "@amsterdam/asc-ui": "^0.35.2",
         "@amsterdam/react-maps": "^0.12.0",
-        "@privacybydesign/irma-client": "^0.3.3",
-        "@privacybydesign/irma-core": "^0.3.3",
-        "@privacybydesign/irma-css": "^0.3.3",
-        "@privacybydesign/irma-web": "^0.3.3",
+        "@privacybydesign/yivi-client": "^1.0.0",
+        "@privacybydesign/yivi-core": "^1.0.0",
+        "@privacybydesign/yivi-css": "^1.0.1",
+        "@privacybydesign/yivi-web": "^1.0.2",
         "axios": "^1.12.0",
         "core-js": "3",
         "leaflet": "^1.6.0",

client/package.json

@@ -1,5 +1,5 @@
 import React from 'react';
-import IrmaCore from '@privacybydesign/irma-core';
+import YiviCore from '@privacybydesign/yivi-core';
 import { setupMocks, wrappedRender } from '@test/utils';
 import { act } from 'react-dom/test-utils';
 import createIrmaSession, { getConfig } from './createIrmaSession';
@@ -79,7 +79,7 @@ xdescribe('createIrmaSession', () => {
     it('createIrmaSession()', async () => {
         await act(async (): Promise<any> => await wrappedRender(<div id="test-elementID"></div>));
 
-        IrmaCore.prototype.start = jest.fn().mockReturnValue({
+        YiviCore.prototype.start = jest.fn().mockReturnValue({
             token: '1234567890abcdefg',
             status: 'DONE',
             type: 'disclosing',

client/src/services/createIrmaSession.spec.tsx

@@ -1,8 +1,8 @@
 import axios from 'axios';
-import '@privacybydesign/irma-css';
-import IrmaCore from '@privacybydesign/irma-core';
-import Web from '@privacybydesign/irma-web';
-import Client from '@privacybydesign/irma-client';
+import '@privacybydesign/yivi-css';
+import YiviCore from '@privacybydesign/yivi-core';
+import YiviWeb from '@privacybydesign/yivi-web';
+import YiviClient from '@privacybydesign/yivi-client';
 import userAgent from './userAgent';
 
 // Types
@@ -99,12 +99,12 @@ const createIrmaSession = (
     callBackMapping?: IStateChangeCallbackMapping,
     alwaysShowQRCode = false,
     language = 'nl'
-): typeof IrmaCore => {
+): typeof YiviCore => {
     const queryString = Object.keys(query)
         .map((key, index) => `${index === 0 ? '?' : ''}${key}=${(query as any)[key]}`)
         .join('&');
 
-    const irma = new IrmaCore({
+    const irma = new YiviCore({
         debugging: process.env.NODE_ENV !== 'production',
         element: `#${holderElementId}`,
         callBackMapping,
@@ -136,8 +136,8 @@ const createIrmaSession = (
         }
     });
 
-    irma.use(Client);
-    irma.use(Web);
+    irma.use(YiviClient);
+    irma.use(YiviWeb);
 
     if (isMobile()) {
         irma.use(IrmaSkipMobileChoice);

client/src/services/createIrmaSession.ts

@@ -1,6 +1,6 @@
-import IrmaCore from '@privacybydesign/irma-core';
-import Web from '@privacybydesign/irma-web';
-import Client from '@privacybydesign/irma-client';
+import YiviCore from '@privacybydesign/yivi-core';
+import YiviWeb from '@privacybydesign/yivi-web';
+import YiviClient from '@privacybydesign/yivi-client';
 import { IrmaAbortOnCancel, isMobile, IStateChangeCallbackMapping, IStateMachine } from '@services/createIrmaSession';
 import { HOLDER_ELEMENT_ID } from '../pages/Vote';
 
@@ -75,7 +75,7 @@ const createIrmaVoteSession = async (
     objectToSign: IQueryObj,
     callBackMapping?: IStateChangeCallbackMapping
 ): Promise<IIrmaResult | undefined> => {
-    const irma = new IrmaCore({
+    const irma = new YiviCore({
         debugging: true,
         element: `#${HOLDER_ELEMENT_ID}`,
         callBackMapping,
@@ -99,8 +99,8 @@ const createIrmaVoteSession = async (
         }
     });
 
-    irma.use(Client);
-    irma.use(Web);
+    irma.use(YiviClient);
+    irma.use(YiviWeb);
 
     if (isMobile()) {
         irma.use(IrmaSkipMobileChoice);

client/src/services/createIrmaVoteSession.ts

@@ -1,6 +1,6 @@
-declare module '@privacybydesign/irma-core';
-declare module '@privacybydesign/irma-web';
-declare module '@privacybydesign/irma-client';
+declare module '@privacybydesign/yivi-core';
+declare module '@privacybydesign/yivi-web';
+declare module '@privacybydesign/yivi-client';
 declare module '@testing-library/jest-dom/matchers';
 declare module 'unist-util-visit';
 declare module 'mdast-util-to-string';