@pagopa/io-react-native-wallet 0.26.0 → 1.0.0

package/src/cie/component.tsx

@@ -1,218 +0,0 @@
-import React, { createRef } from "react";
-import { Platform } from "react-native";
-import { WebView } from "react-native-webview";
-
-import type {
-  WebViewErrorEvent,
-  WebViewNavigationEvent,
-  WebViewMessageEvent,
-  WebViewNavigation,
-  WebViewHttpErrorEvent,
-} from "react-native-webview/lib/WebViewTypes";
-import { startCieAndroid, startCieiOS, type ContinueWithUrl } from "./manager";
-import { CieError, CieErrorType } from "./error";
-
-const AUTH_LINK_PATTERN = "lettura carta";
-
-/* To obtain the authentication URL on CIE L3 it is necessary to take the
- * link contained in the "Entra con lettura carta CIE" button.
- * This link can then be used on CieManager.
- * This javascript code takes the link in question and sends it to the react native function via postMessage
- */
-const injectedJavaScript = `
-    (function() {
-      function sendDocumentContent() {
-        const idpAuthUrl = [...document.querySelectorAll("a")]
-        .filter(a => a.textContent.toLowerCase().includes("${AUTH_LINK_PATTERN}"))
-        .map(a=>a.href)[0];
-
-        if(idpAuthUrl) {
-          window.ReactNativeWebView.postMessage(idpAuthUrl);
-        }
-      }
-      if (document.readyState === 'complete') {
-        sendDocumentContent();
-      } else {
-        window.addEventListener('load', sendDocumentContent);
-      }
-    })();
-    true;
-  `;
-export type OnSuccess = (url: string) => void;
-export type OnError = (e: CieError) => void;
-export type OnCieEvent = (e: CieEvent) => void;
-export enum CieEvent {
-  "reading" = "reading",
-  "completed" = "completed",
-  "waiting_card" = "waiting_card",
-}
-
-type CIEParams = {
-  authUrl: string;
-  onSuccess: OnSuccess;
-  onError: OnError;
-  pin: string;
-  useUat: boolean;
-  redirectUrl: string;
-  onEvent: OnCieEvent;
-};
-
-/*
- * To make sure the server recognizes the client as valid iPhone device (iOS only) we use a custom header
- * on Android it is not required.
- */
-const iOSUserAgent =
-  "Mozilla/5.0 (iPhone; CPU iPhone OS 14_0_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1";
-const defaultUserAgent = Platform.select({
-  ios: iOSUserAgent,
-  default: undefined,
-});
-
-const webView = createRef<WebView>();
-
-/**
- * WebViewComponent
- *
- * Component that manages authentication via CIE L3 (NFC+PIN) based on WebView (react-native-webview).
- * In particular, once rendered, it makes a series of calls to the authUrl in the WebView,
- * extrapolates the authentication URL necessary for CieManager to sign via certificate
- * and calls the CIE SDK which is responsible for starting card reading via NFC.
- * At the end of the reading, a redirect is made in the WebView towards the page that asks
- * the user for consent to send the data to the Service Provider. This moment can be captured
- * via the onUserInteraction parameter. When the user allows or denies their consent,
- * a redirect is made to the URL set by the Service Provider.
- * This url can be configured using the redirectUrl parameter which allows you to close the WebView.
- * The event can then be captured via the onSuccess parameter.
- *
- * @param {CIEParams} params - Parameters required by the component.
- * @param {string} params.authUrl -The authentication URL of the Service Provider to which to authenticate.
- * @param {boolean} params.useUat - If set to true it uses the CIE testing environment.
- * @param {string} params.pin - CIE pin for use with NFC reading.
- * @param {Function} params.onError - Callback function in case of error. The function is passed the Error parameter.
- * @param {Function} params.onSuccess - Callback at the end of authentication to which the redirect URL including parameters is passed.
- * @param {string} params.redirectUrl - Redirect URL set by the Service Provider. It is used to stop the flow and return to the calling function via onSuccess.
- * @param {Function} params.onEvent - Callback function that is called whenever there is a new CieEvent from the CIE reader.
- * @returns {JSX.Element} - The configured component with WebView.
- */
-export const WebViewComponent = (params: CIEParams) => {
-  const [webViewUrl, setWebViewUrl] = React.useState(params.authUrl);
-  const [isCardReadingFinished, setCardReadingFinished] = React.useState(false);
-
-  /*
-   * Once the reading of the card with NFC is finished, it is necessary
-   * to change the URL of the WebView by redirecting to the URL returned by
-   * CieManager to allow the user to continue with the consent authorization
-   * */
-  const continueWithUrl: ContinueWithUrl = (callbackUrl: string) => {
-    setCardReadingFinished(true);
-    setWebViewUrl(callbackUrl);
-  };
-
-  // This function is called from the injected javascript code (postMessage). Which receives the authentication URL
-  const handleMessage = async (event: WebViewMessageEvent) => {
-    const cieAuthorizationUri = event.nativeEvent.data;
-    const startCie = Platform.select({
-      ios: startCieiOS,
-      default: startCieAndroid,
-    });
-    await startCie(
-      params.useUat,
-      params.pin,
-      params.onError,
-      params.onEvent,
-      cieAuthorizationUri,
-      continueWithUrl
-    );
-  };
-
-  //This function is called when authentication with CIE ends and the SP URL containing code and state is returned
-  const handleShouldStartLoading =
-    (onSuccess: OnSuccess, redirectUrl: string) =>
-    (event: WebViewNavigation): boolean => {
-      if (isCardReadingFinished && event.url.includes(redirectUrl)) {
-        onSuccess(event.url);
-        return false;
-      } else {
-        return true;
-      }
-    };
-
-  const handleOnLoadEnd =
-    (onError: OnError, onCieEvent: OnCieEvent) =>
-    (e: WebViewNavigationEvent | WebViewErrorEvent) => {
-      const eventTitle = e.nativeEvent.title.toLowerCase();
-      if (
-        eventTitle === "pagina web non disponibile" ||
-        // On Android, if we attempt to access the idp URL twice,
-        // we are presented with an error page titled "ERROR".
-        eventTitle === "errore"
-      ) {
-        handleOnError(onError)(new Error(eventTitle));
-      }
-
-      /* At the end of loading the page, if the card has already been read
-       * then the WebView has loaded the page to ask the user for consent,
-       * so send the completed event
-       * */
-      if (isCardReadingFinished) {
-        onCieEvent(CieEvent.completed);
-      }
-    };
-
-  const handleOnError =
-    (onError: OnError) =>
-    (e: WebViewErrorEvent | WebViewHttpErrorEvent | Error): void => {
-      const error = e as Error;
-      const webViewError = e as WebViewErrorEvent;
-      const webViewHttpError = e as WebViewHttpErrorEvent;
-      if (webViewHttpError.nativeEvent.statusCode) {
-        const { description, statusCode } = webViewHttpError.nativeEvent;
-        onError(
-          new CieError({
-            message: `WebView http error: ${description} with status code: ${statusCode}`,
-            type: CieErrorType.WEB_VIEW_ERROR,
-          })
-        );
-      } else if (webViewError.nativeEvent) {
-        const { code, description } = webViewError.nativeEvent;
-        onError(
-          new CieError({
-            message: `WebView error: ${description} with code: ${code}`,
-            type: CieErrorType.WEB_VIEW_ERROR,
-          })
-        );
-      } else if (error.message !== undefined) {
-        onError(
-          new CieError({
-            message: `${error.message}`,
-            type: CieErrorType.WEB_VIEW_ERROR,
-          })
-        );
-      } else {
-        onError(
-          new CieError({
-            message: "An error occurred in the WebView",
-            type: CieErrorType.WEB_VIEW_ERROR,
-          })
-        );
-      }
-    };
-
-  return (
-    <WebView
-      ref={webView}
-      userAgent={defaultUserAgent}
-      javaScriptEnabled={true}
-      source={{ uri: webViewUrl }}
-      onLoadEnd={handleOnLoadEnd(params.onError, params.onEvent)}
-      onError={handleOnError(params.onError)}
-      onHttpError={handleOnError(params.onError)}
-      injectedJavaScript={injectedJavaScript}
-      onShouldStartLoadWithRequest={handleShouldStartLoading(
-        params.onSuccess,
-        params.redirectUrl
-      )}
-      onMessage={handleMessage}
-    />
-  );
-};

