window.addEventListener("message", (event) => {
  // Verificar el origen del mensaje para garantizar seguridad
  if (event.origin !== "URL_DE_CONFIANZA") {
    return;
  }

  // Procesar el evento recibido
  switch (event.data.type) {
    case 'VaultStarted':
      console.log("VaultStarted: Click to Pay está listo para la interacción.");
      // Implementar acciones cuando el proceso de pago ha iniciado
      break;

    case 'VaultSaveSuccess':
      const cardId = event.data.metadata.createdCard.id;
      console.log(`VaultSaveSuccess: Tarjeta guardada con éxito. ID de la tarjeta: ${cardId}`);
      // Manejar el éxito en la creación de la tarjeta y proceder con el proceso de pago
      break;

    case 'VaultSaveError':
    case 'VaultFailed':
      const errorCode = event.data.metadata.errorCode;
      const errorMessage = event.data.metadata.errorMessage;
      console.error(`${event.data.type}: Error en el proceso. Código: ${errorCode}, Mensaje: ${errorMessage}`);
      // Manejar errores en el guardado de la tarjeta o errores generales
      break;

    case 'VaultProcessing':
      console.log("VaultProcessing: Procesando pago con DEUNA.");
      // Implementar acciones mientras se procesa la transacción
      break;
    case 'onBinDetected':
    	// Cuando el usuario ingresa los primeros 6 dígitos de la tarjeta
      const cardBrand = event.data?.metadata?.cardBrand;
    case 'onInstallmentSelected':
    	// Cuando el usuario selecciona las cantidad de cuotas
    	const planOptionId = event.data.metadata.plan_option_id;
   case 'onBinEmpty':
    	// Cuando el usuario limpia el BIN
    default:
      console.warn(`Evento no reconocido: ${event.data.type}`);
      // Manejar cualquier otro caso no especificado
      break;
  }
});

// Step 1: Implement the following delegates: WKNavigationDelegate, WKUIDelegate 

// Step 2: Define the webView and override the window.open behaviour

 let configuration = WKWebViewConfiguration()
 private var webView: WKWebView?


 var scriptSource = """
    window.open = function(open) {
        return function(url, name, features) {
            location.href = url; // or window.location.replace(url)
        };
    }(window.open);
    """

// Step 3: Initialize the webView

/// Loads the web view with the specified URL.
/// Parameter urlString: The URL string to load.
func loadUrl(urlString: String) {
  let userScript = WKUserScript(
    source: scriptSource,
    injectionTime: .atDocumentStart,
    forMainFrameOnly: false
  )

  self.configuration.preferences.javaScriptEnabled = true
  self.configuration.preferences.javaScriptCanOpenWindowsAutomatically = true
  self.configuration.userContentController.addUserScript(userScript)
  self.configuration.userContentController.add(self, name: "deuna") // IMPORTANT the name "deuna"

  self.webView = WKWebView(
    frame: view.bounds,
    configuration: self.configuration
  )

  self.webView!.navigationDelegate = self

  if let url = URL(string: urlString) {
    let request = URLRequest(url: url)
    self.webView?.load(request)
  }
}

// Step 4: Define the function to listen when the URL of the widget
func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
  view.addSubview(webView)
  self.adjustScrolling(webView: webView)
}

// Listen to the PostMessages
// Gets the data from the script message as Foundation Data.
//    - Parameter message: The script message.
//    - Returns: The data from the script message, if available.
func getMessageData(message: WKScriptMessage) -> Foundation.Data? {
  guard let jsonString = message.body as? String else {
    return nil
  }
  return jsonString.data(using: .utf8)
}

/// Handler for receiving JavaScript messages.
///
/// - Parameters:
///   - userContentController: The user content controller.
///   - message: The message received.
func userContentController(
  _ userContentController: WKUserContentController,
  didReceive message: WKScriptMessage
) {
  // Attempt to decode the received JSON message
  guard let jsonData = getMessageData(message: message) else {
    return
  }

  do {
    // Decode the JSON message 
    let decoder = JSONDecoder()
    // listen the post message data
  } catch {

  }
}

// Step 1: Create and show the WebView
lateinit var webView: WebView
    
private fun initialize() {
  webView = findViewById(R.id.deuna_webview)
}

// Step 2: Enable JS and pass over the interface to listen the postMessages and show the URL
// Load the URL in the WebView
@SuppressLint("SetJavaScriptEnabled")
fun loadUrl(url: String) {

  webView.settings.apply {
    domStorageEnabled = true
    javaScriptEnabled = true
    setSupportMultipleWindows(true) // Enable support for multiple windows
  }

  // Add JavascriptInterface
  webView.addJavascriptInterface(WebViewBridge(), "android") // IMPORTANT the name "android"

  webView.webViewClient = object : WebViewClient() {
    override fun onPageFinished(view: WebView?, url: String?) {
      super.onPageFinished(view, url)
      // When the page finishes loading, the Web View is shown and the loader is hidden
    }
  }
  webView.loadUrl(url)
}

// Step 3: To create a class with a postMessage function using the @javascriptInterface annotation and listen for post message events
// Class to handle communication between the WebView and the native Android code
class WebViewBridge {
  /**
   * The postMessage function is called when a message is received from JavaScript code in a WebView.
   * The message is parsed and the corresponding callbacks are called based on the event type.
  */
  @JavascriptInterface
  fun postMessage(message: String) {
    try {
      val json = JSONObject(message)
      // listen the post message events
    } catch (e: Exception) {
      Log.d("WebViewBridge", "postMessage: $e")
    }
  }

  abstract fun handleEvent(message: String)
}