@incodetech/core 2.0.1 → 2.1.0-rc.1

package/dist/canvas-SKcRBxsk.esm.js

@@ -0,0 +1,230 @@
+//#region ../infra/src/media/canvas.ts
+/**
+* Class representing a canvas element for image capture and manipulation.
+*/
+var IncodeCanvas = class IncodeCanvas {
+	/**
+	* Creates an {@link IncodeCanvas} from a raw {@link ImageData} frame.
+	* @param imageData - Frame pixels in RGBA format
+	* @returns An {@link IncodeCanvas} containing the provided pixels
+	*/
+	static fromImageData(imageData) {
+		const canvas = document.createElement("canvas");
+		canvas.width = imageData.width;
+		canvas.height = imageData.height;
+		const context = canvas.getContext("2d", { willReadFrequently: true });
+		if (!context) return new IncodeCanvas(canvas);
+		if ("putImageData" in context) context.putImageData(imageData, 0, 0);
+		return new IncodeCanvas(canvas);
+	}
+	/**
+	* Create a new canvas element.
+	* @param canvas_ - The canvas element to clone.
+	*/
+	constructor(canvas_) {
+		this.base64Image = null;
+		this.blobData = null;
+		this.canvas = document.createElement("canvas");
+		this.canvas.width = canvas_.width;
+		this.canvas.height = canvas_.height;
+		const context = this.canvas.getContext("2d");
+		if (context) context.drawImage(canvas_, 0, 0);
+	}
+	/**
+	* Check if the current canvas is valid.
+	*/
+	checkCanvas() {
+		return this.canvas && this.canvas.width > 1 && this.canvas.height > 1;
+	}
+	/**
+	* Disposes of resources, including revoking object URLs to prevent memory leaks.
+	*/
+	dispose() {
+		if (this.blobData?.url) {
+			URL.revokeObjectURL(this.blobData.url);
+			this.blobData = null;
+		}
+		this.base64Image = null;
+	}
+	/**
+	* Release the data stored by IncodeCanvas.
+	*/
+	release() {
+		if (!this.checkCanvas()) return;
+		this.canvas.width = 1;
+		this.canvas.height = 1;
+		this.canvas.getContext("2d")?.clearRect(0, 0, 1, 1);
+		this.base64Image = null;
+		if (this.blobData?.url) URL.revokeObjectURL(this.blobData.url);
+		this.blobData = null;
+	}
+	/**
+	* Revokes the object URL if one exists, preventing memory leaks.
+	* Use this when you no longer need the preview image URL.
+	*/
+	revokeObjectURL() {
+		if (this.blobData?.url) {
+			URL.revokeObjectURL(this.blobData.url);
+			this.blobData = {
+				...this.blobData,
+				url: ""
+			};
+		}
+	}
+	/**
+	* Get the width of the canvas.
+	*/
+	width() {
+		if (!this.checkCanvas()) return null;
+		return this.canvas.width;
+	}
+	/**
+	* Get the height of the canvas.
+	*/
+	height() {
+		if (!this.checkCanvas()) return null;
+		return this.canvas.height;
+	}
+	/**
+	* Set the width of the canvas.
+	*/
+	setWidth(width) {
+		if (!this.checkCanvas()) return;
+		this.canvas.width = width;
+	}
+	/**
+	* Set the height of the canvas.
+	*/
+	setHeight(height) {
+		if (!this.checkCanvas()) return;
+		this.canvas.height = height;
+	}
+	/**
+	* Clone the current canvas.
+	*/
+	clone() {
+		if (!this.checkCanvas()) return null;
+		const cloned = new IncodeCanvas(this.canvas);
+		cloned.setBase64Image(this.base64Image);
+		return cloned;
+	}
+	/**
+	* Deep clone the current IncodeCanvas including blob data.
+	*/
+	async deepClone() {
+		const cloned = this.clone();
+		if (!cloned) return null;
+		if (this.blobData) await cloned.setBlobData(this.blobData);
+		return cloned;
+	}
+	/**
+	* Returns the drawing context on the canvas.
+	*/
+	getContext(contextId, contextAttributes) {
+		if (!this.checkCanvas()) return null;
+		const context = this.canvas.getContext(contextId, contextAttributes);
+		return context instanceof CanvasRenderingContext2D ? context : null;
+	}
+	/**
+	* Retrieves the image data from the canvas.
+	*/
+	getImageData() {
+		if (!this.checkCanvas()) return null;
+		const context = this.canvas.getContext("2d", { willReadFrequently: true });
+		if (!context) return null;
+		return context.getImageData(0, 0, this.canvas.width, this.canvas.height);
+	}
+	/**
+	* Updates the base64 representation of the current canvas image.
+	*/
+	updateBase64Image(jpegQuality = 1) {
+		if (!this.checkCanvas()) return;
+		this.base64Image = this.canvas.toDataURL("image/jpeg", jpegQuality);
+	}
+	/**
+	* Converts the current canvas element to a base64 string.
+	*/
+	getBase64Image(jpegQuality = 1, includeDataURLPrefix = false) {
+		if (!this.checkCanvas()) return null;
+		if (this.base64Image === null) this.updateBase64Image(jpegQuality);
+		const base64Image = this.base64Image;
+		if (base64Image === null) return null;
+		if (includeDataURLPrefix) return base64Image;
+		const commaIndex = base64Image.indexOf(",");
+		if (commaIndex === -1) return base64Image;
+		return base64Image.slice(commaIndex + 1);
+	}
+	/**
+	* Sets the base64 representation of the current canvas image.
+	*/
+	setBase64Image(base64Image) {
+		this.base64Image = base64Image;
+	}
+	/**
+	* Updates the Blob representation of the current canvas image.
+	*/
+	updateBlob(jpegQuality = 1, includeDataURLPrefix = false) {
+		if (!this.checkCanvas()) return;
+		if (this.base64Image === null) this.updateBase64Image(jpegQuality);
+		const base64 = this.getBase64Image(jpegQuality, includeDataURLPrefix);
+		if (base64) this.blobData = IncodeCanvas.base64ToBlob(base64);
+	}
+	/**
+	* Converts a base64 string to a Blob and creates a URL for it.
+	*/
+	static base64ToBlob(base64) {
+		try {
+			const binary = atob(base64);
+			const array = [];
+			for (let i = 0; i < binary.length; i++) array.push(binary.charCodeAt(i));
+			const blob = new Blob([new Uint8Array(array)]);
+			return {
+				blob,
+				url: URL.createObjectURL(blob)
+			};
+		} catch (error) {
+			console.error("Failed to convert base64 string to Blob:", error);
+		}
+		return null;
+	}
+	/**
+	* Retrieves the Blob data and its URL from the current canvas.
+	*/
+	getBlobData(jpegQuality = 1, includeDataURLPrefix = false) {
+		if (!this.checkCanvas()) return null;
+		if (this.blobData === null) this.updateBlob(jpegQuality, includeDataURLPrefix);
+		return this.blobData;
+	}
+	/**
+	* Sets the Blob data of the current canvas image.
+	*/
+	async setBlobData(blobData) {
+		const blobDataArrayBuffer = await blobData.blob.arrayBuffer();
+		this.blobData = {
+			blob: new Blob([blobDataArrayBuffer], { type: blobData.blob.type }),
+			url: blobData.url
+		};
+	}
+	/**
+	* Returns a resized canvas according to video element size.
+	*/
+	getResizedCanvas(videoElementWidth, videoElementHeight) {
+		if (!this.checkCanvas()) return null;
+		const cameraOffsetX = Math.abs(videoElementWidth - window.innerWidth);
+		const resized = new IncodeCanvas(document.createElement("canvas"));
+		const canvasHeight = this.height();
+		if (!canvasHeight) return null;
+		const ratio = canvasHeight / videoElementHeight;
+		const newWidth = window.innerWidth;
+		const newHeight = window.innerHeight;
+		resized.setWidth(newWidth);
+		resized.setHeight(newHeight);
+		const context = resized.getContext("2d");
+		if (!context) return null;
+		context.drawImage(this.canvas, ratio * cameraOffsetX / 2, 0, ratio * newWidth, ratio * newHeight, 0, 0, newWidth, newHeight);
+		return resized;
+	}
+};
+
+//#endregion
+export { IncodeCanvas as t };

