How to switching from Lemin Boxed/ Integrated Captcha to Lemin Invisible Captcha

import {
  leminCroppedCaptcha,
  LeminCroppedCaptchaContainer,
} from "@leminnow/react-lemin-cropped-captcha";

export function App() {
  const captchaId = "..." // your captcha div id
  const containerId = "CROPPED_..." // your captcha id 

  const handleSubmit = (event) => {
    event.preventDefault();
    event.stopPropagation();
    const captchaValues = leminCroppedCaptcha
      .getCaptcha(captchaId)
      .getCaptchaValue();
    const isCaptchaValid = captchaValues.answer && captchaValues.challenge_id;

    if (isCaptchaValid) {
      //execute your method
    }
  };

  return (
    // Change is here , place submit function to form onSubmit
    <form onSubmit={handleSubmit}>
      <LeminCroppedCaptchaContainer
        containerId={captchaId}
        captchaId={containerId}
      />

      // Change is here , Set the id field of your form submit element to "leminSubmitButton"
      <button className="btn btn-primary" type="submit" id="leminSubmitButton">
        Submit
      </button>
    </form>
  );
}

<template>
  <!-- Change is here , place submit function to form onSubmit -->
  <form @submit.prevent="onSubmit">
    <LeminCroppedCaptcha
      :ref="captchaRef"
      :captcha-id="captchaId"
      :container-id="containerId"
      :src="captchaSrc"
    >
    </LeminCroppedCaptcha>

    <!-- Change is here , Set the id field of your form submit element to "leminSubmitButton"-->
    <button class="btn btn-primary" id="leminSubmitButton">Submit</button>

  </form>
</template>

<script setup lang="ts">
import {
  leminCroppedCaptcha,
  LeminCroppedCaptcha,
} from "@leminnow/vue-lemin-cropped-captcha";
import { ref } from "vue";

const captchaRef = ref();

const captchaId = "..."; // your captcha div id
const containerId = "CROPPED_..."; // your captcha id

function onSubmit() {
  const captchaValues = leminCroppedCaptcha
    .getCaptcha(captchaId)
    .getCaptchaValue();
  const isCaptchaValid = captchaValues.answer && captchaValues.challenge_id;

  if (isCaptchaValid) {
    //execute your method
  }
}
</script>

<!-- Change is here , place submit function to form onSubmit -->
<form (ngSubmit)="onSubmit()">
  <lemin-cropped-captcha
    containerId="..."
    captchaId="CROPPED_..."
  ></lemin-cropped-captcha>

  <!-- Change is here , Set the id field of your form submit element to "leminSubmitButton"-->
  <button id="leminSubmitButton" class="btn btn-primary" type="submit">
    Submit
  </button>

</form>

import { LeminCroppedCaptchaComponent } from "@leminnow/ng-lemin-cropped-captcha";

@Component({
  selector: "app-root",
  templateUrl: "./src/app.component.html",
  styleUrls: ["./src/app.component.css"],
})
export class AppComponent {
  @ViewChild(LeminCroppedCaptchaComponent) leminCroppedCaptcha!: LeminCroppedCaptchaComponent;

  onSubmit() {
    const captchaValues = this.leminCroppedCaptcha.getCaptchaValue();

    const isCaptchaValid = captchaValues.answer && captchaValues.challenge_id;

    if (isCaptchaValid) {
      //execute your method
    }
  }
}