gbc-kyc-kit 1.7.2 → 1.7.5

package/README.md

@@ -146,6 +146,13 @@ Props Available:
 - countryCodeAllowed: array of string
 
 ```js
+
+const getDataLiveness = async (info) => {
+  if (info) {
+    console.log(info.data);
+  }
+};
+// This component return data and you can get it with getDataLiveness function.
 const listener = (event) => {
     console.log(event)
     if (event.detail) {
@@ -166,6 +173,7 @@ useEffect(() => {
 <LivenessCheck
     clientId={clientId}
     authorize={getAccessToken}
+    dataLiveness={getDataLiveness}
     inProduction="prd"
 />
 ```

package/dist/gbc-kyc-kit.es.js

@@ -24858,7 +24858,7 @@ FaceMatch.propTypes = {
   eventId: propTypes.exports.PropTypes.string,
   source: propTypes.exports.PropTypes.string
 };
-const LivenessController = (clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch) => {
+const LivenessController = (clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch, dataLiveness) => {
   const [isLoading, setIsLoading] = useState(false);
   const [token2, setToken] = useState("");
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : token2 === void 0 ? "TOKEN" : "");
@@ -24897,9 +24897,6 @@ const LivenessController = (clientId, eventId, source2, inProduction, countryCod
       onSendSubmitLiveness();
     }
   }, [data2]);
-  useEffect(() => {
-    data2 && similarity && wrapAndSaveData();
-  }, [similarity]);
   useEffect(() => {
     if (countryCodeAllowed && geolocation) {
       if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.country_code))) {
@@ -24914,6 +24911,27 @@ const LivenessController = (clientId, eventId, source2, inProduction, countryCod
     setMessage("");
     setIsLoading(false);
   };
+  const wrapAndSaveData = () => {
+    try {
+      saveDataToDB({
+        data: {
+          selfie: `data:image/jpeg;base64,${data2.images[0]}`,
+          similarity: faceMatch ? similarity : null
+        },
+        component: "liveness",
+        eventId,
+        source: source2,
+        inProduction,
+        clientId
+      }).then((res) => dataLiveness(res));
+    } catch (errorSavingData) {
+      console.log(errorSavingData);
+      return errorSavingData;
+    }
+  };
+  useEffect(() => {
+    similarity !== 0 && wrapAndSaveData();
+  }, [similarity]);
   const onSendSubmitLiveness = async (response) => {
     setIsLoading(true);
     try {
@@ -24929,7 +24947,7 @@ const LivenessController = (clientId, eventId, source2, inProduction, countryCod
       };
       try {
         await request2(parseReq);
-        await fetchFaceMatch(faceMatch, `data:image/jpeg;base64,${data2.images[0]}`, inProduction, customHeaders).then((res) => setSimilarity(res.data.similarity));
+        faceMatch ? await fetchFaceMatch(faceMatch, `data:image/jpeg;base64,${data2.images[0]}`, inProduction, customHeaders).then((res) => setSimilarity(res.data.similarity)) : wrapAndSaveData();
       } catch (error) {
         let message2 = "";
         const {
@@ -24949,24 +24967,6 @@ const LivenessController = (clientId, eventId, source2, inProduction, countryCod
       setIsLoading(false);
     }
   };
-  const wrapAndSaveData = async () => {
-    try {
-      await saveDataToDB({
-        data: {
-          selfie: `data:image/jpeg;base64,${data2.images[0]}`,
-          similarity
-        },
-        component: "liveness",
-        eventId,
-        source: source2,
-        inProduction,
-        clientId
-      });
-    } catch (errorSavingData) {
-      console.log(errorSavingData);
-      return errorSavingData;
-    }
-  };
   return {
     status,
     isLoading,
@@ -26125,7 +26125,8 @@ function LivenessCheck({
   authorize,
   inProduction,
   countryCodeAllowed,
-  faceMatch
+  faceMatch,
+  dataLiveness
 }) {
   const {
     status,
@@ -26135,7 +26136,7 @@ function LivenessCheck({
     message,
     countryCode,
     setToken
-  } = LivenessController(clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch);
+  } = LivenessController(clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch, dataLiveness);
   useEffect(() => {
     const component = document.getElementsByTagName("face-liveness")[0];
     if (component) {
@@ -26193,7 +26194,8 @@ LivenessCheck.propTypes = {
   countryCodeAllowed: propTypes.exports.PropTypes.array,
   eventId: propTypes.exports.PropTypes.string,
   source: propTypes.exports.PropTypes.string,
-  faceMatch: propTypes.exports.PropTypes.string
+  faceMatch: propTypes.exports.PropTypes.string,
+  dataLiveness: propTypes.exports.PropTypes.func.isRequired
 };
 var bootstrap_min = "";
 var bootstrap_bundle_min = { exports: {} };