fix: fixed netcetra 3ds not opening and added fallback log (#470)

juspay · Jul 3, 2024 · c686b1b · c686b1b
1 parent c5dec3a
commit c686b1b
Showing 1 changed file with 27 additions and 13 deletions.
diff --git a/src/ThreeDSMethod.res b/src/ThreeDSMethod.res
@@ -12,19 +12,21 @@ let make = () => {
     stateMetadata->Utils.getDictFromJson->Dict.set("3dsMethodComp", "Y"->JSON.Encode.string)
     let metadataDict = stateMetadata->JSON.Decode.object->Option.getOr(Dict.make())
     let iframeId = metadataDict->getString("iframeId", "")
-    LoggerUtils.handleLogging(
-      ~optLogger=Some(logger),
-      ~eventName=THREE_DS_METHOD_RESULT,
-      ~value="Y",
-      ~paymentMethod="CARD",
-      (),
-    )
-    handlePostMessage([
-      ("fullscreen", true->JSON.Encode.bool),
-      ("param", `3dsAuth`->JSON.Encode.string),
-      ("iframeId", iframeId->JSON.Encode.string),
-      ("metadata", stateMetadata),
-    ])
+    if iframeId->String.length > 0 {
+      LoggerUtils.handleLogging(
+        ~optLogger=Some(logger),
+        ~eventName=THREE_DS_METHOD_RESULT,
+        ~value="Y",
+        ~paymentMethod="CARD",
+        (),
+      )
+      handlePostMessage([
+        ("fullscreen", true->JSON.Encode.bool),
+        ("param", `3dsAuth`->JSON.Encode.string),
+        ("iframeId", iframeId->JSON.Encode.string),
+        ("metadata", stateMetadata),
+      ])
+    }
   }
 
   observer.current = Some(
@@ -42,6 +44,17 @@ let make = () => {
   | _ => ()
   }
 
+  let handleOnLoad = _ => {
+    setTimeout(() => {
+      logger.setLogError(
+        ~value="ThreeDS Method Opened for more than 20 seconds",
+        ~eventName=THREE_DS_METHOD_RESULT,
+        ~logType=DEBUG,
+        (),
+      )
+    }, 20000)->ignore
+  }
+
   React.useEffect0(() => {
     handlePostMessage([("iframeMountedCallback", true->JSON.Encode.bool)])
     let handle = (ev: Window.event) => {
@@ -130,6 +143,7 @@ let make = () => {
       name="threeDsInvisibleIframe"
       className="h-96 invisible"
       ref={divRef->ReactDOM.Ref.domRef}
+      onLoad={handleOnLoad}
     />
   </>
 }