checkbox.js

insertCheckboxFormField(pageRect, pageNo, type) {

        let instance = this.PSPDF;
        async function createNewFormField(instance) {
            try {
            const formFieldName = type + "_formfield";
            const newFormFieldName = `${formFieldName}_${Math.random()
                .toString(36)
                .replace(/[^a-z]+/g, "")}`;

            const annotation = await instance.createAnnotation(
                new PSPDFKit.Annotations.WidgetAnnotation({
                formFieldName: newFormFieldName,
                pageIndex: pageNo,
                boundingBox: pageRect,
                opacity: 0,
                borderWidth: 0,
                borderColor: new PSPDFKit.Color({ r: 255, g: 165, b: 0 })
                //backgroundColor: new PSPDFKit.Color({ r: 255, g: 165, b: 0 })
                })
            );
            

            const formField = await instance.createFormField(
                new PSPDFKit.FormFields.CheckBoxFormField({
                name: newFormFieldName,
                annotationIds: new PSPDFKit.Immutable.List([annotation.id]),
                options: new PSPDFKit.Immutable.List([
                    new PSPDFKit.FormOption({
                    label: "on",
                    value: "on"
                    }),
                    new PSPDFKit.FormOption({
                    label: "off",
                    value: "off"
                    })
                ])
                })
            );
            PubSub.publish('ANNOTATION_SELECTED',annotation);
            setTimeout(() => {instance.setSelectedAnnotation(annotation)},200)
            //instance.setSelectedAnnotation(annotation);

            return formField;
            } catch (e) {
            console.error(e);
            }
        }

        createNewFormField(instance);

    }