@koraidv/react 1.8.1 → 1.8.3

package/dist/index.js

@@ -101,8 +101,10 @@ function useKoraIDV() {
   });
   const [selectedDocumentType, setSelectedDocumentType] = (0, import_react2.useState)(null);
   const [documentFrontCaptured, setDocumentFrontCaptured] = (0, import_react2.useState)(false);
+  const lastStartArgsRef = (0, import_react2.useRef)(null);
   const startVerification = (0, import_react2.useCallback)(
     async (externalId, tier = "standard", expectedFirstName, expectedLastName) => {
+      lastStartArgsRef.current = { externalId, tier, expectedFirstName, expectedLastName };
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
         await sdk.startVerification(
@@ -363,14 +365,28 @@ function useKoraIDV() {
       error: null,
       lastChallengeError: null
     });
+    setSelectedDocumentType(null);
+    setDocumentFrontCaptured(false);
   }, [sdk]);
   const retry = (0, import_react2.useCallback)(() => {
-    setState((prev) => ({
-      ...prev,
+    const args = lastStartArgsRef.current;
+    sdk.reset();
+    setState({
+      step: "consent",
+      verification: null,
+      livenessSession: null,
+      currentChallenge: null,
+      completedChallenges: 0,
+      isLoading: false,
       error: null,
-      isLoading: false
-    }));
-  }, []);
+      lastChallengeError: null
+    });
+    setSelectedDocumentType(null);
+    setDocumentFrontCaptured(false);
+    if (args) {
+      startVerification(args.externalId, args.tier, args.expectedFirstName, args.expectedLastName);
+    }
+  }, [sdk, startVerification]);
   return {
     state,
     startVerification,
@@ -3093,11 +3109,28 @@ function ResultScreen({ verification, onDone, onRetry, resultPageMode, simplifie
       case "approved":
         return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SimplifiedSuccess, { onDone, customMessages });
       case "rejected":
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SimplifiedFailed, { onRetry: onRetry || onDone, customMessages });
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          SimplifiedFailed,
+          {
+            verification,
+            onRetry: onRetry || onDone,
+            customMessages
+          }
+        );
       case "review_required":
         return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SimplifiedReview, { verification, onDone, customMessages });
       case "expired":
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SimplifiedFailed, { onRetry: onRetry || onDone, customMessages: { failedTitle: "Document Expired", failedMessage: "The document you submitted has expired. Please use a valid document." } });
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          SimplifiedFailed,
+          {
+            verification,
+            onRetry: onRetry || onDone,
+            customMessages: {
+              failedTitle: "Document Expired",
+              failedMessage: "The document you submitted has expired. Please use a valid document."
+            }
+          }
+        );
       default:
         return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SimplifiedSuccess, { onDone, customMessages });
     }
