@tsocial/tvweb-sdk.lotte 0.0.0-beta.20251215-093759 → 0.0.0-beta.20251215-165409

package/build/tvweb-sdk.lotte.standalone.js

@@ -19095,7 +19095,7 @@
 	            t.decode = t.parse = w, t.encode = t.stringify = k;
 	        }), A = (E.decode, E.parse, E.encode, E.stringify), B = function() {
 	            function e(e) {
-	                this.authorizer = e.authorizer, this.domain = e.domain, this.onError = e.onError, this.configHeaders = e.headers, this.fallbackUrls = e.fallbackUrls;
+	                this.authorizer = e.authorizer, this.domain = e.domain, this.onError = e.onError, this.configHeaders = e.headers, this.fallbackUrls = e.fallbackUrls, this.requestTimeoutMs = e.requestTimeoutMs;
 	            }
 	            return e.prototype.get = function(e, t, r) {
 	                var n = new URL(this.resolveUrl(e));
@@ -19155,13 +19155,24 @@
 	                    requestPath: e,
 	                    method: "GET"
 	                }, "blob");
+	            }, e.prototype.setupTimeout = function() {
+	                if (!this.requestTimeoutMs || this.requestTimeoutMs <= 0) return {};
+	                var e = new AbortController, t = setTimeout(function() {
+	                    e.abort();
+	                }, this.requestTimeoutMs);
+	                return {
+	                    abortController: e,
+	                    timeoutId: t
+	                };
+	            }, e.prototype.cleanupTimeout = function(e) {
+	                e && clearTimeout(e);
 	            }, e.prototype.request = function(e, t, r) {
 	                return void 0 === r && (r = "json"), s(this, void 0, void 0, function() {
-	                    var n, a, o, s, l, u;
+	                    var n, a, o, s, l, u, d, f, h;
 	                    return c(this, function(c) {
 	                        switch(c.label){
 	                            case 0:
-	                                n = {}, a = {}, this.authorizer && (n = this.authorizer.getHeaders(t)), this.configHeaders && (a = this.configHeaders), t.headers = i(i(i({}, t.headers), n), a), c.label = 1;
+	                                n = {}, a = {}, this.authorizer && (n = this.authorizer.getHeaders(t)), this.configHeaders && (a = this.configHeaders), t.headers = i(i(i({}, t.headers), n), a), s = (o = this.setupTimeout()).abortController, l = o.timeoutId, s && (t.signal = s.signal), c.label = 1;
 	                            case 1:
 	                                return c.trys.push([
 	                                    1,
@@ -19173,22 +19184,22 @@
 	                                    fetch(e, t)
 	                                ];
 	                            case 2:
-	                                return o = c.sent(), [
+	                                return u = c.sent(), this.cleanupTimeout(l), [
 	                                    4,
-	                                    "blob" === r ? o.blob() : o.json()
+	                                    "blob" === r ? u.blob() : u.json()
 	                                ];
 	                            case 3:
-	                                if ((s = c.sent()).errors && this.onError) throw this.onError(s.errors), s;
+	                                if ((d = c.sent()).errors && this.onError) throw this.onError(d.errors), d;
 	                                return [
 	                                    2,
-	                                    s
+	                                    d
 	                                ];
 	                            case 4:
-	                                if (l = c.sent(), this.shouldRetryWithFallback(l) && Array.isArray(this.fallbackUrls) && this.fallbackUrls.length > 0) return u = "GET" === t.method ? new URL(e).searchParams : null, [
+	                                if (f = c.sent(), this.cleanupTimeout(l), this.shouldRetryWithFallback(f) && Array.isArray(this.fallbackUrls) && this.fallbackUrls.length > 0) return h = "GET" === t.method ? new URL(e).searchParams : null, [
 	                                    2,
-	                                    this.retryWithFallback(t.requestPath, t, u, r)
+	                                    this.retryWithFallback(t.requestPath, t, h, r)
 	                                ];
-	                                throw l;
+	                                throw f;
 	                            case 5:
 	                                return [
 	                                    2
@@ -19204,41 +19215,41 @@
 	                return "AbortError" === e.name ? (console.error("Request timed out"), !0) : e instanceof TypeError && (console.error("Network error occurred:", e.message), !0);
 	            }, e.prototype.retryWithFallback = function(e, t, r, n) {
 	                return void 0 === r && (r = null), void 0 === n && (n = "json"), s(this, void 0, void 0, function() {
-	                    var i, a, o, s, l, u;
+	                    var a, o, s, l, u, d, f, h, p, m;
 	                    return c(this, function(c) {
 	                        switch(c.label){
 	                            case 0:
 	                                if (!Array.isArray(this.fallbackUrls) || 0 === this.fallbackUrls.length) throw Error("No fallback URLs available");
-	                                i = null, a = 0, c.label = 1;
+	                                a = null, o = 0, c.label = 1;
 	                            case 1:
-	                                if (!(a < this.fallbackUrls.length)) return [
+	                                if (!(o < this.fallbackUrls.length)) return [
 	                                    3,
 	                                    7
 	                                ];
-	                                c.label = 2;
+	                                l = (s = this.setupTimeout()).abortController, u = s.timeoutId, c.label = 2;
 	                            case 2:
 	                                return c.trys.push([
 	                                    2,
 	                                    5,
 	                                    ,
 	                                    6
-	                                ]), o = new URL(this.resolveFallbackUrl(e, this.fallbackUrls[a])), r && "GET" === t.method && (o.search = r.toString()), [
+	                                ]), d = new URL(this.resolveFallbackUrl(e, this.fallbackUrls[o])), r && "GET" === t.method && (d.search = r.toString()), f = i({}, t), l && (f.signal = l.signal), [
 	                                    4,
-	                                    fetch(o.toString(), t)
+	                                    fetch(d.toString(), f)
 	                                ];
 	                            case 3:
-	                                return s = c.sent(), [
+	                                return h = c.sent(), this.cleanupTimeout(u), [
 	                                    4,
-	                                    "blob" === n ? s.blob() : s.json()
+	                                    "blob" === n ? h.blob() : h.json()
 	                                ];
 	                            case 4:
-	                                if ((l = c.sent()).errors && this.onError) throw this.onError(l.errors), l;
+	                                if ((p = c.sent()).errors && this.onError) throw this.onError(p.errors), p;
 	                                return [
 	                                    2,
-	                                    l
+	                                    p
 	                                ];
 	                            case 5:
-	                                return i = u = c.sent(), this.shouldRetryWithFallback(u) ? [
+	                                return m = c.sent(), this.cleanupTimeout(u), a = m, this.shouldRetryWithFallback(m) ? [
 	                                    3,
 	                                    6
 	                                ] : [
@@ -19246,12 +19257,12 @@
 	                                    7
 	                                ];
 	                            case 6:
-	                                return a++, [
+	                                return o++, [
 	                                    3,
 	                                    1
 	                                ];
 	                            case 7:
-	                                throw i;
+	                                throw a;
 	                        }
 	                    });
 	                });
@@ -19570,12 +19581,13 @@
 	        }
 	        function L(e, t, r, n) {
 	            void 0 === r && (r = "production");
-	            var i = void 0 === n ? {} : n, a = i.headers, o = i.fallbackUrls;
+	            var i = void 0 === n ? {} : n, a = i.headers, o = i.fallbackUrls, s = i.requestTimeoutMs;
 	            return new B({
 	                authorizer: new M(e, t),
 	                domain: N(r),
 	                headers: a,
-	                fallbackUrls: o
+	                fallbackUrls: o,
+	                requestTimeoutMs: s
 	            });
 	        }
 	        var D = function() {
@@ -30444,7 +30456,8 @@
 	                }), this.transactionEnabled = i.supportTransaction || !1, this.encryptionEnabled = i.enableEncryption || !1;
 	                var a = L(e, t, r, {
 	                    headers: i.httpHeaders,
-	                    fallbackUrls: i.fallbackUrls
+	                    fallbackUrls: i.fallbackUrls,
+	                    requestTimeoutMs: i.requestTimeoutMs
 	                });
 	                this.transactionManager = new j(a), this.encryptionService = new rq(t), this.compareFaceService = new d(a), this.clientSettingsService = new f(a), this.convertPDFService = new b(a), this.ekycPDFService = new v(a), this.readIDCardService = new n(a), this.requestVerifyIDCardService = new p(a), this.requestVerifyPortraitSerivce = new m(a), this.imagesService = new l(a), this.fileService = new u(a), this.verifyFaceLivenessService = new h(a), this.searchFaceService = new y(a), this.detectIDTamperingService = new g(a), this.httpClient = a;
 	            }
@@ -33770,7 +33783,7 @@
 	    }, nS$1;
 	}();
 	function nB$1() {
-	    return "0.0.0-beta.20251215-093759";
+	    return "0.0.0-beta.20251215-165409";
 	}
 	function nI$1() {
 	    return {
@@ -41246,49 +41259,56 @@
 	        }, uz;
 	    }(), uG);
 	}();
-	function dm() {
+	let dm = d_, dg = d_, dy = db();
+	for(;;)try {
+	    if (parseInt(dg(378)) / 1 + -parseInt(dg(391)) / 2 * (-parseInt(dg(386)) / 3) + parseInt(dg(380)) / 4 * (parseInt(dg(384)) / 5) + -parseInt(dg(381)) / 6 + -parseInt(dg(383)) / 7 * (-parseInt(dg(377)) / 8) + -parseInt(dg(379)) / 9 + -parseInt(dg(367)) / 10 * (-parseInt(dg(372)) / 11) === 229615) break;
+	    dy.push(dy.shift());
+	} catch (e) {
+	    dy.push(dy.shift());
+	}
+	function db() {
 	    let e = [
-	        "391796qAHBQP",
-	        "2a8648ce3d",
-	        "ZIzj0CAQYI",
+	        "25310HBUOBg",
+	        "DepBO8t60S",
+	        "MFkwEwYHKo",
+	        "3059301306",
+	        "+faHkP3QC3",
+	        "407Ilvdnt",
+	        "44P0rKKsZK",
+	        "3d02010608",
 	        "ytJdcsPxrD",
-	        "44160GNFAeO",
-	        "758970ENfGty",
+	        "D9EKOWS+U4",
+	        "14552FNqEza",
+	        "101165gbwSGf",
+	        "3599838cBdphG",
+	        "96444qpbkcR",
+	        "671448TAUmcs",
+	        "072a8648ce",
+	        "532kymtpA",
+	        "45uWuFYC",
 	        "MfPrcYTM70",
-	        "44P0rKKsZK",
-	        "MFkwEwYHKo",
+	        "6ocbIJZ",
 	        "000",
-	        "120612DuHKxu",
-	        "DepBO8t60S",
-	        "3059301306",
-	        "ssRdXLZEX8",
+	        "0301070342",
+	        "KoZIzj0DAQ",
+	        "ZIzj0CAQYI",
+	        "191450lvsUWR",
+	        "2a8648ce3d",
 	        "cDQgAE9h6Z",
-	        "2919fSUnYj",
-	        "9720kJycIQ",
-	        "+faHkP3QC3",
-	        "212094GlWFgW",
-	        "KA==",
-	        "315786GasSwN"
+	        "KA=="
 	    ];
-	    return (dm = function() {
+	    return (db = function() {
 	        return e;
 	    })();
 	}
-	let dg = d_, dy = d_, db = dm();
-	for(;;)try {
-	    if (parseInt(dy(292)) / 1 + parseInt(dy(295)) / 2 + -parseInt(dy(299)) / 3 + parseInt(dy(305)) / 4 + parseInt(dy(300)) / 5 + parseInt(dy(294)) / 6 + parseInt(dy(289)) / 7 * (-parseInt(dy(290)) / 8) === 121195) break;
-	    db.push(db.shift());
-	} catch (e) {
-	    db.push(db.shift());
-	}
-	let dv = dg(307) + "072a8648ce3d02010608" + dg(296) + "0301070342" + dg(304);
+	let dv = dm(370) + dm(382) + dm(374) + dm(392) + dm(388) + dm(387);
 	function d_(e, t) {
-	    let r = dm();
+	    let r = db();
 	    return (d_ = function(e, t) {
-	        return r[e -= 288];
+	        return r[e -= 366];
 	    })(e, t);
 	}
-	let dx = dg(303) + dg(297) + "KoZIzj0DAQ" + dg(288) + dg(306) + dg(298) + dg(291) + dg(302) + "Mjci1ul8mmD9EKOWS+U4" + dg(301) + dg(308) + dg(293);
+	let dx = dm(369) + dm(390) + dm(389) + dm(393) + dm(368) + dm(375) + dm(371) + dm(373) + "Mjci1ul8mm" + dm(376) + dm(385) + "ssRdXLZEX8" + dm(366);
 	async function dC(e) {
 	    let t = new TextEncoder().encode(e);
 	    return Array.from(new Uint8Array(await crypto.subtle.digest("SHA-256", t))).map((e)=>e.toString(16).padStart(2, "0")).join("");
@@ -43355,7 +43375,8 @@
 	                    "x-request-id": e,
 	                    ...r
 	                },
-	                fallbackUrls: c
+	                fallbackUrls: c,
+	                requestTimeoutMs: 6e4
 	            }), {
 	                onDone: n
 	            });
@@ -43384,7 +43405,8 @@
 	                    "x-request-id": l,
 	                    ...r
 	                },
-	                fallbackUrls: s
+	                fallbackUrls: s,
+	                requestTimeoutMs: 6e4
 	            }), {
 	                onDone: ()=>{}
 	            });
@@ -90589,7 +90611,7 @@
 	    }
 	};
 
