kwikid-forms 0.6.17 → 0.6.19

package/lib/common/pipes/timer-formatter.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class TimerPipe implements PipeTransform {
+    transform(value: number): string;
+    private pad;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimerPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TimerPipe, "formatTimer">;
+}

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

@@ -163,6 +163,39 @@ export declare const FIELD_PROPERTIES: {
             };
         };
     };
+    record: {
+        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;
+                isSwitch: boolean;
+            };
+            others: {
+                isFrontCamera: boolean;
+                flipHorizontal: boolean;
+                minRecordingTimeInSeconds: number;
+                maxRecordingTimeInSeconds: number;
+                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

@@ -27,9 +27,10 @@ export declare enum EFieldType {
     PASSWORD = "password",
     EMAIL = "email",
     CAPTURE = "capture",
+    RECORD = "record",
     STAR_RATING = "star-rating"
 }
-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 | EFieldType.STAR_RATING;
+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 | EFieldType.RECORD | EFieldType.STAR_RATING;
 export declare type TFieldSelectOption = {
     title: string;
     value: string;
@@ -187,6 +188,39 @@ export declare type TFieldCaptureProperties = TFieldProperties & {
         };
     };
 };
+export declare type TFieldRecordProperties = 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;
+            isSwitch: boolean;
+        };
+        others: {
+            isFrontCamera: boolean;
+            flipHorizontal: boolean;
+            minRecordingTimeInSeconds: number;
+            maxRecordingTimeInSeconds: number;
+            preview: {
+                show: boolean;
+                header: {
+                    isBack: boolean;
+                    isClose: boolean;
+                };
+            };
+        };
+    };
+};
 export declare type TFieldStarRatingProperties = TFieldProperties & {
     color: string;
     icon: string;

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

@@ -1,8 +1,9 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnInit, SimpleChanges, TemplateRef } from "@angular/core";
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from "@angular/core";
 import { FormGroup } from "@angular/forms";
 import { TuiPreviewDialogService } from "@taiga-ui/addon-preview";
 import { TuiAlertService, TuiDialogContext, TuiDialogService, TuiNotification } from "@taiga-ui/core";
 import { TuiPushService } from "@taiga-ui/kit";
+import { KwikIDCameraRecordService } from "kwikid-camera";
 import { TAction } from "kwikid-toolkit";
 import { KwikUILoaderService } from "kwikui";
 import { TApi } from "./definitions/form-view.apis.definition";
@@ -10,7 +11,7 @@ import { TFormViewGoBackMode, TMessage } from "./definitions/form-view.commons.d
 import { TFieldApiCall, TFieldTitle } from "./definitions/form-view.fields.definition";
 import { KwikIDFormViewService } from "./form-view.service";
 import * as i0 from "@angular/core";
-export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
+export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
     private cd;
     private formViewService;
     protected readonly push: TuiPushService;
@@ -18,33 +19,41 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     private readonly previewDialogService;
     private readonly dialogService;
     loaderService: KwikUILoaderService;
-    readonly preview: TemplateRef<TuiDialogContext<void>>;
+    private cameraRecordService;
+    private ref;
     readonly dialog: TemplateRef<TuiDialogContext<void>>;
-    formConfig: any;
-    formData: any;
-    isMobileView: boolean;
+    readonly preview: TemplateRef<TuiDialogContext<void>>;
     allFormsData: any;
-    userConfig: any;
     apiCallResponse: any;
     buttonClickResponse: any;
+    formConfig: any;
+    formData: any;
+    isMobileView: boolean;
     popupFormCallback: any;
-    onClickGoBack: EventEmitter<any>;
-    onClickViewForms: EventEmitter<any>;
-    getUnsavedDataState: EventEmitter<any>;
-    onClickSaveForm: EventEmitter<any>;
-    onClickApiCall: EventEmitter<any>;
+    userConfig: any;
     getLogs: EventEmitter<any>;
+    getUnsavedDataState: EventEmitter<any>;
     onActionShowPopupForm: EventEmitter<any>;
+    onClickApiCall: EventEmitter<any>;
     onClickFormFieldButton: EventEmitter<any>;
+    onClickGoBack: EventEmitter<any>;
+    onClickSaveForm: EventEmitter<any>;
+    onClickViewForms: EventEmitter<any>;
     fieldGroups: any;
     formFields: any[];
     previousFormData: any;
-    readonly DEFAULT_CAMERA_CAPTURE_CONFIG: any;
-    isShowCameraCapture: boolean;
+    isShowCamera: boolean;
     isShowCameraFullscreen: boolean;
-    cameraCaptureFieldKey: string;
-    cameraCaptureImage: string;
-    cameraCaptureConfig: any;
+    cameraFieldKey: string;
+    cameraType: "CAPTURE" | "RECORD";
+    cameraImage: string;
+    cameraVideo: string;
+    cameraConfig: any;
+    cameraRecordingTime: number;
+    cameraRecordingTimerSubcription: any;
+    cameraRecordingState: string;
+    cameraRecordingStateSubcription: any;
+    resetCamera(): void;
     previewProperties: any;
     loading: boolean;
     apiLoading: boolean;