package/src/cie/error.ts

@@ -1,58 +0,0 @@
-export enum CieErrorType {
-  GENERIC,
-  TAG_NOT_VALID,
-  WEB_VIEW_ERROR,
-  NFC_ERROR,
-  AUTHENTICATION_ERROR,
-  PIN_ERROR,
-  PIN_LOCKED,
-  CERTIFICATE_ERROR,
-}
-
-interface BaseCieError {
-  message: string;
-  type?: CieErrorType;
-}
-
-interface PinErrorOptions extends BaseCieError {
-  type: CieErrorType.PIN_ERROR;
-  attemptsLeft: number;
-}
-
-interface NonPinErrorOptions extends BaseCieError {
-  type?: Exclude<CieErrorType, CieErrorType.PIN_ERROR>;
-  attemptsLeft?: number;
-}
-
-type ErrorOptions = PinErrorOptions | NonPinErrorOptions;
-
-export class CieError extends Error {
-  public type: CieErrorType;
-  public attemptsLeft?: number;
-  constructor(options: ErrorOptions) {
-    super(options.message);
-
-    if (options.type) {
-      this.type = options.type;
-    } else {
-      this.type = CieErrorType.GENERIC;
-    }
-
-    if (this.type === CieErrorType.PIN_ERROR) {
-      this.attemptsLeft = options.attemptsLeft;
-    } else if (this.type === CieErrorType.PIN_LOCKED) {
-      this.attemptsLeft = 0;
-    }
-
-    this.name = this.constructor.name;
-  }
-
-  toString(): string {
-    return JSON.stringify({
-      name: this.name,
-      type: CieErrorType[this.type],
-      message: this.message,
-      attemptsLeft: this.attemptsLeft,
-    });
-  }
-}

