biometry-sdk 1.3.6 → 2.0.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from './sdk';
 export * from './types/index';
-export { BiometryEnrollment } from './components/biometry-enrollment';
-export { ProcessVideoComponent } from './components/process-video';
+export { BiometryEnrollment } from './ui/biometry-enrollment';
+export { ProcessVideoComponent } from './ui/process-video';

package/dist/{sdk.d.ts → sdk/index.d.ts}

@@ -1,10 +1,10 @@
-import { ApiResponse } from "./types/internal";
-import { DocAuthInfo } from "./types/biometry/doc-auth";
-import { ConsentResponse } from "./types/biometry/consent";
-import { FaceEnrollmentResponse, VoiceEnrollmentResponse } from "./types/biometry/enrollment";
-import { FaceMatchResponse } from "./types/biometry/face-match";
-import { ProcessVideoResponse } from "./types/biometry/process-video";
-import { SessionResponse } from "./types/biometry/session";
+import { ApiResponse } from "../types/internal";
+import { DocAuthInfo } from "../types/biometry/doc-auth";
+import { ConsentResponse } from "../types/biometry/consent";
+import { FaceEnrollmentResponse, VoiceEnrollmentResponse } from "../types/biometry/enrollment";
+import { FaceMatchResponse } from "../types/biometry/face-match";
+import { ProcessVideoResponse } from "../types/biometry/process-video";
+import { SessionResponse } from "../types/biometry/session";
 export declare class BiometrySDK {
     private apiKey;
     private static readonly BASE_URL;

package/dist/sdk.js

@@ -0,0 +1,286 @@
+class BiometrySDK {
+    constructor(apiKey) {
+        if (!apiKey) {
+            throw new Error('API Key is required to initialize the SDK.');
+        }
+        this.apiKey = apiKey;
+    }
+    async request(path, method, body, headers) {
+        const defaultHeaders = {
+            Authorization: `Bearer ${this.apiKey}`,
+        };
+        const requestHeaders = Object.assign(Object.assign({}, defaultHeaders), headers);
+        if (body && !(body instanceof FormData)) {
+            requestHeaders['Content-Type'] = 'application/json';
+            body = JSON.stringify(body);
+        }
+        const response = await fetch(`${BiometrySDK.BASE_URL}${path}`, {
+            method,
+            headers: requestHeaders,
+            body,
+        });
+        if (!response.ok) {
+            const errorData = await response.json().catch(() => ({}));
+            const errorMessage = (errorData === null || errorData === undefined ? undefined : errorData.error) || (errorData === null || errorData === undefined ? undefined : errorData.message) || 'Unknown error occurred';
+            throw new Error(`Error ${response.status}: ${errorMessage}`);
+        }
+        // Extract response headers
+        const responseHeaders = {};
+        const requestId = response.headers.get("X-Request-Id");
+        if (requestId) {
+            responseHeaders["X-Request-Id"] = requestId;
+        }
+        const responseBody = await response.json();
+        return {
+            body: responseBody,
+            headers: responseHeaders
+        };
+    }
+    /**
+     * Starts a new Session for a user.
+     *
+     * @returns {Promise<ApiResponse<SessionResponse>>} A promise resolving to the session ID.
+     * @throws {Error} - If the request fails.
+     */
+    async startSession() {
+        return await this.request('/api-gateway/sessions/start', 'POST');
+    }
+    /**
+     * Submits Authorization consent for a user.
+     * Authorization Consent is required to use the services like Face and Voice recognition.
+     *
+     * @param {boolean} isConsentGiven - Indicates whether the user has given consent.
+     * @param {string} userFullName - The full name of the user giving consent.
+     * @param {Object} [props] - Optional properties for the consent request.
+     * @param {string} [props.sessionId] - Session ID to link this consent with a specific session group.
+     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
+     *                                      This can include properties like operating system, browser, etc.
+     * @returns {Promise<ApiResponse<ConsentResponse>>} A promise resolving to the consent response.
+     * @throws {Error} - If the user's full name is not provided or if the request fails.
+     */
+    async giveAuthorizationConsent(isConsentGiven, userFullName, props) {
+        if (!userFullName) {
+            throw new Error('User Full Name is required to give consent.');
+        }
+        const body = {
+            is_consent_given: isConsentGiven,
+            user_fullname: userFullName,
+        };
+        const headers = {};
+        if (props === null || props === undefined ? undefined : props.sessionId) {
+            headers['X-Session-ID'] = props.sessionId;
+        }
+        if (props === null || props === undefined ? undefined : props.deviceInfo) {
+            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
+        }
+        return await this.request('/api-consent/consent', 'POST', body, headers);
+    }
+    /**
+     * Submits Storage consent for a user.
+     * Storage consent is granted by users, allowing us to store their biometric data for future verification.
+     *
+     * @param {boolean} isStorageConsentGiven - Indicates whether the user has given storage consent.
+     * @param {string} userFullName - The full name of the user giving storage consent.
+     * @param {Object} [props] - Optional properties for the consent request.
+     * @param {string} [props.sessionId] - Session ID to link this consent with a specific session group.
+     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
+     *                                      This can include properties like operating system, browser, etc.
+     * @returns {Promise<ApiResponse<ConsentResponse>>} A promise resolving to the consent response.
+     * @throws {Error} - If the user's full name is not provided or if the request fails.
+     */
+    async giveStorageConsent(isStorageConsentGiven, userFullName, props) {
+        if (!userFullName) {
+            throw new Error('User Full Name is required to give storage consent.');
+        }
+        const body = {
+            is_consent_given: isStorageConsentGiven,
+            user_fullname: userFullName,
+        };
+        const headers = {};
+        if (props === null || props === undefined ? undefined : props.sessionId) {
+            headers['X-Session-ID'] = props.sessionId;
+        }
+        if (props === null || props === undefined ? undefined : props.deviceInfo) {
+            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
+        }
+        return await this.request('/api-consent/strg-consent', 'POST', body, headers);
+    }
+    /**
+     * Enrolls a user's voice for biometric authentication.
+     *
+     * @param {File} audio - The audio file containing the user's voice.
+     * @param {string} userFullName - The full name of the user being enrolled.
+     * @param {string} uniqueId - A unique identifier for the enrolling process.
+     * @param {string} phrase - The phrase spoken in the audio file.
+     * @param {Object} [props] - Optional properties for the enrollment request.
+     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
+     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
+     *                                      This can include properties like operating system, browser, etc.
+     * @returns {Promise<ApiResponse<VoiceEnrollmentResponse>>} - A promise resolving to the voice enrolling response.
+     * @throws {Error} - If required parameters are missing or the request fails.
+     */
+    async enrollVoice(audio, userFullName, uniqueId, phrase, props) {
+        if (!userFullName)
+            throw new Error('User fullname is required.');
+        if (!uniqueId)
+            throw new Error('Unique ID is required.');
+        if (!phrase)
+            throw new Error('Phrase is required.');
+        if (!audio)
+            throw new Error('Audio file is required.');
+        const formData = new FormData();
+        formData.append('unique_id', uniqueId);
+        formData.append('phrase', phrase);
+        formData.append('voice', audio);
+        const headers = {
+            'X-User-Fullname': userFullName,
+        };
+        if (props === null || props === undefined ? undefined : props.sessionId) {
+            headers['X-Session-ID'] = props.sessionId;
+        }
+        if (props === null || props === undefined ? undefined : props.deviceInfo) {
+            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
+        }
+        return await this.request('/api-gateway/enroll/voice', 'POST', formData, headers);
+    }
+    /**
+     * Enrolls a user's face for biometric authentication.
+     *
+     * @param {File} face - Image file that contains user's face.
+     * @param {string} userFullName - The full name of the user being enrolled.
+     * @param {string} isDocument - Indicates whether the image is a document.
+     * @param {Object} [props] - Optional properties for the enrollment request.
+     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
+     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
+     *                                      This can include properties like operating system, browser, etc.
+     * @returns {Promise<ApiResponse<FaceEnrollmentResponse>>} - A promise resolving to the voice enrolling response.
+     * @throws {Error} - If required parameters are missing or the request fails.
+     */
+    async enrollFace(face, userFullName, isDocument, props) {
+        if (!userFullName)
+            throw new Error('User fullname is required.');
+        if (!face)
+            throw new Error('Face image is required.');
+        const formData = new FormData();
+        formData.append('face', face);
+        if (isDocument) {
+            formData.append('is_document', 'true');
+        }
+        const headers = {
+            'X-User-Fullname': userFullName,
+        };
+        if (props === null || props === undefined ? undefined : props.sessionId) {
+            headers['X-Session-ID'] = props.sessionId;
+        }
+        if (props === null || props === undefined ? undefined : props.deviceInfo) {
+            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
+        }
+        return await this.request('/api-gateway/enroll/face', 'POST', formData, headers);
+    }
+    /**
+     * Check the validity of a documents.
+     *
+     * @param {File} document - Document image file.
+     * @param {string} userFullName - The full name of the user being checked.
+     * @param {Object} [props] - Optional properties for the enrollment request.
+     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
+     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
+     *                                      This can include properties like operating system, browser, etc.
+     * @returns {Promise<ApiResponse<DocAuthInfo>>} - A promise resolving to the document authentication information.
+     */
+    async checkDocAuth(document, userFullName, props) {
+        if (!document)
+            throw new Error('Document image is required.');
+        if (!userFullName)
+            throw new Error('User fullname is required.');
+        const formData = new FormData();
+        formData.append('document', document);
+        const headers = {
+            'X-User-Fullname': userFullName,
+        };
+        if (props === null || props === undefined ? undefined : props.sessionId) {
+            headers['X-Session-ID'] = props.sessionId;
+        }
+        if (props === null || props === undefined ? undefined : props.deviceInfo) {
+            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
+        }
+        return await this.request('/api-gateway/check-doc-auth', 'POST', formData, headers);
+    }
+    /**
+     * Matches a user's face from video against a reference image.
+     *
+     * @param {File} image - Reference image file that contains user's face.
+     * @param {string} video - Video file that contains user's face.
+     * @param {string} userFullName - Pass the full name of end-user to process Voice and Face recognition services.
+     * @param {string} processVideoRequestId - ID from the response header of /process-video endpoint.
+     * @param {boolean} usePrefilledVideo - Pass true to use the video from the process-video endpoint.
+     * @param {Object} [props] - Optional properties for the enrollment request.
+     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
+     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
+     *                                      This can include properties like operating system, browser, etc.
+     * @returns {Promise<FaceMatchResponse>} - A promise resolving to the voice enrolling response.
+     * @throws {Error} - If required parameters are missing or the request fails.
+     */
+    async matchFaces(image, video, userFullName, usePrefilledVideo, props) {
+        if (!image)
+            throw new Error('Face image is required.');
+        if ((!usePrefilledVideo) && !video)
+            throw new Error('Video is required.');
+        if (usePrefilledVideo && !(props === null || props === undefined ? undefined : props.sessionId))
+            throw new Error('Session ID is required to use a video from the process-video endpoint.');
+        const formData = new FormData();
+        if (video) {
+            formData.append('video', video);
+        }
+        formData.append('image', image);
+        const headers = {};
+        if (userFullName) {
+            headers['X-User-Fullname'] = userFullName;
+        }
+        if (usePrefilledVideo) {
+            headers['X-Use-Prefilled-Video'] = 'true';
+        }
+        if (props === null || props === undefined ? undefined : props.sessionId) {
+            headers['X-Session-ID'] = props.sessionId;
+        }
+        if (props === null || props === undefined ? undefined : props.deviceInfo) {
+            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
+        }
+        return await this.request('/api-gateway/match-faces', 'POST', formData, headers);
+    }
+    /**
+     * Process the video through Biometry services to check liveness and authorize user
+     *
+     * @param {File} video - Video file that you want to process.
+     * @param {string} phrase - Set of numbers that user needs to say out loud in the video.
+     * @param {string} userFullName - Pass the full name of end-user to process Voice and Face recognition services.
+     * @param {Object} [props] - Optional properties for the enrollment request.
+     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
+     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
+     *                                      This can include properties like operating system, browser, etc.
+     * @returns {Promise<ApiResponse<ProcessVideoResponse>>} - A promise resolving to the process video response.
+     */
+    async processVideo(video, phrase, userFullName, props) {
+        if (!video)
+            throw new Error('Video is required.');
+        if (!phrase)
+            throw new Error('Phrase is required.');
+        const formData = new FormData();
+        formData.append('phrase', phrase);
+        formData.append('video', video);
+        const headers = {};
+        if (userFullName) {
+            headers['X-User-Fullname'] = userFullName;
+        }
+        if (props === null || props === undefined ? undefined : props.sessionId) {
+            headers['X-Session-ID'] = props.sessionId;
+        }
+        if (props === null || props === undefined ? undefined : props.deviceInfo) {
+            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
+        }
+        return await this.request('/api-gateway/process-video', 'POST', formData, headers);
+    }
+}
+BiometrySDK.BASE_URL = 'https://api.biometrysolutions.com'; //'https://dev-console.biometrysolutions.com';
+
+export { BiometrySDK };

package/dist/{components → ui}/biometry-enrollment.d.ts

@@ -1,6 +1,5 @@
 export declare class BiometryEnrollment extends HTMLElement {
     private readonly shadow;
-    private sdk;
     private videoElement;
     private canvasElement;
     private captureButton;
@@ -8,8 +7,8 @@ export declare class BiometryEnrollment extends HTMLElement {
     private description?;
     constructor();
     static get observedAttributes(): string[];
-    get apiKey(): string | null;
-    set apiKey(value: string | null);
+    get endpoint(): string | null;
+    set endpoint(value: string | null);
     get userFullname(): string | null;
     set userFullname(value: string | null);
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -18,9 +17,8 @@ export declare class BiometryEnrollment extends HTMLElement {
     validateAttributes(): void;
     init(): void;
     private cleanup;
-    private initializeSDK;
-    private toggleState;
     private attachSlotListeners;
     private setupCamera;
     private capturePhoto;
+    private toggleState;
 }

package/dist/ui/index.d.ts

@@ -0,0 +1,4 @@
+import './biometry-enrollment';
+import './process-video';
+export * from './biometry-enrollment';
+export * from './process-video';

package/dist/{components → ui}/process-video.d.ts

@@ -1,6 +1,4 @@
 export declare class ProcessVideoComponent extends HTMLElement {
-    private sdk;
-    private apiKey;
     private phrase;
     private previewStream;
     private recordedChunks;
@@ -17,10 +15,10 @@ export declare class ProcessVideoComponent extends HTMLElement {
     private errorState;
     private timeLimit;
     constructor();
-    private initializeSDK;
-    connectedCallback(): void;
+    get endpoint(): string | null;
+    set endpoint(value: string | null);
     disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
     private generateDefaultPhrase;
     initializeUI(): void;
     private attachSlotListeners;
@@ -45,7 +43,6 @@ export declare class ProcessVideoComponent extends HTMLElement {
     get videoDuration(): number | null;
     get currentFile(): File | null;
     get currentStream(): MediaStream | null;
-    set sdkInstance(newSdk: any);
     get videoElementRef(): HTMLVideoElement;
     get fileInputRef(): HTMLInputElement;
     get recordingTimeLimit(): number;

package/dist/{biometry-sdk.esm.js → ui.js}

@@ -1,288 +1,3 @@
-class BiometrySDK {
-    constructor(apiKey) {
-        if (!apiKey) {
-            throw new Error('API Key is required to initialize the SDK.');
-        }
-        this.apiKey = apiKey;
-    }
-    async request(path, method, body, headers) {
-        const defaultHeaders = {
-            Authorization: `Bearer ${this.apiKey}`,
-        };
-        const requestHeaders = Object.assign(Object.assign({}, defaultHeaders), headers);
-        if (body && !(body instanceof FormData)) {
-            requestHeaders['Content-Type'] = 'application/json';
-            body = JSON.stringify(body);
-        }
-        const response = await fetch(`${BiometrySDK.BASE_URL}${path}`, {
-            method,
-            headers: requestHeaders,
-            body,
-        });
-        if (!response.ok) {
-            const errorData = await response.json().catch(() => ({}));
-            const errorMessage = (errorData === null || errorData === undefined ? undefined : errorData.error) || (errorData === null || errorData === undefined ? undefined : errorData.message) || 'Unknown error occurred';
-            throw new Error(`Error ${response.status}: ${errorMessage}`);
-        }
-        // Extract response headers
-        const responseHeaders = {};
-        const requestId = response.headers.get("X-Request-Id");
-        if (requestId) {
-            responseHeaders["X-Request-Id"] = requestId;
-        }
-        const responseBody = await response.json();
-        return {
-            body: responseBody,
-            headers: responseHeaders
-        };
-    }
-    /**
-     * Starts a new Session for a user.
-     *
-     * @returns {Promise<ApiResponse<SessionResponse>>} A promise resolving to the session ID.
-     * @throws {Error} - If the request fails.
-     */
-    async startSession() {
-        return await this.request('/api-gateway/sessions/start', 'POST');
-    }
-    /**
-     * Submits Authorization consent for a user.
-     * Authorization Consent is required to use the services like Face and Voice recognition.
-     *
-     * @param {boolean} isConsentGiven - Indicates whether the user has given consent.
-     * @param {string} userFullName - The full name of the user giving consent.
-     * @param {Object} [props] - Optional properties for the consent request.
-     * @param {string} [props.sessionId] - Session ID to link this consent with a specific session group.
-     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
-     *                                      This can include properties like operating system, browser, etc.
-     * @returns {Promise<ApiResponse<ConsentResponse>>} A promise resolving to the consent response.
-     * @throws {Error} - If the user's full name is not provided or if the request fails.
-     */
-    async giveAuthorizationConsent(isConsentGiven, userFullName, props) {
-        if (!userFullName) {
-            throw new Error('User Full Name is required to give consent.');
-        }
-        const body = {
-            is_consent_given: isConsentGiven,
-            user_fullname: userFullName,
-        };
-        const headers = {};
-        if (props === null || props === undefined ? undefined : props.sessionId) {
-            headers['X-Session-ID'] = props.sessionId;
-        }
-        if (props === null || props === undefined ? undefined : props.deviceInfo) {
-            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
-        }
-        return await this.request('/api-consent/consent', 'POST', body, headers);
-    }
-    /**
-     * Submits Storage consent for a user.
-     * Storage consent is granted by users, allowing us to store their biometric data for future verification.
-     *
-     * @param {boolean} isStorageConsentGiven - Indicates whether the user has given storage consent.
-     * @param {string} userFullName - The full name of the user giving storage consent.
-     * @param {Object} [props] - Optional properties for the consent request.
-     * @param {string} [props.sessionId] - Session ID to link this consent with a specific session group.
-     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
-     *                                      This can include properties like operating system, browser, etc.
-     * @returns {Promise<ApiResponse<ConsentResponse>>} A promise resolving to the consent response.
-     * @throws {Error} - If the user's full name is not provided or if the request fails.
-     */
-    async giveStorageConsent(isStorageConsentGiven, userFullName, props) {
-        if (!userFullName) {
-            throw new Error('User Full Name is required to give storage consent.');
-        }
-        const body = {
-            is_consent_given: isStorageConsentGiven,
-            user_fullname: userFullName,
-        };
-        const headers = {};
-        if (props === null || props === undefined ? undefined : props.sessionId) {
-            headers['X-Session-ID'] = props.sessionId;
-        }
-        if (props === null || props === undefined ? undefined : props.deviceInfo) {
-            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
-        }
-        return await this.request('/api-consent/strg-consent', 'POST', body, headers);
-    }
-    /**
-     * Enrolls a user's voice for biometric authentication.
-     *
-     * @param {File} audio - The audio file containing the user's voice.
-     * @param {string} userFullName - The full name of the user being enrolled.
-     * @param {string} uniqueId - A unique identifier for the enrolling process.
-     * @param {string} phrase - The phrase spoken in the audio file.
-     * @param {Object} [props] - Optional properties for the enrollment request.
-     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
-     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
-     *                                      This can include properties like operating system, browser, etc.
-     * @returns {Promise<ApiResponse<VoiceEnrollmentResponse>>} - A promise resolving to the voice enrolling response.
-     * @throws {Error} - If required parameters are missing or the request fails.
-     */
-    async enrollVoice(audio, userFullName, uniqueId, phrase, props) {
-        if (!userFullName)
-            throw new Error('User fullname is required.');
-        if (!uniqueId)
-            throw new Error('Unique ID is required.');
-        if (!phrase)
-            throw new Error('Phrase is required.');
-        if (!audio)
-            throw new Error('Audio file is required.');
-        const formData = new FormData();
-        formData.append('unique_id', uniqueId);
-        formData.append('phrase', phrase);
-        formData.append('voice', audio);
-        const headers = {
-            'X-User-Fullname': userFullName,
-        };
-        if (props === null || props === undefined ? undefined : props.sessionId) {
-            headers['X-Session-ID'] = props.sessionId;
-        }
-        if (props === null || props === undefined ? undefined : props.deviceInfo) {
-            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
-        }
-        return await this.request('/api-gateway/enroll/voice', 'POST', formData, headers);
-    }
-    /**
-     * Enrolls a user's face for biometric authentication.
-     *
-     * @param {File} face - Image file that contains user's face.
-     * @param {string} userFullName - The full name of the user being enrolled.
-     * @param {string} isDocument - Indicates whether the image is a document.
-     * @param {Object} [props] - Optional properties for the enrollment request.
-     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
-     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
-     *                                      This can include properties like operating system, browser, etc.
-     * @returns {Promise<ApiResponse<FaceEnrollmentResponse>>} - A promise resolving to the voice enrolling response.
-     * @throws {Error} - If required parameters are missing or the request fails.
-     */
-    async enrollFace(face, userFullName, isDocument, props) {
-        if (!userFullName)
-            throw new Error('User fullname is required.');
-        if (!face)
-            throw new Error('Face image is required.');
-        const formData = new FormData();
-        formData.append('face', face);
-        if (isDocument) {
-            formData.append('is_document', 'true');
-        }
-        const headers = {
-            'X-User-Fullname': userFullName,
-        };
-        if (props === null || props === undefined ? undefined : props.sessionId) {
-            headers['X-Session-ID'] = props.sessionId;
-        }
-        if (props === null || props === undefined ? undefined : props.deviceInfo) {
-            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
-        }
-        return await this.request('/api-gateway/enroll/face', 'POST', formData, headers);
-    }
-    /**
-     * Check the validity of a documents.
-     *
-     * @param {File} document - Document image file.
-     * @param {string} userFullName - The full name of the user being checked.
-     * @param {Object} [props] - Optional properties for the enrollment request.
-     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
-     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
-     *                                      This can include properties like operating system, browser, etc.
-     * @returns {Promise<ApiResponse<DocAuthInfo>>} - A promise resolving to the document authentication information.
-     */
-    async checkDocAuth(document, userFullName, props) {
-        if (!document)
-            throw new Error('Document image is required.');
-        if (!userFullName)
-            throw new Error('User fullname is required.');
-        const formData = new FormData();
-        formData.append('document', document);
-        const headers = {
-            'X-User-Fullname': userFullName,
-        };
-        if (props === null || props === undefined ? undefined : props.sessionId) {
-            headers['X-Session-ID'] = props.sessionId;
-        }
-        if (props === null || props === undefined ? undefined : props.deviceInfo) {
-            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
-        }
-        return await this.request('/api-gateway/check-doc-auth', 'POST', formData, headers);
-    }
-    /**
-     * Matches a user's face from video against a reference image.
-     *
-     * @param {File} image - Reference image file that contains user's face.
-     * @param {string} video - Video file that contains user's face.
-     * @param {string} userFullName - Pass the full name of end-user to process Voice and Face recognition services.
-     * @param {string} processVideoRequestId - ID from the response header of /process-video endpoint.
-     * @param {boolean} usePrefilledVideo - Pass true to use the video from the process-video endpoint.
-     * @param {Object} [props] - Optional properties for the enrollment request.
-     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
-     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
-     *                                      This can include properties like operating system, browser, etc.
-     * @returns {Promise<FaceMatchResponse>} - A promise resolving to the voice enrolling response.
-     * @throws {Error} - If required parameters are missing or the request fails.
-     */
-    async matchFaces(image, video, userFullName, usePrefilledVideo, props) {
-        if (!image)
-            throw new Error('Face image is required.');
-        if ((!usePrefilledVideo) && !video)
-            throw new Error('Video is required.');
-        if (usePrefilledVideo && !(props === null || props === undefined ? undefined : props.sessionId))
-            throw new Error('Session ID is required to use a video from the process-video endpoint.');
-        const formData = new FormData();
-        if (video) {
-            formData.append('video', video);
-        }
-        formData.append('image', image);
-        const headers = {};
-        if (userFullName) {
-            headers['X-User-Fullname'] = userFullName;
-        }
-        if (usePrefilledVideo) {
-            headers['X-Use-Prefilled-Video'] = 'true';
-        }
-        if (props === null || props === undefined ? undefined : props.sessionId) {
-            headers['X-Session-ID'] = props.sessionId;
-        }
-        if (props === null || props === undefined ? undefined : props.deviceInfo) {
-            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
-        }
-        return await this.request('/api-gateway/match-faces', 'POST', formData, headers);
-    }
-    /**
-     * Process the video through Biometry services to check liveness and authorize user
-     *
-     * @param {File} video - Video file that you want to process.
-     * @param {string} phrase - Set of numbers that user needs to say out loud in the video.
-     * @param {string} userFullName - Pass the full name of end-user to process Voice and Face recognition services.
-     * @param {Object} [props] - Optional properties for the enrollment request.
-     * @param {string} [props.sessionId] - Session ID to link this enrollment with a specific session group.
-     * @param {object} [props.deviceInfo] - Device information object containing details about the user's device.
-     *                                      This can include properties like operating system, browser, etc.
-     * @returns {Promise<ApiResponse<ProcessVideoResponse>>} - A promise resolving to the process video response.
-     */
-    async processVideo(video, phrase, userFullName, props) {
-        if (!video)
-            throw new Error('Video is required.');
-        if (!phrase)
-            throw new Error('Phrase is required.');
-        const formData = new FormData();
-        formData.append('phrase', phrase);
-        formData.append('video', video);
-        const headers = {};
-        if (userFullName) {
-            headers['X-User-Fullname'] = userFullName;
-        }
-        if (props === null || props === undefined ? undefined : props.sessionId) {
-            headers['X-Session-ID'] = props.sessionId;
-        }
-        if (props === null || props === undefined ? undefined : props.deviceInfo) {
-            headers['X-Device-Info'] = JSON.stringify(props.deviceInfo);
-        }
-        return await this.request('/api-gateway/process-video', 'POST', formData, headers);
-    }
-}
-BiometrySDK.BASE_URL = 'https://api.biometrysolutions.com'; //'https://dev-console.biometrysolutions.com';
-
 var BiometryAttributes;
 (function (BiometryAttributes) {
     BiometryAttributes["ApiKey"] = "api-key";
@@ -305,22 +20,22 @@ class BiometryEnrollment extends HTMLElement {
         this.canvasElement = null;
         this.captureButton = null;
         this.shadow = this.attachShadow({ mode: "open" });
-        this.sdk = null;
         this.toggleState = this.toggleState.bind(this);
         this.capturePhoto = this.capturePhoto.bind(this);
     }
     static get observedAttributes() {
         return Object.values(BiometryAttributes);
     }
-    get apiKey() {
-        return this.getAttribute("api-key");
+    get endpoint() {
+        return this.getAttribute("endpoint");
     }
-    set apiKey(value) {
-        if (value) {
-            this.setAttribute("api-key", value);
+    set endpoint(value) {
+        const current = this.getAttribute("endpoint");
+        if (value !== null && value !== current) {
+            this.setAttribute("endpoint", value);
         }
-        else {
-            this.removeAttribute("api-key");
+        else if (value === null && current !== null) {
+            this.removeAttribute("endpoint");
         }
     }
     get userFullname() {
@@ -335,7 +50,13 @@ class BiometryEnrollment extends HTMLElement {
         }
     }
     attributeChangedCallback(name, oldValue, newValue) {
-        if (name === "api-key" || name === "user-fullname") {
+        if (name === "endpoint" || name === "user-fullname") {
+            if (name === "endpoint") {
+                this.endpoint = newValue;
+            }
+            else if (name === "user-fullname") {
+                this.userFullname = newValue;
+            }
             this.validateAttributes();
         }
     }
@@ -345,10 +66,13 @@ class BiometryEnrollment extends HTMLElement {
     }
     disconnectedCallback() {
         this.cleanup();
+        if (this.captureButton) {
+            this.captureButton.removeEventListener("click", this.capturePhoto);
+        }
     }
     validateAttributes() {
-        if (!this.apiKey) {
-            console.error("API key is required.");
+        if (!this.endpoint) {
+            console.error("Endpoint is required.");
             this.toggleState(BiometryEnrollmentState.ErrorOther);
             return;
         }
@@ -393,7 +117,6 @@ class BiometryEnrollment extends HTMLElement {
       </div>
     </div>
   `;
-        this.initializeSDK();
         this.attachSlotListeners();
         this.setupCamera();
         this.toggleState("");
@@ -408,31 +131,6 @@ class BiometryEnrollment extends HTMLElement {
             this.videoElement.srcObject = null;
         }
     }
-    initializeSDK() {
-        if (this.apiKey) {
-            this.sdk = new BiometrySDK(this.apiKey);
-        }
-        else {
-            this.toggleState(BiometryEnrollmentState.ErrorOther);
-            console.error("API key is required to initialize the SDK.");
-        }
-    }
-    toggleState(state) {
-        const slots = [
-            BiometryEnrollmentState.Loading,
-            BiometryEnrollmentState.Success,
-            BiometryEnrollmentState.ErrorNoFace,
-            BiometryEnrollmentState.ErrorMultipleFaces,
-            BiometryEnrollmentState.ErrorNotCentered,
-            BiometryEnrollmentState.ErrorOther,
-        ];
-        slots.forEach((slotName) => {
-            const slot = this.shadow.querySelector(`slot[name="${slotName}"]`);
-            if (slot) {
-                slot.style.display = slotName === state ? "block" : "none";
-            }
-        });
-    }
     attachSlotListeners() {
         const videoSlot = this.shadow.querySelector('slot[name="video"]');
         const canvasSlot = this.shadow.querySelector('slot[name="canvas"]');
@@ -471,8 +169,8 @@ class BiometryEnrollment extends HTMLElement {
     }
     async capturePhoto() {
         try {
-            if (!this.videoElement || !this.canvasElement || !this.sdk) {
-                console.error("Essential elements or SDK are not initialized.");
+            if (!this.videoElement || !this.canvasElement) {
+                console.error("Essential elements are not initialized.");
                 return;
             }
             const context = this.canvasElement.getContext("2d");
@@ -488,33 +186,36 @@ class BiometryEnrollment extends HTMLElement {
                         return;
                     }
                     const file = new File([blob], "onboard-face.jpg", { type: "image/jpeg" });
-                    try {
-                        const response = await this.sdk.enrollFace(file, this.userFullname);
-                        const result = response.body.data.enroll_result;
-                        this.resultCode = result === null || result === void 0 ? void 0 : result.code;
-                        this.description = (result === null || result === void 0 ? void 0 : result.description) || "Unknown error occurred.";
-                        switch (this.resultCode) {
-                            case 0:
-                                this.toggleState(BiometryEnrollmentState.Success);
-                                break;
-                            case 1:
-                                this.toggleState(BiometryEnrollmentState.ErrorNoFace);
-                                break;
-                            case 2:
-                                this.toggleState(BiometryEnrollmentState.ErrorMultipleFaces);
-                                break;
-                            case 3:
-                                this.toggleState(BiometryEnrollmentState.ErrorNotCentered);
-                                break;
-                            default:
-                                this.toggleState(BiometryEnrollmentState.ErrorOther);
-                        }
-                        console.log("Enrollment result:", result);
+                    const formData = new FormData();
+                    formData.append('photo', file);
+                    formData.append('userFullname', this.userFullname || '');
+                    const response = await fetch(this.endpoint, {
+                        method: 'POST',
+                        body: formData
+                    });
+                    if (!response.ok) {
+                        throw new Error(`HTTP error! status: ${response.status}`);
                     }
-                    catch (error) {
-                        console.error("Error enrolling face:", error);
-                        this.toggleState(BiometryEnrollmentState.ErrorOther);
+                    const result = await response.json();
+                    this.resultCode = result === null || result === void 0 ? void 0 : result.code;
+                    this.description = (result === null || result === void 0 ? void 0 : result.description) || "Unknown error occurred.";
+                    switch (this.resultCode) {
+                        case 0:
+                            this.toggleState(BiometryEnrollmentState.Success);
+                            break;
+                        case 1:
+                            this.toggleState(BiometryEnrollmentState.ErrorNoFace);
+                            break;
+                        case 2:
+                            this.toggleState(BiometryEnrollmentState.ErrorMultipleFaces);
+                            break;
+                        case 3:
+                            this.toggleState(BiometryEnrollmentState.ErrorNotCentered);
+                            break;
+                        default:
+                            this.toggleState(BiometryEnrollmentState.ErrorOther);
                     }
+                    console.log("Enrollment result:", result);
                 }
                 catch (error) {
                     console.error("Error in toBlob callback:", error);
@@ -527,6 +228,22 @@ class BiometryEnrollment extends HTMLElement {
             this.toggleState(BiometryEnrollmentState.ErrorOther);
         }
     }
+    toggleState(state) {
+        const slots = [
+            BiometryEnrollmentState.Loading,
+            BiometryEnrollmentState.Success,
+            BiometryEnrollmentState.ErrorNoFace,
+            BiometryEnrollmentState.ErrorMultipleFaces,
+            BiometryEnrollmentState.ErrorNotCentered,
+            BiometryEnrollmentState.ErrorOther,
+        ];
+        slots.forEach((slotName) => {
+            const slot = this.shadow.querySelector(`slot[name="${slotName}"]`);
+            if (slot) {
+                slot.style.display = slotName === state ? "block" : "none";
+            }
+        });
+    }
 }
 customElements.define("biometry-enrollment", BiometryEnrollment);
 
@@ -1063,7 +780,6 @@ var ysFixWebmDuration = /*@__PURE__*/getDefaultExportFromCjs(fixWebmDurationExpo
 class ProcessVideoComponent extends HTMLElement {
     constructor() {
         super();
-        this.apiKey = null;
         this.previewStream = null;
         this.recordedChunks = [];
         this.mediaRecorder = null;
@@ -1076,25 +792,18 @@ class ProcessVideoComponent extends HTMLElement {
         this.phrase = this.generateDefaultPhrase();
         // Attach shadow DOM and initialize UI
         this.attachShadow({ mode: 'open' });
-        this.apiKey = this.getAttribute('api-key');
-        this.initializeSDK();
         this.initializeUI();
     }
-    initializeSDK() {
-        if (this.apiKey) {
-            this.sdk = new BiometrySDK(this.apiKey);
-        }
-        else {
-            this.toggleState('error');
-            console.error('API key is required to initialize the SDK.');
-        }
+    get endpoint() {
+        return this.getAttribute("endpoint");
     }
-    connectedCallback() {
-        if (this.apiKey) {
-            this.initializeSDK();
+    set endpoint(value) {
+        const current = this.getAttribute("endpoint");
+        if (value !== null && value !== current) {
+            this.setAttribute("endpoint", value);
         }
-        else {
-            console.error('API key is required.');
+        else if (value === null && current !== null) {
+            this.removeAttribute("endpoint");
         }
     }
     disconnectedCallback() {
@@ -1103,10 +812,9 @@ class ProcessVideoComponent extends HTMLElement {
             this.previewStream.getTracks().forEach(track => track.stop());
         }
     }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (name === 'api-key' && newValue !== oldValue) {
-            this.apiKey = newValue;
-            this.initializeSDK();
+    attributeChangedCallback(name, _oldValue, newValue) {
+        if (name === 'endpoint' && newValue !== this.endpoint) {
+            this.endpoint = newValue;
         }
     }
     generateDefaultPhrase() {
@@ -1409,7 +1117,6 @@ class ProcessVideoComponent extends HTMLElement {
             this.recordButton.disabled = false;
             this.stopButton.disabled = true;
             this.mediaRecorder = null;
-            this.recordedChunks = [];
             this.previewStream = null;
         }
         catch (error) {
@@ -1419,6 +1126,7 @@ class ProcessVideoComponent extends HTMLElement {
     onStopMediaRecorder(blob) {
         const videoURL = URL.createObjectURL(blob);
         this.videoFile = new File([blob], 'recorded_video.webm', { type: 'video/webm' });
+        this.recordedChunks = [];
         this.videoElement.src = videoURL;
         this.videoElement.controls = true;
         this.videoElement.play();
@@ -1453,16 +1161,31 @@ class ProcessVideoComponent extends HTMLElement {
             console.error('No video file to submit.');
             return;
         }
-        if (!this.apiKey || !this.userFullname) {
+        if (!this.endpoint) {
             this.toggleState('error');
-            console.error('API key and user fullname must be provided.');
+            console.error('Endpoint must be provided.');
+            return;
+        }
+        if (!this.userFullname) {
+            this.toggleState('error');
+            console.error('User full name must be provided.');
             return;
         }
         this.toggleState('loading');
         try {
-            const phraseInWords = this.convertPhraseToWords(this.phrase);
-            const result = await this.sdk.processVideo(this.videoFile, phraseInWords, this.userFullname);
-            console.log('Response from processVideo:', result);
+            const formData = new FormData();
+            formData.append('video', this.videoFile);
+            formData.append('phrase', this.convertPhraseToWords(this.phrase));
+            formData.append('userFullname', this.userFullname);
+            const response = await fetch(this.endpoint, {
+                method: 'POST',
+                body: formData
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const result = await response.json();
+            console.log('Response from endpoint:', result);
             this.toggleState('success');
         }
         catch (error) {
@@ -1471,7 +1194,7 @@ class ProcessVideoComponent extends HTMLElement {
         }
     }
     static get observedAttributes() {
-        return ['api-key', 'user-fullname'];
+        return ['endpoint', 'user-fullname'];
     }
     get userFullname() {
         return this.getAttribute('user-fullname');
@@ -1501,9 +1224,6 @@ class ProcessVideoComponent extends HTMLElement {
     get currentStream() {
         return this.previewStream;
     }
-    set sdkInstance(newSdk) {
-        this.sdk = newSdk;
-    }
     get videoElementRef() {
         return this.videoElement;
     }
@@ -1525,4 +1245,4 @@ class ProcessVideoComponent extends HTMLElement {
 }
 customElements.define('process-video', ProcessVideoComponent);
 
-export { BiometryEnrollment, BiometrySDK, ProcessVideoComponent };
+export { BiometryEnrollment, ProcessVideoComponent };

package/package.json

@@ -1,11 +1,23 @@
 {
   "name": "biometry-sdk",
-  "version": "1.3.6",
-  "main": "dist/biometry-sdk.esm.js",
-  "types": "dist/index.d.ts",
-  "module": "dist/biometry-sdk.esm.js",
-  "browser": "dist/biometry-sdk.esm.js",
+  "version": "2.0.0",
   "type": "module",
+  "main": "dist/sdk.js",
+  "module": "dist/sdk.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/sdk.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./sdk": {
+      "import": "./dist/sdk.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./ui": {
+      "import": "./dist/ui.js"
+    }
+  },
   "files": [
     "dist/**/*",
     "README.md"