@ha_tecno/live-id-sdk 2.16.3 → 2.17.0
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/commonjs/components/HACarouselCalibration/HACarouselCalibration.js +9 -6
- package/lib/commonjs/components/HACarouselCalibration/HACarouselCalibration.js.map +1 -1
- package/lib/commonjs/components/HACarouselCalibration/HACarouselItem/HACarouselItem.js +41 -7
- package/lib/commonjs/components/HACarouselCalibration/HACarouselItem/HACarouselItem.js.map +1 -1
- package/lib/commonjs/components/HACarouselCalibration/HACarouselItem/styles.js +6 -0
- package/lib/commonjs/components/HACarouselCalibration/HACarouselItem/styles.js.map +1 -1
- package/lib/commonjs/components/HACarouselCalibration/data.js +12 -3
- package/lib/commonjs/components/HACarouselCalibration/data.js.map +1 -1
- package/lib/module/components/HACarouselCalibration/HACarouselCalibration.js +7 -3
- package/lib/module/components/HACarouselCalibration/HACarouselCalibration.js.map +1 -1
- package/lib/module/components/HACarouselCalibration/HACarouselItem/HACarouselItem.js +38 -6
- package/lib/module/components/HACarouselCalibration/HACarouselItem/HACarouselItem.js.map +1 -1
- package/lib/module/components/HACarouselCalibration/HACarouselItem/styles.js +6 -0
- package/lib/module/components/HACarouselCalibration/HACarouselItem/styles.js.map +1 -1
- package/lib/module/components/HACarouselCalibration/data.js +12 -2
- package/lib/module/components/HACarouselCalibration/data.js.map +1 -1
- package/lib/typescript/src/components/HACarouselCalibration/HACarouselCalibration.d.ts +2 -1
- package/lib/typescript/src/components/HACarouselCalibration/HACarouselCalibration.d.ts.map +1 -1
- package/lib/typescript/src/components/HACarouselCalibration/HACarouselItem/HACarouselItem.d.ts +7 -1
- package/lib/typescript/src/components/HACarouselCalibration/HACarouselItem/HACarouselItem.d.ts.map +1 -1
- package/lib/typescript/src/components/HACarouselCalibration/HACarouselItem/styles.d.ts +6 -0
- package/lib/typescript/src/components/HACarouselCalibration/HACarouselItem/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/HACarouselCalibration/data.d.ts +7 -2
- package/lib/typescript/src/components/HACarouselCalibration/data.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/HACarouselCalibration/HACarouselCalibration.tsx +6 -2
- package/src/components/HACarouselCalibration/HACarouselItem/HACarouselItem.tsx +54 -7
- package/src/components/HACarouselCalibration/HACarouselItem/styles.ts +6 -0
- package/src/components/HACarouselCalibration/data.ts +16 -2
@@ -8,22 +8,23 @@ var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
10
10
|
var _HACarouselItem = require("./HACarouselItem/HACarouselItem");
|
11
|
-
var _data =
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11
|
+
var _data = require("./data");
|
13
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
14
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
15
14
|
const {
|
16
15
|
width
|
17
16
|
} = _reactNative.Dimensions.get("window");
|
18
17
|
const HACarouselCalibration = ({
|
19
|
-
onClose
|
18
|
+
onClose,
|
19
|
+
operation
|
20
20
|
}) => {
|
21
21
|
const flatListRef = (0, _react.useRef)(null);
|
22
22
|
const scrollX = (0, _reactNativeReanimated.useSharedValue)(0);
|
23
23
|
const [paginationIndex, setPaginationIndex] = (0, _react.useState)(0);
|
24
24
|
const [currentIndex, setCurrentIndex] = (0, _react.useState)(0);
|
25
|
+
const data = operation === "liveness" ? _data.dataLiveness : _data.dataBiometrics;
|
25
26
|
const handleNext = () => {
|
26
|
-
if (currentIndex <
|
27
|
+
if (currentIndex < data.length - 1) {
|
27
28
|
var _flatListRef$current;
|
28
29
|
setCurrentIndex(prevIndex => prevIndex + 1);
|
29
30
|
(_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToIndex({
|
@@ -54,7 +55,7 @@ const HACarouselCalibration = ({
|
|
54
55
|
}]);
|
55
56
|
return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.FlatList, {
|
56
57
|
ref: flatListRef,
|
57
|
-
data:
|
58
|
+
data: data,
|
58
59
|
renderItem: ({
|
59
60
|
item,
|
60
61
|
index
|
@@ -64,7 +65,9 @@ const HACarouselCalibration = ({
|
|
64
65
|
scrollX: scrollX,
|
65
66
|
paginationIndex: paginationIndex,
|
66
67
|
handleNext: handleNext,
|
67
|
-
onClose: onClose
|
68
|
+
onClose: onClose,
|
69
|
+
data: data,
|
70
|
+
operation: operation
|
68
71
|
}),
|
69
72
|
horizontal: true,
|
70
73
|
showsHorizontalScrollIndicator: false,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_HACarouselItem","_data","
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_HACarouselItem","_data","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","width","Dimensions","HACarouselCalibration","onClose","operation","flatListRef","useRef","scrollX","useSharedValue","paginationIndex","setPaginationIndex","useState","currentIndex","setCurrentIndex","data","dataLiveness","dataBiometrics","handleNext","length","_flatListRef$current","prevIndex","current","scrollToIndex","index","animated","onScrollHandler","useAnimatedScrollHandler","onScroll","value","contentOffset","x","onViewableItemsChanged","viewableItems","_viewableItems$","undefined","viewabilityConfig","itemVisiblePercentThreshold","viewabilityConfigCallbackPairs","createElement","FlatList","ref","renderItem","item","HACarouselItem","horizontal","showsHorizontalScrollIndicator","pagingEnabled","onMomentumScrollEnd","event","newIndex","Math","round","nativeEvent","_default","exports"],"sourceRoot":"../../../../src","sources":["components/HACarouselCalibration/HACarouselCalibration.tsx"],"mappings":"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"}
|
@@ -4,23 +4,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.HACarouselItem = void 0;
|
7
|
-
var _react =
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
8
8
|
var _reactNative = require("react-native");
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
9
10
|
var _reactNativeResponsiveFontsize = require("react-native-responsive-fontsize");
|
10
11
|
var _theme = require("../../../theme/theme");
|
11
12
|
var _HAPagination = require("../HAPagination/HAPagination");
|
12
|
-
var
|
13
|
+
var _phone = _interopRequireDefault(require("../../../assets/svg/phone.svg"));
|
14
|
+
var _hand = _interopRequireDefault(require("../../../assets/svg/hand.svg"));
|
13
15
|
var _styles = require("./styles");
|
14
16
|
var _icon = _interopRequireDefault(require("../../icon/icon"));
|
15
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
16
20
|
const HACarouselItem = ({
|
17
21
|
item,
|
18
22
|
index,
|
19
23
|
paginationIndex,
|
20
24
|
scrollX,
|
21
25
|
handleNext,
|
22
|
-
onClose
|
26
|
+
onClose,
|
27
|
+
data,
|
28
|
+
operation
|
23
29
|
}) => {
|
30
|
+
const offset = (0, _reactNativeReanimated.useSharedValue)(0);
|
24
31
|
const {
|
25
32
|
gray,
|
26
33
|
backgroundColor,
|
@@ -49,8 +56,25 @@ const HACarouselItem = ({
|
|
49
56
|
..._styles.styles.containerButton,
|
50
57
|
backgroundColor: blue
|
51
58
|
};
|
52
|
-
const
|
53
|
-
const
|
59
|
+
const conditionForPagination = paginationIndex === data.length - 1;
|
60
|
+
const onPress = conditionForPagination ? onClose : handleNext;
|
61
|
+
const iconName = conditionForPagination ? "checkmark" : "arrow-forward";
|
62
|
+
const duration = 2000;
|
63
|
+
const easing = _reactNativeReanimated.Easing.bezier(0.25, 0, 0.25, 1);
|
64
|
+
(0, _react.useEffect)(() => {
|
65
|
+
offset.value = operation === "liveness" ? (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(35, {
|
66
|
+
duration,
|
67
|
+
easing
|
68
|
+
}), (0, _reactNativeReanimated.withTiming)(0, {
|
69
|
+
duration,
|
70
|
+
easing
|
71
|
+
})), -1) : 0;
|
72
|
+
}, [operation]);
|
73
|
+
const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
74
|
+
transform: [{
|
75
|
+
translateX: offset.value
|
76
|
+
}]
|
77
|
+
}));
|
54
78
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
55
79
|
style: containerStyle
|
56
80
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
@@ -61,8 +85,18 @@ const HACarouselItem = ({
|
|
61
85
|
style: titleStyle
|
62
86
|
}, item.title), item.ImageComponent && /*#__PURE__*/_react.default.createElement(item.ImageComponent, null), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
63
87
|
style: textStyle
|
64
|
-
}, item.text, " ")
|
65
|
-
|
88
|
+
}, item.text, " "), operation === "liveness" && index === 1 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
89
|
+
style: _styles.styles.row
|
90
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
91
|
+
style: [_styles.styles.zIndex, style]
|
92
|
+
}, /*#__PURE__*/_react.default.createElement(_hand.default, {
|
93
|
+
width: 65,
|
94
|
+
height: 98
|
95
|
+
})), /*#__PURE__*/_react.default.createElement(_phone.default, {
|
96
|
+
width: 65,
|
97
|
+
height: 98
|
98
|
+
}))), /*#__PURE__*/_react.default.createElement(_HAPagination.HAPagination, {
|
99
|
+
item: data,
|
66
100
|
scrollX: scrollX,
|
67
101
|
paginationIndex: paginationIndex
|
68
102
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_react","
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeResponsiveFontsize","_theme","_HAPagination","_phone","_interopRequireDefault","_hand","_styles","_icon","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","HACarouselItem","item","index","paginationIndex","scrollX","handleNext","onClose","data","operation","offset","useSharedValue","gray","backgroundColor","text","blue","useTheme","containerStyle","styles","container","cardStyle","card","titleStyle","title","fontSize","color","textStyle","RFValue","buttonStyle","containerButton","conditionForPagination","length","onPress","iconName","duration","easing","Easing","bezier","useEffect","value","withRepeat","withSequence","withTiming","style","useAnimatedStyle","transform","translateX","createElement","View","content","Text","ImageComponent","row","zIndex","width","height","HAPagination","TouchableOpacity","activeOpacity","name","size","exports"],"sourceRoot":"../../../../../src","sources":["components/HACarouselCalibration/HACarouselItem/HACarouselItem.tsx"],"mappings":"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"}
|
@@ -44,6 +44,12 @@ const styles = exports.styles = _reactNative.StyleSheet.create({
|
|
44
44
|
justifyContent: "center",
|
45
45
|
alignItems: "center",
|
46
46
|
borderRadius: 50
|
47
|
+
},
|
48
|
+
row: {
|
49
|
+
flexDirection: "row"
|
50
|
+
},
|
51
|
+
zIndex: {
|
52
|
+
zIndex: 99
|
47
53
|
}
|
48
54
|
});
|
49
55
|
//# sourceMappingURL=styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_reactNative","require","width","Dimensions","get","styles","exports","StyleSheet","create","container","flex","justifyContent","alignItems","padding","card","minHeight","borderRadius","gap","content","title","textAlign","text","containerPagination","alignSelf","containerButton","height"],"sourceRoot":"../../../../../src","sources":["components/HACarouselCalibration/HACarouselItem/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA,MAAM;EAAEC;AAAM,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;AAEnC,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACtCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPR,KAAK;IACLS,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJH,cAAc,EAAE,QAAQ;IACxBI,SAAS,EAAE,KAAK;IAChBC,YAAY,EAAE,EAAE;IAChBC,GAAG,EAAE,EAAE;IACPJ,OAAO,EAAE;EACX,CAAC;EACDK,OAAO,EAAE;IACPN,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBM,GAAG,EAAE;EACP,CAAC;EACDE,KAAK,EAAE;IACLC,SAAS,EAAE;EACb,CAAC;EACDC,IAAI,EAAE;IACJD,SAAS,EAAE;EACb,CAAC;EACDE,mBAAmB,EAAE;IACnBC,SAAS,EAAE;EACb,CAAC;EACDC,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVvB,KAAK,EAAE,EAAE;IACTqB,SAAS,EAAE,QAAQ;IACnBZ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBI,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}
|
1
|
+
{"version":3,"names":["_reactNative","require","width","Dimensions","get","styles","exports","StyleSheet","create","container","flex","justifyContent","alignItems","padding","card","minHeight","borderRadius","gap","content","title","textAlign","text","containerPagination","alignSelf","containerButton","height","row","flexDirection","zIndex"],"sourceRoot":"../../../../../src","sources":["components/HACarouselCalibration/HACarouselItem/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA,MAAM;EAAEC;AAAM,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;AAEnC,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACtCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPR,KAAK;IACLS,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJH,cAAc,EAAE,QAAQ;IACxBI,SAAS,EAAE,KAAK;IAChBC,YAAY,EAAE,EAAE;IAChBC,GAAG,EAAE,EAAE;IACPJ,OAAO,EAAE;EACX,CAAC;EACDK,OAAO,EAAE;IACPN,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBM,GAAG,EAAE;EACP,CAAC;EACDE,KAAK,EAAE;IACLC,SAAS,EAAE;EACb,CAAC;EACDC,IAAI,EAAE;IACJD,SAAS,EAAE;EACb,CAAC;EACDE,mBAAmB,EAAE;IACnBC,SAAS,EAAE;EACb,CAAC;EACDC,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVvB,KAAK,EAAE,EAAE;IACTqB,SAAS,EAAE,QAAQ;IACnBZ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBI,YAAY,EAAE;EAChB,CAAC;EACDU,GAAG,EAAE;IACHC,aAAa,EAAE;EACjB,CAAC;EACDC,MAAM,EAAE;IACNA,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
|
@@ -3,12 +3,12 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.dataLiveness = exports.dataBiometrics = void 0;
|
7
7
|
var _exampleCalibration = _interopRequireDefault(require("../../assets/svg/exampleCalibration1.svg"));
|
8
8
|
var _exampleCalibration2 = _interopRequireDefault(require("../../assets/svg/exampleCalibration2.svg"));
|
9
9
|
var _fingerPrint = _interopRequireDefault(require("../../assets/svg/fingerPrint.svg"));
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11
|
-
const
|
11
|
+
const dataBiometrics = exports.dataBiometrics = [{
|
12
12
|
title: "BOAS VINDAS AO LIVEID",
|
13
13
|
text: `Antes de começarmos, precisamos garantir que seu dispositivo esteja configurado para a melhor experiência possível.\n\nSiga as etapas a seguir para calibrar a captura no seu aparelho.`
|
14
14
|
}, {
|
@@ -24,5 +24,14 @@ const data = [{
|
|
24
24
|
ImageComponent: _fingerPrint.default,
|
25
25
|
text: "Certifique-se de que sua digital está bem focada. Testaremos diferentes iluminações — se a tela escurecer, não se preocupe, faz parte do processo!"
|
26
26
|
}];
|
27
|
-
|
27
|
+
const dataLiveness = exports.dataLiveness = [{
|
28
|
+
title: "BOAS VINDAS AO LIVEID",
|
29
|
+
text: `Antes de começarmos, precisamos garantir que seu dispositivo esteja configurado para a melhor experiência possível.\n\nSiga as etapas a seguir para calibrar a captura no seu aparelho.`
|
30
|
+
}, {
|
31
|
+
title: "Como realizar a prova de vida",
|
32
|
+
text: "Coloque seu dedo na câmera conforme indicado na animação e altere o brilho."
|
33
|
+
}, {
|
34
|
+
title: "Realizar a prova de vida",
|
35
|
+
text: "Faça uma leve pressão na câmera, clique no botão de captura e aguarde 10 segundos."
|
36
|
+
}];
|
28
37
|
//# sourceMappingURL=data.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_exampleCalibration","_interopRequireDefault","require","_exampleCalibration2","_fingerPrint","obj","__esModule","default","
|
1
|
+
{"version":3,"names":["_exampleCalibration","_interopRequireDefault","require","_exampleCalibration2","_fingerPrint","obj","__esModule","default","dataBiometrics","exports","title","text","ImageComponent","ExampleCalibration1","ExampleCalibration2","FingerPrint","dataLiveness"],"sourceRoot":"../../../../src","sources":["components/HACarouselCalibration/data.ts"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA2D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3D,MAAMG,cAA2G,GAAAC,OAAA,CAAAD,cAAA,GAAG,CAClH;EACEE,KAAK,EAAE,uBAAuB;EAC9BC,IAAI,EAAG;AACT,CAAC,EACD;EACED,KAAK,EAAE,qCAAqC;EAC5CE,cAAc,EAAEC,2BAAmB;EACnCF,IAAI,EAAE;AACR,CAAC,EACD;EACED,KAAK,EAAE,qCAAqC;EAC5CE,cAAc,EAAEE,4BAAmB;EACnCH,IAAI,EAAE;AACR,CAAC,EACD;EACED,KAAK,EAAE,2BAA2B;EAClCE,cAAc,EAAEG,oBAAW;EAC3BJ,IAAI,EAAE;AACR,CAAC,CACF;AAED,MAAMK,YAAyG,GAAAP,OAAA,CAAAO,YAAA,GAAG,CAChH;EACEN,KAAK,EAAE,uBAAuB;EAC9BC,IAAI,EAAG;AACT,CAAC,EACD;EACED,KAAK,EAAE,+BAA+B;EACtCC,IAAI,EAAE;AACR,CAAC,EACD;EACED,KAAK,EAAE,0BAA0B;EACjCC,IAAI,EAAE;AACR,CAAC,CACF"}
|
@@ -2,17 +2,19 @@ import React, { useRef, useState } from "react";
|
|
2
2
|
import { Dimensions } from "react-native";
|
3
3
|
import Animated, { useAnimatedScrollHandler, useSharedValue } from "react-native-reanimated";
|
4
4
|
import { HACarouselItem } from "./HACarouselItem/HACarouselItem";
|
5
|
-
import
|
5
|
+
import { dataBiometrics, dataLiveness } from "./data";
|
6
6
|
const {
|
7
7
|
width
|
8
8
|
} = Dimensions.get("window");
|
9
9
|
const HACarouselCalibration = ({
|
10
|
-
onClose
|
10
|
+
onClose,
|
11
|
+
operation
|
11
12
|
}) => {
|
12
13
|
const flatListRef = useRef(null);
|
13
14
|
const scrollX = useSharedValue(0);
|
14
15
|
const [paginationIndex, setPaginationIndex] = useState(0);
|
15
16
|
const [currentIndex, setCurrentIndex] = useState(0);
|
17
|
+
const data = operation === "liveness" ? dataLiveness : dataBiometrics;
|
16
18
|
const handleNext = () => {
|
17
19
|
if (currentIndex < data.length - 1) {
|
18
20
|
var _flatListRef$current;
|
@@ -55,7 +57,9 @@ const HACarouselCalibration = ({
|
|
55
57
|
scrollX: scrollX,
|
56
58
|
paginationIndex: paginationIndex,
|
57
59
|
handleNext: handleNext,
|
58
|
-
onClose: onClose
|
60
|
+
onClose: onClose,
|
61
|
+
data: data,
|
62
|
+
operation: operation
|
59
63
|
}),
|
60
64
|
horizontal: true,
|
61
65
|
showsHorizontalScrollIndicator: false,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["React","useRef","useState","Dimensions","Animated","useAnimatedScrollHandler","useSharedValue","HACarouselItem","
|
1
|
+
{"version":3,"names":["React","useRef","useState","Dimensions","Animated","useAnimatedScrollHandler","useSharedValue","HACarouselItem","dataBiometrics","dataLiveness","width","get","HACarouselCalibration","onClose","operation","flatListRef","scrollX","paginationIndex","setPaginationIndex","currentIndex","setCurrentIndex","data","handleNext","length","_flatListRef$current","prevIndex","current","scrollToIndex","index","animated","onScrollHandler","onScroll","e","value","contentOffset","x","onViewableItemsChanged","viewableItems","_viewableItems$","undefined","viewabilityConfig","itemVisiblePercentThreshold","viewabilityConfigCallbackPairs","createElement","FlatList","ref","renderItem","item","horizontal","showsHorizontalScrollIndicator","pagingEnabled","onMomentumScrollEnd","event","newIndex","Math","round","nativeEvent"],"sourceRoot":"../../../../src","sources":["components/HACarouselCalibration/HACarouselCalibration.tsx"],"mappings":"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"}
|
@@ -1,9 +1,11 @@
|
|
1
|
-
import React from "react";
|
1
|
+
import React, { useEffect } from "react";
|
2
2
|
import { View, Text, TouchableOpacity } from "react-native";
|
3
|
+
import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withSequence, withTiming } from "react-native-reanimated";
|
3
4
|
import { RFValue } from "react-native-responsive-fontsize";
|
4
5
|
import { useTheme } from "../../../theme/theme";
|
5
6
|
import { HAPagination } from "../HAPagination/HAPagination";
|
6
|
-
import
|
7
|
+
import Phone from "../../../assets/svg/phone.svg";
|
8
|
+
import Hand from "../../../assets/svg/hand.svg";
|
7
9
|
import { styles } from "./styles";
|
8
10
|
import Icon from "../../icon/icon";
|
9
11
|
export const HACarouselItem = ({
|
@@ -12,8 +14,11 @@ export const HACarouselItem = ({
|
|
12
14
|
paginationIndex,
|
13
15
|
scrollX,
|
14
16
|
handleNext,
|
15
|
-
onClose
|
17
|
+
onClose,
|
18
|
+
data,
|
19
|
+
operation
|
16
20
|
}) => {
|
21
|
+
const offset = useSharedValue(0);
|
17
22
|
const {
|
18
23
|
gray,
|
19
24
|
backgroundColor,
|
@@ -42,8 +47,25 @@ export const HACarouselItem = ({
|
|
42
47
|
...styles.containerButton,
|
43
48
|
backgroundColor: blue
|
44
49
|
};
|
45
|
-
const
|
46
|
-
const
|
50
|
+
const conditionForPagination = paginationIndex === data.length - 1;
|
51
|
+
const onPress = conditionForPagination ? onClose : handleNext;
|
52
|
+
const iconName = conditionForPagination ? "checkmark" : "arrow-forward";
|
53
|
+
const duration = 2000;
|
54
|
+
const easing = Easing.bezier(0.25, 0, 0.25, 1);
|
55
|
+
useEffect(() => {
|
56
|
+
offset.value = operation === "liveness" ? withRepeat(withSequence(withTiming(35, {
|
57
|
+
duration,
|
58
|
+
easing
|
59
|
+
}), withTiming(0, {
|
60
|
+
duration,
|
61
|
+
easing
|
62
|
+
})), -1) : 0;
|
63
|
+
}, [operation]);
|
64
|
+
const style = useAnimatedStyle(() => ({
|
65
|
+
transform: [{
|
66
|
+
translateX: offset.value
|
67
|
+
}]
|
68
|
+
}));
|
47
69
|
return /*#__PURE__*/React.createElement(View, {
|
48
70
|
style: containerStyle
|
49
71
|
}, /*#__PURE__*/React.createElement(View, {
|
@@ -54,7 +76,17 @@ export const HACarouselItem = ({
|
|
54
76
|
style: titleStyle
|
55
77
|
}, item.title), item.ImageComponent && /*#__PURE__*/React.createElement(item.ImageComponent, null), /*#__PURE__*/React.createElement(Text, {
|
56
78
|
style: textStyle
|
57
|
-
}, item.text, " ")
|
79
|
+
}, item.text, " "), operation === "liveness" && index === 1 && /*#__PURE__*/React.createElement(View, {
|
80
|
+
style: styles.row
|
81
|
+
}, /*#__PURE__*/React.createElement(Animated.View, {
|
82
|
+
style: [styles.zIndex, style]
|
83
|
+
}, /*#__PURE__*/React.createElement(Hand, {
|
84
|
+
width: 65,
|
85
|
+
height: 98
|
86
|
+
})), /*#__PURE__*/React.createElement(Phone, {
|
87
|
+
width: 65,
|
88
|
+
height: 98
|
89
|
+
}))), /*#__PURE__*/React.createElement(HAPagination, {
|
58
90
|
item: data,
|
59
91
|
scrollX: scrollX,
|
60
92
|
paginationIndex: paginationIndex
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["React","View","Text","TouchableOpacity","RFValue","useTheme","HAPagination","
|
1
|
+
{"version":3,"names":["React","useEffect","View","Text","TouchableOpacity","Animated","Easing","useAnimatedStyle","useSharedValue","withRepeat","withSequence","withTiming","RFValue","useTheme","HAPagination","Phone","Hand","styles","Icon","HACarouselItem","item","index","paginationIndex","scrollX","handleNext","onClose","data","operation","offset","gray","backgroundColor","text","blue","containerStyle","container","cardStyle","card","titleStyle","title","fontSize","color","textStyle","buttonStyle","containerButton","conditionForPagination","length","onPress","iconName","duration","easing","bezier","value","style","transform","translateX","createElement","content","ImageComponent","row","zIndex","width","height","activeOpacity","name","size"],"sourceRoot":"../../../../../src","sources":["components/HACarouselCalibration/HACarouselItem/HACarouselItem.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,OAAOC,QAAQ,IACbC,MAAM,EAENC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,UAAU,QACL,yBAAyB;AAChC,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,QAAQ,8BAA8B;AAC3D,OAAOC,KAAK,MAAM,+BAA+B;AACjD,OAAOC,IAAI,MAAM,8BAA8B;AAC/C,SAASC,MAAM,QAAQ,UAAU;AACjC,OAAOC,IAAI,MAAM,iBAAiB;AAqBlC,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,IAAI;EACJC,KAAK;EACLC,eAAe;EACfC,OAAO;EACPC,UAAU;EACVC,OAAO;EACPC,IAAI;EACJC;AACkB,CAAC,KAAK;EACxB,MAAMC,MAAM,GAAGpB,cAAc,CAAC,CAAC,CAAC;EAChC,MAAM;IAAEqB,IAAI;IAAEC,eAAe;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAGnB,QAAQ,CAAC,CAAC;EACxD,MAAMoB,cAAc,GAAG;IAAE,GAAGhB,MAAM,CAACiB,SAAS;IAAEJ;EAAgB,CAAC;EAC/D,MAAMK,SAAS,GAAG;IAAE,GAAGlB,MAAM,CAACmB,IAAI;IAAEN,eAAe,EAAED;EAAK,CAAC;EAC3D,MAAMQ,UAAU,GAAG;IAAE,GAAGpB,MAAM,CAACqB,KAAK;IAAEC,QAAQ,EAAElB,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE;IAAEmB,KAAK,EAAET;EAAK,CAAC;EACpF,MAAMU,SAAS,GAAG;IAAE,GAAGxB,MAAM,CAACc,IAAI;IAAEQ,QAAQ,EAAE3B,OAAO,CAAC,EAAE,CAAC;IAAE4B,KAAK,EAAET;EAAK,CAAC;EACxE,MAAMW,WAAW,GAAG;IAAE,GAAGzB,MAAM,CAAC0B,eAAe;IAAEb,eAAe,EAAEE;EAAK,CAAC;EAExE,MAAMY,sBAAsB,GAAGtB,eAAe,KAAKI,IAAI,CAACmB,MAAM,GAAG,CAAC;EAElE,MAAMC,OAAO,GAAGF,sBAAsB,GAAGnB,OAAO,GAAGD,UAAU;EAC7D,MAAMuB,QAAQ,GAAGH,sBAAsB,GAAG,WAAW,GAAG,eAAe;EAEvE,MAAMI,QAAQ,GAAG,IAAI;EACrB,MAAMC,MAAM,GAAG3C,MAAM,CAAC4C,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;EAC9CjD,SAAS,CAAC,MAAM;IACd2B,MAAM,CAACuB,KAAK,GACVxB,SAAS,KAAK,UAAU,GACpBlB,UAAU,CAACC,YAAY,CAACC,UAAU,CAAC,EAAE,EAAE;MAAEqC,QAAQ;MAAEC;IAAO,CAAC,CAAC,EAAEtC,UAAU,CAAC,CAAC,EAAE;MAAEqC,QAAQ;MAAEC;IAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACvG,CAAC;EACT,CAAC,EAAE,CAACtB,SAAS,CAAC,CAAC;EAEf,MAAMyB,KAAK,GAAG7C,gBAAgB,CAAC,OAAO;IACpC8C,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE1B,MAAM,CAACuB;IAAM,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,oBACEnD,KAAA,CAAAuD,aAAA,CAACrD,IAAI;IAACkD,KAAK,EAAEnB;EAAe,gBAC1BjC,KAAA,CAAAuD,aAAA,CAACrD,IAAI;IAACkD,KAAK,EAAEjB;EAAU,gBACrBnC,KAAA,CAAAuD,aAAA,CAACrD,IAAI;IAACkD,KAAK,EAAEnC,MAAM,CAACuC;EAAQ,gBAC1BxD,KAAA,CAAAuD,aAAA,CAACpD,IAAI;IAACiD,KAAK,EAAEf;EAAW,GAAEjB,IAAI,CAACkB,KAAY,CAAC,EAC3ClB,IAAI,CAACqC,cAAc,iBAAIzD,KAAA,CAAAuD,aAAA,CAACnC,IAAI,CAACqC,cAAc,MAAE,CAAC,eAC/CzD,KAAA,CAAAuD,aAAA,CAACpD,IAAI;IAACiD,KAAK,EAAEX;EAAU,GAAErB,IAAI,CAACW,IAAI,EAAC,GAAO,CAAC,EAC1CJ,SAAS,KAAK,UAAU,IAAIN,KAAK,KAAK,CAAC,iBACtCrB,KAAA,CAAAuD,aAAA,CAACrD,IAAI;IAACkD,KAAK,EAAEnC,MAAM,CAACyC;EAAI,gBACtB1D,KAAA,CAAAuD,aAAA,CAAClD,QAAQ,CAACH,IAAI;IAACkD,KAAK,EAAE,CAACnC,MAAM,CAAC0C,MAAM,EAAEP,KAAK;EAAE,gBAC3CpD,KAAA,CAAAuD,aAAA,CAACvC,IAAI;IAAC4C,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACjB,CAAC,eAChB7D,KAAA,CAAAuD,aAAA,CAACxC,KAAK;IAAC6C,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAC3B,CAEJ,CAAC,eACP7D,KAAA,CAAAuD,aAAA,CAACzC,YAAY;IAACM,IAAI,EAAEM,IAAK;IAACH,OAAO,EAAEA,OAAQ;IAACD,eAAe,EAAEA;EAAgB,CAAE,CAAC,eAChFtB,KAAA,CAAAuD,aAAA,CAACnD,gBAAgB;IAACgD,KAAK,EAAEV,WAAY;IAACI,OAAO,EAAEA,OAAQ;IAACgB,aAAa,EAAE;EAAI,gBACzE9D,KAAA,CAAAuD,aAAA,CAACrC,IAAI;IAAC6C,IAAI,EAAEhB,QAAS;IAACiB,IAAI,EAAE,EAAG;IAACxB,KAAK,EAAE;EAAQ,CAAE,CACjC,CACd,CACF,CAAC;AAEX,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["Dimensions","StyleSheet","width","get","styles","create","container","flex","justifyContent","alignItems","padding","card","minHeight","borderRadius","gap","content","title","textAlign","text","containerPagination","alignSelf","containerButton","height"],"sourceRoot":"../../../../../src","sources":["components/HACarouselCalibration/HACarouselItem/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,cAAc;AAEzC,MAAM;EAAEC;AAAM,CAAC,GAAGF,UAAU,CAACG,GAAG,CAAC,QAAQ,CAAC;AAE1C,OAAO,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EACtCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPL,KAAK;IACLM,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJH,cAAc,EAAE,QAAQ;IACxBI,SAAS,EAAE,KAAK;IAChBC,YAAY,EAAE,EAAE;IAChBC,GAAG,EAAE,EAAE;IACPJ,OAAO,EAAE;EACX,CAAC;EACDK,OAAO,EAAE;IACPN,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBM,GAAG,EAAE;EACP,CAAC;EACDE,KAAK,EAAE;IACLC,SAAS,EAAE;EACb,CAAC;EACDC,IAAI,EAAE;IACJD,SAAS,EAAE;EACb,CAAC;EACDE,mBAAmB,EAAE;IACnBC,SAAS,EAAE;EACb,CAAC;EACDC,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVpB,KAAK,EAAE,EAAE;IACTkB,SAAS,EAAE,QAAQ;IACnBZ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBI,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}
|
1
|
+
{"version":3,"names":["Dimensions","StyleSheet","width","get","styles","create","container","flex","justifyContent","alignItems","padding","card","minHeight","borderRadius","gap","content","title","textAlign","text","containerPagination","alignSelf","containerButton","height","row","flexDirection","zIndex"],"sourceRoot":"../../../../../src","sources":["components/HACarouselCalibration/HACarouselItem/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,cAAc;AAEzC,MAAM;EAAEC;AAAM,CAAC,GAAGF,UAAU,CAACG,GAAG,CAAC,QAAQ,CAAC;AAE1C,OAAO,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EACtCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPL,KAAK;IACLM,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJH,cAAc,EAAE,QAAQ;IACxBI,SAAS,EAAE,KAAK;IAChBC,YAAY,EAAE,EAAE;IAChBC,GAAG,EAAE,EAAE;IACPJ,OAAO,EAAE;EACX,CAAC;EACDK,OAAO,EAAE;IACPN,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBM,GAAG,EAAE;EACP,CAAC;EACDE,KAAK,EAAE;IACLC,SAAS,EAAE;EACb,CAAC;EACDC,IAAI,EAAE;IACJD,SAAS,EAAE;EACb,CAAC;EACDE,mBAAmB,EAAE;IACnBC,SAAS,EAAE;EACb,CAAC;EACDC,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVpB,KAAK,EAAE,EAAE;IACTkB,SAAS,EAAE,QAAQ;IACnBZ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBI,YAAY,EAAE;EAChB,CAAC;EACDU,GAAG,EAAE;IACHC,aAAa,EAAE;EACjB,CAAC;EACDC,MAAM,EAAE;IACNA,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import ExampleCalibration1 from "../../assets/svg/exampleCalibration1.svg";
|
2
2
|
import ExampleCalibration2 from "../../assets/svg/exampleCalibration2.svg";
|
3
3
|
import FingerPrint from "../../assets/svg/fingerPrint.svg";
|
4
|
-
const
|
4
|
+
const dataBiometrics = [{
|
5
5
|
title: "BOAS VINDAS AO LIVEID",
|
6
6
|
text: `Antes de começarmos, precisamos garantir que seu dispositivo esteja configurado para a melhor experiência possível.\n\nSiga as etapas a seguir para calibrar a captura no seu aparelho.`
|
7
7
|
}, {
|
@@ -17,5 +17,15 @@ const data = [{
|
|
17
17
|
ImageComponent: FingerPrint,
|
18
18
|
text: "Certifique-se de que sua digital está bem focada. Testaremos diferentes iluminações — se a tela escurecer, não se preocupe, faz parte do processo!"
|
19
19
|
}];
|
20
|
-
|
20
|
+
const dataLiveness = [{
|
21
|
+
title: "BOAS VINDAS AO LIVEID",
|
22
|
+
text: `Antes de começarmos, precisamos garantir que seu dispositivo esteja configurado para a melhor experiência possível.\n\nSiga as etapas a seguir para calibrar a captura no seu aparelho.`
|
23
|
+
}, {
|
24
|
+
title: "Como realizar a prova de vida",
|
25
|
+
text: "Coloque seu dedo na câmera conforme indicado na animação e altere o brilho."
|
26
|
+
}, {
|
27
|
+
title: "Realizar a prova de vida",
|
28
|
+
text: "Faça uma leve pressão na câmera, clique no botão de captura e aguarde 10 segundos."
|
29
|
+
}];
|
30
|
+
export { dataBiometrics, dataLiveness };
|
21
31
|
//# sourceMappingURL=data.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["ExampleCalibration1","ExampleCalibration2","FingerPrint","
|
1
|
+
{"version":3,"names":["ExampleCalibration1","ExampleCalibration2","FingerPrint","dataBiometrics","title","text","ImageComponent","dataLiveness"],"sourceRoot":"../../../../src","sources":["components/HACarouselCalibration/data.ts"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,0CAA0C;AAC1E,OAAOC,mBAAmB,MAAM,0CAA0C;AAC1E,OAAOC,WAAW,MAAM,kCAAkC;AAE1D,MAAMC,cAA2G,GAAG,CAClH;EACEC,KAAK,EAAE,uBAAuB;EAC9BC,IAAI,EAAG;AACT,CAAC,EACD;EACED,KAAK,EAAE,qCAAqC;EAC5CE,cAAc,EAAEN,mBAAmB;EACnCK,IAAI,EAAE;AACR,CAAC,EACD;EACED,KAAK,EAAE,qCAAqC;EAC5CE,cAAc,EAAEL,mBAAmB;EACnCI,IAAI,EAAE;AACR,CAAC,EACD;EACED,KAAK,EAAE,2BAA2B;EAClCE,cAAc,EAAEJ,WAAW;EAC3BG,IAAI,EAAE;AACR,CAAC,CACF;AAED,MAAME,YAAyG,GAAG,CAChH;EACEH,KAAK,EAAE,uBAAuB;EAC9BC,IAAI,EAAG;AACT,CAAC,EACD;EACED,KAAK,EAAE,+BAA+B;EACtCC,IAAI,EAAE;AACR,CAAC,EACD;EACED,KAAK,EAAE,0BAA0B;EACjCC,IAAI,EAAE;AACR,CAAC,CACF;AACD,SAASF,cAAc,EAAEI,YAAY"}
|
@@ -1,7 +1,8 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
type HACarouselCalibrationType = {
|
3
3
|
onClose: () => void;
|
4
|
+
operation: "liveness" | "biometrics";
|
4
5
|
};
|
5
|
-
declare const HACarouselCalibration: ({ onClose }: HACarouselCalibrationType) => JSX.Element;
|
6
|
+
declare const HACarouselCalibration: ({ onClose, operation }: HACarouselCalibrationType) => JSX.Element;
|
6
7
|
export default HACarouselCalibration;
|
7
8
|
//# sourceMappingURL=HACarouselCalibration.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HACarouselCalibration.d.ts","sourceRoot":"","sources":["../../../../../src/components/HACarouselCalibration/HACarouselCalibration.tsx"],"names":[],"mappings":";AAQA,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;
|
1
|
+
{"version":3,"file":"HACarouselCalibration.d.ts","sourceRoot":"","sources":["../../../../../src/components/HACarouselCalibration/HACarouselCalibration.tsx"],"names":[],"mappings":";AAQA,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,UAAU,GAAG,YAAY,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,qBAAqB,2BAA4B,yBAAyB,gBA2D/E,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
package/lib/typescript/src/components/HACarouselCalibration/HACarouselItem/HACarouselItem.d.ts
CHANGED
@@ -11,7 +11,13 @@ type HACarouselItemType = {
|
|
11
11
|
scrollX: SharedValue<number>;
|
12
12
|
handleNext: () => void;
|
13
13
|
onClose: () => void;
|
14
|
+
data: {
|
15
|
+
title: string;
|
16
|
+
ImageComponent?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
17
|
+
text: string;
|
18
|
+
}[];
|
19
|
+
operation: "liveness" | "biometrics";
|
14
20
|
};
|
15
|
-
export declare const HACarouselItem: ({ item, index, paginationIndex, scrollX, handleNext, onClose }: HACarouselItemType) => JSX.Element;
|
21
|
+
export declare const HACarouselItem: ({ item, index, paginationIndex, scrollX, handleNext, onClose, data, operation }: HACarouselItemType) => JSX.Element;
|
16
22
|
export {};
|
17
23
|
//# sourceMappingURL=HACarouselItem.d.ts.map
|
package/lib/typescript/src/components/HACarouselCalibration/HACarouselItem/HACarouselItem.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HACarouselItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HACarouselCalibration/HACarouselItem/HACarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"HACarouselItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HACarouselCalibration/HACarouselItem/HACarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAiB,EAEf,WAAW,EAMZ,MAAM,yBAAyB,CAAC;AASjC,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;KAC1D,CAAC;IACF,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAAG,SAAS,CAAC;QACrE,IAAI,EAAE,MAAM,CAAC;KACd,EAAE,CAAC;IACJ,SAAS,EAAE,UAAU,GAAG,YAAY,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,cAAc,oFASxB,kBAAkB,gBAkDpB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HACarouselCalibration/HACarouselItem/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HACarouselCalibration/HACarouselItem/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CjB,CAAC"}
|
@@ -1,9 +1,14 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
/// <reference types="react" />
|
3
|
-
declare const
|
3
|
+
declare const dataBiometrics: {
|
4
4
|
title: string;
|
5
5
|
ImageComponent?: React.FC<React.SVGProps<SVGSVGElement>>;
|
6
6
|
text: string;
|
7
7
|
}[];
|
8
|
-
|
8
|
+
declare const dataLiveness: {
|
9
|
+
title: string;
|
10
|
+
ImageComponent?: React.FC<React.SVGProps<SVGSVGElement>>;
|
11
|
+
text: string;
|
12
|
+
}[];
|
13
|
+
export { dataBiometrics, dataLiveness };
|
9
14
|
//# sourceMappingURL=data.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../src/components/HACarouselCalibration/data.ts"],"names":[],"mappings":";;AAIA,QAAA,MAAM,
|
1
|
+
{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../src/components/HACarouselCalibration/data.ts"],"names":[],"mappings":";;AAIA,QAAA,MAAM,cAAc,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAoB9G,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAa5G,CAAC;AACF,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
|
package/package.json
CHANGED
@@ -2,19 +2,21 @@ import React, { useRef, useState } from "react";
|
|
2
2
|
import { ViewToken, Dimensions, FlatList } from "react-native";
|
3
3
|
import Animated, { useAnimatedScrollHandler, useSharedValue } from "react-native-reanimated";
|
4
4
|
import { HACarouselItem } from "./HACarouselItem/HACarouselItem";
|
5
|
-
import
|
5
|
+
import { dataBiometrics, dataLiveness } from "./data";
|
6
6
|
|
7
7
|
const { width } = Dimensions.get("window");
|
8
8
|
|
9
9
|
type HACarouselCalibrationType = {
|
10
10
|
onClose: () => void;
|
11
|
+
operation: "liveness" | "biometrics";
|
11
12
|
};
|
12
13
|
|
13
|
-
const HACarouselCalibration = ({ onClose }: HACarouselCalibrationType) => {
|
14
|
+
const HACarouselCalibration = ({ onClose, operation }: HACarouselCalibrationType) => {
|
14
15
|
const flatListRef = useRef<FlatList>(null);
|
15
16
|
const scrollX = useSharedValue(0);
|
16
17
|
const [paginationIndex, setPaginationIndex] = useState(0);
|
17
18
|
const [currentIndex, setCurrentIndex] = useState(0);
|
19
|
+
const data = operation === "liveness" ? dataLiveness : dataBiometrics;
|
18
20
|
|
19
21
|
const handleNext = () => {
|
20
22
|
if (currentIndex < data.length - 1) {
|
@@ -53,6 +55,8 @@ const HACarouselCalibration = ({ onClose }: HACarouselCalibrationType) => {
|
|
53
55
|
paginationIndex={paginationIndex}
|
54
56
|
handleNext={handleNext}
|
55
57
|
onClose={onClose}
|
58
|
+
data={data}
|
59
|
+
operation={operation}
|
56
60
|
/>
|
57
61
|
)}
|
58
62
|
horizontal
|
@@ -1,10 +1,19 @@
|
|
1
|
-
import React from "react";
|
1
|
+
import React, { useEffect } from "react";
|
2
2
|
import { View, Text, TouchableOpacity } from "react-native";
|
3
|
-
import {
|
3
|
+
import Animated, {
|
4
|
+
Easing,
|
5
|
+
SharedValue,
|
6
|
+
useAnimatedStyle,
|
7
|
+
useSharedValue,
|
8
|
+
withRepeat,
|
9
|
+
withSequence,
|
10
|
+
withTiming
|
11
|
+
} from "react-native-reanimated";
|
4
12
|
import { RFValue } from "react-native-responsive-fontsize";
|
5
13
|
import { useTheme } from "../../../theme/theme";
|
6
14
|
import { HAPagination } from "../HAPagination/HAPagination";
|
7
|
-
import
|
15
|
+
import Phone from "../../../assets/svg/phone.svg";
|
16
|
+
import Hand from "../../../assets/svg/hand.svg";
|
8
17
|
import { styles } from "./styles";
|
9
18
|
import Icon from "../../icon/icon";
|
10
19
|
|
@@ -19,19 +28,49 @@ type HACarouselItemType = {
|
|
19
28
|
scrollX: SharedValue<number>;
|
20
29
|
handleNext: () => void;
|
21
30
|
onClose: () => void;
|
31
|
+
data: {
|
32
|
+
title: string;
|
33
|
+
ImageComponent?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
34
|
+
text: string;
|
35
|
+
}[];
|
36
|
+
operation: "liveness" | "biometrics";
|
22
37
|
};
|
23
38
|
|
24
|
-
export const HACarouselItem = ({
|
39
|
+
export const HACarouselItem = ({
|
40
|
+
item,
|
41
|
+
index,
|
42
|
+
paginationIndex,
|
43
|
+
scrollX,
|
44
|
+
handleNext,
|
45
|
+
onClose,
|
46
|
+
data,
|
47
|
+
operation
|
48
|
+
}: HACarouselItemType) => {
|
49
|
+
const offset = useSharedValue(0);
|
25
50
|
const { gray, backgroundColor, text, blue } = useTheme();
|
26
|
-
|
27
51
|
const containerStyle = { ...styles.container, backgroundColor };
|
28
52
|
const cardStyle = { ...styles.card, backgroundColor: gray };
|
29
53
|
const titleStyle = { ...styles.title, fontSize: index === 0 ? 36 : 22, color: text };
|
30
54
|
const textStyle = { ...styles.text, fontSize: RFValue(14), color: text };
|
31
55
|
const buttonStyle = { ...styles.containerButton, backgroundColor: blue };
|
32
56
|
|
33
|
-
const
|
34
|
-
|
57
|
+
const conditionForPagination = paginationIndex === data.length - 1;
|
58
|
+
|
59
|
+
const onPress = conditionForPagination ? onClose : handleNext;
|
60
|
+
const iconName = conditionForPagination ? "checkmark" : "arrow-forward";
|
61
|
+
|
62
|
+
const duration = 2000;
|
63
|
+
const easing = Easing.bezier(0.25, 0, 0.25, 1);
|
64
|
+
useEffect(() => {
|
65
|
+
offset.value =
|
66
|
+
operation === "liveness"
|
67
|
+
? withRepeat(withSequence(withTiming(35, { duration, easing }), withTiming(0, { duration, easing })), -1)
|
68
|
+
: 0;
|
69
|
+
}, [operation]);
|
70
|
+
|
71
|
+
const style = useAnimatedStyle(() => ({
|
72
|
+
transform: [{ translateX: offset.value }]
|
73
|
+
}));
|
35
74
|
|
36
75
|
return (
|
37
76
|
<View style={containerStyle}>
|
@@ -40,6 +79,14 @@ export const HACarouselItem = ({ item, index, paginationIndex, scrollX, handleNe
|
|
40
79
|
<Text style={titleStyle}>{item.title}</Text>
|
41
80
|
{item.ImageComponent && <item.ImageComponent />}
|
42
81
|
<Text style={textStyle}>{item.text} </Text>
|
82
|
+
{operation === "liveness" && index === 1 && (
|
83
|
+
<View style={styles.row}>
|
84
|
+
<Animated.View style={[styles.zIndex, style]}>
|
85
|
+
<Hand width={65} height={98} />
|
86
|
+
</Animated.View>
|
87
|
+
<Phone width={65} height={98} />
|
88
|
+
</View>
|
89
|
+
)}
|
43
90
|
</View>
|
44
91
|
<HAPagination item={data} scrollX={scrollX} paginationIndex={paginationIndex} />
|
45
92
|
<TouchableOpacity style={buttonStyle} onPress={onPress} activeOpacity={0.5}>
|
@@ -2,7 +2,7 @@ import ExampleCalibration1 from "../../assets/svg/exampleCalibration1.svg";
|
|
2
2
|
import ExampleCalibration2 from "../../assets/svg/exampleCalibration2.svg";
|
3
3
|
import FingerPrint from "../../assets/svg/fingerPrint.svg";
|
4
4
|
|
5
|
-
const
|
5
|
+
const dataBiometrics: { title: string; ImageComponent?: React.FC<React.SVGProps<SVGSVGElement>>; text: string }[] = [
|
6
6
|
{
|
7
7
|
title: "BOAS VINDAS AO LIVEID",
|
8
8
|
text: `Antes de começarmos, precisamos garantir que seu dispositivo esteja configurado para a melhor experiência possível.\n\nSiga as etapas a seguir para calibrar a captura no seu aparelho.`
|
@@ -24,4 +24,18 @@ const data: { title: string; ImageComponent?: React.FC<React.SVGProps<SVGSVGElem
|
|
24
24
|
}
|
25
25
|
];
|
26
26
|
|
27
|
-
|
27
|
+
const dataLiveness: { title: string; ImageComponent?: React.FC<React.SVGProps<SVGSVGElement>>; text: string }[] = [
|
28
|
+
{
|
29
|
+
title: "BOAS VINDAS AO LIVEID",
|
30
|
+
text: `Antes de começarmos, precisamos garantir que seu dispositivo esteja configurado para a melhor experiência possível.\n\nSiga as etapas a seguir para calibrar a captura no seu aparelho.`
|
31
|
+
},
|
32
|
+
{
|
33
|
+
title: "Como realizar a prova de vida",
|
34
|
+
text: "Coloque seu dedo na câmera conforme indicado na animação e altere o brilho."
|
35
|
+
},
|
36
|
+
{
|
37
|
+
title: "Realizar a prova de vida",
|
38
|
+
text: "Faça uma leve pressão na câmera, clique no botão de captura e aguarde 10 segundos."
|
39
|
+
}
|
40
|
+
];
|
41
|
+
export { dataBiometrics, dataLiveness };
|