@unissey-web/sdk-react 4.0.2 → 4.0.3-rc.2

package/dist/index.d.ts

@@ -1,6 +1,13 @@
+/// <reference types="trusted-types" />
 import * as _lit_labs_react from '@lit-labs/react';
+import * as _unissey_web_web_components from '@unissey-web/web-components';
 import { Button as Button$1, FileUpload as FileUpload$1, FullCapture as FullCapture$1, PictureEditor as PictureEditor$1, ImageCaptureDirections, PictureRecorder as PictureRecorder$1, ReferenceCapture as ReferenceCapture$1, RetryResult as RetryResult$1, SelfieCapture as SelfieCapture$1, VideoRecordDirections as VideoRecordDirections$1, Recorder, RecorderExt } from '@unissey-web/web-components';
 export { AcquisitionPreset, ActiveChallengeConfig, CameraConfig, ColorRGBA, EN, FR, FaceChecker, FacingMode, IadConfig, IadMode, InstructionMessage, OverlayColors, OverlayConfig, OverlayDisplayMode, RecordingConfig, SessionConfig, VideoLength, VideoOrientation, VideoResolutionPreset } from '@unissey-web/web-components';
+import * as lit from 'lit';
+import * as _unissey_sdk_web_js_dist_build_packed_session_session_config from '@unissey/sdk-web-js/dist/build-packed/session/session-config';
+import * as _unissey_sdk_web_js from '@unissey/sdk-web-js';
+import * as lit_html from 'lit-html';
+import * as React from 'react';
 
 declare const Button: _lit_labs_react.ReactWebComponent<Button$1, {}>;
 
@@ -53,14 +60,715 @@ declare const SelfieCapture: _lit_labs_react.ReactWebComponent<SelfieCapture$1,
 
 declare const VideoRecordDirections: _lit_labs_react.ReactWebComponent<VideoRecordDirections$1, {}>;
 
