npm i @jds-jnj/react-esign

import React, { useState } from 'react'
import { CredentialVerification, CredentialVerificationState } from "@jds-jnj/react-esign";

const JDSESign = () => {
    const [showEsign, setShowEsign] = useState(false);
    
    return (
        <>
            <CredentialVerification
                open={showEsign}
                setOpen={setShowEsign}
                title="Application Protection : Credential Verification"
                subTitle="To continue, please verify your credentials."
                publisher="J&J Data Studio (JDS)"
                confirmationMessage="I understand the Email and Password for electronic approval is equivalent of my handwritten signature and I agree to the Terms and Conditions of the J&J Data Studio (JDS) application."
                data={{ userEmail: "amanjena@email.com", password: "12345678" }}
                options={['As an Approver, I approve this record.', 'As an Approver, I reject this record.']}
                onSubmit={async (item: CredentialVerificationState) => { console.log(item); }}
            />
            <button onClick={() => {
                setShowEsign(true);
            }}>Show Esign</button>
        </>
    );
}