@@ -69,10 +78,11 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     taskData: any;
     previewDialogRef: any;
     formGroup: FormGroup;
-    constructor(cd: ChangeDetectorRef, formViewService: KwikIDFormViewService, push: TuiPushService, alertService: TuiAlertService, previewDialogService: TuiPreviewDialogService, dialogService: TuiDialogService, loaderService: KwikUILoaderService);
+    constructor(cd: ChangeDetectorRef, formViewService: KwikIDFormViewService, push: TuiPushService, alertService: TuiAlertService, previewDialogService: TuiPreviewDialogService, dialogService: TuiDialogService, loaderService: KwikUILoaderService, cameraRecordService: KwikIDCameraRecordService, ref: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     initFormConfig(formConfig: any): Promise<boolean>;
     setFormFieldsFromFormConfig(formConfig: any): void;
     setFormFieldGroupsFromFormConfig(formConfig: any): void;
@@ -84,14 +94,17 @@ 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' */
+    /** Methods for Camera related fields like 'CAPTURE' or  'RECORD' */
     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;
+    /** CameraType = CAPTURE */
+    setCameraMedia(media: string): Promise<void>;
+    /** Camera Common Methods */
+    handleGetCameraMedia(e: any, cameraType: "CAPTURE" | "RECORD"): void;
+    handleOnClickSaveCameraMedia(e: any, cameraType: "CAPTURE" | "RECORD"): void;
+    handleOnClickCameraBack(e: any): void;
+    handleOnClickCameraClose(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.
      */
@@ -173,5 +186,5 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     takeActionOnFieldGroup(action: TAction, object: any): Promise<void>;
     takeAction(action: TAction, object: any): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDFormViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KwikIDFormViewComponent, "kwikid-form-view", never, { "formConfig": "formConfig"; "formData": "formData"; "isMobileView": "isMobileView"; "allFormsData": "allFormsData"; "userConfig": "userConfig"; "apiCallResponse": "apiCallResponse"; "buttonClickResponse": "buttonClickResponse"; "popupFormCallback": "popupFormCallback"; }, { "onClickGoBack": "onClickGoBack"; "onClickViewForms": "onClickViewForms"; "getUnsavedDataState": "getUnsavedDataState"; "onClickSaveForm": "onClickSaveForm"; "onClickApiCall": "onClickApiCall"; "getLogs": "getLogs"; "onActionShowPopupForm": "onActionShowPopupForm"; "onClickFormFieldButton": "onClickFormFieldButton"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KwikIDFormViewComponent, "kwikid-form-view", never, { "allFormsData": "allFormsData"; "apiCallResponse": "apiCallResponse"; "buttonClickResponse": "buttonClickResponse"; "formConfig": "formConfig"; "formData": "formData"; "isMobileView": "isMobileView"; "popupFormCallback": "popupFormCallback"; "userConfig": "userConfig"; }, { "getLogs": "getLogs"; "getUnsavedDataState": "getUnsavedDataState"; "onActionShowPopupForm": "onActionShowPopupForm"; "onClickApiCall": "onClickApiCall"; "onClickFormFieldButton": "onClickFormFieldButton"; "onClickGoBack": "onClickGoBack"; "onClickSaveForm": "onClickSaveForm"; "onClickViewForms": "onClickViewForms"; }, never, never>;
 }

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

@@ -1,15 +1,16 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./form-view.component";
 import * as i2 from "./helpers/styles-sanitizer.pipe";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-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";
+import * as i3 from "../../common/pipes/timer-formatter.pipe";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@taiga-ui/core";
+import * as i7 from "@taiga-ui/kit";
+import * as i8 from "@taiga-ui/addon-preview";
+import * as i9 from "kwikui";
+import * as i10 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 i9.KwikIDCameraModule, typeof i9.KwikUIInputCameraModule, typeof i8.KwikUIInputEmailModule], [typeof i1.KwikIDFormViewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormViewModule, [typeof i1.KwikIDFormViewComponent, typeof i2.StyleSanitizerPipe, typeof i3.TimerPipe], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.TuiLabelModule, typeof i7.TuiPushModule, typeof i6.TuiSvgModule, typeof i8.TuiPreviewModule, typeof i6.TuiButtonModule, typeof i8.TuiPreviewActionModule, typeof i6.TuiDialogModule, typeof i9.KwikUIPipeModule, typeof i9.KwikUIModule, typeof i10.KwikIDCameraModule, typeof i10.KwikUIInputCameraModule, typeof i9.KwikUIInputEmailModule], [typeof i1.KwikIDFormViewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KwikIDFormViewModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kwikid-forms",
-  "version": "0.6.17",
+  "version": "0.6.19",
   "description": "KwikID's JSON Configuration based Forms Renderer and Builder",
   "author": {
     "name": "Baiju Dodhia"