@tsocial/tvweb-sdk.tcli 5.34.5 → 5.34.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/tvweb-sdk.cjs.min.js +54 -54
- package/build/tvweb-sdk.esm.min.js +54 -54
- package/build/tvweb-sdk.tcli.standalone.js +250 -254
- package/build/tvweb-sdk.tcli.standalone.min.js +54 -54
- package/package.json +5 -5
|
@@ -33783,7 +33783,7 @@
|
|
|
33783
33783
|
}, nS$1;
|
|
33784
33784
|
}();
|
|
33785
33785
|
function nB$1() {
|
|
33786
|
-
return "5.34.
|
|
33786
|
+
return "5.34.6";
|
|
33787
33787
|
}
|
|
33788
33788
|
function nI$1() {
|
|
33789
33789
|
return {
|
|
@@ -41259,51 +41259,53 @@
|
|
|
41259
41259
|
}, uz;
|
|
41260
41260
|
}(), uG);
|
|
41261
41261
|
}();
|
|
41262
|
-
let dm = dg;
|
|
41263
|
-
function dg(e, t) {
|
|
41264
|
-
let r = dv();
|
|
41265
|
-
return (dg = function(e, t) {
|
|
41266
|
-
return r[e -= 187];
|
|
41267
|
-
})(e, t);
|
|
41268
|
-
}
|
|
41269
|
-
let dy = dg, db = dv();
|
|
41262
|
+
let dm = dv, dg = dv, dy = dx();
|
|
41270
41263
|
for(;;)try {
|
|
41271
|
-
if (-parseInt(
|
|
41272
|
-
|
|
41264
|
+
if (-parseInt(dg(400)) / 1 + -parseInt(dg(412)) / 2 * (parseInt(dg(413)) / 3) + -parseInt(dg(398)) / 4 + parseInt(dg(393)) / 5 * (-parseInt(dg(403)) / 6) + -parseInt(dg(414)) / 7 + parseInt(dg(404)) / 8 * (-parseInt(dg(405)) / 9) + parseInt(dg(410)) / 10 === 675039) break;
|
|
41265
|
+
dy.push(dy.shift());
|
|
41273
41266
|
} catch (e) {
|
|
41274
|
-
|
|
41267
|
+
dy.push(dy.shift());
|
|
41268
|
+
}
|
|
41269
|
+
let db = dm(399) + dm(397) + "3d02010608" + dm(402) + dm(409) + dm(417);
|
|
41270
|
+
function dv(e, t) {
|
|
41271
|
+
let r = dx();
|
|
41272
|
+
return (dv = function(e, t) {
|
|
41273
|
+
return r[e -= 393];
|
|
41274
|
+
})(e, t);
|
|
41275
41275
|
}
|
|
41276
|
-
|
|
41276
|
+
let d_ = dm(396) + dm(415) + dm(406) + dm(407) + dm(416) + dm(394) + "+faHkP3QC3" + dm(408) + dm(411) + "D9EKOWS+U4" + dm(395) + dm(401) + "KA==";
|
|
41277
|
+
function dx() {
|
|
41277
41278
|
let e = [
|
|
41278
|
-
"
|
|
41279
|
-
"
|
|
41280
|
-
"
|
|
41281
|
-
"ytJdcsPxrD",
|
|
41279
|
+
"754034MVAlGX",
|
|
41280
|
+
"9qfvzvF",
|
|
41281
|
+
"9231341WBMLOs",
|
|
41282
41282
|
"ZIzj0CAQYI",
|
|
41283
|
-
"
|
|
41284
|
-
"78oZoJhH",
|
|
41285
|
-
"2a8648ce3d",
|
|
41283
|
+
"DepBO8t60S",
|
|
41286
41284
|
"000",
|
|
41287
|
-
"
|
|
41288
|
-
"
|
|
41289
|
-
"
|
|
41290
|
-
"Mjci1ul8mm",
|
|
41291
|
-
"37124379gQRvRs",
|
|
41285
|
+
"575PumApD",
|
|
41286
|
+
"ytJdcsPxrD",
|
|
41287
|
+
"MfPrcYTM70",
|
|
41292
41288
|
"MFkwEwYHKo",
|
|
41293
|
-
"
|
|
41294
|
-
"
|
|
41295
|
-
"
|
|
41296
|
-
"
|
|
41297
|
-
"
|
|
41289
|
+
"072a8648ce",
|
|
41290
|
+
"4960704BbpIae",
|
|
41291
|
+
"3059301306",
|
|
41292
|
+
"1049264TQjxFs",
|
|
41293
|
+
"ssRdXLZEX8",
|
|
41294
|
+
"2a8648ce3d",
|
|
41295
|
+
"12156RnmUwF",
|
|
41296
|
+
"40rodesL",
|
|
41297
|
+
"1651338WhfRhr",
|
|
41298
|
+
"KoZIzj0DAQ",
|
|
41298
41299
|
"cDQgAE9h6Z",
|
|
41299
|
-
"
|
|
41300
|
-
"
|
|
41300
|
+
"44P0rKKsZK",
|
|
41301
|
+
"0301070342",
|
|
41302
|
+
"65646930BDCMCU",
|
|
41303
|
+
"Mjci1ul8mm"
|
|
41301
41304
|
];
|
|
41302
|
-
return (
|
|
41305
|
+
return (dx = function() {
|
|
41303
41306
|
return e;
|
|
41304
41307
|
})();
|
|
41305
41308
|
}
|
|
41306
|
-
let d_ = dm(206) + "072a8648ce3d02010608" + dm(204) + dm(198) + dm(205), dx = dm(188) + dm(201) + dm(199) + dm(194) + dm(193) + dm(200) + dm(208) + dm(202) + dm(209) + "D9EKOWS+U4MfPrcYTM70" + dm(197) + "KA==";
|
|
41307
41309
|
async function dC(e) {
|
|
41308
41310
|
let t = new TextEncoder().encode(e);
|
|
41309
41311
|
return Array.from(new Uint8Array(await crypto.subtle.digest("SHA-256", t))).map((e)=>e.toString(16).padStart(2, "0")).join("");
|
|
@@ -41408,7 +41410,7 @@
|
|
|
41408
41410
|
isValid: !1,
|
|
41409
41411
|
error: i0$1.invalid_license
|
|
41410
41412
|
};
|
|
41411
|
-
let { mode: a, license: o, signature: s } = dS(e), c = dw(i4$1(o)), l = (r = t ||
|
|
41413
|
+
let { mode: a, license: o, signature: s } = dS(e), c = dw(i4$1(o)), l = (r = t || d_, n = i4$1(r).replace(db, ""), i = new dp.ec("p256").keyFromPublic(n, "hex"), {
|
|
41412
41414
|
verifySignature: async (e, t)=>{
|
|
41413
41415
|
try {
|
|
41414
41416
|
let r = await dC(e), n = i4$1(t);
|
|
@@ -45329,7 +45331,7 @@
|
|
|
45329
45331
|
return this.getKey().getPublicKey();
|
|
45330
45332
|
}, e.prototype.getPublicKeyB64 = function() {
|
|
45331
45333
|
return this.getKey().getPublicBaseKeyB64();
|
|
45332
|
-
}, e.version = "5.34.
|
|
45334
|
+
}, e.version = "5.34.5", e;
|
|
45333
45335
|
}();
|
|
45334
45336
|
let hO = [
|
|
45335
45337
|
"-",
|
|
@@ -88767,204 +88769,6 @@
|
|
|
88767
88769
|
return videoCanvas;
|
|
88768
88770
|
};
|
|
88769
88771
|
|
|
88770
|
-
const MODE = {
|
|
88771
|
-
LANDSCAPE: 'landscape',
|
|
88772
|
-
PORTRAIT: 'portrait',
|
|
88773
|
-
DESKTOP: 'desktop'
|
|
88774
|
-
};
|
|
88775
|
-
const useDetectOrientation = (onOrientationChange)=>{
|
|
88776
|
-
const portraitQuery = reactExports.useRef(window.matchMedia('(orientation: portrait)'));
|
|
88777
|
-
const initOrientation = reactExports.useRef(portraitQuery.current.matches ? MODE.PORTRAIT : MODE.LANDSCAPE);
|
|
88778
|
-
const [curOrientation, setCurOrientation] = reactExports.useState(initOrientation.current);
|
|
88779
|
-
reactExports.useEffect(()=>{
|
|
88780
|
-
function handleResizeForScreen() {
|
|
88781
|
-
const orientationType = get(screen, 'orientation.type')?.split('-')?.[0];
|
|
88782
|
-
setCurOrientation(orientationType);
|
|
88783
|
-
if (typeof onOrientationChange === 'function') {
|
|
88784
|
-
onOrientationChange(orientationType);
|
|
88785
|
-
}
|
|
88786
|
-
}
|
|
88787
|
-
function handleResizeForQuery(e) {
|
|
88788
|
-
let orientation;
|
|
88789
|
-
if (e.matches) {
|
|
88790
|
-
orientation = MODE.PORTRAIT;
|
|
88791
|
-
} else {
|
|
88792
|
-
orientation = MODE.LANDSCAPE;
|
|
88793
|
-
}
|
|
88794
|
-
setCurOrientation(orientation);
|
|
88795
|
-
if (typeof onOrientationChange === 'function') {
|
|
88796
|
-
onOrientationChange(orientation);
|
|
88797
|
-
}
|
|
88798
|
-
}
|
|
88799
|
-
if (screen.orientation) {
|
|
88800
|
-
screen.orientation.addEventListener('change', handleResizeForScreen);
|
|
88801
|
-
} else {
|
|
88802
|
-
// screen.orientation only available on ios > 16.4
|
|
88803
|
-
// fallback to window.matchMedia
|
|
88804
|
-
portraitQuery.current.addEventListener('change', handleResizeForQuery);
|
|
88805
|
-
}
|
|
88806
|
-
return ()=>{
|
|
88807
|
-
if (screen.orientation) {
|
|
88808
|
-
screen.orientation.removeEventListener('change', handleResizeForScreen);
|
|
88809
|
-
} else {
|
|
88810
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
88811
|
-
portraitQuery.current.removeEventListener('change', handleResizeForQuery);
|
|
88812
|
-
}
|
|
88813
|
-
};
|
|
88814
|
-
}, [
|
|
88815
|
-
onOrientationChange
|
|
88816
|
-
]);
|
|
88817
|
-
return libExports.isMobile ? {
|
|
88818
|
-
curOrientation,
|
|
88819
|
-
initOrientation: initOrientation.current
|
|
88820
|
-
} : {
|
|
88821
|
-
curOrientation: MODE.DESKTOP
|
|
88822
|
-
};
|
|
88823
|
-
};
|
|
88824
|
-
|
|
88825
|
-
/**
|
|
88826
|
-
* Custom hook to delay rendering when transitioning from hidden to visible state.
|
|
88827
|
-
* Useful for waiting for browser dimension updates after orientation changes.
|
|
88828
|
-
*
|
|
88829
|
-
* @param params - Hook parameters
|
|
88830
|
-
* @param params.isVisible - Whether the component is currently visible
|
|
88831
|
-
* @param params.enableDelay - Whether to apply delay logic for show transitions
|
|
88832
|
-
* @param params.delayMs - Delay in milliseconds before showing (default: 500)
|
|
88833
|
-
* @returns Delayed visibility state
|
|
88834
|
-
*/ function useDelayedRender({ isVisible, enableDelay, delayMs = 500 }) {
|
|
88835
|
-
const [isVisibleDelayed, setIsVisibleDelayed] = reactExports.useState(isVisible);
|
|
88836
|
-
const prevIsVisibleRef = reactExports.useRef(isVisible);
|
|
88837
|
-
const timeoutRef = reactExports.useRef(null);
|
|
88838
|
-
reactExports.useEffect(()=>{
|
|
88839
|
-
const prevIsVisible = prevIsVisibleRef.current;
|
|
88840
|
-
// When delay is disabled, always sync immediately
|
|
88841
|
-
if (!enableDelay) {
|
|
88842
|
-
setIsVisibleDelayed(isVisible);
|
|
88843
|
-
prevIsVisibleRef.current = isVisible;
|
|
88844
|
-
return undefined;
|
|
88845
|
-
}
|
|
88846
|
-
// Handle transitions when delay is enabled
|
|
88847
|
-
const isTransitionToShow = !prevIsVisible && isVisible;
|
|
88848
|
-
const isTransitionToHide = prevIsVisible && !isVisible;
|
|
88849
|
-
if (isTransitionToShow) {
|
|
88850
|
-
// Delay showing when transitioning from hidden to visible
|
|
88851
|
-
timeoutRef.current = setTimeout(()=>{
|
|
88852
|
-
setIsVisibleDelayed(true);
|
|
88853
|
-
}, delayMs);
|
|
88854
|
-
} else if (isTransitionToHide) {
|
|
88855
|
-
// Immediately hide and cancel pending show
|
|
88856
|
-
if (timeoutRef.current) {
|
|
88857
|
-
clearTimeout(timeoutRef.current);
|
|
88858
|
-
timeoutRef.current = null;
|
|
88859
|
-
}
|
|
88860
|
-
setIsVisibleDelayed(false);
|
|
88861
|
-
}
|
|
88862
|
-
prevIsVisibleRef.current = isVisible;
|
|
88863
|
-
return ()=>{
|
|
88864
|
-
if (timeoutRef.current) {
|
|
88865
|
-
clearTimeout(timeoutRef.current);
|
|
88866
|
-
}
|
|
88867
|
-
};
|
|
88868
|
-
}, [
|
|
88869
|
-
isVisible,
|
|
88870
|
-
enableDelay,
|
|
88871
|
-
delayMs
|
|
88872
|
-
]);
|
|
88873
|
-
return isVisibleDelayed;
|
|
88874
|
-
}
|
|
88875
|
-
|
|
88876
|
-
const PopupContent$1 = dt$1.div`
|
|
88877
|
-
text-align: center;
|
|
88878
|
-
font-size: 20px;
|
|
88879
|
-
font-weight: 600;
|
|
88880
|
-
`;
|
|
88881
|
-
const ChildrenWrapper$1 = dt$1.div`
|
|
88882
|
-
width: 100%;
|
|
88883
|
-
height: 100%;
|
|
88884
|
-
opacity: ${({ $showChildren })=>$showChildren ? 1 : 0};
|
|
88885
|
-
`;
|
|
88886
|
-
const defaultPreferredOrientations = [
|
|
88887
|
-
MODE.PORTRAIT,
|
|
88888
|
-
MODE.DESKTOP
|
|
88889
|
-
];
|
|
88890
|
-
function OrientationDetectionV2({ onOrientationChange = noop$1, unmountOnHidden = false, remountDelayMs = 500, preferredOrientations = defaultPreferredOrientations, children }) {
|
|
88891
|
-
const t = gB();
|
|
88892
|
-
const { curOrientation } = useDetectOrientation(onOrientationChange);
|
|
88893
|
-
const hasCorrectOrientation = preferredOrientations.includes(curOrientation);
|
|
88894
|
-
const isVisible = useDelayedRender({
|
|
88895
|
-
isVisible: hasCorrectOrientation,
|
|
88896
|
-
enableDelay: unmountOnHidden,
|
|
88897
|
-
delayMs: remountDelayMs
|
|
88898
|
-
});
|
|
88899
|
-
const shouldMountChildrenOnDom = unmountOnHidden ? isVisible : true;
|
|
88900
|
-
return /*#__PURE__*/ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
88901
|
-
children: [
|
|
88902
|
-
!preferredOrientations.includes(curOrientation) && /*#__PURE__*/ jsxRuntimeExports.jsx(PopupComponent, {
|
|
88903
|
-
open: true,
|
|
88904
|
-
children: /*#__PURE__*/ jsxRuntimeExports.jsx(PopupContent$1, {
|
|
88905
|
-
children: t('wrong_orientation')
|
|
88906
|
-
})
|
|
88907
|
-
}),
|
|
88908
|
-
shouldMountChildrenOnDom && /*#__PURE__*/ jsxRuntimeExports.jsx(ChildrenWrapper$1, {
|
|
88909
|
-
$showChildren: hasCorrectOrientation,
|
|
88910
|
-
children: children
|
|
88911
|
-
})
|
|
88912
|
-
]
|
|
88913
|
-
});
|
|
88914
|
-
}
|
|
88915
|
-
|
|
88916
|
-
const PopupContent = dt$1.div`
|
|
88917
|
-
text-align: center;
|
|
88918
|
-
font-size: 20px;
|
|
88919
|
-
font-weight: 600;
|
|
88920
|
-
`;
|
|
88921
|
-
const ChildrenWrapper = dt$1.div`
|
|
88922
|
-
width: 100%;
|
|
88923
|
-
height: 100%;
|
|
88924
|
-
opacity: ${({ showChildren })=>showChildren ? 1 : 0};
|
|
88925
|
-
`;
|
|
88926
|
-
// eslint-disable-next-line react/require-default-props
|
|
88927
|
-
function OrientationDetectionV1({ onOrientationChange, unmountOnHidden, children }) {
|
|
88928
|
-
const t = gB();
|
|
88929
|
-
const { curOrientation } = useDetectOrientation(onOrientationChange);
|
|
88930
|
-
const shouldShowChildren = curOrientation === MODE.PORTRAIT || curOrientation === MODE.DESKTOP;
|
|
88931
|
-
return /*#__PURE__*/ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
88932
|
-
children: [
|
|
88933
|
-
curOrientation === MODE.LANDSCAPE && /*#__PURE__*/ jsxRuntimeExports.jsx(PopupComponent, {
|
|
88934
|
-
open: true,
|
|
88935
|
-
children: /*#__PURE__*/ jsxRuntimeExports.jsx(PopupContent, {
|
|
88936
|
-
children: t('wrong_orientation')
|
|
88937
|
-
})
|
|
88938
|
-
}),
|
|
88939
|
-
(unmountOnHidden ? shouldShowChildren : true) && /*#__PURE__*/ jsxRuntimeExports.jsx(ChildrenWrapper, {
|
|
88940
|
-
showChildren: shouldShowChildren,
|
|
88941
|
-
children: children
|
|
88942
|
-
})
|
|
88943
|
-
]
|
|
88944
|
-
});
|
|
88945
|
-
}
|
|
88946
|
-
OrientationDetectionV1.defaultProps = {
|
|
88947
|
-
onOrientationChange: ()=>{},
|
|
88948
|
-
unmountOnHidden: false
|
|
88949
|
-
};
|
|
88950
|
-
OrientationDetectionV1.propTypes = {
|
|
88951
|
-
onOrientationChange: PropTypes.func,
|
|
88952
|
-
unmountOnHidden: PropTypes.bool
|
|
88953
|
-
};
|
|
88954
|
-
|
|
88955
|
-
function OrientationDetection({ version = 'v1', children, ...rest }) {
|
|
88956
|
-
if (version === 'v2') {
|
|
88957
|
-
return /*#__PURE__*/ jsxRuntimeExports.jsx(OrientationDetectionV2, {
|
|
88958
|
-
...rest,
|
|
88959
|
-
children: children
|
|
88960
|
-
});
|
|
88961
|
-
}
|
|
88962
|
-
return /*#__PURE__*/ jsxRuntimeExports.jsx(OrientationDetectionV1, {
|
|
88963
|
-
...rest,
|
|
88964
|
-
children: children
|
|
88965
|
-
});
|
|
88966
|
-
}
|
|
88967
|
-
|
|
88968
88772
|
const useEkycSession = ()=>{
|
|
88969
88773
|
const [sessionId, setSessionId] = reactExports.useState(Date.now());
|
|
88970
88774
|
const updateSessionId = reactExports.useCallback(()=>{
|
|
@@ -91456,15 +91260,6 @@
|
|
|
91456
91260
|
useRunEffectWhen(()=>logEvent('selfie_flash', 'user_activity.start_flash'), step === STEP.START_FLASHING);
|
|
91457
91261
|
const progressPercentage = colorIndex === STOP_COLOR ? 0 : Math.min(Math.round((colorIndex + 1) / (colors.length * framesPerColor) * 100), 100);
|
|
91458
91262
|
const { Loading } = styledComponent;
|
|
91459
|
-
const onOrientationChange = reactExports.useCallback((curOrientation)=>{
|
|
91460
|
-
if (curOrientation === MODE.LANDSCAPE) {
|
|
91461
|
-
videoRef.current?.pause();
|
|
91462
|
-
} else {
|
|
91463
|
-
videoRef.current?.play();
|
|
91464
|
-
}
|
|
91465
|
-
}, [
|
|
91466
|
-
videoRef
|
|
91467
|
-
]);
|
|
91468
91263
|
// ============================= Timer =============================
|
|
91469
91264
|
const onTimeout = reactExports.useCallback(()=>{
|
|
91470
91265
|
setIsAutoCapturing(false);
|
|
@@ -91501,8 +91296,7 @@
|
|
|
91501
91296
|
const errorMessage = getErrorMessage(faceError);
|
|
91502
91297
|
// error message should be centered in the oval
|
|
91503
91298
|
const errorY = cropArea.y + cropArea.height / 2 + ovalVerticalOffset;
|
|
91504
|
-
return /*#__PURE__*/ jsxRuntimeExports.jsxs(
|
|
91505
|
-
onOrientationChange: onOrientationChange,
|
|
91299
|
+
return /*#__PURE__*/ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
91506
91300
|
children: [
|
|
91507
91301
|
/*#__PURE__*/ jsxRuntimeExports.jsx(NormalCamera, {
|
|
91508
91302
|
frontCamera: frontCamera,
|
|
@@ -91988,17 +91782,219 @@
|
|
|
91988
91782
|
});
|
|
91989
91783
|
};
|
|
91990
91784
|
|
|
91785
|
+
const MODE = {
|
|
91786
|
+
LANDSCAPE: 'landscape',
|
|
91787
|
+
PORTRAIT: 'portrait',
|
|
91788
|
+
DESKTOP: 'desktop'
|
|
91789
|
+
};
|
|
91790
|
+
const useDetectOrientation = (onOrientationChange)=>{
|
|
91791
|
+
const portraitQuery = reactExports.useRef(window.matchMedia('(orientation: portrait)'));
|
|
91792
|
+
const initOrientation = reactExports.useRef(portraitQuery.current.matches ? MODE.PORTRAIT : MODE.LANDSCAPE);
|
|
91793
|
+
const [curOrientation, setCurOrientation] = reactExports.useState(initOrientation.current);
|
|
91794
|
+
reactExports.useEffect(()=>{
|
|
91795
|
+
function handleResizeForScreen() {
|
|
91796
|
+
const orientationType = get(screen, 'orientation.type')?.split('-')?.[0];
|
|
91797
|
+
setCurOrientation(orientationType);
|
|
91798
|
+
if (typeof onOrientationChange === 'function') {
|
|
91799
|
+
onOrientationChange(orientationType);
|
|
91800
|
+
}
|
|
91801
|
+
}
|
|
91802
|
+
function handleResizeForQuery(e) {
|
|
91803
|
+
let orientation;
|
|
91804
|
+
if (e.matches) {
|
|
91805
|
+
orientation = MODE.PORTRAIT;
|
|
91806
|
+
} else {
|
|
91807
|
+
orientation = MODE.LANDSCAPE;
|
|
91808
|
+
}
|
|
91809
|
+
setCurOrientation(orientation);
|
|
91810
|
+
if (typeof onOrientationChange === 'function') {
|
|
91811
|
+
onOrientationChange(orientation);
|
|
91812
|
+
}
|
|
91813
|
+
}
|
|
91814
|
+
if (screen.orientation) {
|
|
91815
|
+
screen.orientation.addEventListener('change', handleResizeForScreen);
|
|
91816
|
+
} else {
|
|
91817
|
+
// screen.orientation only available on ios > 16.4
|
|
91818
|
+
// fallback to window.matchMedia
|
|
91819
|
+
portraitQuery.current.addEventListener('change', handleResizeForQuery);
|
|
91820
|
+
}
|
|
91821
|
+
return ()=>{
|
|
91822
|
+
if (screen.orientation) {
|
|
91823
|
+
screen.orientation.removeEventListener('change', handleResizeForScreen);
|
|
91824
|
+
} else {
|
|
91825
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
91826
|
+
portraitQuery.current.removeEventListener('change', handleResizeForQuery);
|
|
91827
|
+
}
|
|
91828
|
+
};
|
|
91829
|
+
}, [
|
|
91830
|
+
onOrientationChange
|
|
91831
|
+
]);
|
|
91832
|
+
return libExports.isMobile ? {
|
|
91833
|
+
curOrientation,
|
|
91834
|
+
initOrientation: initOrientation.current
|
|
91835
|
+
} : {
|
|
91836
|
+
curOrientation: MODE.DESKTOP
|
|
91837
|
+
};
|
|
91838
|
+
};
|
|
91839
|
+
|
|
91840
|
+
/**
|
|
91841
|
+
* Custom hook to delay rendering when transitioning from hidden to visible state.
|
|
91842
|
+
* Useful for waiting for browser dimension updates after orientation changes.
|
|
91843
|
+
*
|
|
91844
|
+
* @param params - Hook parameters
|
|
91845
|
+
* @param params.isVisible - Whether the component is currently visible
|
|
91846
|
+
* @param params.enableDelay - Whether to apply delay logic for show transitions
|
|
91847
|
+
* @param params.delayMs - Delay in milliseconds before showing (default: 500)
|
|
91848
|
+
* @returns Delayed visibility state
|
|
91849
|
+
*/ function useDelayedRender({ isVisible, enableDelay, delayMs = 500 }) {
|
|
91850
|
+
const [isVisibleDelayed, setIsVisibleDelayed] = reactExports.useState(isVisible);
|
|
91851
|
+
const prevIsVisibleRef = reactExports.useRef(isVisible);
|
|
91852
|
+
const timeoutRef = reactExports.useRef(null);
|
|
91853
|
+
reactExports.useEffect(()=>{
|
|
91854
|
+
const prevIsVisible = prevIsVisibleRef.current;
|
|
91855
|
+
// When delay is disabled, always sync immediately
|
|
91856
|
+
if (!enableDelay) {
|
|
91857
|
+
setIsVisibleDelayed(isVisible);
|
|
91858
|
+
prevIsVisibleRef.current = isVisible;
|
|
91859
|
+
return undefined;
|
|
91860
|
+
}
|
|
91861
|
+
// Handle transitions when delay is enabled
|
|
91862
|
+
const isTransitionToShow = !prevIsVisible && isVisible;
|
|
91863
|
+
const isTransitionToHide = prevIsVisible && !isVisible;
|
|
91864
|
+
if (isTransitionToShow) {
|
|
91865
|
+
// Delay showing when transitioning from hidden to visible
|
|
91866
|
+
timeoutRef.current = setTimeout(()=>{
|
|
91867
|
+
setIsVisibleDelayed(true);
|
|
91868
|
+
}, delayMs);
|
|
91869
|
+
} else if (isTransitionToHide) {
|
|
91870
|
+
// Immediately hide and cancel pending show
|
|
91871
|
+
if (timeoutRef.current) {
|
|
91872
|
+
clearTimeout(timeoutRef.current);
|
|
91873
|
+
timeoutRef.current = null;
|
|
91874
|
+
}
|
|
91875
|
+
setIsVisibleDelayed(false);
|
|
91876
|
+
}
|
|
91877
|
+
prevIsVisibleRef.current = isVisible;
|
|
91878
|
+
return ()=>{
|
|
91879
|
+
if (timeoutRef.current) {
|
|
91880
|
+
clearTimeout(timeoutRef.current);
|
|
91881
|
+
}
|
|
91882
|
+
};
|
|
91883
|
+
}, [
|
|
91884
|
+
isVisible,
|
|
91885
|
+
enableDelay,
|
|
91886
|
+
delayMs
|
|
91887
|
+
]);
|
|
91888
|
+
return isVisibleDelayed;
|
|
91889
|
+
}
|
|
91890
|
+
|
|
91891
|
+
const PopupContent$1 = dt$1.div`
|
|
91892
|
+
text-align: center;
|
|
91893
|
+
font-size: 20px;
|
|
91894
|
+
font-weight: 600;
|
|
91895
|
+
`;
|
|
91896
|
+
const ChildrenWrapper$1 = dt$1.div`
|
|
91897
|
+
width: 100%;
|
|
91898
|
+
height: 100%;
|
|
91899
|
+
opacity: ${({ $showChildren })=>$showChildren ? 1 : 0};
|
|
91900
|
+
`;
|
|
91901
|
+
const defaultPreferredOrientations = [
|
|
91902
|
+
MODE.PORTRAIT,
|
|
91903
|
+
MODE.DESKTOP
|
|
91904
|
+
];
|
|
91905
|
+
function OrientationDetectionV2({ onOrientationChange = noop$1, unmountOnHidden = false, remountDelayMs = 500, preferredOrientations = defaultPreferredOrientations, children }) {
|
|
91906
|
+
const t = gB();
|
|
91907
|
+
const { curOrientation } = useDetectOrientation(onOrientationChange);
|
|
91908
|
+
const hasCorrectOrientation = preferredOrientations.includes(curOrientation);
|
|
91909
|
+
const isVisible = useDelayedRender({
|
|
91910
|
+
isVisible: hasCorrectOrientation,
|
|
91911
|
+
enableDelay: unmountOnHidden,
|
|
91912
|
+
delayMs: remountDelayMs
|
|
91913
|
+
});
|
|
91914
|
+
const shouldMountChildrenOnDom = unmountOnHidden ? isVisible : true;
|
|
91915
|
+
return /*#__PURE__*/ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
91916
|
+
children: [
|
|
91917
|
+
!preferredOrientations.includes(curOrientation) && /*#__PURE__*/ jsxRuntimeExports.jsx(PopupComponent, {
|
|
91918
|
+
open: true,
|
|
91919
|
+
children: /*#__PURE__*/ jsxRuntimeExports.jsx(PopupContent$1, {
|
|
91920
|
+
children: t('wrong_orientation')
|
|
91921
|
+
})
|
|
91922
|
+
}),
|
|
91923
|
+
shouldMountChildrenOnDom && /*#__PURE__*/ jsxRuntimeExports.jsx(ChildrenWrapper$1, {
|
|
91924
|
+
$showChildren: hasCorrectOrientation,
|
|
91925
|
+
children: children
|
|
91926
|
+
})
|
|
91927
|
+
]
|
|
91928
|
+
});
|
|
91929
|
+
}
|
|
91930
|
+
|
|
91931
|
+
const PopupContent = dt$1.div`
|
|
91932
|
+
text-align: center;
|
|
91933
|
+
font-size: 20px;
|
|
91934
|
+
font-weight: 600;
|
|
91935
|
+
`;
|
|
91936
|
+
const ChildrenWrapper = dt$1.div`
|
|
91937
|
+
width: 100%;
|
|
91938
|
+
height: 100%;
|
|
91939
|
+
opacity: ${({ showChildren })=>showChildren ? 1 : 0};
|
|
91940
|
+
`;
|
|
91941
|
+
// eslint-disable-next-line react/require-default-props
|
|
91942
|
+
function OrientationDetectionV1({ onOrientationChange, unmountOnHidden, children }) {
|
|
91943
|
+
const t = gB();
|
|
91944
|
+
const { curOrientation } = useDetectOrientation(onOrientationChange);
|
|
91945
|
+
const shouldShowChildren = curOrientation === MODE.PORTRAIT || curOrientation === MODE.DESKTOP;
|
|
91946
|
+
return /*#__PURE__*/ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
|
|
91947
|
+
children: [
|
|
91948
|
+
curOrientation === MODE.LANDSCAPE && /*#__PURE__*/ jsxRuntimeExports.jsx(PopupComponent, {
|
|
91949
|
+
open: true,
|
|
91950
|
+
children: /*#__PURE__*/ jsxRuntimeExports.jsx(PopupContent, {
|
|
91951
|
+
children: t('wrong_orientation')
|
|
91952
|
+
})
|
|
91953
|
+
}),
|
|
91954
|
+
(unmountOnHidden ? shouldShowChildren : true) && /*#__PURE__*/ jsxRuntimeExports.jsx(ChildrenWrapper, {
|
|
91955
|
+
showChildren: shouldShowChildren,
|
|
91956
|
+
children: children
|
|
91957
|
+
})
|
|
91958
|
+
]
|
|
91959
|
+
});
|
|
91960
|
+
}
|
|
91961
|
+
OrientationDetectionV1.defaultProps = {
|
|
91962
|
+
onOrientationChange: ()=>{},
|
|
91963
|
+
unmountOnHidden: false
|
|
91964
|
+
};
|
|
91965
|
+
OrientationDetectionV1.propTypes = {
|
|
91966
|
+
onOrientationChange: PropTypes.func,
|
|
91967
|
+
unmountOnHidden: PropTypes.bool
|
|
91968
|
+
};
|
|
91969
|
+
|
|
91970
|
+
function OrientationDetection({ version = 'v1', children, ...rest }) {
|
|
91971
|
+
if (version === 'v2') {
|
|
91972
|
+
return /*#__PURE__*/ jsxRuntimeExports.jsx(OrientationDetectionV2, {
|
|
91973
|
+
...rest,
|
|
91974
|
+
children: children
|
|
91975
|
+
});
|
|
91976
|
+
}
|
|
91977
|
+
return /*#__PURE__*/ jsxRuntimeExports.jsx(OrientationDetectionV1, {
|
|
91978
|
+
...rest,
|
|
91979
|
+
children: children
|
|
91980
|
+
});
|
|
91981
|
+
}
|
|
91982
|
+
|
|
91991
91983
|
// eslint-disable-next-line react/require-default-props
|
|
91992
91984
|
const FlashLiveness = (props)=>{
|
|
91993
91985
|
const { apiCredentials, outputEncryptionSettings, mode } = props;
|
|
91994
|
-
return /*#__PURE__*/ jsxRuntimeExports.jsx(
|
|
91995
|
-
|
|
91996
|
-
|
|
91997
|
-
|
|
91998
|
-
|
|
91999
|
-
|
|
92000
|
-
|
|
92001
|
-
|
|
91986
|
+
return /*#__PURE__*/ jsxRuntimeExports.jsx(OrientationDetection, {
|
|
91987
|
+
version: "v2",
|
|
91988
|
+
unmountOnHidden: true,
|
|
91989
|
+
children: /*#__PURE__*/ jsxRuntimeExports.jsx(ApiClientProvider, {
|
|
91990
|
+
apiCredentials: apiCredentials,
|
|
91991
|
+
children: /*#__PURE__*/ jsxRuntimeExports.jsx(FlashModeProvider, {
|
|
91992
|
+
flashMode: mode,
|
|
91993
|
+
children: /*#__PURE__*/ jsxRuntimeExports.jsx(OutputEncryptionProvider, {
|
|
91994
|
+
settings: outputEncryptionSettings,
|
|
91995
|
+
children: /*#__PURE__*/ jsxRuntimeExports.jsx(FlashLivenessContainer, {
|
|
91996
|
+
...props
|
|
91997
|
+
})
|
|
92002
91998
|
})
|
|
92003
91999
|
})
|
|
92004
92000
|
})
|
|
@@ -116352,7 +116348,7 @@
|
|
|
116352
116348
|
display: ${f0.getTheme('closeButton.display')};
|
|
116353
116349
|
`;
|
|
116354
116350
|
|
|
116355
|
-
const defaultAssetRoot = "https://vision-cdn.trustingsocial.com/tvweb-sdk.tcli/5.34.
|
|
116351
|
+
const defaultAssetRoot = "https://vision-cdn.trustingsocial.com/tvweb-sdk.tcli/5.34.6/assets";
|
|
116356
116352
|
class TVWebSDK extends gU {
|
|
116357
116353
|
constructor(props){
|
|
116358
116354
|
super({
|