-	const videoSettings$5 = libExports.isMobile ? {
+	const videoSettings$7 = libExports.isMobile ? {
 	    // aspectRatio: 16 / 9,
 	    width: {
 	        ideal: 640
@@ -91368,7 +91390,7 @@
 	                flipHorizontal: frontCamera,
 	                ref: videoRef,
 	                onError: onErrorCallback,
-	                videoSettings: videoSettings$5,
+	                videoSettings: videoSettings$7,
 	                closeButton: /*#__PURE__*/ jsxRuntimeExports.jsx(CloseIcon, {}),
 	                children: /*#__PURE__*/ jsxRuntimeExports.jsxs(WarmUpOverlay, {
 	                    overlay: !warmupDone || !isPlaying,
@@ -91930,11 +91952,11 @@
 	    extraConfig: null
 	};
 
-	const DirectionalIcon = dt$1.img`
+	const DirectionalIcon$1 = dt$1.img`
   width: ${({ width })=>width};
 `;
 	// eslint-disable-next-line react/require-default-props
-	function DirectionIcon({ type }) {
+	function DirectionIcon$1({ type }) {
 	    const theme = nt$2();
 	    // default icons and widths based on version
 	    const iconDirection = useThemeIcon(`Selfie.Active.directionIcon.${type}`, `${type}_arrow.gif`);
@@ -91951,7 +91973,7 @@
 	    if (type === ra$1.FaceDirection.FRONTAL) {
 	        // For frontal direction, use the SVG icon if available
 	        if (frontalIcon) {
-	            return /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionalIcon, {
+	            return /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionalIcon$1, {
 	                src: frontalIcon,
 	                width: iconWidth,
 	                alt: ""
@@ -91959,20 +91981,20 @@
 	        }
 	    }
 	    if (directionIconSrc && directionIconSrc !== null) {
-	        return /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionalIcon, {
+	        return /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionalIcon$1, {
 	            src: get(theme, `Selfie.Active.directionIcon.${type}`),
 	            width: iconWidth,
 	            alt: ""
 	        });
 	    }
 	    // fallback to default icons and width
-	    return /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionalIcon, {
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionalIcon$1, {
 	        src: iconDirection,
 	        alt: "",
 	        width: iconWidth
 	    });
 	}
-	DirectionIcon.propTypes = {
+	DirectionIcon$1.propTypes = {
 	    type: PropTypes.oneOf([
 	        ra$1.FaceDirection.LEFT,
 	        ra$1.FaceDirection.RIGHT,
@@ -91980,12 +92002,12 @@
 	        ra$1.FaceDirection.FRONTAL
 	    ])
 	};
-	DirectionIcon.defaultProps = {
+	DirectionIcon$1.defaultProps = {
 	    type: ra$1.FaceDirection.LEFT
 	};
 
 	// To reduce the calculation for blazeface
-	const videoSettings$4 = libExports.isMobile ? {
+	const videoSettings$6 = libExports.isMobile ? {
 	    width: {
 	        ideal: 640
 	    }
@@ -92110,7 +92132,7 @@
 	            onClose: onCloseCallback,
 	            flipHorizontal: flipVideoHorizontal ?? frontCamera,
 	            ref: refVideo,
-	            videoSettings: videoSettings$4,
+	            videoSettings: videoSettings$6,
 	            onError: onErrorCallback,
 	            scale: cameraScale,
 	            defaultCameraId: defaultCameraId,
@@ -92221,16 +92243,16 @@
 	    isLoading: false,
 	    flipVideoHorizontal: null,
 	    customDirectionIcon: {
-	        [ra$1.FaceDirection.LEFT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.LEFT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.LEFT
 	        }),
-	        [ra$1.FaceDirection.RIGHT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.RIGHT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.RIGHT
 	        }),
-	        [ra$1.FaceDirection.UP]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.UP]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.UP
 	        }),
-	        [ra$1.FaceDirection.FRONTAL]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.FRONTAL]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.FRONTAL
 	        })
 	    },
@@ -92608,7 +92630,7 @@
 	    });
 	}
 
-	const videoSettings$3 = libExports.isMobile ? {
+	const videoSettings$5 = libExports.isMobile ? {
 	    // aspectRatio: 16 / 9,
 	    width: {
 	        ideal: 640
@@ -93141,7 +93163,7 @@
 	                flipHorizontal: frontCamera,
 	                ref: videoRef,
 	                onError: onErrorCallback,
-	                videoSettings: videoSettings$3,
+	                videoSettings: videoSettings$5,
 	                closeButton: /*#__PURE__*/ jsxRuntimeExports.jsx(CloseIcon, {}),
 	                children: /*#__PURE__*/ jsxRuntimeExports.jsxs(WarmUpOverlay, {
 	                    overlay: !warmupDone || !isPlaying,
@@ -93483,13 +93505,13 @@
 	};
 
 	// To reduce the calculation for blazeface
-	const videoSettings$2 = libExports.isMobile ? {
+	const videoSettings$4 = libExports.isMobile ? {
 	    width: {
 	        ideal: 640
 	    }
 	} : null;
 	// eslint-disable-next-line react/prop-types, consistent-return
-	const SelfieStepImageHolder$1 = ({ stepNumber, type, theme })=>{
+	const SelfieStepImageHolder$2 = ({ stepNumber, type, theme })=>{
 	    const imageHolderIcon = useDefaultThemeIcon(`instruction_${type}.svg`);
 	    // prioritize custom theme icons
 	    const customHolderSrc = get(theme, `Selfie.Active.imageHolder.${type}`);
@@ -93514,7 +93536,7 @@
 	        alt: ""
 	    });
 	};
-	function renderDirectionIcon$1(directionIcon, directionIconAnimation) {
+	function renderDirectionIcon$2(directionIcon, directionIconAnimation) {
 	    if (!directionIcon) return null;
 	    if (typeof directionIcon === 'string') {
 	        return /*#__PURE__*/ jsxRuntimeExports.jsx("img", {
@@ -93659,7 +93681,7 @@
 	            onClose: onCloseCallback,
 	            flipHorizontal: flipVideoHorizontal ?? frontCamera,
 	            ref: refVideo,
-	            videoSettings: videoSettings$2,
+	            videoSettings: videoSettings$4,
 	            onError: onErrorCallback,
 	            scale: cameraScale,
 	            defaultCameraId: defaultCameraId,
@@ -93684,7 +93706,7 @@
 	                                    showErrorRing: !!faceDetectionError
 	                                }),
 	                                /*#__PURE__*/ jsxRuntimeExports.jsx(InstructionsOverlay$2, {
-	                                    children: renderDirectionIcon$1(directionIcon, directionIconAnimation)
+	                                    children: renderDirectionIcon$2(directionIcon, directionIconAnimation)
 	                                }),
 	                                activeCapturing && /*#__PURE__*/ jsxRuntimeExports.jsx(CapturingOverlay$1, {})
 	                            ]
@@ -93707,7 +93729,7 @@
 	                                                className: "image_preview",
 	                                                src: objUrl,
 	                                                alt: ""
-	                                            }) : /*#__PURE__*/ jsxRuntimeExports.jsx(SelfieStepImageHolder$1, {
+	                                            }) : /*#__PURE__*/ jsxRuntimeExports.jsx(SelfieStepImageHolder$2, {
 	                                                stepNumber: index + 1,
 	                                                type: name,
 	                                                theme: theme
@@ -93783,6 +93805,501 @@
 	    serviceSettings: PropTypes.shape({})
 	};
 	ActiveLiveness.defaultProps = {
+	    apiCheck: false,
+	    onLivenessDetectionDone: null,
+	    onClose: null,
+	    onError: ()=>{},
+	    onReset: ()=>{},
+	    captureFrameSettings: {
+	        enable: false,
+	        framesIntervalTime: 180,
+	        framesBatchLength: 0
+	    },
+	    onFramesCaptured: ()=>{},
+	    flipVideoHorizontal: null,
+	    frontCamera: true,
+	    isLoading: false,
+	    customDirectionIcon: {
+	        [ra$1.FaceDirection.LEFT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
+	            type: ra$1.FaceDirection.LEFT
+	        }),
+	        [ra$1.FaceDirection.RIGHT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
+	            type: ra$1.FaceDirection.RIGHT
+	        }),
+	        [ra$1.FaceDirection.UP]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
+	            type: ra$1.FaceDirection.UP
+	        }),
+	        [ra$1.FaceDirection.FRONTAL]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
+	            type: ra$1.FaceDirection.FRONTAL
+	        })
+	    },
+	    customStepTimeConstraints: {
+	        [ra$1.FaceDirection.UP]: {
+	            delayTime: 0
+	        },
+	        [ra$1.FaceDirection.LEFT]: {
+	            delayTime: 0
+	        },
+	        [ra$1.FaceDirection.RIGHT]: {
+	            delayTime: 0
+	        },
+	        [ra$1.FaceDirection.FRONTAL]: {
+	            delayTime: 2000
+	        }
+	    },
+	    onProcessing: ()=>{},
+	    customErrors: null,
+	    apiCredentials: {
+	        accessKey: '',
+	        secretKey: '',
+	        apiUrl: ''
+	    },
+	    outputEncryptionSettings: null,
+	    cameraScale: 1,
+	    defaultCameraId: undefined,
+	    offsetFaceY: 0,
+	    styledComponent: {
+	        CloseCameraButton: null
+	    },
+	    serviceSettings: {
+	        enableUploadFrames: true,
+	        enableUploadImages: true,
+	        enableVerifySanityPortrait: true,
+	        enableVerifySanityIDCard: true,
+	        enableVerifyFaceLiveness: true,
+	        enableDetectIDCardTampering: true,
+	        enableReadIDCardInfo: true
+	    }
+	};
+
+	const LicenseProvider = ({ children, onError })=>{
+	    const clientSettings = useClientSettings();
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx(dV.LicenseProvider, {
+	        clientSettings: clientSettings,
+	        onError: onError,
+	        children: children
+	    });
+	};
+
+	// children prop is required but eslint is still complaining
+	// eslint-disable-next-line react/require-default-props
+	const SdkTimeoutProvider = ({ children, onError, type })=>{
+	    const clientSettings = useClientSettings();
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx(dz.Provider, {
+	        clientSettings: clientSettings,
+	        type: type,
+	        onError: onError,
+	        children: children
+	    });
+	};
+
+	const DEFAULT_CUSTOM_TEXTS = {};
+	const SDKLocaleProvider = ({ children, customTexts = DEFAULT_CUSTOM_TEXTS })=>{
+	    const clientSettings = useClientSettings();
+	    const { lang, uiSettings } = no$1.useSDKSettings();
+	    const localeValue = gM({
+	        customTexts,
+	        clientSettings,
+	        lang,
+	        uiSettings
+	    });
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx(iF$1.SDKLocaleProvider, {
+	        value: localeValue,
+	        children: children
+	    });
+	};
+
+	const useMergeTheme = (options)=>{
+	    const { customTheme, clientSettings, themeVersion, uiSettings, defaultThemes = defaultThemes$2 } = options;
+	    const uiSettingsFromSdkSettings = dD.getWebSetting(clientSettings, 'data.settings.sdk_settings.ui_custom_settings');
+	    const themeValue = reactExports.useMemo(()=>{
+	        const mergedUiSettings = m3.selectUiSettings(uiSettings, uiSettingsFromSdkSettings);
+	        const customThemeFromUiSettings = m3.mapUISettingsToCustomTheme(mergedUiSettings);
+	        const finalCustomTheme = merge({}, customThemeFromUiSettings, customTheme);
+	        return {
+	            ...finalCustomTheme,
+	            themeVersion,
+	            defaultThemes
+	        };
+	    }, [
+	        customTheme,
+	        defaultThemes,
+	        themeVersion,
+	        uiSettings,
+	        uiSettingsFromSdkSettings
+	    ]);
+	    return themeValue;
+	};
+
+	const DEFAULT_CUSTOM_THEME = {};
+	const SDKThemeProvider = ({ children, customTheme = DEFAULT_CUSTOM_THEME })=>{
+	    const clientSettings = useClientSettings();
+	    const { uiSettings, themeVersion } = no$1.useSDKSettings();
+	    const themeValue = useMergeTheme({
+	        customTheme,
+	        clientSettings,
+	        themeVersion,
+	        uiSettings,
+	        defaultThemes: defaultThemes$2
+	    });
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx(ot$2, {
+	        theme: themeValue,
+	        children: children
+	    });
+	};
+
+	const WrapIndicatorContext = /*#__PURE__*/ reactExports.createContext('');
+	const WrapIndicatorProvider = ({ children, isWrappedBy = '' })=>{
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx(WrapIndicatorContext.Provider, {
+	        value: isWrappedBy,
+	        children: children
+	    });
+	};
+	const useWrapIndicator = ()=>reactExports.useContext(WrapIndicatorContext);
+
+	const DirectionalIcon = dt$1.img`
+  width: ${({ width })=>width};
+`;
+	// eslint-disable-next-line react/require-default-props
+	function DirectionIcon({ type }) {
+	    const theme = nt$2();
+	    // default icons and widths based on version
+	    const iconDirection = useThemeIcon(`Selfie.Active.directionIcon.${type}`, `${type}_arrow.gif`);
+	    const iconWidth = getTheme(`Selfie.Active.directionIcon.${type}Width`)({
+	        theme
+	    });
+	    // prioritize custom theme icons
+	    const directionIconSrc = get(theme, `Selfie.Active.directionIcon.${type}`);
+	    if (directionIconSrc === null) {
+	        // eslint-disable-next-line react/jsx-no-useless-fragment
+	        return /*#__PURE__*/ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+	    }
+	    if (directionIconSrc && directionIconSrc !== null) {
+	        return /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionalIcon, {
+	            src: get(theme, `Selfie.Active.directionIcon.${type}`),
+	            width: iconWidth,
+	            alt: ""
+	        });
+	    }
+	    // fallback to default icons and width
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionalIcon, {
+	        src: iconDirection,
+	        alt: "",
+	        width: iconWidth
+	    });
+	}
+	DirectionIcon.propTypes = {
+	    type: PropTypes.oneOf([
+	        ra$1.FaceDirection.LEFT,
+	        ra$1.FaceDirection.RIGHT,
+	        ra$1.FaceDirection.UP,
+	        ra$1.FaceDirection.FRONTAL
+	    ])
+	};
+	DirectionIcon.defaultProps = {
+	    type: ra$1.FaceDirection.LEFT
+	};
+
+	// To reduce the calculation for blazeface
+	const videoSettings$3 = libExports.isMobile ? {
+	    width: {
+	        ideal: 640
+	    }
+	} : null;
+	// eslint-disable-next-line react/prop-types, consistent-return
+	const SelfieStepImageHolder$1 = ({ stepNumber, type, theme })=>{
+	    const imageHolderIcon = useDefaultThemeIcon(`instruction_${type}.svg`);
+	    // prioritize custom theme icons
+	    const customHolderSrc = get(theme, `Selfie.Active.imageHolder.${type}`);
+	    if (customHolderSrc === null) {
+	        // eslint-disable-next-line react/jsx-no-useless-fragment
+	        return /*#__PURE__*/ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+	    }
+	    if (typeof customHolderSrc === 'string' && customHolderSrc !== '') {
+	        return /*#__PURE__*/ jsxRuntimeExports.jsx("img", {
+	            src: customHolderSrc,
+	            alt: ""
+	        });
+	    }
+	    // v1: use step number
+	    if (get(theme, 'themeVersion') === 'v1') {
+	        return /*#__PURE__*/ jsxRuntimeExports.jsx("span", {
+	            children: stepNumber
+	        });
+	    }
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx("img", {
+	        src: imageHolderIcon,
+	        alt: ""
+	    });
+	};
+	function renderDirectionIcon$1(directionIcon, directionIconAnimation) {
+	    if (!directionIcon) return null;
+	    if (typeof directionIcon === 'string') {
+	        return /*#__PURE__*/ jsxRuntimeExports.jsx("img", {
+	            className: directionIconAnimation,
+	            src: directionIcon,
+	            alt: "",
+	            style: {
+	                maxWidth: '98px',
+	                maxHeight: '98px',
+	                marginBottom: '25px'
+	            }
+	        });
+	    }
+	    return directionIcon;
+	}
+	// eslint-disable-next-line react/require-default-props
+	function ActiveLivenessV1(props) {
+	    const { apiCheck, onLivenessDetectionDone, captureFrameSettings, onFramesCaptured, frontCamera, flipVideoHorizontal, customDirectionIcon, customStepTimeConstraints, onProcessing, customErrors, apiCredentials, outputEncryptionSettings, cameraScale, defaultCameraId, offsetFaceY, styledComponent, isLoading, serviceSettings, onReset } = props;
+	    const theme = nt$2();
+	    const { onErrorCallback, onCloseCallback } = useSDKCallback();
+	    const bgCameraMask = iH.useAsset('bg_camera_mask.png');
+	    const bgCameraMaskRed = iH.useAsset('bg_camera_mask_red.png');
+	    const icLoading = useThemeIcon('IDCapturing.loadingIcon.src', 'ic_loading.gif');
+	    const [uiSpacing, setUISpacing] = reactExports.useState({});
+	    const { yFaceVerificationStepsWrapper, yFaceDetectionError } = uiSpacing;
+	    const [remainingTime, setRemainingTime] = reactExports.useState('');
+	    const [currentOrientation, setCurrentOrientation] = reactExports.useState();
+	    const surroundStyle = reactExports.useMemo(()=>({
+	            backgroundColor: getTheme('Selfie.backgroundColor')({
+	                theme
+	            })
+	        }), [
+	        theme
+	    ]);
+	    // preload icons
+	    usePreloadThemeAsset(get(theme, 'themeVersion'), 'up_arrow.gif');
+	    usePreloadThemeAsset(get(theme, 'themeVersion'), 'left_arrow.gif');
+	    usePreloadThemeAsset(get(theme, 'themeVersion'), 'right_arrow.gif');
+	    usePreloadThemeAsset(get(theme, 'themeVersion'), 'frontal_arrow.gif');
+	    usePreloadThemeAsset(get(theme, 'themeVersion'), 'instruction_up.svg');
+	    usePreloadThemeAsset(get(theme, 'themeVersion'), 'instruction_left.svg');
+	    usePreloadThemeAsset(get(theme, 'themeVersion'), 'instruction_right.svg');
+	    usePreloadThemeAsset(get(theme, 'themeVersion'), 'instruction_frontal.svg');
+	    const cropAreaDimension = reactExports.useCallback(({ clientHeight, videoAreaWidth, videoAreaHeight, lostX, lostY })=>{
+	        let width;
+	        let height;
+	        if (libExports.isMobile) {
+	            width = videoAreaWidth;
+	            height = width;
+	        } else {
+	            height = videoAreaHeight - 200;
+	            width = height;
+	        }
+	        const x = Math.floor((videoAreaWidth - width) / 2) + lostX;
+	        let y = 5 + lostY;
+	        const yFaceDetectionErrorNew = lostY + 25;
+	        const yCropAreaNew = yFaceDetectionErrorNew + 30;
+	        const yFaceVerificationStepsWrapperNew = yCropAreaNew + height + 20;
+	        setUISpacing({
+	            yFaceDetectionError: yFaceDetectionErrorNew,
+	            yFaceVerificationStepsWrapper: yFaceVerificationStepsWrapperNew
+	        });
+	        const topLimit = Math.floor(lostY);
+	        const botLimit = Math.floor(clientHeight - lostY);
+	        y = Math.floor(yCropAreaNew); // floor the y value to avoid blur line on ios safari
+	        if (offsetFaceY !== 0 && (y + offsetFaceY < topLimit || y + offsetFaceY + height > botLimit)) {
+	            onErrorCallback({
+	                code: `offsetFaceY must be in [-${y - topLimit}, ${botLimit - height - y}]`
+	            });
+	        } else {
+	            y += offsetFaceY;
+	        }
+	        return {
+	            x,
+	            y,
+	            width,
+	            height
+	        };
+	    }, [
+	        offsetFaceY,
+	        onErrorCallback
+	    ]);
+	    const { shouldResetFlowOnOrientationChange, cropArea, curStepIndex, directionIcon, directionIconAnimation, faceDetectionError, resetFlow, handleVideoPlayed, instructions, refVideo, refIsReseting, steps, videoPlayed, activeCapturing, warmupDone, showLoading } = useActiveLiveness$1({
+	        currentOrientation,
+	        apiCheck,
+	        bgCameraMask,
+	        bgCameraMaskRed,
+	        surroundStyle,
+	        onLivenessDetectionDone,
+	        onError: onErrorCallback,
+	        cropAreaDimension,
+	        customDirectionIcon,
+	        captureFrameSettings,
+	        onFramesCaptured,
+	        setRemainingTime,
+	        customStepTimeConstraints,
+	        onProcessing,
+	        customErrors,
+	        apiCredentials,
+	        outputEncryptionSettings,
+	        cameraScale,
+	        serviceSettings,
+	        onReset
+	    });
+	    reactExports.useEffect(()=>{
+	        if (typeof steps[0]?.directionIcon === 'string') {
+	            Promise.all(steps.map((step)=>preloadImage$2(step.directionIcon)));
+	        }
+	    }, [
+	        steps
+	    ]);
+	    const { CloseCameraButton } = styledComponent;
+	    const progressCircleProps = getProgressCircleProps$2(props, theme);
+	    const currentProgress = !refIsReseting.current ? curStepIndex / steps.length * 100 : 0;
+	    // for error text
+	    const { lang } = no$1.useSDKSettings();
+	    const timer = reactExports.useRef(0);
+	    const lastError = reactExports.useRef({});
+	    const duration = reactExports.useRef(ra$1.ErrorDuration.SHORT);
+	    const lastErrorMsg = reactExports.useMemo(()=>{
+	        const { msg, duration: errorDuration = ra$1.ErrorDuration.SHORT } = faceDetectionError || {};
+	        const errorMsg = msg?.[lang];
+	        if (Date.now() - timer.current >= duration.current) {
+	            timer.current = Date.now();
+	            duration.current = errorDuration;
+	            lastError.current = errorMsg;
+	        }
+	        return lastError.current;
+	    // eslint-disable-next-line react-hooks/exhaustive-deps
+	    }, [
+	        faceDetectionError,
+	        curStepIndex
+	    ]); // curStepIndex is used to get the latest error when reset flow
+	    const onOrientationChange = reactExports.useCallback((curOrientation)=>{
+	        setCurrentOrientation(curOrientation);
+	        if (!shouldResetFlowOnOrientationChange) {
+	            if (curOrientation === MODE.LANDSCAPE) {
+	                refVideo.current?.pause();
+	            } else {
+	                refVideo.current?.play();
+	            }
+	        } else {
+	            resetFlow();
+	        }
+	    }, [
+	        refVideo,
+	        resetFlow,
+	        shouldResetFlowOnOrientationChange
+	    ]);
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx(OrientationDetection, {
+	        onOrientationChange: onOrientationChange,
+	        children: /*#__PURE__*/ jsxRuntimeExports.jsxs(Camera$3, {
+	            frontCamera: frontCamera,
+	            onVideoPlayed: handleVideoPlayed,
+	            onClose: onCloseCallback,
+	            flipHorizontal: flipVideoHorizontal ?? frontCamera,
+	            ref: refVideo,
+	            videoSettings: videoSettings$3,
+	            onError: onErrorCallback,
+	            scale: cameraScale,
+	            defaultCameraId: defaultCameraId,
+	            closeButton: CloseCameraButton || null,
+	            children: [
+	                !warmupDone && /*#__PURE__*/ jsxRuntimeExports.jsx(WarmupPopup, {}),
+	                videoPlayed ? /*#__PURE__*/ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+	                    children: [
+	                        cropArea.current ? /*#__PURE__*/ jsxRuntimeExports.jsxs(CropAreaOverlayWrapper, {
+	                            x: `${cropArea.current.x}px`,
+	                            y: `${cropArea.current.y}px`,
+	                            width: `${cropArea.current.width}px`,
+	                            height: `${cropArea.current.height}px`,
+	                            surroundStyle: cropArea.current.surroundStyle,
+	                            children: [
+	                                /*#__PURE__*/ jsxRuntimeExports.jsx(StyledCameraMark$2, {}),
+	                                /*#__PURE__*/ jsxRuntimeExports.jsx(OverlayProgressCircle$2, {
+	                                    ...progressCircleProps,
+	                                    progress: currentProgress,
+	                                    showErrorRing: !!faceDetectionError && getTheme('Selfie.progressCircle.showErrorRing')({
+	                                        theme
+	                                    })
+	                                }),
+	                                /*#__PURE__*/ jsxRuntimeExports.jsx(InstructionsOverlay$2, {
+	                                    children: renderDirectionIcon$1(directionIcon, directionIconAnimation)
+	                                }),
+	                                activeCapturing && /*#__PURE__*/ jsxRuntimeExports.jsx(CapturingOverlay$1, {})
+	                            ]
+	                        }) : null,
+	                        instructions ? /*#__PURE__*/ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+	                            children: [
+	                                /*#__PURE__*/ jsxRuntimeExports.jsx(FaceVerificationInstructions$1, {
+	                                    top: yFaceVerificationStepsWrapper + 5,
+	                                    className: "instructions",
+	                                    children: instructions
+	                                }),
+	                                /*#__PURE__*/ jsxRuntimeExports.jsx(FaceVerificationStepsWrapper$2, {
+	                                    top: yFaceVerificationStepsWrapper + 35,
+	                                    children: steps.map((step, index)=>{
+	                                        const { name, image: { objUrl } } = step;
+	                                        return /*#__PURE__*/ jsxRuntimeExports.jsx(StepItem$2, {
+	                                            active: curStepIndex >= index,
+	                                            className: "step-item",
+	                                            children: objUrl ? /*#__PURE__*/ jsxRuntimeExports.jsx("img", {
+	                                                className: "image_preview",
+	                                                src: objUrl,
+	                                                alt: ""
+	                                            }) : /*#__PURE__*/ jsxRuntimeExports.jsx(SelfieStepImageHolder$1, {
+	                                                stepNumber: index + 1,
+	                                                type: name,
+	                                                theme: theme
+	                                            })
+	                                        }, name);
+	                                    })
+	                                })
+	                            ]
+	                        }) : null
+	                    ]
+	                }) : null,
+	                (showLoading || isLoading) && /*#__PURE__*/ jsxRuntimeExports.jsx(LoadingIcon$5, {
+	                    children: /*#__PURE__*/ jsxRuntimeExports.jsx("img", {
+	                        src: icLoading,
+	                        alt: "",
+	                        className: "spin"
+	                    })
+	                }),
+	                remainingTime && /*#__PURE__*/ jsxRuntimeExports.jsx(CountdownTime$2, {
+	                    top: yFaceVerificationStepsWrapper - 30,
+	                    children: remainingTime
+	                }),
+	                typeof lastErrorMsg === 'string' ? /*#__PURE__*/ jsxRuntimeExports.jsx(SimpleFaceDetectionError, {
+	                    top: yFaceDetectionError - 15,
+	                    className: "face-detection-error",
+	                    children: lastErrorMsg
+	                }) : null
+	            ]
+	        })
+	    });
+	}
+	ActiveLivenessV1.propTypes = {
+	    apiCheck: PropTypes.bool,
+	    onLivenessDetectionDone: PropTypes.func,
+	    onClose: PropTypes.func,
+	    onError: PropTypes.func,
+	    onReset: PropTypes.func,
+	    captureFrameSettings: PropTypes.shape({}),
+	    onFramesCaptured: PropTypes.func,
+	    flipVideoHorizontal: PropTypes.bool,
+	    frontCamera: PropTypes.bool,
+	    isLoading: PropTypes.bool,
+	    customDirectionIcon: PropTypes.shape({}),
+	    customStepTimeConstraints: PropTypes.shape({}),
+	    onProcessing: PropTypes.func,
+	    customErrors: PropTypes.shape({}),
+	    apiCredentials: PropTypes.shape({
+	        accessKey: PropTypes.string,
+	        secretKey: PropTypes.string,
+	        apiUrl: PropTypes.string
+	    }),
+	    outputEncryptionSettings: PropTypes.shape({}),
+	    cameraScale: PropTypes.number,
+	    defaultCameraId: PropTypes.string,
+	    offsetFaceY: PropTypes.number,
+	    styledComponent: PropTypes.shape({
+	        CloseCameraButton: PropTypes.node
+	    }),
+	    serviceSettings: PropTypes.shape({})
+	};
+	ActiveLivenessV1.defaultProps = {
 	    apiCheck: false,
 	    onLivenessDetectionDone: null,
 	    onClose: null,
@@ -93850,90 +94367,295 @@
 	    }
 	};
 
-	const LicenseProvider = ({ children, onError })=>{
-	    const clientSettings = useClientSettings();
-	    return /*#__PURE__*/ jsxRuntimeExports.jsx(dV.LicenseProvider, {
-	        clientSettings: clientSettings,
-	        onError: onError,
-	        children: children
-	    });
-	};
-
-	// children prop is required but eslint is still complaining
+	// To reduce the calculation for blazeface
+	const videoSettings$2 = libExports.isMobile ? {
+	    width: {
+	        ideal: 640
+	    }
+	} : null;
 	// eslint-disable-next-line react/require-default-props
-	const SdkTimeoutProvider = ({ children, onError, type })=>{
-	    const clientSettings = useClientSettings();
-	    return /*#__PURE__*/ jsxRuntimeExports.jsx(dz.Provider, {
-	        clientSettings: clientSettings,
-	        type: type,
-	        onError: onError,
-	        children: children
-	    });
-	};
-
-	const DEFAULT_CUSTOM_TEXTS = {};
-	const SDKLocaleProvider = ({ children, customTexts = DEFAULT_CUSTOM_TEXTS })=>{
-	    const clientSettings = useClientSettings();
-	    const { lang, uiSettings } = no$1.useSDKSettings();
-	    const localeValue = gM({
-	        customTexts,
-	        clientSettings,
-	        lang,
-	        uiSettings
-	    });
-	    return /*#__PURE__*/ jsxRuntimeExports.jsx(iF$1.SDKLocaleProvider, {
-	        value: localeValue,
-	        children: children
-	    });
-	};
-
-	const useMergeTheme = (options)=>{
-	    const { customTheme, clientSettings, themeVersion, uiSettings, defaultThemes = defaultThemes$2 } = options;
-	    const uiSettingsFromSdkSettings = dD.getWebSetting(clientSettings, 'data.settings.sdk_settings.ui_custom_settings');
-	    const themeValue = reactExports.useMemo(()=>{
-	        const mergedUiSettings = m3.selectUiSettings(uiSettings, uiSettingsFromSdkSettings);
-	        const customThemeFromUiSettings = m3.mapUISettingsToCustomTheme(mergedUiSettings);
-	        const finalCustomTheme = merge({}, customThemeFromUiSettings, customTheme);
+	function PassiveLivenessOldV1(props) {
+	    const { apiCheck, onLivenessDetectionDone, captureFrameSettings, onFramesCaptured, frontCamera, flipVideoHorizontal, customDirectionIcon, customStepTimeConstraints, onProcessing, customErrors, apiCredentials, outputEncryptionSettings, cameraScale, defaultCameraId, passiveModeAuto, offsetFaceY, styledComponent, serviceSettings, onReset, isLoading } = props;
+	    const theme = nt$2();
+	    const { onErrorCallback, onCloseCallback } = useSDKCallback();
+	    const bgCameraMask = iH.useAsset('bg_camera_mask.png');
+	    const bgCameraMaskRed = iH.useAsset('bg_camera_mask_red.png');
+	    const icLoading = useThemeIcon('IDCapturing.loadingIcon.src', 'ic_loading.gif');
+	    const [uiSpacing, setUISpacing] = reactExports.useState({});
+	    const { yFaceDetectionError, yFaceVerificationStepsWrapper } = uiSpacing;
+	    const [remainingTime, setRemainingTime] = reactExports.useState('');
+	    const [currentOrientation, setCurrentOrientation] = reactExports.useState();
+	    const surroundStyle = reactExports.useMemo(()=>({
+	            backgroundColor: getTheme('Selfie.backgroundColor')({
+	                theme
+	            })
+	        }), [
+	        theme
+	    ]);
+	    const cropAreaDimension = reactExports.useCallback(({ lostY, height, clientHeight })=>{
+	        const yFaceDetectionErrorNew = lostY + 25;
+	        const yCropAreaNew = yFaceDetectionErrorNew + 30;
+	        const yFaceVerificationStepsWrapperNew = yCropAreaNew + height + 20;
+	        setUISpacing({
+	            yFaceDetectionError: yFaceDetectionErrorNew,
+	            yFaceVerificationStepsWrapper: yFaceVerificationStepsWrapperNew
+	        });
+	        const topLimit = Math.floor(lostY);
+	        const botLimit = Math.floor(clientHeight - lostY);
+	        let y = Math.floor(yCropAreaNew); // floor the y value to avoid blur line on ios safari
+	        if (offsetFaceY !== 0 && (y + offsetFaceY < topLimit || y + offsetFaceY + height > botLimit)) {
+	            onErrorCallback({
+	                code: `offsetFaceY must be in [-${y - topLimit}, ${botLimit - height - y}]`
+	            });
+	        } else {
+	            y += offsetFaceY;
+	        }
 	        return {
-	            ...finalCustomTheme,
-	            themeVersion,
-	            defaultThemes
+	            y
 	        };
 	    }, [
-	        customTheme,
-	        defaultThemes,
-	        themeVersion,
-	        uiSettings,
-	        uiSettingsFromSdkSettings
+	        offsetFaceY,
+	        onErrorCallback
 	    ]);
-	    return themeValue;
-	};
-
-	const DEFAULT_CUSTOM_THEME = {};
-	const SDKThemeProvider = ({ children, customTheme = DEFAULT_CUSTOM_THEME })=>{
-	    const clientSettings = useClientSettings();
-	    const { uiSettings, themeVersion } = no$1.useSDKSettings();
-	    const themeValue = useMergeTheme({
-	        customTheme,
-	        clientSettings,
-	        themeVersion,
-	        uiSettings,
-	        defaultThemes: defaultThemes$2
+	    const { shouldResetFlowOnOrientationChange, countdownToTakePicture, cropArea, curStepIndex, faceDetectionError, resetFlow, handleTriggerPassiveMode, handleVideoPlayed, refVideo, showCountdown, steps, refIsReseting, videoPlayed, warmupDone, showCaptureButton, shouldShowCountdown, showLoading } = usePassiveLiveness$1({
+	        currentOrientation,
+	        apiCheck,
+	        bgCameraMask,
+	        bgCameraMaskRed,
+	        surroundStyle,
+	        onLivenessDetectionDone,
+	        onError: onErrorCallback,
+	        cropAreaDimension,
+	        customDirectionIcon,
+	        captureFrameSettings,
+	        onFramesCaptured,
+	        setRemainingTime,
+	        customStepTimeConstraints,
+	        onProcessing,
+	        customErrors,
+	        apiCredentials,
+	        outputEncryptionSettings,
+	        cameraScale,
+	        passiveModeAuto,
+	        serviceSettings,
+	        onReset
 	    });
-	    return /*#__PURE__*/ jsxRuntimeExports.jsx(ot$2, {
-	        theme: themeValue,
-	        children: children
+	    reactExports.useEffect(()=>{
+	        if (typeof steps[0]?.directionIcon === 'string') {
+	            Promise.all(steps.map((step)=>preloadImage$2(step.directionIcon)));
+	        }
+	    }, [
+	        steps
+	    ]);
+	    const { CloseCameraButton } = styledComponent;
+	    const progressCircleProps = getProgressCircleProps$2(props, theme);
+	    const currentProgress = !refIsReseting.current ? curStepIndex / steps.length * 100 : 0;
+	    // for error text
+	    const { lang } = no$1.useSDKSettings();
+	    const timer = reactExports.useRef(0);
+	    const lastError = reactExports.useRef({});
+	    const duration = reactExports.useRef(ra$1.ErrorDuration.SHORT);
+	    const lastErrorMsg = reactExports.useMemo(()=>{
+	        const { msg, duration: errorDuration = ra$1.ErrorDuration.SHORT } = faceDetectionError || {};
+	        const errorMsg = msg?.[lang];
+	        if (Date.now() - timer.current >= duration.current) {
+	            timer.current = Date.now();
+	            duration.current = errorDuration;
+	            lastError.current = errorMsg;
+	        }
+	        return lastError.current;
+	    // eslint-disable-next-line react-hooks/exhaustive-deps
+	    }, [
+	        faceDetectionError,
+	        curStepIndex
+	    ]); // curStepIndex is used to get the latest error when reset flow
+	    const onOrientationChange = reactExports.useCallback((curOrientation)=>{
+	        setCurrentOrientation(curOrientation);
+	        if (!shouldResetFlowOnOrientationChange) {
+	            if (curOrientation === MODE.LANDSCAPE) {
+	                refVideo.current?.pause();
+	            } else {
+	                refVideo.current?.play();
+	            }
+	        } else {
+	            resetFlow();
+	        }
+	    }, [
+	        refVideo,
+	        resetFlow,
+	        shouldResetFlowOnOrientationChange
+	    ]);
+	    return /*#__PURE__*/ jsxRuntimeExports.jsx(OrientationDetection, {
+	        onOrientationChange: onOrientationChange,
+	        children: /*#__PURE__*/ jsxRuntimeExports.jsxs(Camera$3, {
+	            frontCamera: frontCamera,
+	            onVideoPlayed: handleVideoPlayed,
+	            onClose: onCloseCallback,
+	            flipHorizontal: flipVideoHorizontal ?? frontCamera,
+	            ref: refVideo,
+	            videoSettings: videoSettings$2,
+	            onError: onErrorCallback,
+	            scale: cameraScale,
+	            defaultCameraId: defaultCameraId,
+	            closeButton: CloseCameraButton || null,
+	            children: [
+	                !warmupDone && /*#__PURE__*/ jsxRuntimeExports.jsx(WarmupPopup, {}),
+	                videoPlayed ? /*#__PURE__*/ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+	                    children: [
+	                        typeof lastErrorMsg === 'string' ? /*#__PURE__*/ jsxRuntimeExports.jsx(SimpleFaceDetectionError, {
+	                            top: yFaceDetectionError - 15,
+	                            className: "face-detection-error",
+	                            children: lastErrorMsg
+	                        }) : null,
+	                        cropArea.current ? /*#__PURE__*/ jsxRuntimeExports.jsxs(CropAreaOverlayWrapper, {
+	                            x: `${cropArea.current.x}px`,
+	                            y: `${cropArea.current.y}px`,
+	                            width: `${cropArea.current.width}px`,
+	                            height: `${cropArea.current.height}px`,
+	                            surroundStyle: cropArea.current.surroundStyle,
+	                            children: [
+	                                /*#__PURE__*/ jsxRuntimeExports.jsx(StyledCameraMark$2, {}),
+	                                /*#__PURE__*/ jsxRuntimeExports.jsx(OverlayProgressCircle$2, {
+	                                    ...progressCircleProps,
+	                                    progress: currentProgress,
+	                                    showErrorRing: !!faceDetectionError && getTheme('Selfie.progressCircle.showErrorRing')({
+	                                        theme
+	                                    })
+	                                }),
+	                                shouldShowCountdown ? /*#__PURE__*/ jsxRuntimeExports.jsx(CountDownOverlay$3, {
+	                                    children: countdownToTakePicture
+	                                }) : null,
+	                                faceDetectionError && /*#__PURE__*/ jsxRuntimeExports.jsx(ErrorOverlay$3, {})
+	                            ]
+	                        }) : null,
+	                        remainingTime && /*#__PURE__*/ jsxRuntimeExports.jsx(CountdownTime$2, {
+	                            top: yFaceVerificationStepsWrapper - 30,
+	                            children: remainingTime
+	                        }),
+	                        showCaptureButton ? /*#__PURE__*/ jsxRuntimeExports.jsx(BottomButtonsOverlay$2, {
+	                            children: /*#__PURE__*/ jsxRuntimeExports.jsx(Button$7, {
+	                                onClick: handleTriggerPassiveMode,
+	                                disabled: showCountdown,
+	                                children: get(theme, 'Selfie.captureIcon.src') ? /*#__PURE__*/ jsxRuntimeExports.jsx("img", {
+	                                    src: get(theme, 'Selfie.captureIcon.src'),
+	                                    alt: ""
+	                                }) : /*#__PURE__*/ jsxRuntimeExports.jsx(CameraIcon$1, {
+	                                    fillColor: "rgba(193, 197, 204, 1)"
+	                                })
+	                            })
+	                        }) : null
+	                    ]
+	                }) : null,
+	                (showLoading || isLoading) && /*#__PURE__*/ jsxRuntimeExports.jsx(LoadingIcon$5, {
+	                    children: /*#__PURE__*/ jsxRuntimeExports.jsx("img", {
+	                        src: icLoading,
+	                        alt: ""
+	                    })
+	                })
+	            ]
+	        })
 	    });
+	}
+	PassiveLivenessOldV1.propTypes = {
+	    apiCheck: PropTypes.bool,
+	    mode: PropTypes.string,
+	    onLivenessDetectionDone: PropTypes.func,
+	    onClose: PropTypes.func,
+	    onError: PropTypes.func,
+	    onReset: PropTypes.func,
+	    captureFrameSettings: PropTypes.shape({}),
+	    onFramesCaptured: PropTypes.func,
+	    frontCamera: PropTypes.bool,
+	    isLoading: PropTypes.bool,
+	    flipVideoHorizontal: PropTypes.bool,
+	    customDirectionIcon: PropTypes.shape({}),
+	    customStepTimeConstraints: PropTypes.shape({}),
+	    onProcessing: PropTypes.func,
+	    customErrors: PropTypes.shape({}),
+	    apiCredentials: PropTypes.shape({
+	        accessKey: PropTypes.string,
+	        secretKey: PropTypes.string,
+	        apiUrl: PropTypes.string
+	    }),
+	    outputEncryptionSettings: PropTypes.shape({}),
+	    cameraScale: PropTypes.number,
+	    defaultCameraId: PropTypes.string,
+	    passiveModeAuto: PropTypes.bool,
+	    offsetFaceY: PropTypes.number,
+	    styledComponent: PropTypes.shape({
+	        CloseCameraButton: PropTypes.node
+	    }),
+	    serviceSettings: PropTypes.shape({})
 	};
-
-	const WrapIndicatorContext = /*#__PURE__*/ reactExports.createContext('');
-	const WrapIndicatorProvider = ({ children, isWrappedBy = '' })=>{
-	    return /*#__PURE__*/ jsxRuntimeExports.jsx(WrapIndicatorContext.Provider, {
-	        value: isWrappedBy,
-	        children: children
-	    });
+	PassiveLivenessOldV1.defaultProps = {
+	    apiCheck: false,
+	    mode: null,
+	    onLivenessDetectionDone: null,
+	    onClose: null,
+	    onError: ()=>{},
+	    onReset: ()=>{},
+	    captureFrameSettings: {
+	        enable: false,
+	        framesIntervalTime: 180,
+	        framesBatchLength: 0
+	    },
+	    onFramesCaptured: ()=>{},
+	    frontCamera: true,
+	    isLoading: false,
+	    flipVideoHorizontal: null,
+	    customDirectionIcon: {
+	        [ra$1.FaceDirection.LEFT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
+	            type: ra$1.FaceDirection.LEFT
+	        }),
+	        [ra$1.FaceDirection.RIGHT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
+	            type: ra$1.FaceDirection.RIGHT
+	        }),
+	        [ra$1.FaceDirection.UP]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
+	            type: ra$1.FaceDirection.UP
+	        }),
+	        [ra$1.FaceDirection.FRONTAL]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
+	            type: ra$1.FaceDirection.FRONTAL
+	        })
+	    },
+	    customStepTimeConstraints: {
+	        [ra$1.FaceDirection.UP]: {
+	            delayTime: 0
+	        },
+	        [ra$1.FaceDirection.LEFT]: {
+	            delayTime: 0
+	        },
+	        [ra$1.FaceDirection.RIGHT]: {
+	            delayTime: 0
+	        },
+	        [ra$1.FaceDirection.FRONTAL]: {
+	            delayTime: 2000
+	        }
+	    },
+	    onProcessing: ()=>{},
+	    customErrors: null,
+	    apiCredentials: {
+	        accessKey: '',
+	        secretKey: '',
+	        apiUrl: ''
+	    },
+	    outputEncryptionSettings: null,
+	    cameraScale: 1,
+	    defaultCameraId: undefined,
+	    passiveModeAuto: false,
+	    offsetFaceY: 0,
+	    styledComponent: {
+	        CloseCameraButton: null
+	    },
+	    serviceSettings: {
+	        enableUploadFrames: true,
+	        enableUploadImages: true,
+	        enableVerifySanityPortrait: true,
+	        enableVerifySanityIDCard: true,
+	        enableVerifyFaceLiveness: true,
+	        enableDetectIDCardTampering: true,
+	        enableReadIDCardInfo: true
+	    }
 	};
-	const useWrapIndicator = ()=>reactExports.useContext(WrapIndicatorContext);
 
 	const withClientSettings$1 = (Component)=>{
 	    return function WrappedComponent(props) {
@@ -93950,16 +94672,20 @@
 	        });
 	    };
 	};
-	const getLivenessModeComponent = (mode, CustomLivenessDetection)=>{
+	const getLivenessModeComponent = (mode, CustomLivenessDetection, themeVersion)=>{
 	    let LivenessDetectionComponent = ActiveLiveness;
 	    if (mode === ra$1.Mode.ACTIVE) {
-	        LivenessDetectionComponent = CustomLivenessDetection?.ActiveLiveness ?? ActiveLiveness;
+	        const DefaultActiveLiveness = themeVersion === 'v1' ? ActiveLivenessV1 : ActiveLiveness;
+	        LivenessDetectionComponent = CustomLivenessDetection?.ActiveLiveness ?? DefaultActiveLiveness;
 	    }
 	    if (mode === ra$1.Mode.PASSIVE_V2) {
 	        LivenessDetectionComponent = CustomLivenessDetection?.PassiveLivenessV2 ?? PassiveLiveness;
 	    }
 	    if (mode === ra$1.Mode.PASSIVE) {
-	        LivenessDetectionComponent = CustomLivenessDetection?.PassiveLiveness ?? PassiveLiveness$1;
+	        // PassiveLivenessOldV1 to not be confused with PassiveLivenessV2 (which is totally new mode)
+	        // PassiveLivenessOldV1 refers to PassiveLiveness with themeVersion = "v1"
+	        const DefaultPassiveLiveness = themeVersion === 'v1' ? PassiveLivenessOldV1 : PassiveLiveness$1;
+	        LivenessDetectionComponent = CustomLivenessDetection?.PassiveLiveness ?? DefaultPassiveLiveness;
 	    }
 	    if (typeof mode === 'string' && mode.startsWith('flash')) {
 	        LivenessDetectionComponent = CustomLivenessDetection?.FlashLiveness ?? FlashLiveness;
@@ -93972,7 +94698,7 @@
 	    }, livenessComponent: CustomLivenessDetection, customTheme = {}, customTexts, ...props } = livenessProps;
 	    const { mode, flowId, onError: onErrorFromProp, onClose: onCloseFromProp, debug, onLivenessDetectionDone } = props;
 	    const clientSettings = useClientSettings();
-	    const { billingSettings: clientBillingSettings, enableBilling } = no$1.useSDKSettings();
+	    const { billingSettings: clientBillingSettings, enableBilling, themeVersion } = no$1.useSDKSettings();
 	    const billingSettingsFromSdkSettings = dD.getWebSetting(clientSettings, 'data.settings.sdk_settings.billing_settings.billing_config');
 	    const billingUrl = dD.getWebSetting(clientSettings, 'data.settings.sdk_settings.billing_settings.url');
 	    const { submitBilling } = gR({
@@ -94058,7 +94784,7 @@
 	        billingInput,
 	        onCloseFromProp
 	    ]);
-	    const LivenessDetectionComponent = getLivenessModeComponent(mode, CustomLivenessDetection);
+	    const LivenessDetectionComponent = getLivenessModeComponent(mode, CustomLivenessDetection, themeVersion);
 	    return /*#__PURE__*/ jsxRuntimeExports.jsx(DebugProvider, {
 	        debug: debug,
 	        children: /*#__PURE__*/ jsxRuntimeExports.jsx(SDKCallbackProvider, {
@@ -113999,16 +114725,16 @@
 	    frontCamera: true,
 	    flipVideoHorizontal: null,
 	    customDirectionIcon: {
-	        [ra$1.FaceDirection.LEFT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.LEFT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.LEFT
 	        }),
-	        [ra$1.FaceDirection.RIGHT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.RIGHT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.RIGHT
 	        }),
-	        [ra$1.FaceDirection.UP]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.UP]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.UP
 	        }),
-	        [ra$1.FaceDirection.FRONTAL]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.FRONTAL]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.FRONTAL
 	        })
 	    },
@@ -114620,16 +115346,16 @@
 	    frontCamera: true,
 	    flipVideoHorizontal: null,
 	    customDirectionIcon: {
-	        [ra$1.FaceDirection.LEFT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.LEFT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.LEFT
 	        }),
-	        [ra$1.FaceDirection.RIGHT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.RIGHT]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.RIGHT
 	        }),
-	        [ra$1.FaceDirection.UP]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.UP]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.UP
 	        }),
-	        [ra$1.FaceDirection.FRONTAL]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon, {
+	        [ra$1.FaceDirection.FRONTAL]: /*#__PURE__*/ jsxRuntimeExports.jsx(DirectionIcon$1, {
 	            type: ra$1.FaceDirection.FRONTAL
 	        })
 	    },
@@ -116411,7 +117137,7 @@
 	    qr_tooltip: 'Đặt mã QR vào khung hình và thử dịch chuyển camera (ra xa hoặc gần) để quét được mã QR'
 	};
 
-	const defaultAssetRoot = "https://vision-cdn.trustingsocial.com/tvweb-sdk.lotte/0.0.0-beta.20251215-093759/assets";
+	const defaultAssetRoot = "https://vision-cdn.trustingsocial.com/tvweb-sdk.lotte/0.0.0-beta.20251215-165409/assets";
 	class TVWebSDK extends gU {
 	    constructor(props){
 	        super({