@@ -3159,9 +3192,6 @@ function SuccessResult({ verification, onDone }) {
   ] });
 }
 function RejectedResult({ verification, onRetry }) {
-  const score = Math.round(
-    verification.scores?.overall ?? 100 - (verification.riskScore ?? 58)
-  );
   const metrics = computeScoreBreakdown(verification);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: styles.resultContainer, children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: styles.resultContent, children: [
@@ -3187,13 +3217,45 @@ function RejectedResult({ verification, onRetry }) {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { style: styles.resultTitle, children: "Verification rejected" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: styles.resultSubtitle, children: "We could not verify your identity. Please try again with a valid document." }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        ScoreCard,
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+        "div",
         {
-          score,
-          badge: "REJECTED",
-          gradient: `linear-gradient(135deg, ${colors.error}, #B91C1C)`
+          style: {
+            margin: "16px 0",
+            padding: "16px 20px",
+            borderRadius: "12px",
+            backgroundColor: `${colors.error}10`,
+            border: `1px solid ${colors.error}40`
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "p",
+              {
+                style: {
+                  margin: 0,
+                  fontSize: "13px",
+                  fontWeight: 600,
+                  letterSpacing: "0.06em",
+                  textTransform: "uppercase",
+                  color: colors.error,
+                  marginBottom: 6
+                },
+                children: "Reason for rejection"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "p",
+              {
+                style: {
+                  margin: 0,
+                  fontSize: "15px",
+                  lineHeight: 1.45,
+                  color: colors.textPrimary
+                },
+                children: verification.decisionReason || verification.rejectionReason || "We could not verify your identity. Please try again with a valid document."
+              }
+            )
+          ]
         }
       ),
       metrics.map((m, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ScoreMetricRow, { ...m }, i))
@@ -3227,7 +3289,7 @@ function ExpiredResult({ verification, onRetry }) {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { style: styles.resultTitle, children: "Document expired" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: styles.resultSubtitle, children: "The document you submitted has expired. Please use a valid, non-expired document." }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: styles.resultSubtitle, children: verification.decisionReason || verification.rejectionReason || "The document you submitted has expired. Please use a valid, non-expired document." }),
       verification.documentVerification && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: styles.expiryCard, children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: styles.expiryRow, children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: styles.expiryLabel, children: "Document type" }),
@@ -3336,7 +3398,13 @@ function SimplifiedSuccess({ onDone, customMessages }) {
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: styles.footer, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { style: styles.primaryButton, onClick: onDone, children: "Continue" }) })
   ] });
 }
-function SimplifiedFailed({ onRetry, customMessages }) {
+function SimplifiedFailed({
+  verification,
+  onRetry,
+  customMessages
+}) {
+  const backendReason = verification?.decisionReason || verification?.rejectionReason || "";
+  const message = customMessages?.failedMessage || backendReason || "We could not verify your identity. Please try again with a valid document.";
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: styles.resultContainer, children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { ...styles.resultContent, textAlign: "center" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -3366,7 +3434,19 @@ function SimplifiedFailed({ onRetry, customMessages }) {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { style: { ...styles.resultTitle, fontSize: 24, marginTop: 16 }, children: customMessages?.failedTitle || "Verification Failed" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { ...styles.resultSubtitle, fontSize: 16, maxWidth: 320, margin: "8px auto 0" }, children: customMessages?.failedMessage || "We could not verify your identity. Please try again with a valid document." })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "p",
+        {
+          style: {
+            ...styles.resultSubtitle,
+            fontSize: 16,
+            maxWidth: 380,
+            margin: "8px auto 0",
+            lineHeight: 1.45
+          },
+          children: message
+        }
+      )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: styles.footer, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { style: styles.primaryButton, onClick: onRetry, children: "Try Again" }) })
   ] });
@@ -3658,7 +3738,12 @@ function VerificationFlow({
       {
         verification: state.verification,
         onDone: () => onComplete?.(state.verification),
-        onRetry: retry
+        onRetry: () => {
+          setFlowStep("consent");
+          setSelectedCountry(null);
+          setShowFlipInstruction(true);
+          retry();
+        }
       }
     )
   ] });

package/dist/index.mjs

@@ -52,8 +52,10 @@ function useKoraIDV() {
   });
   const [selectedDocumentType, setSelectedDocumentType] = useState(null);
   const [documentFrontCaptured, setDocumentFrontCaptured] = useState(false);
