kwikid-forms 0.6.6 → 0.6.8

package/lib/builder/builder-form-editor/builder-form-editor.component.d.ts

@@ -25,6 +25,8 @@ export declare class KwikIDBuilderFormEditorComponent implements OnInit, OnChang
     activeFieldConfigValidatorsConfig: any;
     showFieldConfigPropertiesConfigEditor: boolean;
     activeFieldConfigPropertiesConfig: any;
+    showFieldConfigOptionsConfigEditor: boolean;
+    activeFieldConfigOptionsConfig: any;
     editorTypeOptions: any[];
     activeEditorType: TFormEditorType;
     activeFormConfig_Fields: any[];
@@ -64,12 +66,14 @@ export declare class KwikIDBuilderFormEditorComponent implements OnInit, OnChang
      */
     handleOnClickEditValidators(e: any): void;
     handleOnClickEditProperties(e: any): void;
+    handleOnClickEditOptions(e: any): void;
     /**
      * Methods to handle change in input values for Fields Keys
      */
     handleOnInput(e: any): void;
     handleOnInputFieldConfigValidatorsConfig(e: any): void;
     handleOnInputFieldConfigPropertiesConfig(e: any): void;
+    handleOnInputFieldConfigOptionsConfig(e: any): void;
     /**
      * Methods to handle deletion of field
      */

package/lib/builder/builder-form-editor/builder-form-editor.module.d.ts

@@ -1,11 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./builder-form-editor.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "kwikui";
-import * as i5 from "@taiga-ui/core";
+import * as i2 from "./pipes/json-formatter.pipe";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "kwikui";
+import * as i6 from "@taiga-ui/core";
 export declare class KwikIDBuilderFormEditorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDBuilderFormEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDBuilderFormEditorModule, [typeof i1.KwikIDBuilderFormEditorComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.KwikUIModule, typeof i5.TuiSvgModule], [typeof i1.KwikIDBuilderFormEditorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDBuilderFormEditorModule, [typeof i1.KwikIDBuilderFormEditorComponent, typeof i2.JsonFormatPipe], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.KwikUIModule, typeof i6.TuiSvgModule], [typeof i1.KwikIDBuilderFormEditorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KwikIDBuilderFormEditorModule>;
 }

package/lib/builder/builder-form-editor/builder.form-editor.constants.d.ts

@@ -42,6 +42,7 @@ export declare const OPTIONS: {
             loadingType: string[];
         };
         file: {};