-declare const VideoRecorder: _lit_labs_react.ReactWebComponent<Recorder, {
-    onRecord: string;
-    onRecorderReady: string;
-    onRecordStarting: string;
-    onRecordCapturing: string;
-    onRecordInterrupted: string;
-    onRecordCompleted: string;
-}>;
+declare const VideoRecorder: React.ForwardRefExoticComponent<Pick<Partial<{
+    id?: string | undefined;
+    color?: string | undefined;
+    content?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    hidden?: boolean | undefined;
+    slot?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    title?: string | undefined;
+    dir?: string | undefined;
+    accessKey?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    lang?: string | undefined;
+    className?: string | undefined;
+    prefix?: string | undefined;
+    role?: React.AriaRole | undefined;
+    children?: React.ReactNode;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    inputMode?: "search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email" | undefined;
+    nonce?: string | undefined;
+    tabIndex?: number | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    contextMenu?: string | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "location" | "time" | "false" | "page" | "true" | "step" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "dialog" | "menu" | "false" | "listbox" | "true" | "tree" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<Recorder> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<Recorder> | undefined;
+    onCut?: React.ClipboardEventHandler<Recorder> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<Recorder> | undefined;
+    onPaste?: React.ClipboardEventHandler<Recorder> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<Recorder> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<Recorder> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<Recorder> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<Recorder> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<Recorder> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<Recorder> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<Recorder> | undefined;
+    onFocus?: React.FocusEventHandler<Recorder> | undefined;
+    onFocusCapture?: React.FocusEventHandler<Recorder> | undefined;
+    onBlur?: React.FocusEventHandler<Recorder> | undefined;
+    onBlurCapture?: React.FocusEventHandler<Recorder> | undefined;
+    onChange?: React.FormEventHandler<Recorder> | undefined;
+    onChangeCapture?: React.FormEventHandler<Recorder> | undefined;
+    onBeforeInput?: React.FormEventHandler<Recorder> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<Recorder> | undefined;
+    onInput?: React.FormEventHandler<Recorder> | undefined;
+    onInputCapture?: React.FormEventHandler<Recorder> | undefined;
+    onReset?: React.FormEventHandler<Recorder> | undefined;
+    onResetCapture?: React.FormEventHandler<Recorder> | undefined;
+    onSubmit?: React.FormEventHandler<Recorder> | undefined;
+    onSubmitCapture?: React.FormEventHandler<Recorder> | undefined;
+    onInvalid?: React.FormEventHandler<Recorder> | undefined;
+    onInvalidCapture?: React.FormEventHandler<Recorder> | undefined;
+    onLoad?: React.ReactEventHandler<Recorder> | undefined;
+    onLoadCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onError?: React.ReactEventHandler<Recorder> | undefined;
+    onErrorCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<Recorder> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<Recorder> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<Recorder> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<Recorder> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<Recorder> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<Recorder> | undefined;
+    onAbort?: React.ReactEventHandler<Recorder> | undefined;
+    onAbortCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onCanPlay?: React.ReactEventHandler<Recorder> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<Recorder> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onDurationChange?: React.ReactEventHandler<Recorder> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onEmptied?: React.ReactEventHandler<Recorder> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onEncrypted?: React.ReactEventHandler<Recorder> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onEnded?: React.ReactEventHandler<Recorder> | undefined;
+    onEndedCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onLoadedData?: React.ReactEventHandler<Recorder> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<Recorder> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onLoadStart?: React.ReactEventHandler<Recorder> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onPause?: React.ReactEventHandler<Recorder> | undefined;
+    onPauseCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onPlay?: React.ReactEventHandler<Recorder> | undefined;
+    onPlayCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onPlaying?: React.ReactEventHandler<Recorder> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onProgress?: React.ReactEventHandler<Recorder> | undefined;
+    onProgressCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onRateChange?: React.ReactEventHandler<Recorder> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onSeeked?: React.ReactEventHandler<Recorder> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onSeeking?: React.ReactEventHandler<Recorder> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onStalled?: React.ReactEventHandler<Recorder> | undefined;
+    onStalledCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onSuspend?: React.ReactEventHandler<Recorder> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<Recorder> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onVolumeChange?: React.ReactEventHandler<Recorder> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onWaiting?: React.ReactEventHandler<Recorder> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onAuxClick?: React.MouseEventHandler<Recorder> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<Recorder> | undefined;
+    onClick?: React.MouseEventHandler<Recorder> | undefined;
+    onClickCapture?: React.MouseEventHandler<Recorder> | undefined;
+    onContextMenu?: React.MouseEventHandler<Recorder> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<Recorder> | undefined;
+    onDoubleClick?: React.MouseEventHandler<Recorder> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<Recorder> | undefined;
+    onDrag?: React.DragEventHandler<Recorder> | undefined;
+    onDragCapture?: React.DragEventHandler<Recorder> | undefined;
+    onDragEnd?: React.DragEventHandler<Recorder> | undefined;
+    onDragEndCapture?: React.DragEventHandler<Recorder> | undefined;
+    onDragEnter?: React.DragEventHandler<Recorder> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<Recorder> | undefined;
+    onDragExit?: React.DragEventHandler<Recorder> | undefined;
+    onDragExitCapture?: React.DragEventHandler<Recorder> | undefined;
+    onDragLeave?: React.DragEventHandler<Recorder> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<Recorder> | undefined;
+    onDragOver?: React.DragEventHandler<Recorder> | undefined;
+    onDragOverCapture?: React.DragEventHandler<Recorder> | undefined;
+    onDragStart?: React.DragEventHandler<Recorder> | undefined;
+    onDragStartCapture?: React.DragEventHandler<Recorder> | undefined;
+    onDrop?: React.DragEventHandler<Recorder> | undefined;
+    onDropCapture?: React.DragEventHandler<Recorder> | undefined;
+    onMouseDown?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseEnter?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseLeave?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseMove?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseOut?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseOver?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseUp?: React.MouseEventHandler<Recorder> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<Recorder> | undefined;
+    onSelect?: React.ReactEventHandler<Recorder> | undefined;
+    onSelectCapture?: React.ReactEventHandler<Recorder> | undefined;
+    onTouchCancel?: React.TouchEventHandler<Recorder> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<Recorder> | undefined;
+    onTouchEnd?: React.TouchEventHandler<Recorder> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<Recorder> | undefined;
+    onTouchMove?: React.TouchEventHandler<Recorder> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<Recorder> | undefined;
+    onTouchStart?: React.TouchEventHandler<Recorder> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<Recorder> | undefined;
+    onPointerDown?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerMove?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerUp?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerCancel?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerEnter?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerEnterCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerLeave?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerLeaveCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerOver?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerOut?: React.PointerEventHandler<Recorder> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<Recorder> | undefined;
+    onScroll?: React.UIEventHandler<Recorder> | undefined;
+    onScrollCapture?: React.UIEventHandler<Recorder> | undefined;
+    onWheel?: React.WheelEventHandler<Recorder> | undefined;
+    onWheelCapture?: React.WheelEventHandler<Recorder> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<Recorder> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<Recorder> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<Recorder> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<Recorder> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<Recorder> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<Recorder> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<Recorder> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<Recorder> | undefined;
+} & {
+    normalize: () => void;
+    error: string;
+    matches: (selectors: string) => boolean;
+    remove: () => void;
+    contains: (other: Node | null) => boolean;
+    animate: (keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
+    blur: () => void;
+    click: () => void;
+    focus: (options?: FocusOptions | undefined) => void;
+    scroll: {
+        (options?: ScrollToOptions | undefined): void;
+        (x: number, y: number): void;
+    };
+    addEventListener: {
+        <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+    };
+    removeEventListener: {
+        <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+    };
+    readonly accessKeyLabel: string;
+    autocapitalize: string;
+    inert: boolean;
+    innerText: string;
+    readonly offsetHeight: number;
+    readonly offsetLeft: number;
+    readonly offsetParent: Element | null;
+    readonly offsetTop: number;
+    readonly offsetWidth: number;
+    outerText: string;
+    spellcheck: boolean;
+    attachInternals: () => ElementInternals;
+    readonly attributes: NamedNodeMap;
+    readonly classList: DOMTokenList;
+    readonly clientHeight: number;
+    readonly clientLeft: number;
+    readonly clientTop: number;
+    readonly clientWidth: number;
+    readonly localName: string;
+    readonly namespaceURI: string | null;
+    onfullscreenchange: ((this: Element, ev: Event) => any) | null;
+    onfullscreenerror: ((this: Element, ev: Event) => any) | null;
+    outerHTML: string;
+    readonly ownerDocument: Document;
+    readonly part: DOMTokenList;
+    readonly scrollHeight: number;
+    scrollLeft: number;
+    scrollTop: number;
+    readonly scrollWidth: number;
+    readonly shadowRoot: ShadowRoot | null;
+    readonly tagName: string;
+    attachShadow: (init: ShadowRootInit) => ShadowRoot;
+    closest: {
+        <K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
+        <K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
+        <E extends Element = Element>(selectors: string): E | null;
+    };
+    getAttribute: (qualifiedName: string) => string | null;
+    getAttributeNS: (namespace: string | null, localName: string) => string | null;
+    getAttributeNames: () => string[];
+    getAttributeNode: (qualifiedName: string) => Attr | null;
+    getAttributeNodeNS: (namespace: string | null, localName: string) => Attr | null;
+    getBoundingClientRect: () => DOMRect;
+    getClientRects: () => DOMRectList;
+    getElementsByClassName: (classNames: string) => HTMLCollectionOf<Element>;
+    getElementsByTagName: {
+        <K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
+        <K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
+        (qualifiedName: string): HTMLCollectionOf<Element>;
+    };
+    getElementsByTagNameNS: {
+        (namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+        (namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+        (namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+    };
+    hasAttribute: (qualifiedName: string) => boolean;
+    hasAttributeNS: (namespace: string | null, localName: string) => boolean;
+    hasAttributes: () => boolean;
+    hasPointerCapture: (pointerId: number) => boolean;
+    insertAdjacentElement: (where: InsertPosition, element: Element) => Element | null;
+    insertAdjacentHTML: (position: InsertPosition, text: string) => void;
+    insertAdjacentText: (where: InsertPosition, data: string) => void;
+    releasePointerCapture: (pointerId: number) => void;
+    removeAttribute: (qualifiedName: string) => void;
+    removeAttributeNS: (namespace: string | null, localName: string) => void;
+    removeAttributeNode: (attr: Attr) => Attr;
+    requestFullscreen: (options?: FullscreenOptions | undefined) => Promise<void>;
+    requestPointerLock: () => void;
+    scrollBy: {
+        (options?: ScrollToOptions | undefined): void;
+        (x: number, y: number): void;
+    };
+    scrollIntoView: (arg?: boolean | ScrollIntoViewOptions | undefined) => void;
+    scrollTo: {
+        (options?: ScrollToOptions | undefined): void;
+        (x: number, y: number): void;
+    };
+    setAttribute: (qualifiedName: string, value: string) => void;
+    setAttributeNS: (namespace: string | null, qualifiedName: string, value: string) => void;
+    setAttributeNode: (attr: Attr) => Attr | null;
+    setAttributeNodeNS: (attr: Attr) => Attr | null;
+    setPointerCapture: (pointerId: number) => void;
+    toggleAttribute: (qualifiedName: string, force?: boolean | undefined) => boolean;
+    webkitMatchesSelector: (selectors: string) => boolean;
+    readonly baseURI: string;
+    readonly childNodes: NodeListOf<ChildNode>;
+    readonly firstChild: ChildNode | null;
+    readonly isConnected: boolean;
+    readonly lastChild: ChildNode | null;
+    readonly nextSibling: ChildNode | null;
+    readonly nodeName: string;
+    readonly nodeType: number;
+    nodeValue: string | null;
+    readonly parentElement: HTMLElement | null;
+    readonly parentNode: ParentNode | null;
+    readonly previousSibling: ChildNode | null;
+    textContent: string | null;
+    appendChild: <T extends Node>(node: T) => T;
+    cloneNode: (deep?: boolean | undefined) => Node;
+    compareDocumentPosition: (other: Node) => number;
+    getRootNode: (options?: GetRootNodeOptions | undefined) => Node;
+    hasChildNodes: () => boolean;
+    insertBefore: <T_1 extends Node>(node: T_1, child: Node | null) => T_1;
+    isDefaultNamespace: (namespace: string | null) => boolean;
+    isEqualNode: (otherNode: Node | null) => boolean;
+    isSameNode: (otherNode: Node | null) => boolean;
+    lookupNamespaceURI: (prefix: string | null) => string | null;
+    lookupPrefix: (namespace: string | null) => string | null;
+    removeChild: <T_2 extends Node>(child: T_2) => T_2;
+    replaceChild: <T_3 extends Node>(node: Node, child: T_3) => T_3;
+    readonly ATTRIBUTE_NODE: number;
+    readonly CDATA_SECTION_NODE: number;
+    readonly COMMENT_NODE: number;
+    readonly DOCUMENT_FRAGMENT_NODE: number;
+    readonly DOCUMENT_NODE: number;
+    readonly DOCUMENT_POSITION_CONTAINED_BY: number;
+    readonly DOCUMENT_POSITION_CONTAINS: number;
+    readonly DOCUMENT_POSITION_DISCONNECTED: number;
+    readonly DOCUMENT_POSITION_FOLLOWING: number;
+    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
+    readonly DOCUMENT_POSITION_PRECEDING: number;
+    readonly DOCUMENT_TYPE_NODE: number;
+    readonly ELEMENT_NODE: number;
+    readonly ENTITY_NODE: number;
+    readonly ENTITY_REFERENCE_NODE: number;
+    readonly NOTATION_NODE: number;
+    readonly PROCESSING_INSTRUCTION_NODE: number;
+    readonly TEXT_NODE: number;
+    dispatchEvent: (event: Event) => boolean;
+    ariaAtomic: string | null;
+    ariaAutoComplete: string | null;
+    ariaBusy: string | null;
+    ariaChecked: string | null;
+    ariaColCount: string | null;
+    ariaColIndex: string | null;
+    ariaColIndexText: string | null;
+    ariaColSpan: string | null;
+    ariaCurrent: string | null;
+    ariaDisabled: string | null;
+    ariaExpanded: string | null;
+    ariaHasPopup: string | null;
+    ariaHidden: string | null;
+    ariaInvalid: string | null;
+    ariaKeyShortcuts: string | null;
+    ariaLabel: string | null;
+    ariaLevel: string | null;
+    ariaLive: string | null;
+    ariaModal: string | null;
+    ariaMultiLine: string | null;
+    ariaMultiSelectable: string | null;
+    ariaOrientation: string | null;
+    ariaPlaceholder: string | null;
+    ariaPosInSet: string | null;
+    ariaPressed: string | null;
+    ariaReadOnly: string | null;
+    ariaRequired: string | null;
+    ariaRoleDescription: string | null;
+    ariaRowCount: string | null;
+    ariaRowIndex: string | null;
+    ariaRowIndexText: string | null;
+    ariaRowSpan: string | null;
+    ariaSelected: string | null;
+    ariaSetSize: string | null;
+    ariaSort: string | null;
+    ariaValueMax: string | null;
+    ariaValueMin: string | null;
+    ariaValueNow: string | null;
+    ariaValueText: string | null;
+    getAnimations: (options?: GetAnimationsOptions | undefined) => Animation[];
+    after: (...nodes: (string | Node)[]) => void;
+    before: (...nodes: (string | Node)[]) => void;
+    replaceWith: (...nodes: (string | Node)[]) => void;
+    innerHTML: string;
+    readonly nextElementSibling: Element | null;
+    readonly previousElementSibling: Element | null;
+    readonly childElementCount: number;
+    readonly firstElementChild: Element | null;
+    readonly lastElementChild: Element | null;
+    append: (...nodes: (string | Node)[]) => void;
+    prepend: (...nodes: (string | Node)[]) => void;
+    querySelector: {
+        <K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
+        <K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
+        <E_1 extends Element = Element>(selectors: string): E_1 | null;
+    };
+    querySelectorAll: {
+        <K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
+        <K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
+        <E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
+    };
+    replaceChildren: (...nodes: (string | Node)[]) => void;
+    readonly assignedSlot: HTMLSlotElement | null;
+    oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
+    oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
+    onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
+    enterKeyHint: string;
+    readonly isContentEditable: boolean;
+    onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+    onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+    onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+    oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onerror: OnErrorEventHandler;
+    onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+    onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+    ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+    onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+    onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+    onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
+    onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+    onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+    onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+    onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+    autofocus: boolean;
+    readonly dataset: DOMStringMap;
+    disconnected: boolean;
+    capture: () => Promise<void>;
+    render: () => lit_html.TemplateResult<1>;
+    strings: Partial<{
+        capture: string;
+        retry: string;
+        errors: {
+            noFace: string;
+        };
+        hints: {
+            up: string;
+            down: string;
+            perfect: string;
+            right: string;
+            left: string;
+            closer: string;
+            record: string;
+            nil: string;
+        };
+        forbiddenActionMessages: {
+            visibility: string;
+            focus: string;
+            keyboard: string;
+            default: string;
+        };
+        cameraErrorMessages: {
+            permissionDenied: string;
+            openFailed: string;
+            default: string;
+        };
+        rotationWhileCapturingErrorMessage: string;
+        activeChallengeMessages: {
+            rotateLeft: string;
+            rotateRight: string;
+            rotateUp: string;
+            rotateDown: string;
+        };
+    }>;
+    preset: _unissey_sdk_web_js.AcquisitionPreset;
+    config: Partial<_unissey_sdk_web_js_dist_build_packed_session_session_config._SessionConfig>;
+    displayFlipCameraBtn: boolean | undefined;
+    hideCaptureBtn: boolean;
+    faceChecker: _unissey_web_web_components.FaceChecker;
+    logLevel: _unissey_sdk_web_js.LogLevel;
+    instructionMessages: _unissey_web_web_components.InstructionMessage[];
+    disableDebugMode: boolean;
+    sdkAngularVersion: string | undefined;
+    sdkReactVersion: string | undefined;
+    hints: keyof {
+        left: string;
+        right: string;
+        up: string;
+        down: string;
+        perfect: string;
+        closer: string;
+        record: string;
+        nil: string;
+    };
+    sdkJsStatus: _unissey_sdk_web_js.StatusEvent;
+    willRetryCapture: boolean;
+    instructions: string[];
+    instructionMessage: string;
+    instructionTimer: number;
+    readonly renderOptions: lit_html.RenderOptions;
+    connectedCallback: () => void;
+    disconnectedCallback: () => void;
+    readonly renderRoot: HTMLElement | ShadowRoot;
+    isUpdatePending: boolean;
+    hasUpdated: boolean;
+    addController: (controller: lit.ReactiveController) => void;
+    removeController: (controller: lit.ReactiveController) => void;
+    attributeChangedCallback: (name: string, _old: string | null, value: string | null) => void;
+    requestUpdate: (name?: PropertyKey | undefined, oldValue?: unknown, options?: lit.PropertyDeclaration<unknown, unknown> | undefined) => void;
+    readonly updateComplete: Promise<boolean>;
+    session: _unissey_sdk_web_js.UnisseySession | null;
+    sessionPromise: Promise<void> | null;
+    resultEvent: {
+        name: string;
+        mediaPropertyName: string;
+        includeMetadata: boolean;
+    };
+    mediaType: string;
+    instructionNumber: number;
+    defaultStrings: {
+        capture: string;
+        retry: string;
+        errors: {
+            noFace: string;
+        };
+        hints: {
+            up: string;
+            down: string;
+            perfect: string;
+            right: string;
+            left: string;
+            closer: string;
+            record: string;
+            nil: string;
+        };
+        forbiddenActionMessages: {
+            visibility: string;
+            focus: string;
+            keyboard: string;
+            default: string;
+        };
+        cameraErrorMessages: {
+            permissionDenied: string;
+            openFailed: string;
+            default: string;
+        };
+        rotationWhileCapturingErrorMessage: string;
+        activeChallengeMessages: {
+            rotateLeft: string;
+            rotateRight: string;
+            rotateUp: string;
+            rotateDown: string;
+        };
+    };
+    captureButtonPicto: lit_html.TemplateResult<1>;
+    initSessionInprogress: boolean;
+    retryCount: number;
+    isCameraFlipped: boolean;
+    faceDetectionFails: boolean;
+    retryCapture: () => Promise<void>;
+    flipCamera: () => Promise<void>;
+    updated: (_changedProperties: Map<PropertyKey, unknown> | lit.PropertyValueMap<any>) => void;
+    displayError: (message?: string | undefined) => Promise<void>;
+} & {
+    onRecord: (e: Event) => void;
+    onRecorderReady: (e: Event) => void;
+    onRecordStarting: (e: Event) => void;
+    onRecordCapturing: (e: Event) => void;
+    onRecordInterrupted: (e: Event) => void;
+    onRecordCompleted: (e: Event) => void;
+}> & React.RefAttributes<Recorder>, "normalize" | "error" | "key" | "id" | "matches" | "remove" | "color" | "content" | "translate" | "contains" | "hidden" | "slot" | "style" | "title" | "dir" | "animate" | "blur" | "click" | "focus" | "scroll" | "addEventListener" | "removeEventListener" | "accessKey" | "accessKeyLabel" | "autocapitalize" | "draggable" | "inert" | "innerText" | "lang" | "offsetHeight" | "offsetLeft" | "offsetParent" | "offsetTop" | "offsetWidth" | "outerText" | "spellcheck" | "attachInternals" | "attributes" | "classList" | "className" | "clientHeight" | "clientLeft" | "clientTop" | "clientWidth" | "localName" | "namespaceURI" | "onfullscreenchange" | "onfullscreenerror" | "outerHTML" | "ownerDocument" | "part" | "prefix" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth" | "shadowRoot" | "tagName" | "attachShadow" | "closest" | "getAttribute" | "getAttributeNS" | "getAttributeNames" | "getAttributeNode" | "getAttributeNodeNS" | "getBoundingClientRect" | "getClientRects" | "getElementsByClassName" | "getElementsByTagName" | "getElementsByTagNameNS" | "hasAttribute" | "hasAttributeNS" | "hasAttributes" | "hasPointerCapture" | "insertAdjacentElement" | "insertAdjacentHTML" | "insertAdjacentText" | "releasePointerCapture" | "removeAttribute" | "removeAttributeNS" | "removeAttributeNode" | "requestFullscreen" | "requestPointerLock" | "scrollBy" | "scrollIntoView" | "scrollTo" | "setAttribute" | "setAttributeNS" | "setAttributeNode" | "setAttributeNodeNS" | "setPointerCapture" | "toggleAttribute" | "webkitMatchesSelector" | "baseURI" | "childNodes" | "firstChild" | "isConnected" | "lastChild" | "nextSibling" | "nodeName" | "nodeType" | "nodeValue" | "parentElement" | "parentNode" | "previousSibling" | "textContent" | "appendChild" | "cloneNode" | "compareDocumentPosition" | "getRootNode" | "hasChildNodes" | "insertBefore" | "isDefaultNamespace" | "isEqualNode" | "isSameNode" | "lookupNamespaceURI" | "lookupPrefix" | "removeChild" | "replaceChild" | "ATTRIBUTE_NODE" | "CDATA_SECTION_NODE" | "COMMENT_NODE" | "DOCUMENT_FRAGMENT_NODE" | "DOCUMENT_NODE" | "DOCUMENT_POSITION_CONTAINED_BY" | "DOCUMENT_POSITION_CONTAINS" | "DOCUMENT_POSITION_DISCONNECTED" | "DOCUMENT_POSITION_FOLLOWING" | "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC" | "DOCUMENT_POSITION_PRECEDING" | "DOCUMENT_TYPE_NODE" | "ELEMENT_NODE" | "ENTITY_NODE" | "ENTITY_REFERENCE_NODE" | "NOTATION_NODE" | "PROCESSING_INSTRUCTION_NODE" | "TEXT_NODE" | "dispatchEvent" | "ariaAtomic" | "ariaAutoComplete" | "ariaBusy" | "ariaChecked" | "ariaColCount" | "ariaColIndex" | "ariaColIndexText" | "ariaColSpan" | "ariaCurrent" | "ariaDisabled" | "ariaExpanded" | "ariaHasPopup" | "ariaHidden" | "ariaInvalid" | "ariaKeyShortcuts" | "ariaLabel" | "ariaLevel" | "ariaLive" | "ariaModal" | "ariaMultiLine" | "ariaMultiSelectable" | "ariaOrientation" | "ariaPlaceholder" | "ariaPosInSet" | "ariaPressed" | "ariaReadOnly" | "ariaRequired" | "ariaRoleDescription" | "ariaRowCount" | "ariaRowIndex" | "ariaRowIndexText" | "ariaRowSpan" | "ariaSelected" | "ariaSetSize" | "ariaSort" | "ariaValueMax" | "ariaValueMin" | "ariaValueNow" | "ariaValueText" | "role" | "getAnimations" | "after" | "before" | "replaceWith" | "innerHTML" | "nextElementSibling" | "previousElementSibling" | "childElementCount" | "children" | "firstElementChild" | "lastElementChild" | "append" | "prepend" | "querySelector" | "querySelectorAll" | "replaceChildren" | "assignedSlot" | "oncopy" | "oncut" | "onpaste" | "contentEditable" | "enterKeyHint" | "inputMode" | "isContentEditable" | "onabort" | "onanimationcancel" | "onanimationend" | "onanimationiteration" | "onanimationstart" | "onauxclick" | "onbeforeinput" | "onblur" | "oncancel" | "oncanplay" | "oncanplaythrough" | "onchange" | "onclick" | "onclose" | "oncontextmenu" | "oncuechange" | "ondblclick" | "ondrag" | "ondragend" | "ondragenter" | "ondragleave" | "ondragover" | "ondragstart" | "ondrop" | "ondurationchange" | "onemptied" | "onended" | "onerror" | "onfocus" | "onformdata" | "ongotpointercapture" | "oninput" | "oninvalid" | "onkeydown" | "onkeypress" | "onkeyup" | "onload" | "onloadeddata" | "onloadedmetadata" | "onloadstart" | "onlostpointercapture" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onpause" | "onplay" | "onplaying" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointerup" | "onprogress" | "onratechange" | "onreset" | "onresize" | "onscroll" | "onsecuritypolicyviolation" | "onseeked" | "onseeking" | "onselect" | "onselectionchange" | "onselectstart" | "onslotchange" | "onstalled" | "onsubmit" | "onsuspend" | "ontimeupdate" | "ontoggle" | "ontouchcancel" | "ontouchend" | "ontouchmove" | "ontouchstart" | "ontransitioncancel" | "ontransitionend" | "ontransitionrun" | "ontransitionstart" | "onvolumechange" | "onwaiting" | "onwebkitanimationend" | "onwebkitanimationiteration" | "onwebkitanimationstart" | "onwebkittransitionend" | "onwheel" | "autofocus" | "dataset" | "nonce" | "tabIndex" | "disconnected" | "capture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoFocus" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "render" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "strings" | "preset" | "config" | "displayFlipCameraBtn" | "hideCaptureBtn" | "faceChecker" | "logLevel" | "instructionMessages" | "disableDebugMode" | "sdkAngularVersion" | "sdkReactVersion" | "hints" | "sdkJsStatus" | "willRetryCapture" | "instructions" | "instructionMessage" | "instructionTimer" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onRecorderReady" | "onRecordStarting" | "onRecordCapturing" | "onRecordInterrupted" | "onRecordCompleted" | "onRecord" | "session" | "sessionPromise" | "resultEvent" | "mediaType" | "instructionNumber" | "defaultStrings" | "captureButtonPicto" | "initSessionInprogress" | "retryCount" | "isCameraFlipped" | "faceDetectionFails" | "retryCapture" | "flipCamera" | "updated" | "displayError"> & React.RefAttributes<Recorder>>;
 
 declare const VideoRecorderExt: _lit_labs_react.ReactWebComponent<RecorderExt, {
     onRecord: string;

package/dist/index.js

@@ -741,12 +741,12 @@ var EN = {
   }
 };
 
-var name = "@unissey-web/web-components";
-var version = "4.0.2";
-var description = "";
-var module = "./dist/index.js";
-var typings = "./dist/index.d.ts";
-var scripts = {
+var name$1 = "@unissey-web/web-components";
+var version$1 = "4.0.3-rc.2";
+var description$1 = "";
+var module$1 = "./dist/index.js";
+var typings$1 = "./dist/index.d.ts";
+var scripts$1 = {
 	dev: "start-storybook -p 6006 --ci --https --ssl-cert https/certificate.crt --ssl-key https/privateKey.key",
 	"dev:server": "rimraf ./dev-server/dist && rollup --config rollup.dev.mjs",
 	"build:base": "npm run build:types && npm run build:pkg",
@@ -761,14 +761,14 @@ var scripts = {
 };
 var keywords = [
 ];
-var license = "ISC";
-var dependencies = {
+var license$1 = "ISC";
+var dependencies$1 = {
 	lit: "^2.1.1"
 };
-var files = [
+var files$1 = [
 	"dist"
 ];
-var devDependencies = {
+var devDependencies$1 = {
 	"@rollup/plugin-json": "^4.1.0",
 	"@storybook/addon-actions": "^6.5.14",
 	"@storybook/addon-essentials": "^6.5.14",
@@ -784,18 +784,18 @@ var devDependencies = {
 	heic2any: "^0.0.4",
 	"@unissey/sdk-web-js": "0.4.2"
 };
-var pkg = {
-	name: name,
-	version: version,
-	description: description,
-	module: module,
-	typings: typings,
-	scripts: scripts,
+var pkg$1 = {
+	name: name$1,
+	version: version$1,
+	description: description$1,
+	module: module$1,
+	typings: typings$1,
+	scripts: scripts$1,
 	keywords: keywords,
-	license: license,
-	dependencies: dependencies,
-	files: files,
-	devDependencies: devDependencies
+	license: license$1,
+	dependencies: dependencies$1,
+	files: files$1,
+	devDependencies: devDependencies$1
 };
 
 var buildPacked = {exports: {}};
@@ -1072,6 +1072,8 @@ var Recorder = /*#__PURE__*/function (_LitElement) {
     _this.sessionPromise = null;
     // Config that is passed by the user with component attributes
     _this.config = {};
+    _this.sdkAngularVersion = undefined;
+    _this.sdkReactVersion = undefined;
     // Default value of preset attribute
     _this.preset = buildPacked.exports.AcquisitionPreset.SELFIE_FAST;
     // result event
@@ -1400,9 +1402,11 @@ var Recorder = /*#__PURE__*/function (_LitElement) {
       var configChanged = _changedProperties.has("config");
       var faceCheckerChanged = _changedProperties.has("faceChecker");
       var instructionsChanged = _changedProperties.has("instructionMessages");
+      var sdkReactVersionChanged = _changedProperties.has("sdkReactVersion");
+      var sdkAngularVersionChanged = _changedProperties.has("sdkAngularVersion");
 
       // The sdk is initialized only if it is the first rendering or if one of the following attributes changes: preset or config
-      var shouldInitSdk = presetChanged || configChanged || instructionsChanged || faceCheckerChanged;
+      var shouldInitSdk = presetChanged || configChanged || instructionsChanged || faceCheckerChanged || sdkReactVersionChanged || sdkAngularVersionChanged;
       if (shouldInitSdk) {
         this.callInitSession();
       }
@@ -1540,7 +1544,9 @@ var Recorder = /*#__PURE__*/function (_LitElement) {
 
       // add sdk-web version
       if (!sessionConfig.versions) sessionConfig.versions = {};
-      sessionConfig.versions["sdk-web-components"] = pkg.version;
+      sessionConfig.versions["sdk-web-components"] = pkg$1.version;
+      if (this.sdkReactVersion) sessionConfig.versions["sdk-react"] = this.sdkReactVersion;
+      if (this.sdkAngularVersion) sessionConfig.versions["sdk-angular"] = this.sdkAngularVersion;
 
       // if we now have instructions or if we have no more instructions, the component '.instructions' is added or removed
       //  and we should compute the layout with adjustContainerSize.
@@ -1831,6 +1837,14 @@ Recorder.properties = {
     attribute: "disable-debug-mode",
     type: Boolean
   },
+  sdkAngularVersion: {
+    attribute: "sdk-angular-version",
+    type: String
+  },
+  sdkReactVersion: {
+    attribute: "sdk-react-version",
+    type: String
+  },
   // Internal state
   hints: {
     state: true
@@ -3697,7 +3711,77 @@ var SelfieCapture = i$2({
 
 var VideoRecordDirections = i$2(React, "uni-video-record-directions", VideoRecordDirections$1);
 
-var VideoRecorder = i$2({
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+var name = "@unissey-web/sdk-react";
+var version = "4.0.3-rc.2";
+var description = "Unissey React Sdk";
+var license = "ISC";
+var module = "./dist/index.js";
+var typings = "./dist/index.d.ts";
+var files = [
+	"dist"
+];
+var scripts = {
+	dev: "start-storybook -p 6007 --ci",
+	"build:storybook": "build-storybook",
+	"build:pkgs": "npm run build:types && npm run build:pkg",
+	"postbuild:pkgs": "npm run update-wc-version",
+	"build:pkg": "rimraf dist && rollup --config",
+	"build:types": "rimraf tsc-types && tsc",
+	test: "npm run test:lint && npm run test:format",
+	"test:lint": "eslint --ext .ts, ./src",
+	"test:format": "prettier --check \"src/**/*.ts\"",
+	"update-wc-version": "node update-web-component.mjs"
+};
+var dependencies = {
+	"@lit-labs/react": "^1.0.2",
+	"@unissey-web/web-components": "file:packages/web-components"
+};
+var peerDependencies = {
+	react: "^17.0.0 || ^18.0.0 || ^19.0.0",
+	"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+};
+var devDependencies = {
+	"@babel/core": "^7.16.12",
+	"@babel/preset-react": "^7.16.7",
+	"@storybook/addon-actions": "^6.4.17",
+	"@storybook/addon-docs": "^6.5.15",
+	"@storybook/addon-essentials": "^6.4.17",
+	"@storybook/addon-links": "^6.4.17",
+	"@storybook/builder-webpack5": "^6.5.15",
+	"@storybook/manager-webpack5": "^6.5.15",
+	"@storybook/react": "^6.4.17",
+	"babel-loader": "^8.2.3",
+	react: "^17.0.2",
+	"react-dom": "^17.0.2",
+	"rollup-plugin-dts": "^5.1.1"
+};
+var pkg = {
+	name: name,
+	version: version,
+	description: description,
+	license: license,
+	module: module,
+	typings: typings,
+	files: files,
+	scripts: scripts,
+	dependencies: dependencies,
+	peerDependencies: peerDependencies,
+	devDependencies: devDependencies,
+	"private": false
+};
+
+var SDK_REACT_VERSION = pkg.version;
+var RecorderWithoutVersion = i$2({
   tagName: "uni-video-recorder",
   elementClass: Recorder,
   react: React,
@@ -3710,6 +3794,12 @@ var VideoRecorder = i$2({
     onRecordCompleted: "recordCompleted"
   }
 });
+var VideoRecorder = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(RecorderWithoutVersion, _extends({}, props, {
+    sdkReactVersion: SDK_REACT_VERSION,
+    ref: ref
+  }));
+});
 
 var VideoRecorderExt = i$2({
   tagName: "uni-video-recorder-ext",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unissey-web/sdk-react",
-  "version": "4.0.2",
+  "version": "4.0.3-rc.2",
   "description": "Unissey React Sdk",
   "license": "ISC",
   "module": "./dist/index.js",
@@ -22,11 +22,11 @@
   },
   "dependencies": {
     "@lit-labs/react": "^1.0.2",
-    "@unissey-web/web-components": "4.0.2"
+    "@unissey-web/web-components": "4.0.3-rc.2"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.16.12",