+  const lastStartArgsRef = useRef(null);
   const startVerification = useCallback(
     async (externalId, tier = "standard", expectedFirstName, expectedLastName) => {
+      lastStartArgsRef.current = { externalId, tier, expectedFirstName, expectedLastName };
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
         await sdk.startVerification(
@@ -314,14 +316,28 @@ function useKoraIDV() {
       error: null,
       lastChallengeError: null
     });
+    setSelectedDocumentType(null);
+    setDocumentFrontCaptured(false);
   }, [sdk]);
   const retry = useCallback(() => {
-    setState((prev) => ({
-      ...prev,
+    const args = lastStartArgsRef.current;
+    sdk.reset();
+    setState({
+      step: "consent",
+      verification: null,
+      livenessSession: null,
+      currentChallenge: null,
+      completedChallenges: 0,
+      isLoading: false,
       error: null,
-      isLoading: false
-    }));
-  }, []);
+      lastChallengeError: null
+    });
+    setSelectedDocumentType(null);
+    setDocumentFrontCaptured(false);
+    if (args) {
+      startVerification(args.externalId, args.tier, args.expectedFirstName, args.expectedLastName);
+    }
+  }, [sdk, startVerification]);
   return {
     state,
     startVerification,
@@ -3044,11 +3060,28 @@ function ResultScreen({ verification, onDone, onRetry, resultPageMode, simplifie
       case "approved":
         return /* @__PURE__ */ jsx11(SimplifiedSuccess, { onDone, customMessages });
       case "rejected":
-        return /* @__PURE__ */ jsx11(SimplifiedFailed, { onRetry: onRetry || onDone, customMessages });
+        return /* @__PURE__ */ jsx11(
+          SimplifiedFailed,
+          {
+            verification,
+            onRetry: onRetry || onDone,
+            customMessages
+          }
+        );
       case "review_required":
         return /* @__PURE__ */ jsx11(SimplifiedReview, { verification, onDone, customMessages });
       case "expired":
-        return /* @__PURE__ */ jsx11(SimplifiedFailed, { onRetry: onRetry || onDone, customMessages: { failedTitle: "Document Expired", failedMessage: "The document you submitted has expired. Please use a valid document." } });
+        return /* @__PURE__ */ jsx11(
+          SimplifiedFailed,
+          {
+            verification,
+            onRetry: onRetry || onDone,
+            customMessages: {
+              failedTitle: "Document Expired",
+              failedMessage: "The document you submitted has expired. Please use a valid document."
+            }
+          }
+        );
       default:
         return /* @__PURE__ */ jsx11(SimplifiedSuccess, { onDone, customMessages });
     }
@@ -3110,9 +3143,6 @@ function SuccessResult({ verification, onDone }) {
   ] });
 }
 function RejectedResult({ verification, onRetry }) {
-  const score = Math.round(
-    verification.scores?.overall ?? 100 - (verification.riskScore ?? 58)
-  );
   const metrics = computeScoreBreakdown(verification);
   return /* @__PURE__ */ jsxs10("div", { style: styles.resultContainer, children: [
     /* @__PURE__ */ jsxs10("div", { style: styles.resultContent, children: [
@@ -3138,13 +3168,45 @@ function RejectedResult({ verification, onRetry }) {
         }
       ),
       /* @__PURE__ */ jsx11("h1", { style: styles.resultTitle, children: "Verification rejected" }),
-      /* @__PURE__ */ jsx11("p", { style: styles.resultSubtitle, children: "We could not verify your identity. Please try again with a valid document." }),
-      /* @__PURE__ */ jsx11(
-        ScoreCard,
+      /* @__PURE__ */ jsxs10(
+        "div",
         {
-          score,
-          badge: "REJECTED",
-          gradient: `linear-gradient(135deg, ${colors.error}, #B91C1C)`
+          style: {
+            margin: "16px 0",
+            padding: "16px 20px",
+            borderRadius: "12px",
+            backgroundColor: `${colors.error}10`,
+            border: `1px solid ${colors.error}40`
+          },
+          children: [
+            /* @__PURE__ */ jsx11(
+              "p",
+              {
+                style: {
+                  margin: 0,
+                  fontSize: "13px",
+                  fontWeight: 600,
+                  letterSpacing: "0.06em",
+                  textTransform: "uppercase",
+                  color: colors.error,
+                  marginBottom: 6
+                },
+                children: "Reason for rejection"
+              }
+            ),
+            /* @__PURE__ */ jsx11(
+              "p",
+              {
+                style: {
+                  margin: 0,
+                  fontSize: "15px",
+                  lineHeight: 1.45,
+                  color: colors.textPrimary
+                },
+                children: verification.decisionReason || verification.rejectionReason || "We could not verify your identity. Please try again with a valid document."
+              }
+            )
+          ]
         }
       ),
       metrics.map((m, i) => /* @__PURE__ */ jsx11(ScoreMetricRow, { ...m }, i))
@@ -3178,7 +3240,7 @@ function ExpiredResult({ verification, onRetry }) {
         }
       ),
       /* @__PURE__ */ jsx11("h1", { style: styles.resultTitle, children: "Document expired" }),
-      /* @__PURE__ */ jsx11("p", { style: styles.resultSubtitle, children: "The document you submitted has expired. Please use a valid, non-expired document." }),
+      /* @__PURE__ */ jsx11("p", { style: styles.resultSubtitle, children: verification.decisionReason || verification.rejectionReason || "The document you submitted has expired. Please use a valid, non-expired document." }),
       verification.documentVerification && /* @__PURE__ */ jsxs10("div", { style: styles.expiryCard, children: [
         /* @__PURE__ */ jsxs10("div", { style: styles.expiryRow, children: [
           /* @__PURE__ */ jsx11("span", { style: styles.expiryLabel, children: "Document type" }),
@@ -3287,7 +3349,13 @@ function SimplifiedSuccess({ onDone, customMessages }) {
     /* @__PURE__ */ jsx11("div", { style: styles.footer, children: /* @__PURE__ */ jsx11("button", { style: styles.primaryButton, onClick: onDone, children: "Continue" }) })
   ] });
 }
-function SimplifiedFailed({ onRetry, customMessages }) {
+function SimplifiedFailed({
+  verification,
+  onRetry,
+  customMessages
+}) {
+  const backendReason = verification?.decisionReason || verification?.rejectionReason || "";
+  const message = customMessages?.failedMessage || backendReason || "We could not verify your identity. Please try again with a valid document.";
   return /* @__PURE__ */ jsxs10("div", { style: styles.resultContainer, children: [
     /* @__PURE__ */ jsxs10("div", { style: { ...styles.resultContent, textAlign: "center" }, children: [
       /* @__PURE__ */ jsx11(
@@ -3317,7 +3385,19 @@ function SimplifiedFailed({ onRetry, customMessages }) {
         }
       ),
       /* @__PURE__ */ jsx11("h1", { style: { ...styles.resultTitle, fontSize: 24, marginTop: 16 }, children: customMessages?.failedTitle || "Verification Failed" }),
-      /* @__PURE__ */ jsx11("p", { style: { ...styles.resultSubtitle, fontSize: 16, maxWidth: 320, margin: "8px auto 0" }, children: customMessages?.failedMessage || "We could not verify your identity. Please try again with a valid document." })
+      /* @__PURE__ */ jsx11(
+        "p",
+        {
+          style: {
+            ...styles.resultSubtitle,
+            fontSize: 16,
+            maxWidth: 380,
+            margin: "8px auto 0",
+            lineHeight: 1.45
+          },
+          children: message
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx11("div", { style: styles.footer, children: /* @__PURE__ */ jsx11("button", { style: styles.primaryButton, onClick: onRetry, children: "Try Again" }) })
   ] });
@@ -3609,7 +3689,12 @@ function VerificationFlow({
       {
         verification: state.verification,
         onDone: () => onComplete?.(state.verification),
-        onRetry: retry
+        onRetry: () => {
+          setFlowStep("consent");
+          setSelectedCountry(null);
+          setShowFlipInstruction(true);
+          retry();
+        }
       }
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koraidv/react",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "description": "Kora IDV React Components for Identity Verification",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -21,7 +21,7 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@koraidv/core": "^1.8.1"
+    "@koraidv/core": "^1.8.3"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",