+        capture: {};
     };
     validators: {
         required: boolean[];
@@ -211,6 +212,48 @@ export declare const FIELD_PROPERTIES_CONFIG: {
         placeholder: string;
     };
     file: {
+        accept: string;
+        containerStyles: string;
+        label: string;
+        link: string;
+        maxFileSize: number;
+        multiple: boolean;
+        size: string;
+        uploadFileToServer: boolean;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    capture: {
+        containerStyles: string;
+        buttonText: string;
+        icon: string;
+        showMediaFiles: boolean;
+        uploadFileToServer: boolean;
+        cameraConfig: {
+            header: {
+                title: string;
+                isBack: boolean;
+                isExpand: boolean;
+                isClose: boolean;
+            };
+            footer: {
+                isUpload: boolean;
+                isFlip: boolean;
+            };
+            others: {
+                flipHorizontal: boolean;
+                mask: {
+                    shape: string;
+                };
+                preview: {
+                    show: boolean;
+                    header: {
+                        isBack: boolean;
+                        isClose: boolean;
+                    };
+                };
+            };
+        };
         readOnly: boolean;
         placeholder: string;
     };
@@ -726,6 +769,65 @@ export declare const FIELD_CONFIG: {
     file: {
         type: string;
         properties: {
+            accept: string;
+            containerStyles: string;
+            label: string;
+            link: string;
+            maxFileSize: number;
+            multiple: boolean;
+            size: string;
+            uploadFileToServer: boolean;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    capture: {
+        type: string;
+        properties: {
+            containerStyles: string;
+            buttonText: string;
+            icon: string;
+            showMediaFiles: boolean;
+            uploadFileToServer: boolean;
+            cameraConfig: {
+                header: {
+                    title: string;
+                    isBack: boolean;
+                    isExpand: boolean;
+                    isClose: boolean;
+                };
+                footer: {
+                    isUpload: boolean;
+                    isFlip: boolean;
+                };
+                others: {
+                    flipHorizontal: boolean;
+                    mask: {
+                        shape: string;
+                    };
+                    preview: {
+                        show: boolean;
+                        header: {
+                            isBack: boolean;
+                            isClose: boolean;
+                        };
+                    };
+                };
+            };
             readOnly: boolean;
             placeholder: string;
         };

package/lib/builder/builder-form-editor/pipes/json-formatter.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class JsonFormatPipe implements PipeTransform {
+    transform(value: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonFormatPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<JsonFormatPipe, "jsonFormat">;
+}

package/lib/renderer/config-converter/config-converter.constants.d.ts

@@ -16,6 +16,12 @@ export declare const FIELD_PROPERTIES: {
         postfix: string;
         prefix: string;
     };
+    email: {
+        case: string;
+        containerStyles: string;
+        postfix: string;
+        prefix: string;
+    };
     password: {
         containerStyles: string;
         hintContent: string;
@@ -121,6 +127,38 @@ export declare const FIELD_PROPERTIES: {
         size: string;
         uploadFileToServer: boolean;
     };
+    capture: {
+        containerStyles: string;
+        buttonText: string;
+        icon: string;
+        showMediaFiles: boolean;
+        uploadFileToServer: boolean;
+        cameraConfig: {
+            header: {
+                title: string;
+                isBack: boolean;
+                isExpand: boolean;
+                isClose: boolean;
+            };
+            footer: {
+                isUpload: boolean;
+                isFlip: boolean;
+            };
+            others: {
+                flipHorizontal: boolean;
+                mask: {
+                    shape: string;
+                };
+                preview: {
+                    show: boolean;
+                    header: {
+                        isBack: boolean;
+                        isClose: boolean;
+                    };
+                };
+            };
+        };
+    };
     select: {
         containerStyles: string;
         searchable: boolean;

package/lib/renderer/form-view/definitions/form-view.fields.definition.d.ts

@@ -24,9 +24,11 @@ export declare enum EFieldType {
     AADHAAR_NUMBER = "aadhaar-number",
     SLIDER = "slider",
     FILE = "file",
-    PASSWORD = "password"
+    PASSWORD = "password",
+    EMAIL = "email",
+    CAPTURE = "capture"
 }
-export declare type TFieldType = EFieldType.HTML | EFieldType.TITLE | EFieldType.BUTTON | EFieldType.TEXT | EFieldType.TEXTAREA | EFieldType.CHECKBOX | EFieldType.NUMBER | EFieldType.DATE | EFieldType.PREVIEW_IMAGE | EFieldType.PHONE | EFieldType.RADIO | EFieldType.DROPDOWN_WITH_SEARCH | EFieldType.SELECT | EFieldType.API | EFieldType.API_CALL | EFieldType.OTP | EFieldType.AADHAAR_NUMBER | EFieldType.SLIDER | EFieldType.FILE | EFieldType.PASSWORD;
+export declare type TFieldType = EFieldType.HTML | EFieldType.TITLE | EFieldType.BUTTON | EFieldType.TEXT | EFieldType.TEXTAREA | EFieldType.CHECKBOX | EFieldType.NUMBER | EFieldType.DATE | EFieldType.PREVIEW_IMAGE | EFieldType.PHONE | EFieldType.RADIO | EFieldType.DROPDOWN_WITH_SEARCH | EFieldType.SELECT | EFieldType.API | EFieldType.API_CALL | EFieldType.OTP | EFieldType.AADHAAR_NUMBER | EFieldType.SLIDER | EFieldType.FILE | EFieldType.PASSWORD | EFieldType.EMAIL | EFieldType.CAPTURE;
 export declare type TFieldSelectOption = {
     title: string;
     value: string;
@@ -55,6 +57,12 @@ export declare type TFieldTextProperties = TFieldProperties & {
     placeholder: string;
     readOnly: string;
 };
+export declare type TFieldEmailProperties = TFieldProperties & {
+    case: string;
+    domains: Array<string>;
+    placeholder: string;
+    readOnly: string;
+};
 export declare type TFieldPasswordProperties = TFieldProperties & {
     placeholder: string;
     hintContent: string;
@@ -136,6 +144,38 @@ export declare type TFieldAadhaarNumberProperties = TFieldProperties & {
     mask: string;
     readOnly: string;
 };
+export declare type TFieldCaptureProperties = TFieldProperties & {
+    containerStyles: string;
+    buttonText: string;
+    icon: string;
+    showMediaFiles: boolean;
+    uploadFileToServer: boolean;
+    cameraConfig: {
+        header: {
+            title: string;
+            isBack: boolean;
+            isExpand: boolean;
+            isClose: boolean;
+        };
+        footer: {
+            isUpload: boolean;
+            isFlip: boolean;
+        };
+        others: {
+            flipHorizontal: boolean;
+            mask: {
+                shape: string;
+            };
+            preview: {
+                show: boolean;
+                header: {
+                    isBack: boolean;
+                    isClose: boolean;
+                };
+            };
+        };
+    };
+};
 export declare type TField = {
     label: string;
     type: TFieldType;
@@ -183,6 +223,9 @@ export declare type TFieldRadio = TField & {
     options: Array<TFieldRadioOption>;
     properties: TFieldRadioProperties;
 };
+export declare type TFieldEmail = TField & {
+    properties: TFieldEmailProperties;
+};
 export declare type TFieldSelect = TField & {
     options: Array<TFieldSelectOption>;
     properties: TFieldSelectProperties;
@@ -200,3 +243,6 @@ export declare type TFieldAadhaarNumber = TField & {
 export declare type TFieldPreviewImage = TField & {
     properties: TFieldPreviewImageProperties;
 };
+export declare type TFieldCapture = TField & {
+    properties: TFieldCaptureProperties;
+};

package/lib/renderer/form-view/form-view.component.d.ts

@@ -38,6 +38,12 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     fieldGroups: any;
     formFields: any[];
     previousFormData: any;
+    readonly DEFAULT_CAMERA_CAPTURE_CONFIG: any;
+    isShowCameraCapture: boolean;
+    isShowCameraFullscreen: boolean;
+    cameraCaptureFieldKey: string;
+    cameraCaptureImage: string;
+    cameraCaptureConfig: any;
     previewProperties: any;
     loading: boolean;
     apiLoading: boolean;
@@ -54,6 +60,7 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
         showLoader: boolean;
     };
     files: any;
+    mediaFiles: any;
     stopTaskExecution: boolean;
     waitingForChanges: boolean;
     popupFormConfig: any;
@@ -76,6 +83,14 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     handleConnectedElements(e: any, eventType: string): Promise<void>;
     handleRemovedFile(e: any): void;
     handleGetKeyValueFile(e: any): Promise<void>;
+    /** Methods for Camera related fields like 'CAPTURE' */
+    handleOnClickGetRemovedMediaFile(e: any): void;
+    handleOnClickInputCamera(e: any, field: any): void;
+    /** KwikID Camera Methods */
+    setImage(image: string): Promise<void>;
+    handleOnClickSaveCameraCapture(e: any): void;
+    handleGetImage(e: any): void;
+    handleOnClickCloseCamera(e: any): void;
     /**
      * This method is used to update the files array with the new file and it's state and response from the api of uploading the file.
      */
@@ -83,7 +98,7 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     /**
      * This is a api upload mocking method. Set's to loading at first at point when API is called and then changes the status to random status after 2 seconds of delay showing a mocked response from API.
      */
-    uploadFile(key: string, file: any): Promise<void>;
+    uploadFile(field: any, file: any): Promise<void>;
     handleOnClickFormFieldButton(field: any): void;
     handleGetKeyValue(e: any): void;
     handleOnClickResetFormFields(e: any, field: TFieldTitle): Promise<void>;

package/lib/renderer/form-view/form-view.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "@taiga-ui/core";
 import * as i6 from "@taiga-ui/kit";
 import * as i7 from "@taiga-ui/addon-preview";
 import * as i8 from "kwikui";
+import * as i9 from "kwikid-camera";
 export declare class KwikIDFormViewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDFormViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormViewModule, [typeof i1.KwikIDFormViewComponent, typeof i2.StyleSanitizerPipe], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.TuiLabelModule, typeof i6.TuiPushModule, typeof i5.TuiSvgModule, typeof i7.TuiPreviewModule, typeof i5.TuiButtonModule, typeof i7.TuiPreviewActionModule, typeof i5.TuiDialogModule, typeof i8.KwikUIPipeModule, typeof i8.KwikUIModule], [typeof i1.KwikIDFormViewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormViewModule, [typeof i1.KwikIDFormViewComponent, typeof i2.StyleSanitizerPipe], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.TuiLabelModule, typeof i6.TuiPushModule, typeof i5.TuiSvgModule, typeof i7.TuiPreviewModule, typeof i5.TuiButtonModule, typeof i7.TuiPreviewActionModule, typeof i5.TuiDialogModule, typeof i8.KwikUIPipeModule, typeof i8.KwikUIModule, typeof i9.KwikIDCameraModule, typeof i9.KwikUIInputCameraModule, typeof i8.KwikUIInputEmailModule], [typeof i1.KwikIDFormViewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KwikIDFormViewModule>;
 }

package/lib/renderer/form-view/helpers/form-view.fields.helper.d.ts

@@ -7,6 +7,7 @@ export declare const appendFormFieldMessage: (field: any, message: {
     type: string;
     message: string;
 }) => any;
+export declare const filterDuplicatesMediaFiles: (array: string[]) => string[];
 export declare const filterDuplicatesFiles: (array: any[]) => any[];
 export declare const removeFormFieldMessage: (field: any, message: {
     type: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kwikid-forms",
-  "version": "0.6.6",
+  "version": "0.6.8",
   "description": "KwikID's JSON Configuration based Forms Renderer and Builder",
   "author": {
     "name": "Baiju Dodhia"
@@ -22,9 +22,10 @@
   },
   "dependencies": {
     "jsonpath": "^1.1.1",
-    "kwikid-toolkit": "^0.1.6",
-    "kwikui": "^0.3.2",
     "lodash": "^4.17.21",
+    "kwikid-toolkit": "^0.1.6",
+    "kwikid-camera": "0.0.8",
+    "kwikui": "^0.3.3",
     "tslib": "^2.2.0"
   },
   "main": "bundles/kwikid-forms.umd.js",