gbc-kyc-kit 1.6.36 → 1.7.1

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

@@ -18799,7 +18799,21 @@ function useGeolocation() {
   }, []);
   return geolocation;
 }
-const BlackListController = (clientId, authorize, inProduction, countryCodeAllowed) => {
+const saveDataToDB = async ({ data: data2, component, eventId, inProduction, source: source2, clientId }) => {
+  const parseReq = {
+    method: "POST",
+    inProduction,
+    path: `api/v1/kyc-kit/events/register/${component}/${source2}/${clientId}/${eventId}`,
+    bodyParams: data2
+  };
+  try {
+    const res = await request2(parseReq);
+    return res.data;
+  } catch (error) {
+    return error;
+  }
+};
+const BlackListController = (clientId, authorize, eventId, inProduction, countryCodeAllowed, source2) => {
   const [isLoading, setIsLoading] = useState(false);
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : authorize === void 0 ? "TOKEN" : "");
   const [message, setMessage] = useState("");
@@ -18885,6 +18899,14 @@ const BlackListController = (clientId, authorize, inProduction, countryCodeAllow
           message: message2,
           status: status2
         } = res2.data.data;
+        saveDataToDB({
+          data: match2,
+          component: "blacklist",
+          eventId,
+          source: source2,
+          inProduction,
+          clientId
+        });
         if (!lib$1(match2)) {
           setListMatch(match2[0]);
         }
@@ -23708,6 +23730,8 @@ function BlackList({
   clientId,
   authorize,
   inProduction,
+  source: source2,
+  eventId,
   countryCodeAllowed
 }) {
   const {
@@ -23725,7 +23749,7 @@ function BlackList({
     complementarySearch,
     dataReq,
     countryCode
-  } = BlackListController(clientId, authorize, inProduction, countryCodeAllowed);
+  } = BlackListController(clientId, authorize, eventId, inProduction, countryCodeAllowed, source2);
   return /* @__PURE__ */ jsxs("div", {
     className: `kit-gbc ${mode}`,
     children: [/* @__PURE__ */ jsx(k$1, {
@@ -23818,7 +23842,9 @@ BlackList.defaultProps = {
   mode: "light",
   loader: false,
   inProduction: "prd",
-  countryCodeAllowed: null
+  countryCodeAllowed: null,
+  source: "component",
+  eventId: null
 };
 BlackList.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -23827,9 +23853,11 @@ BlackList.propTypes = {
   clientId: propTypes.exports.PropTypes.string.isRequired,
   authorize: propTypes.exports.PropTypes.func.isRequired,
   inProduction: propTypes.exports.PropTypes.string,
-  countryCodeAllowed: propTypes.exports.PropTypes.array
+  countryCodeAllowed: propTypes.exports.PropTypes.array,
+  source: propTypes.exports.PropTypes.string,
+  eventId: propTypes.exports.PropTypes.string
 };
-const DocumentReaderController = (dataDocument, clientId, authorize, inProduction, countryCodeAllowed) => {
+const DocumentReaderController = (dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed) => {
   const [docImage, setDocImage] = useState({});
   const [base64, setBase64] = useState({});
   const [message, setMessage] = useState("");
@@ -23900,6 +23928,14 @@ const DocumentReaderController = (dataDocument, clientId, authorize, inProductio
       try {
         const res2 = await request2(parseReq);
         const fullData = res2.data.data;
+        saveDataToDB({
+          data: fullData,
+          component: "ocr",
+          eventId,
+          source: source2,
+          inProduction,
+          clientId
+        });
         fullData && await dataDocument(fullData);
         const {
           message: message2
@@ -23990,6 +24026,8 @@ function DocumentReader({
   dataDocument,
   clientId,
   authorize,
+  eventId,
+  source: source2,
   inProduction,
   countryCodeAllowed
 }) {
@@ -24006,7 +24044,7 @@ function DocumentReader({
     countryCode,
     setDualMode,
     dualMode
-  } = DocumentReaderController(dataDocument, clientId, authorize, inProduction, countryCodeAllowed);
+  } = DocumentReaderController(dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed);
   return /* @__PURE__ */ jsxs("div", {
     className: `kit-gbc ${mode}`,
     children: [/* @__PURE__ */ jsx(k$1, {
@@ -24116,7 +24154,9 @@ DocumentReader.defaultProps = {
   mode: "light",
   loader: false,
   inProduction: "prd",
-  countryCodeAllowed: null
+  countryCodeAllowed: null,
+  source: "component",
+  eventId: null
 };
 DocumentReader.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -24126,9 +24166,11 @@ DocumentReader.propTypes = {
   authorize: propTypes.exports.PropTypes.func.isRequired,
   dataDocument: propTypes.exports.PropTypes.func.isRequired,
   inProduction: propTypes.exports.PropTypes.string,
-  countryCodeAllowed: propTypes.exports.PropTypes.array
+  countryCodeAllowed: propTypes.exports.PropTypes.array,
+  source: propTypes.exports.PropTypes.string,
+  eventId: propTypes.exports.PropTypes.string
 };
-const FaceMatchController = (dataFaceMatch, clientId, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed) => {
+const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed) => {
   const [docImage, setDocImage] = useState({});
   const [image, setImage] = useState("");
   const [message, setMessage] = useState("");
@@ -24190,6 +24232,14 @@ const FaceMatchController = (dataFaceMatch, clientId, authorize, inProduction, p
       try {
         const res2 = await request2(parseReq);
         res2.data && await dataFaceMatch(res2.data);
+        saveDataToDB({
+          data: res2.data,
+          component: "facematch",
+          eventId,
+          source: source2,
+          inProduction,
+          clientId
+        });
         const {
           message: message2
         } = res2.data;
@@ -24641,6 +24691,8 @@ function FaceMatch({
   authorize,
   inProduction,
   picBase64,
+  eventId,
+  source: source2,
   countryCodeAllowed
 }) {
   const [takePic, setTakePic] = useState(false);
@@ -24657,7 +24709,7 @@ function FaceMatch({
     url,
     setUrl,
     countryCode
-  } = FaceMatchController(dataFaceMatch, clientId, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed);
+  } = FaceMatchController(dataFaceMatch, clientId, eventId, source2, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed);
   const onUserMedia = (e2) => {
     console.log(e2, "userMedia");
   };
@@ -24780,7 +24832,9 @@ FaceMatch.defaultProps = {
   loader: false,
   inProduction: "prd",
   picBase64: "",
-  countryCodeAllowed: null
+  countryCodeAllowed: null,
+  eventId: null,
+  source: "component"
 };
 FaceMatch.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -24791,21 +24845,25 @@ FaceMatch.propTypes = {
   dataFaceMatch: propTypes.exports.PropTypes.func.isRequired,
   inProduction: propTypes.exports.PropTypes.string,
   picBase64: propTypes.exports.PropTypes.string.isRequired,
-  countryCodeAllowed: propTypes.exports.PropTypes.array
+  countryCodeAllowed: propTypes.exports.PropTypes.array,
+  eventId: propTypes.exports.PropTypes.string,
+  source: propTypes.exports.PropTypes.string
 };
-const LivenessCheckController = (clientId, authorize, inProduction, countryCodeAllowed) => {
+const LivenessController = (clientId, eventId, source2, inProduction, countryCodeAllowed) => {
   const [isLoading, setIsLoading] = useState(false);
-  const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : authorize === void 0 ? "TOKEN" : "");
+  const [token2, setToken] = useState("");
+  const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : token2 === void 0 ? "TOKEN" : "");
   const [message, setMessage] = useState("");
   const [countryCode, setCountryCode] = useState(null);
   const geolocation = useGeolocation();
+  const [data2, setData] = useState({});
   const listener = (event) => {
     if (event.detail) {
       if (event.detail.action === "PROCESS_FINISHED") {
         const {
-          data: data2
+          data: data22
         } = event.detail;
-        if (data2.reason) {
+        if (data22.reason) {
           setStatus("NOT_VERIFY");
           setMessage("Error de conexi\xF3n, contactar con soporte!");
         } else {
@@ -24819,11 +24877,16 @@ const LivenessCheckController = (clientId, authorize, inProduction, countryCodeA
             setStatus("NOT_VERIFY");
             setMessage("Error interno de aplicaci\xF3n, contactar con soporte!");
           }
-          onSendSubmitLiveness();
+          setData(response);
         }
       }
     }
   };
+  useEffect(() => {
+    if (!lib$1(data2)) {
+      onSendSubmitLiveness(data2);
+    }
+  }, [data2]);
   useEffect(() => {
     if (countryCodeAllowed && geolocation) {
       if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.country_code))) {
@@ -24841,10 +24904,9 @@ const LivenessCheckController = (clientId, authorize, inProduction, countryCodeA
   const onSendSubmitLiveness = async (response) => {
     setIsLoading(true);
     try {
-      const res = await authorize();
       const customHeaders = {
         client_id: clientId,
-        access_token: res
+        access_token: token2
       };
       const parseReq = {
         method: "POST",
@@ -24853,7 +24915,17 @@ const LivenessCheckController = (clientId, authorize, inProduction, countryCodeA
         customHeaders
       };
       try {
-        const res2 = await request2(parseReq);
+        const res = await request2(parseReq);
+        saveDataToDB({
+          data: {
+            selfie: `data:image/jpeg;base64,${response.images[0]}`
+          },
+          component: "liveness",
+          eventId,
+          source: source2,
+          inProduction,
+          clientId
+        });
       } catch (error) {
         let message2 = "";
         const {
@@ -24880,7 +24952,8 @@ const LivenessCheckController = (clientId, authorize, inProduction, countryCodeA
     onSendSubmitLiveness,
     clearState,
     message,
-    countryCode
+    countryCode,
+    setToken
   };
 };
 var lib = {};
@@ -26025,6 +26098,8 @@ lib.withOrientationChange = withOrientationChange;
 function LivenessCheck({
   mode,
   clientId,
+  eventId,
+  source: source2,
   authorize,
   inProduction,
   countryCodeAllowed
@@ -26034,10 +26109,10 @@ function LivenessCheck({
     isLoading,
     listener,
     clearState,
-    onSendSubmitLiveness,
     message,
-    countryCode
-  } = LivenessCheckController(clientId, authorize, inProduction, countryCodeAllowed);
+    countryCode,
+    setToken
+  } = LivenessController(clientId, eventId, source2, inProduction, countryCodeAllowed);
   useEffect(() => {
     const component = document.getElementsByTagName("face-liveness")[0];
     if (component) {
@@ -26045,6 +26120,7 @@ function LivenessCheck({
         component.shadowRoot.lastChild.style.height = "460px";
       }
       component.addEventListener("face-liveness", listener);
+      authorize().then((res) => setToken(res));
     }
   }, []);
   return /* @__PURE__ */ jsx("div", {
@@ -26081,14 +26157,18 @@ function LivenessCheck({
 LivenessCheck.defaultProps = {
   mode: "light",
   inProduction: "prd",
-  countryCodeAllowed: null
+  countryCodeAllowed: null,
+  eventId: null,
+  source: "component"
 };
 LivenessCheck.propTypes = {
   mode: propTypes.exports.PropTypes.string,
   clientId: propTypes.exports.PropTypes.string.isRequired,
   authorize: propTypes.exports.PropTypes.func.isRequired,
   inProduction: propTypes.exports.PropTypes.string,
-  countryCodeAllowed: propTypes.exports.PropTypes.array
+  countryCodeAllowed: propTypes.exports.PropTypes.array,
+  eventId: propTypes.exports.PropTypes.string,
+  source: propTypes.exports.PropTypes.string
 };
 var bootstrap_min = "";
 var bootstrap_bundle_min = { exports: {} };