package/dist/consent.d.ts

@@ -1,398 +1,4 @@
-import { t as Manager } from "./Manager-C8PrhBOx.js";
-import "./Actor-CI32dTbG.js";
-import * as xstate0 from "xstate";
-
-//#region src/modules/consent/types.d.ts
-type ConsentConfig = {
-  combinedConsents?: string;
-  consentId?: string;
-};
-type ConsentCheckbox = {
-  id: string;
-  label: string;
-  required: boolean;
-  checked: boolean;
-};
-type FetchCombinedConsentResponse = {
-  languageConsentId: string;
-  terms: string;
-  title: string;
-  consents: Array<{
-    checkboxId: string;
-    consentText: string;
-    optional: boolean;
-  }>;
-};
-//#endregion
-//#region src/modules/consent/consentStateMachine.d.ts
-type ConsentContext = {
-  config: ConsentConfig;
-  title: string;
-  richText: string;
-  languageConsentId: string;
-  checkboxes: ConsentCheckbox[];
-  error: string | undefined;
-};
-type ConsentInput = {
-  config: ConsentConfig;
-};
-declare const consentMachine: xstate0.StateMachine<ConsentContext, {
-  type: "LOAD";
-} | {
-  type: "TOGGLE_CHECKBOX";
-  checkboxId: string;
-} | {
-  type: "SUBMIT";
-} | {
-  type: "RETRY";
-} | {
-  type: "RESET";
-}, {
-  [x: string]: xstate0.ActorRefFromLogic<xstate0.PromiseActorLogic<FetchCombinedConsentResponse, {
-    consentId: string;
-  }, xstate0.EventObject>> | xstate0.ActorRefFromLogic<xstate0.PromiseActorLogic<void, {
-    languageConsentId: string;
-    checkboxes: ConsentCheckbox[];
-  }, xstate0.EventObject>> | undefined;
-}, xstate0.Values<{
-  fetchConsent: {
-    src: "fetchConsent";
-    logic: xstate0.PromiseActorLogic<FetchCombinedConsentResponse, {
-      consentId: string;
-    }, xstate0.EventObject>;
-    id: string | undefined;
-  };
-  submitConsent: {
-    src: "submitConsent";
-    logic: xstate0.PromiseActorLogic<void, {
-      languageConsentId: string;
-      checkboxes: ConsentCheckbox[];
-    }, xstate0.EventObject>;
-    id: string | undefined;
-  };
-}>, xstate0.Values<{
-  setConsentData: {
-    type: "setConsentData";
-    params: xstate0.NonReducibleUnknown;
-  };
-  toggleCheckbox: {
-    type: "toggleCheckbox";
-    params: xstate0.NonReducibleUnknown;
-  };
-  setError: {
-    type: "setError";
-    params: xstate0.NonReducibleUnknown;
-  };
-  clearError: {
-    type: "clearError";
-    params: xstate0.NonReducibleUnknown;
-  };
-  resetContext: {
-    type: "resetContext";
-    params: xstate0.NonReducibleUnknown;
-  };
-}>, {
-  type: "canSubmit";
-  params: unknown;
-}, never, "error" | "idle" | "finished" | "loading" | "display" | "submitting", string, ConsentInput, xstate0.NonReducibleUnknown, xstate0.EventObject, xstate0.MetaObject, {
-  readonly id: "consent";
-  readonly initial: "idle";
-  readonly context: ({
-    input
-  }: {
-    spawn: {
-      <TSrc extends "fetchConsent" | "submitConsent">(logic: TSrc, ...[options]: ({
-        src: "fetchConsent";
-        logic: xstate0.PromiseActorLogic<FetchCombinedConsentResponse, {
-          consentId: string;
-        }, xstate0.EventObject>;
-        id: string | undefined;
-      } extends infer T ? T extends {
-        src: "fetchConsent";
-        logic: xstate0.PromiseActorLogic<FetchCombinedConsentResponse, {
-          consentId: string;
-        }, xstate0.EventObject>;
-        id: string | undefined;
-      } ? T extends {
-        src: TSrc;
-      } ? xstate0.ConditionalRequired<[options?: ({
-        id?: T["id"] | undefined;
-        systemId?: string;
-        input?: xstate0.InputFrom<T["logic"]> | undefined;
-        syncSnapshot?: boolean;
-      } & { [K in xstate0.RequiredActorOptions<T>]: unknown }) | undefined], xstate0.IsNotNever<xstate0.RequiredActorOptions<T>>> : never : never : never) | ({
-        src: "submitConsent";
-        logic: xstate0.PromiseActorLogic<void, {
-          languageConsentId: string;
-          checkboxes: ConsentCheckbox[];
-        }, xstate0.EventObject>;
-        id: string | undefined;
-      } extends infer T_1 ? T_1 extends {
-        src: "submitConsent";
-        logic: xstate0.PromiseActorLogic<void, {
-          languageConsentId: string;
-          checkboxes: ConsentCheckbox[];
-        }, xstate0.EventObject>;
-        id: string | undefined;
-      } ? T_1 extends {
-        src: TSrc;
-      } ? xstate0.ConditionalRequired<[options?: ({
-        id?: T_1["id"] | undefined;
-        systemId?: string;
-        input?: xstate0.InputFrom<T_1["logic"]> | undefined;
-        syncSnapshot?: boolean;
-      } & { [K_1 in xstate0.RequiredActorOptions<T_1>]: unknown }) | undefined], xstate0.IsNotNever<xstate0.RequiredActorOptions<T_1>>> : never : never : never)): xstate0.ActorRefFromLogic<xstate0.GetConcreteByKey<xstate0.Values<{
-        fetchConsent: {
-          src: "fetchConsent";
-          logic: xstate0.PromiseActorLogic<FetchCombinedConsentResponse, {
-            consentId: string;
-          }, xstate0.EventObject>;
-          id: string | undefined;
-        };
-        submitConsent: {
-          src: "submitConsent";
-          logic: xstate0.PromiseActorLogic<void, {
-            languageConsentId: string;
-            checkboxes: ConsentCheckbox[];
-          }, xstate0.EventObject>;
-          id: string | undefined;
-        };
-      }>, "src", TSrc>["logic"]>;
-      <TLogic extends xstate0.AnyActorLogic>(src: TLogic, ...[options]: xstate0.ConditionalRequired<[options?: ({
-        id?: never;
-        systemId?: string;
-        input?: xstate0.InputFrom<TLogic> | undefined;
-        syncSnapshot?: boolean;
-      } & { [K in xstate0.RequiredLogicInput<TLogic>]: unknown }) | undefined], xstate0.IsNotNever<xstate0.RequiredLogicInput<TLogic>>>): xstate0.ActorRefFromLogic<TLogic>;
-    };
-    input: ConsentInput;
-    self: xstate0.ActorRef<xstate0.MachineSnapshot<ConsentContext, {
-      type: "LOAD";
-    } | {
-      type: "TOGGLE_CHECKBOX";
-      checkboxId: string;
-    } | {
-      type: "SUBMIT";
-    } | {
-      type: "RETRY";
-    } | {
-      type: "RESET";
-    }, Record<string, xstate0.AnyActorRef | undefined>, xstate0.StateValue, string, unknown, any, any>, {
-      type: "LOAD";
-    } | {
-      type: "TOGGLE_CHECKBOX";
-      checkboxId: string;
-    } | {
-      type: "SUBMIT";
-    } | {
-      type: "RETRY";
-    } | {
-      type: "RESET";
-    }, xstate0.AnyEventObject>;
-  }) => {
-    config: ConsentConfig;
-    title: string;
-    richText: string;
-    languageConsentId: string;
-    checkboxes: never[];
-    error: undefined;
-  };
-  readonly states: {
-    readonly idle: {
-      readonly on: {
-        readonly LOAD: {
-          readonly target: "loading";
-          readonly actions: "clearError";
-        };
-      };
-    };
-    readonly loading: {
-      readonly invoke: {
-        readonly id: "fetchConsent";
-        readonly src: "fetchConsent";
-        readonly input: ({
-          context
-        }: {
-          context: ConsentContext;
-          event: {
-            type: "LOAD";
-          } | {
-            type: "TOGGLE_CHECKBOX";
-            checkboxId: string;
-          } | {
-            type: "SUBMIT";
-          } | {
-            type: "RETRY";
-          } | {
-            type: "RESET";
-          };
-          self: xstate0.ActorRef<xstate0.MachineSnapshot<ConsentContext, {
-            type: "LOAD";
-          } | {
-            type: "TOGGLE_CHECKBOX";
-            checkboxId: string;
-          } | {
-            type: "SUBMIT";
-          } | {
-            type: "RETRY";
-          } | {
-            type: "RESET";
-          }, Record<string, xstate0.AnyActorRef>, xstate0.StateValue, string, unknown, any, any>, {
-            type: "LOAD";
-          } | {
-            type: "TOGGLE_CHECKBOX";
-            checkboxId: string;
-          } | {
-            type: "SUBMIT";
-          } | {
-            type: "RETRY";
-          } | {
-            type: "RESET";
-          }, xstate0.AnyEventObject>;
-        }) => {
-          consentId: string;
-        };
-        readonly onDone: {
-          readonly target: "display";
-          readonly actions: "setConsentData";
-        };
-        readonly onError: {
-          readonly target: "error";
-          readonly actions: "setError";
-        };
-      };
-    };
-    readonly display: {
-      readonly on: {
-        readonly TOGGLE_CHECKBOX: {
-          readonly actions: "toggleCheckbox";
-        };
-        readonly SUBMIT: {
-          readonly target: "submitting";
-          readonly guard: "canSubmit";
-        };
-        readonly RETRY: {
-          readonly target: "loading";
-          readonly actions: "clearError";
-        };
-      };
-    };
-    readonly submitting: {
-      readonly invoke: {
-        readonly id: "submitConsent";
-        readonly src: "submitConsent";
-        readonly input: ({
-          context
-        }: {
-          context: ConsentContext;
-          event: {
-            type: "LOAD";
-          } | {
-            type: "TOGGLE_CHECKBOX";
-            checkboxId: string;
-          } | {
-            type: "SUBMIT";
-          } | {
-            type: "RETRY";
-          } | {
-            type: "RESET";
-          };
-          self: xstate0.ActorRef<xstate0.MachineSnapshot<ConsentContext, {
-            type: "LOAD";
-          } | {
-            type: "TOGGLE_CHECKBOX";
-            checkboxId: string;
-          } | {
-            type: "SUBMIT";
-          } | {
-            type: "RETRY";
-          } | {
-            type: "RESET";
-          }, Record<string, xstate0.AnyActorRef>, xstate0.StateValue, string, unknown, any, any>, {
-            type: "LOAD";
-          } | {
-            type: "TOGGLE_CHECKBOX";
-            checkboxId: string;
-          } | {
-            type: "SUBMIT";
-          } | {
-            type: "RETRY";
-          } | {
-            type: "RESET";
-          }, xstate0.AnyEventObject>;
-        }) => {
-          languageConsentId: string;
-          checkboxes: ConsentCheckbox[];
-        };
-        readonly onDone: {
-          readonly target: "finished";
-        };
-        readonly onError: {
-          readonly target: "display";
-          readonly actions: "setError";
-        };
-      };
-    };
-    readonly error: {
-      readonly on: {
-        readonly RETRY: {
-          readonly target: "loading";
-          readonly actions: "clearError";
-        };
-        readonly RESET: {
-          readonly target: "idle";
-          readonly actions: "resetContext";
-        };
-      };
-    };
-    readonly finished: {
-      readonly type: "final";
-    };
-  };
-}>;
-//#endregion
-//#region src/modules/consent/consentActor.d.ts
-type CreateConsentActorOptions = {
-  config: ConsentConfig;
-};
-//#endregion
-//#region src/modules/consent/consentManager.d.ts
-type ConsentIdleState = {
-  status: 'idle';
-};
-type ConsentLoadingState = {
-  status: 'loading';
-};
-type ConsentDisplayState = {
-  status: 'display';
-  title: string;
-  richText: string;
-  checkboxes: ConsentCheckbox[];
-  canSubmit: boolean;
-  error?: string;
-};
-type ConsentSubmittingState = {
-  status: 'submitting';
-  title: string;
-  richText: string;
-  checkboxes: ConsentCheckbox[];
-  canSubmit: false;
-};
-type ConsentFinishedState = {
-  status: 'finished';
-};
-type ConsentErrorState = {
-  status: 'error';
-  error: string;
-};
-type ConsentState = ConsentIdleState | ConsentLoadingState | ConsentDisplayState | ConsentSubmittingState | ConsentFinishedState | ConsentErrorState;
-declare function createConsentManager(options: CreateConsentActorOptions): Manager<ConsentState> & {
-  load(): void;
-  toggleCheckbox(checkboxId: string): void;
-  submit(): void;
-  retry(): void;
-  reset(): void;
-};
-type ConsentManager = ReturnType<typeof createConsentManager>;
-//#endregion
-export { type ConsentCheckbox, type ConsentConfig, type ConsentManager, type ConsentState, consentMachine, createConsentManager };
+import "./Manager-BHn8wH8K.js";
+import "./Actor-Y0_Fj-KL.js";
+import { a as ConsentActor, c as ConsentConfig, i as createConsentManagerFromActor, n as ConsentState, o as consentMachine, r as createConsentManager, s as ConsentCheckbox, t as ConsentManager } from "./consentManager-Cg5Sk2tv.js";
+export { type ConsentActor, type ConsentCheckbox, type ConsentConfig, type ConsentManager, type ConsentState, consentMachine, createConsentManager, createConsentManagerFromActor };