gbc-kyc-kit 3.4.5 → 3.4.6

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

@@ -18276,7 +18276,7 @@ const BlackListController = (clientId, authorize, inProduction, source2, eventId
     }
     countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
   }, [geolocation, countryCodeAllowed, validateVpn]);
-  const clearState2 = () => {
+  const clearState = () => {
     reset();
     setStatus("");
     setMessage("");
@@ -18525,7 +18525,7 @@ const BlackListController = (clientId, authorize, inProduction, source2, eventId
     listMatch,
     select,
     setSelect,
-    clearState: clearState2,
+    clearState,
     dataReq,
     countryCode,
     handleFileUpload,
@@ -18536,71 +18536,75 @@ const BlackListController = (clientId, authorize, inProduction, source2, eventId
     copyFunction
   };
 };
-const ocr = "_ocr_v0oef_55";
-const tabpanel = "_tabpanel_v0oef_58";
-const button = "_button_v0oef_119";
-const outlined = "_outlined_v0oef_151";
-const contained = "_contained_v0oef_160";
-const small = "_small_v0oef_168";
-const large = "_large_v0oef_177";
-const sub = "_sub_v0oef_183";
-const ready = "_ready_v0oef_205";
-const front = "_front_v0oef_205";
-const back = "_back_v0oef_98";
-const icon$1 = "_icon_v0oef_334";
-const accordion = "_accordion_v0oef_401";
-const description$1 = "_description_v0oef_405";
-const birth_place_section = "_birth_place_section_v0oef_419";
-const authority = "_authority_v0oef_420";
-const others = "_others_v0oef_421";
-const dark$1 = "_dark_v0oef_434";
+const ocr = "_ocr_qlen3_55";
+const tabpanel = "_tabpanel_qlen3_58";
+const button = "_button_qlen3_119";
+const outlined = "_outlined_qlen3_151";
+const contained = "_contained_qlen3_160";
+const small = "_small_qlen3_168";
+const large = "_large_qlen3_177";
+const sub = "_sub_qlen3_183";
+const ready = "_ready_qlen3_205";
+const front = "_front_qlen3_205";
+const back = "_back_qlen3_98";
+const icon$1 = "_icon_qlen3_334";
+const accordion = "_accordion_qlen3_401";
+const description$1 = "_description_qlen3_405";
+const birth_place_section = "_birth_place_section_qlen3_419";
+const authority = "_authority_qlen3_420";
+const others = "_others_qlen3_421";
+const dark$1 = "_dark_qlen3_434";
+const spin$1 = "_spin_qlen3_1";
 var styles$a = {
-  "kit-gbc": "_kit-gbc_v0oef_2",
-  "px-2": "_px-2_v0oef_32",
-  "m-0": "_m-0_v0oef_36",
-  "my-1": "_my-1_v0oef_39",
-  "col-12": "_col-12_v0oef_43",
-  "col-6": "_col-6_v0oef_46",
-  "without-shadow": "_without-shadow_v0oef_49",
+  "kit-gbc": "_kit-gbc_qlen3_2",
+  "px-2": "_px-2_qlen3_32",
+  "m-0": "_m-0_qlen3_36",
+  "my-1": "_my-1_qlen3_39",
+  "col-12": "_col-12_qlen3_43",
+  "col-6": "_col-6_qlen3_46",
+  "without-shadow": "_without-shadow_qlen3_49",
   ocr,
   tabpanel,
-  "first-animation": "_first-animation_v0oef_94",
-  "back-button-container": "_back-button-container_v0oef_98",
-  "back-button": "_back-button_v0oef_98",
-  "button-container": "_button-container_v0oef_119",
+  "first-animation": "_first-animation_qlen3_94",
+  "back-button-container": "_back-button-container_qlen3_98",
+  "back-button": "_back-button_qlen3_98",
+  "button-container": "_button-container_qlen3_119",
   button,
   outlined,
   contained,
   small,
   large,
   sub,
-  "header-component": "_header-component_v0oef_192",
-  "body-id-doc": "_body-id-doc_v0oef_199",
+  "header-component": "_header-component_qlen3_192",
+  "body-id-doc": "_body-id-doc_qlen3_199",
   ready,
   front,
   back,
-  "upload-document": "_upload-document_v0oef_213",
-  "pics-container": "_pics-container_v0oef_253",
-  "box-image": "_box-image_v0oef_259",
-  "without-image": "_without-image_v0oef_319",
-  "bg-img-container": "_bg-img-container_v0oef_319",
+  "upload-document": "_upload-document_qlen3_213",
+  "pics-container": "_pics-container_qlen3_253",
+  "box-image": "_box-image_qlen3_259",
+  "without-image": "_without-image_qlen3_319",
+  "bg-img-container": "_bg-img-container_qlen3_319",
   icon: icon$1,
-  "detail-component": "_detail-component_v0oef_339",
-  "country-select": "_country-select_v0oef_362",
+  "detail-component": "_detail-component_qlen3_339",
+  "country-select": "_country-select_qlen3_362",
   accordion,
   description: description$1,
-  "accordion-body": "_accordion-body_v0oef_413",
-  "name-section": "_name-section_v0oef_418",
+  "accordion-body": "_accordion-body_qlen3_413",
+  "name-section": "_name-section_qlen3_418",
   birth_place_section,
   authority,
   others,
   dark: dark$1,
-  "input-container": "_input-container_v0oef_444",
-  "custom-input-container": "_custom-input-container_v0oef_456",
-  "liveness-container": "_liveness-container_v0oef_459",
-  "MuiTab-root": "_MuiTab-root_v0oef_462",
-  "Mui-selected": "_Mui-selected_v0oef_466",
-  "MuiTabs-indicator": "_MuiTabs-indicator_v0oef_474"
+  "input-container": "_input-container_qlen3_444",
+  "custom-input-container": "_custom-input-container_qlen3_456",
+  "liveness-container": "_liveness-container_qlen3_459",
+  "processing-container": "_processing-container_qlen3_462",
+  "processing-spinner": "_processing-spinner_qlen3_474",
+  spin: spin$1,
+  "MuiTab-root": "_MuiTab-root_qlen3_489",
+  "Mui-selected": "_Mui-selected_qlen3_493",
+  "MuiTabs-indicator": "_MuiTabs-indicator_qlen3_501"
 };
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
@@ -38551,7 +38555,7 @@ function BlackList({
     listMatch,
     select,
     setSelect,
-    clearState: clearState2,
+    clearState,
     countryCode
   } = BlackListController(clientId, authorize, inProduction, source2, eventId, countryCodeAllowed, validateVpn, successMessage, alertMessage, dataBlackList);
   return /* @__PURE__ */ jsxs("div", {
@@ -38576,7 +38580,7 @@ function BlackList({
       children: /* @__PURE__ */ jsxs("div", {
         className: styles$a.sub,
         children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
-          action: clearState2
+          action: clearState
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$a["header-component"],
           children: [/* @__PURE__ */ jsx$1("h4", {
@@ -38647,9 +38651,9 @@ function BlackList({
         }), status !== status_country_not_allowed && status !== status_token && status !== status_client_id && status !== status_vpn && showFilterByButton ? /* @__PURE__ */ jsx$1(Box$1, {
           width: "100%",
           mt: 2,
-          children: clearState2 && Object.keys(listMatch).length > 0 && /* @__PURE__ */ jsx$1(CustomButton, {
+          children: clearState && Object.keys(listMatch).length > 0 && /* @__PURE__ */ jsx$1(CustomButton, {
             className: "my-1 col-12",
-            onClick: clearState2,
+            onClick: clearState,
             children: "Filtrar por"
           })
         }) : null]
@@ -38693,7 +38697,7 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     }
     countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
   }, [geolocation, countryCodeAllowed]);
-  const clearState2 = () => {
+  const clearState = () => {
     setDualMode(dualModeRequired);
     setBase64({});
     setStatus("");
@@ -38809,7 +38813,7 @@ const DocumentReaderController = (dataDocument, clientId, authorize, eventId, so
     message,
     base64,
     setBase64,
-    clearState: clearState2,
+    clearState,
     countryCode,
     dualMode,
     setDualMode,
@@ -42657,7 +42661,7 @@ const V2OcrComponent = ({
   });
 };
 const name = "gbc-kyc-kit";
-const version = "3.4.5";
+const version = "3.4.6";
 const description = "Componentes para el desarrollo de un Onboarding";
 const license = "MIT";
 const author = "Global Bridge Connections";
@@ -42803,7 +42807,7 @@ function DocumentReader({
     isLoading,
     status,
     message,
-    clearState: clearState2,
+    clearState,
     countryCode,
     setBase64
   } = DocumentReaderController(dataDocument, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, validateVpn, successMessage, dualModeRequired);
@@ -42848,7 +42852,7 @@ function DocumentReader({
             dualModeRequired
           }), (source2 !== "secure_link" || validateErrorMessageOCR(message)) && showBackButton(status) && showBackButtonWhenError && /* @__PURE__ */ jsx$1(CustomButton, {
             type: "button",
-            onClick: clearState2,
+            onClick: clearState,
             className: styles$a["px-2"],
             children: "Volver a intentar"
           })]
@@ -42887,7 +42891,7 @@ const fetchFaceMatch = async (faceMatch, selfie, inProduction, customHeaders) =>
   };
   try {
     const res = await request2(parseReq);
-    return res.data;
+    return res.data.data;
   } catch (error2) {
     console.log(error2);
     throw error2;
@@ -42924,7 +42928,7 @@ const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authoriz
     }
     countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
   }, [geolocation, countryCodeAllowed]);
-  const clearState2 = () => {
+  const clearState = () => {
     setDocImage({});
     setStatus("");
     setMessage("");
@@ -43013,7 +43017,7 @@ const FaceMatchController = (dataFaceMatch, clientId, eventId, source2, authoriz
     docImage,
     status,
     message,
-    clearState: clearState2,
+    clearState,
     webcamRef,
     url,
     setUrl,
@@ -43438,7 +43442,7 @@ function FaceMatch({
     docImage,
     status,
     message,
-    clearState: clearState2,
+    clearState,
     capturePhoto,
     webcamRef,
     url,
@@ -43475,7 +43479,7 @@ function FaceMatch({
       children: /* @__PURE__ */ jsxs("div", {
         className: styles$a.sub,
         children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
-          action: clearState2
+          action: clearState
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$a["header-component"],
           children: [/* @__PURE__ */ jsx$1("h4", {
@@ -43578,176 +43582,6 @@ FaceMatch.propTypes = {
   validateVpn: propTypes.exports.PropTypes.bool,
   successMessage: propTypes.exports.PropTypes.string
 };
-const LivenessController = (clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch, dataLiveness, validateVpn, successMessage) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const [token2, setToken] = useState("");
-  const [status, setStatus] = useState(clientId === void 0 ? status_client_id : token2 === void 0 ? status_token : "");
-  const [message, setMessage] = useState("");
-  const [countryCode, setCountryCode] = useState(null);
-  const geolocation = useGeolocation(inProduction);
-  const [data2, setData] = useState({});
-  const [similarity, setSimilarity] = useState(0);
-  const [failLiveness, setFailLiveness] = useState(false);
-  const [completed, setCompleted] = useState(false);
-  const [dataFailLiveness, setDataFailLiveness] = useState({});
-  const listener = (event) => {
-    var _a, _b;
-    if (event.detail) {
-      if (event.detail.action === "PROCESS_FINISHED") {
-        if (((_b = (_a = event.detail.data) == null ? void 0 : _a.response) == null ? void 0 : _b.code) == 0) {
-          setData(event.detail.data.response);
-        } else if (!failLiveness) {
-          setFailLiveness(true);
-          setDataFailLiveness(event);
-        }
-      }
-    }
-  };
-  useEffect(() => {
-    var _a, _b, _c, _d;
-    if (failLiveness) {
-      saveDataToDB({
-        data: {
-          first_image: ((_b = (_a = dataFailLiveness.detail.data) == null ? void 0 : _a.response) == null ? void 0 : _b.images) ? "data:image/jpeg;base64," + dataFailLiveness.detail.data.response.images[0] : null,
-          face_result_code: ((_d = (_c = dataFailLiveness.detail.data) == null ? void 0 : _c.response) == null ? void 0 : _d.code) ? dataFailLiveness.detail.data.response.code : 250
-        },
-        component: "liveness",
-        eventId,
-        source: source2,
-        inProduction,
-        clientId,
-        geolocation
-      }).then((res) => {
-        dataLiveness({
-          countAttempts: res.count_try,
-          error: true
-        });
-        setFailLiveness(false);
-        setDataFailLiveness({});
-      });
-    }
-  }, [failLiveness]);
-  useEffect(() => {
-    if (countryCodeAllowed && (geolocation == null ? void 0 : geolocation.data_connection.isocode)) {
-      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.data_connection.isocode))) {
-        setStatus(status_country_not_allowed);
-        setMessage(country_not_authorized);
-      }
-    }
-    if (validateVpn && (geolocation == null ? void 0 : geolocation.data_connection.proxy) == response_of_check_ip_use_vpn) {
-      setStatus(status_vpn);
-      setMessage(vpn_not_authorized);
-    }
-    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
-  }, [geolocation, countryCodeAllowed]);
-  const clearState2 = () => {
-    setStatus("");
-    setMessage("");
-    setIsLoading(false);
-    setCompleted(false);
-  };
-  useEffect(() => {
-    if (!lib(data2)) {
-      onSendSubmitLiveness();
-    }
-  }, [data2]);
-  const onSendSubmitLiveness = async () => {
-    var _a;
-    try {
-      const customHeaders = {
-        client_id: clientId,
-        access_token: token2
-      };
-      try {
-        faceMatch ? await fetchFaceMatch(faceMatch, `data:image/jpeg;base64,${data2.images[0]}`, inProduction, customHeaders).then((res) => {
-          setSimilarity(res.data.similarity);
-          setMessage(successMessage ? successMessage : "Verificaci\xF3n de identidad completada");
-          saveDataToDB({
-            data: {
-              similarity: res.data.similarity,
-              first_image: `data:image/jpeg;base64,${data2.images[0]}`,
-              second_image: faceMatch,
-              status_code: 200
-            },
-            component: "facematch",
-            eventId,
-            source: source2,
-            inProduction,
-            clientId,
-            geolocation
-          });
-        }) : wrapAndSaveData();
-      } catch (error2) {
-        let message2 = "";
-        const {
-          status: status2
-        } = (_a = error2 == null ? void 0 : error2.response) != null ? _a : {
-          status: "Error desconocido"
-        };
-        saveDataToDB({
-          data: {
-            similarity: 0,
-            first_image: `data:image/jpeg;base64,${data2.images[0]}`,
-            second_image: faceMatch,
-            status_code: status2
-          },
-          component: "facematch",
-          eventId,
-          source: source2,
-          inProduction,
-          clientId,
-          geolocation
-        });
-        if (status2 === 500) {
-          message2 = limit_of_request;
-        }
-        setMessage(message2);
-        setStatus(status2);
-        ErrorHandler(error2);
-      }
-    } catch (error2) {
-      Q.error("Error - Verificar host con el proveedor");
-    }
-  };
-  useEffect(() => {
-    similarity !== 0 && wrapAndSaveData();
-  }, [similarity]);
-  const wrapAndSaveData = async () => {
-    try {
-      await saveDataToDB({
-        data: {
-          selfie: `data:image/jpeg;base64,${data2.images[0]}`,
-          similarity: faceMatch ? similarity : null,
-          face_result_code: 0
-        },
-        component: "liveness",
-        eventId,
-        source: source2,
-        inProduction,
-        clientId,
-        geolocation
-      }).then((res) => dataLiveness(res));
-    } catch (errorSavingData) {
-      return errorSavingData;
-    }
-  };
-  return {
-    status,
-    isLoading,
-    listener,
-    onSendSubmitLiveness,
-    clearState: clearState2,
-    message,
-    countryCode,
-    setToken,
-    data: data2,
-    similarity,
-    setIsLoading,
-    setMessage,
-    setCompleted,
-    completed
-  };
-};
 /**
  * Didit SDK for Web v0.1.8
  * (c) 2026 Didit
@@ -45000,89 +44834,328 @@ class DiditSdk {
   }
 }
 DiditSdk._instance = null;
+const getLivenessSessionUrlService = async (workflowId, inProduction, clientId, accessToken2) => {
+  const customHeaders = { "access_token": accessToken2, "client_id": clientId };
+  const parseReq = {
+    method: "POST",
+    path: "api/v1/onboarding/liveness/session",
+    inProduction,
+    customHeaders,
+    service: "services",
+    bodyParams: {
+      workflow_id: workflowId
+    }
+  };
+  try {
+    const res = await request2(parseReq);
+    return res.data.data;
+  } catch (error2) {
+    console.log(error2);
+    return error2;
+  }
+};
+const getDataLivenessService = async (sessionId, inProduction, clientId, accessToken2) => {
+  const customHeaders = { "access_token": accessToken2, "client_id": clientId };
+  const parseReq = {
+    method: "POST",
+    path: "api/v1/onboarding/liveness/result",
+    inProduction,
+    customHeaders,
+    service: "services",
+    bodyParams: {
+      session_id: sessionId
+    }
+  };
+  try {
+    const res = await request2(parseReq);
+    return res.data.data;
+  } catch (error2) {
+    console.log(error2);
+    return error2;
+  }
+};
+const LivenessController = (dataLiveness, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, faceMatch, validateVpn, successMessage, workflowId) => {
+  const [isLoading, setIsLoading] = useState(false);
+  const [token2, setToken] = useState("");
+  const [status, setStatus] = useState(clientId === void 0 ? status_client_id : token2 === void 0 ? status_token : "");
+  const [message, setMessage] = useState("");
+  const [countryCode, setCountryCode] = useState(null);
+  const geolocation = useGeolocation(inProduction);
+  const [data2, setData] = useState({});
+  const [similarity, setSimilarity] = useState(0);
+  const [failLiveness, setFailLiveness] = useState(false);
+  const [completed, setCompleted] = useState(false);
+  const [dataFailLiveness, setDataFailLiveness] = useState({});
+  useEffect(() => {
+    var _a, _b, _c, _d;
+    if (failLiveness) {
+      saveDataToDB({
+        data: {
+          first_image: ((_b = (_a = dataFailLiveness.detail.data) == null ? void 0 : _a.response) == null ? void 0 : _b.images) ? "data:image/jpeg;base64," + dataFailLiveness.detail.data.response.images[0] : null,
+          face_result_code: ((_d = (_c = dataFailLiveness.detail.data) == null ? void 0 : _c.response) == null ? void 0 : _d.code) ? dataFailLiveness.detail.data.response.code : 250
+        },
+        component: "liveness",
+        eventId,
+        source: source2,
+        inProduction,
+        clientId,
+        geolocation
+      }).then((res) => {
+        dataLiveness({
+          countAttempts: res.count_try,
+          error: true
+        });
+        setFailLiveness(false);
+        setDataFailLiveness({});
+      });
+    }
+  }, [failLiveness]);
+  useEffect(() => {
+    if (countryCodeAllowed && (geolocation == null ? void 0 : geolocation.data_connection.isocode)) {
+      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.data_connection.isocode))) {
+        setStatus(status_country_not_allowed);
+        setMessage(country_not_authorized);
+      }
+    }
+    if (validateVpn && (geolocation == null ? void 0 : geolocation.data_connection.proxy) == response_of_check_ip_use_vpn) {
+      setStatus(status_vpn);
+      setMessage(vpn_not_authorized);
+    }
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
+  }, [geolocation, countryCodeAllowed]);
+  const clearState = () => {
+    setStatus("");
+    setMessage("");
+    setIsLoading(false);
+    setCompleted(false);
+  };
+  async function getDiditSessionUrl(workflowId2, inProduction2, accessToken2) {
+    const url = await getLivenessSessionUrlService(workflowId2, inProduction2, clientId, accessToken2);
+    return url;
+  }
+  async function getDataLiveness(sessionId, inProduction2, clientId2, dataLiveness2, facematch) {
+    var _a, _b, _c;
+    const accessToken2 = await authorize();
+    const customHeaders = {
+      client_id: clientId2,
+      access_token: accessToken2
+    };
+    let livenessImage = null;
+    try {
+      const data22 = await getDataLivenessService(sessionId, inProduction2, clientId2, accessToken2);
+      livenessImage = (_c = (_b = (_a = data22.liveness_checks) == null ? void 0 : _a[0]) == null ? void 0 : _b.reference_image) != null ? _c : null;
+      const livenessRes = await saveDataToDB({
+        data: {
+          selfie: livenessImage,
+          similarity: null,
+          face_result_code: livenessImage ? 0 : 500
+        },
+        component: "liveness",
+        eventId,
+        source: source2,
+        inProduction: inProduction2,
+        clientId: clientId2,
+        geolocation
+      });
+      dataLiveness2(livenessRes);
+    } catch (error2) {
+      console.log(error2);
+      const livenessRes = await saveDataToDB({
+        data: {
+          selfie: null,
+          similarity: null,
+          face_result_code: 500
+        },
+        component: "liveness",
+        eventId,
+        source: source2,
+        inProduction: inProduction2,
+        clientId: clientId2,
+        geolocation
+      });
+      dataLiveness2(livenessRes);
+      return;
+    }
+    if (facematch && livenessImage) {
+      try {
+        const dataFaceMatch = await fetchFaceMatch(facematch, livenessImage, inProduction2, customHeaders);
+        await saveDataToDB({
+          data: {
+            first_image: facematch,
+            second_image: livenessImage,
+            similarity: dataFaceMatch.similarity.toFixed(2),
+            status_code: 200
+          },
+          component: "facematch",
+          eventId,
+          source: source2,
+          inProduction: inProduction2,
+          clientId: clientId2,
+          geolocation
+        });
+      } catch (error2) {
+        console.log(error2);
+        await saveDataToDB({
+          data: {
+            first_image: facematch,
+            second_image: livenessImage,
+            similarity: 0,
+            status_code: 500
+          },
+          component: "facematch",
+          eventId,
+          source: source2,
+          inProduction: inProduction2,
+          clientId: clientId2,
+          geolocation
+        });
+      }
+    }
+  }
+  return {
+    status,
+    isLoading,
+    clearState,
+    message,
+    countryCode,
+    setToken,
+    data: data2,
+    similarity,
+    setIsLoading,
+    setMessage,
+    setCompleted,
+    completed,
+    getDiditSessionUrl,
+    getDataLiveness
+  };
+};
+const DIDIT_CONTAINER_ID$1 = "didit-liveness-container";
 function LivenessCheck({
   mode = "light",
+  dataLiveness,
   clientId,
+  authorize,
   eventId = null,
   source: source2 = "component",
-  authorize,
   inProduction = "prd",
   countryCodeAllowed = null,
   faceMatch = null,
-  dataLiveness,
   validateVpn = false,
-  successMessage
+  successMessage,
+  workflowId
 }) {
   const containerRef = useRef(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [status, setStatus] = useState(clientId === void 0 ? status_client_id : "");
+  const [message, setMessage] = useState("");
+  const [completed, setCompleted] = useState(false);
+  const [countryCode, setCountryCode] = useState(null);
+  const [started, setStarted] = useState(false);
+  const [sessionUrl, setSessionUrl] = useState(null);
+  const geolocation = useGeolocation(inProduction);
   const {
-    status,
-    isLoading,
-    setIsLoading,
-    setMessage,
-    completed,
-    setCompleted,
-    message,
-    countryCode
-  } = LivenessController(clientId, eventId, source2, inProduction, countryCodeAllowed, faceMatch, dataLiveness, validateVpn, successMessage);
-  const DIDIT_CONTAINER_ID2 = "didit-liveness-container";
+    getDiditSessionUrl,
+    getDataLiveness
+  } = LivenessController(dataLiveness, clientId, authorize, eventId, source2, inProduction, countryCodeAllowed, faceMatch, validateVpn);
   useEffect(() => {
-    if (clientId === void 0)
+    if (countryCodeAllowed && (geolocation == null ? void 0 : geolocation.data_connection.isocode)) {
+      if (countryCodeAllowed.length !== 0 && !countryCodeAllowed.some((item) => item === (geolocation == null ? void 0 : geolocation.data_connection.isocode))) {
+        setStatus(status_country_not_allowed);
+        setMessage(country_not_authorized);
+      }
+    }
+    if (validateVpn && (geolocation == null ? void 0 : geolocation.data_connection.proxy) == response_of_check_ip_use_vpn) {
+      setStatus(status_vpn);
+      setMessage(vpn_not_authorized);
+    }
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.data_connection.isocode);
+  }, [geolocation, countryCodeAllowed]);
+  useEffect(() => {
+    if (!started || !sessionUrl)
       return;
-    setIsLoading(true);
     DiditSdk.shared.onStateChange = (state, error2) => {
       if (state === "error") {
-        setIsLoading(false);
-        toast.error(error2 || "Error en la verificaci\xF3n");
+        Q.error(error2 || "Error en la verificaci\xF3n");
       }
     };
-    DiditSdk.shared.onComplete = (result) => {
-      var _a, _b, _c, _d, _e;
+    DiditSdk.shared.onComplete = async (result) => {
+      var _a, _b, _c, _d;
       if (result.type === "completed") {
         const successMsg = successMessage || "Verificaci\xF3n de identidad completada";
+        setIsProcessing(true);
+        await getDataLiveness((_a = result.session) == null ? void 0 : _a.sessionId, inProduction, clientId, dataLiveness, faceMatch);
+        setIsProcessing(false);
         setMessage(successMsg);
         setCompleted(true);
-        dataLiveness({
-          sessionId: (_a = result.session) == null ? void 0 : _a.sessionId,
-          status: (_b = result.session) == null ? void 0 : _b.status,
-          error: false
-        });
       } else if (result.type === "cancelled") {
         dataLiveness({
-          sessionId: (_c = result.session) == null ? void 0 : _c.sessionId,
+          sessionId: (_b = result.session) == null ? void 0 : _b.sessionId,
           cancelled: true,
           error: false
         });
       } else if (result.type === "failed") {
-        toast.error(((_d = result.error) == null ? void 0 : _d.message) || "Error en la verificaci\xF3n");
+        Q.error(((_c = result.error) == null ? void 0 : _c.message) || "Error en la verificaci\xF3n");
         dataLiveness({
-          errorType: (_e = result.error) == null ? void 0 : _e.type,
+          errorType: (_d = result.error) == null ? void 0 : _d.type,
           error: true
         });
       }
     };
-    authorize().then((url) => {
-      setIsLoading(false);
-      DiditSdk.shared.startVerification({
-        url,
-        configuration: {
-          embedded: true,
-          embeddedContainerId: DIDIT_CONTAINER_ID2,
-          showCloseButton: false,
-          showExitConfirmation: false,
-          closeModalOnComplete: true
-        }
-      });
-    }).catch(() => {
-      setIsLoading(false);
-      toast.error("Error al iniciar la verificaci\xF3n");
+    DiditSdk.shared.startVerification({
+      url: sessionUrl,
+      configuration: {
+        embedded: true,
+        embeddedContainerId: DIDIT_CONTAINER_ID$1,
+        showCloseButton: false,
+        showExitConfirmation: false,
+        closeModalOnComplete: true
+      }
     });
+  }, [started, sessionUrl]);
+  useEffect(() => {
     return () => {
       DiditSdk.shared.destroy();
     };
   }, []);
+  useEffect(() => {
+    if (!lib(status))
+      return;
+    if (countryCodeAllowed !== null && !countryCode)
+      return;
+    if (started || sessionUrl)
+      return;
+    handleStart();
+  }, [countryCode, status]);
+  const handleStart = async () => {
+    setIsLoading(true);
+    try {
+      const token2 = await authorize();
+      console.log("token", token2);
+      const {
+        url
+      } = await getDiditSessionUrl(workflowId, inProduction, token2);
+      setSessionUrl(url);
+      setStarted(true);
+      console.log("url", url);
+    } catch (e2) {
+      console.log(e2);
+      Q.error("Error al iniciar la verificaci\xF3n");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const clearState = () => {
+    setStatus("");
+    setMessage("");
+    setCompleted(false);
+    setStarted(false);
+    setSessionUrl(null);
+    DiditSdk.shared.destroy();
+  };
   return /* @__PURE__ */ jsxs("div", {
     ref: containerRef,
-    className: `${styles$a["kit-gbc"]} ${styles$a["liveness-container"]} ${styles$a[mode]} ${status === "NOT_VERIFY" && styles$a.error}`,
+    className: `${styles$a["kit-gbc"]} ${styles$a["liveness-container"]} ${styles$a[mode]}`,
     children: [/* @__PURE__ */ jsx$1(k$2, {
       className: "kit-gbc-toastify-container",
       position: "top-center",
@@ -45096,27 +45169,49 @@ function LivenessCheck({
       pauseOnHover: true
     }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx$1(BackDropLoader, {}) : null, !lib(status) ? /* @__PURE__ */ jsxs("div", {
       className: styles$a.sub,
-      children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
+      children: [/* @__PURE__ */ jsx$1(BackButton, {
         action: clearState
       }), /* @__PURE__ */ jsx$1("h4", {
-        children: "Verificaci\xF3n liveness"
+        children: "Verificaci\xF3n liveness."
       }), /* @__PURE__ */ jsx$1(StatusComponent, {
         status,
         message
       })]
+    }) : isProcessing ? /* @__PURE__ */ jsxs("div", {
+      className: styles$a.sub,
+      children: [/* @__PURE__ */ jsx$1("h4", {
+        children: "Verificaci\xF3n liveness"
+      }), /* @__PURE__ */ jsxs("div", {
+        className: styles$a["processing-container"],
+        children: [/* @__PURE__ */ jsx$1("div", {
+          className: styles$a["processing-spinner"]
+        }), /* @__PURE__ */ jsx$1("p", {
+          children: "Procesando verificaci\xF3n..."
+        })]
+      })]
     }) : completed ? /* @__PURE__ */ jsx$1("div", {
       className: styles$a.sub,
       children: /* @__PURE__ */ jsx$1(SuccessAnimation, {
         message
       })
-    }) : /* @__PURE__ */ jsx$1("div", {
-      id: DIDIT_CONTAINER_ID2,
-      className: styles$a.liveness,
+    }) : /* @__PURE__ */ jsxs("div", {
       style: {
-        width: "100%",
-        height: "100%",
-        minHeight: "600px"
-      }
+        width: "100%"
+      },
+      children: [!started && /* @__PURE__ */ jsx$1("div", {
+        className: styles$a.sub,
+        children: /* @__PURE__ */ jsx$1("h4", {
+          children: "Verificaci\xF3n liveness"
+        })
+      }), /* @__PURE__ */ jsx$1("div", {
+        id: DIDIT_CONTAINER_ID$1,
+        className: styles$a.liveness,
+        style: {
+          width: "100%",
+          height: "100%",
+          minHeight: started ? "600px" : "0px"
+        }
+      })]
     })]
   });
 }
@@ -45124,14 +45219,15 @@ LivenessCheck.propTypes = {
   mode: propTypes.exports.PropTypes.string,
   clientId: propTypes.exports.PropTypes.string.isRequired,
   authorize: propTypes.exports.PropTypes.func.isRequired,
+  dataLiveness: propTypes.exports.PropTypes.func,
   inProduction: propTypes.exports.PropTypes.string,
   countryCodeAllowed: propTypes.exports.PropTypes.array,
-  eventId: propTypes.exports.PropTypes.string,
   source: propTypes.exports.PropTypes.string,
+  eventId: propTypes.exports.PropTypes.string,
   faceMatch: propTypes.exports.PropTypes.string,
-  dataLiveness: propTypes.exports.PropTypes.func.isRequired,
   validateVpn: propTypes.exports.PropTypes.bool,
-  successMessage: propTypes.exports.PropTypes.string
+  successMessage: propTypes.exports.PropTypes.string,
+  workflowId: propTypes.exports.PropTypes.string.isRequired
 };
 const UploadIcon = () => {
   return /* @__PURE__ */ jsxs("svg", {
@@ -61300,7 +61396,7 @@ function BulkVerification({
     isLoading,
     status,
     message,
-    clearState: clearState2,
+    clearState,
     countryCode,
     csvFile,
     handleFileUpload,
@@ -61331,7 +61427,7 @@ function BulkVerification({
       children: /* @__PURE__ */ jsxs("div", {
         className: styles$a.sub,
         children: [showBackButton(status) && /* @__PURE__ */ jsx$1(BackButton, {
-          action: clearState2
+          action: clearState
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$a["header-component"],
           children: [/* @__PURE__ */ jsx$1("h4", {
@@ -61496,7 +61592,7 @@ function LivenessCheckDidit({
       DiditSdk.shared.destroy();
     };
   }, []);
-  const clearState2 = () => {
+  const clearState = () => {
     setStatus("");
     setMessage("");
     setCompleted(false);
@@ -61520,7 +61616,7 @@ function LivenessCheckDidit({
       }), isLoading && /* @__PURE__ */ jsx$1(BackDropLoader, {}), !lib(status) ? /* @__PURE__ */ jsxs("div", {
         className: styles$a.sub,
         children: [/* @__PURE__ */ jsx$1(BackButton, {
-          action: clearState2
+          action: clearState
         }), /* @__PURE__ */ jsx$1("h4", {
           children: "Verificaci\xF3n liveness"
         }), /* @__PURE__ */ jsx$1(StatusComponent, {