package/src/cie/index.ts

@@ -1,4 +0,0 @@
-import { CieEvent, WebViewComponent } from "./component";
-import { CieError, CieErrorType } from "./error";
-
-export { WebViewComponent, CieError, CieErrorType, CieEvent };

package/src/cie/manager.ts

@@ -1,183 +0,0 @@
-import cieManager, { type Event as CEvent } from "@pagopa/react-native-cie";
-import { Platform } from "react-native";
-import { CieEvent, type OnCieEvent, type OnError } from "./component";
-import { CieError, CieErrorType } from "./error";
-
-const BASE_UAT_URL = "https://collaudo.idserver.servizicie.interno.gov.it/idp/";
-
-export type ContinueWithUrl = (callbackUrl: string) => void;
-
-export const startCieAndroid = (
-  useCieUat: boolean,
-  ciePin: string,
-  onError: OnError,
-  onEvent: OnCieEvent,
-  cieAuthorizationUri: string,
-  continueWithUrl: ContinueWithUrl
-) => {
-  try {
-    cieManager.removeAllListeners();
-    cieManager
-      .start()
-      .then(async () => {
-        cieManager.onEvent(handleCieEvent(onError, onEvent));
-        cieManager.onError((e: Error) => {
-          console.error(e);
-          return onError(new CieError({ message: e.message }));
-        });
-        cieManager.onSuccess(handleCieSuccess(continueWithUrl));
-        await cieManager.setPin(ciePin);
-        cieManager.setAuthenticationUrl(cieAuthorizationUri);
-        cieManager.enableLog(useCieUat);
-        cieManager.setCustomIdpUrl(useCieUat ? getCieUatEndpoint() : null);
-        await cieManager.startListeningNFC();
-        onEvent(CieEvent.waiting_card);
-      })
-      .catch(onError);
-  } catch (e) {
-    onError(
-      new CieError({
-        message: `Unable to start CIE NFC manager on Android: ${e}`,
-        type: CieErrorType.NFC_ERROR,
-      })
-    );
-  }
-};
-
-export const startCieiOS = async (
-  useCieUat: boolean,
-  ciePin: string,
-  onError: OnError,
-  onEvent: OnCieEvent,
-  cieAuthorizationUri: string,
-  continueWithUrl: ContinueWithUrl
-) => {
-  try {
-    cieManager.removeAllListeners();
-    cieManager.onEvent(handleCieEvent(onError, onEvent));
-    cieManager.onError((e: Error) =>
-      onError(new CieError({ message: e.message }))
-    );
-    cieManager.onSuccess(handleCieSuccess(continueWithUrl));
-    cieManager.enableLog(useCieUat);
-    cieManager.setCustomIdpUrl(useCieUat ? getCieUatEndpoint() : null);
-    await cieManager.setPin(ciePin);
-    cieManager.setAuthenticationUrl(cieAuthorizationUri);
-    cieManager
-      .start()
-      .then(async () => {
-        await cieManager.startListeningNFC();
-        onEvent(CieEvent.waiting_card);
-      })
-      .catch(onError);
-  } catch (e) {
-    onError(
-      new CieError({
-        message: `Unable to start CIE NFC manager on iOS: ${e}`,
-        type: CieErrorType.NFC_ERROR,
-      })
-    );
-  }
-};
-
-const handleCieEvent =
-  (onError: OnError, onEvent: OnCieEvent) => (event: CEvent) => {
-    switch (event.event) {
-      // Reading starts
-      case "ON_TAG_DISCOVERED":
-        onEvent(CieEvent.reading);
-        break;
-      // "Function not supported" seems to be TAG_ERROR_NFC_NOT_SUPPORTED
-      // for the iOS SDK
-      case "Function not supported" as unknown:
-      case "TAG_ERROR_NFC_NOT_SUPPORTED":
-      case "ON_TAG_DISCOVERED_NOT_CIE":
-        onError(
-          new CieError({
-            message: `Invalid CIE card:  ${event.event}`,
-            type: CieErrorType.TAG_NOT_VALID,
-          })
-        );
-        break;
-      case "AUTHENTICATION_ERROR":
-      case "ON_NO_INTERNET_CONNECTION":
-        onError(
-          new CieError({
-            message: `Authentication error or no internet connection`,
-            type: CieErrorType.AUTHENTICATION_ERROR,
-          })
-        );
-        break;
-      case "EXTENDED_APDU_NOT_SUPPORTED":
-        onError(
-          new CieError({
-            message: `APDU not supported`,
-            type: CieErrorType.NFC_ERROR,
-          })
-        );
-        break;
-      case "Transmission Error":
-      case "ON_TAG_LOST":
-        onError(
-          new CieError({
-            message: `Trasmission error`,
-            type: CieErrorType.NFC_ERROR,
-          })
-        );
-        break;
-
-      // The card is temporarily locked. Unlock is available by CieID app
-      case "PIN Locked":
-      case "ON_CARD_PIN_LOCKED":
-        onError(
-          new CieError({
-            message: `PIN locked`,
-            type: CieErrorType.PIN_LOCKED,
-          })
-        );
-        break;
-      case "ON_PIN_ERROR":
-        onError(
-          new CieError({
-            message: `PIN locked`,
-            type: CieErrorType.PIN_ERROR,
-            attemptsLeft: event.attemptsLeft,
-          })
-        );
-        break;
-
-      // CIE is Expired or Revoked
-      case "CERTIFICATE_EXPIRED":
-        onError(
-          new CieError({
-            message: `Certificate expired`,
-            type: CieErrorType.CERTIFICATE_ERROR,
-          })
-        );
-        break;
-      case "CERTIFICATE_REVOKED":
-        onError(
-          new CieError({
-            message: `Certificate revoked`,
-            type: CieErrorType.CERTIFICATE_ERROR,
-          })
-        );
-
-        break;
-
-      default:
-        break;
-    }
-  };
-
-const handleCieSuccess =
-  (continueWithUrl: ContinueWithUrl) => (url: string) => {
-    continueWithUrl(decodeURIComponent(url));
-  };
-
-const getCieUatEndpoint = () =>
-  Platform.select({
-    ios: `${BASE_UAT_URL}Authn/SSL/Login2`,
-    android: BASE_UAT_URL,
-    default: null,
-  });