@fileflow/sdk 0.1.6 → 0.1.8

package/dist/KYCWizard-D4RKtikr.mjs

@@ -0,0 +1,756 @@
+import { jsxs as s, jsx as e, Fragment as oe } from "react/jsx-runtime";
+import de, { useCallback as E, useState as me, useEffect as ue } from "react";
+import { f as w, h as pe, D as A, u as he, X as Z, j as D, U as ve, A as ye, k as B, m as H, L, n as V, g as M, o as ge } from "./index-CEvc89fO.mjs";
+/**
+ * @license lucide-react v0.321.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xe = w("Car", [
+  [
+    "path",
+    {
+      d: "M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2",
+      key: "5owen"
+    }
+  ],
+  ["circle", { cx: "7", cy: "17", r: "2", key: "u2ysq9" }],
+  ["path", { d: "M9 17h6", key: "r8uit2" }],
+  ["circle", { cx: "17", cy: "17", r: "2", key: "axvx0g" }]
+]);
+/**
+ * @license lucide-react v0.321.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const W = w("Clock", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
+]);
+/**
+ * @license lucide-react v0.321.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const G = w("FileText", [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+]);
+/**
+ * @license lucide-react v0.321.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ne = w("Home", [
+  ["path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", key: "y5dka4" }],
+  ["polyline", { points: "9 22 9 12 15 12 15 22", key: "e2us08" }]
+]);
+/**
+ * @license lucide-react v0.321.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const be = w("Image", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+]);
+/**
+ * @license lucide-react v0.321.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const we = w("ShieldCheck", [
+  ["path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10", key: "1irkt0" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+/**
+ * @license lucide-react v0.321.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ce = w("Shield", [
+  ["path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10", key: "1irkt0" }]
+]), $ = (c) => ({
+  id: null,
+  type: c,
+  status: "uploaded",
+  file: null,
+  previewUrl: null,
+  extractedData: null,
+  confidence: 0,
+  fraudFlags: [],
+  error: null
+}), X = {
+  sessionId: null,
+  status: "idle",
+  step: "select",
+  requiredDocuments: [],
+  currentDocumentType: null,
+  documents: /* @__PURE__ */ new Map(),
+  isVerified: !1,
+  verificationStatus: null,
+  isLoading: !1,
+  error: null
+}, j = pe((c, o) => ({
+  ...X,
+  setSessionId: (f) => c({ sessionId: f }),
+  setRequiredDocuments: (f) => {
+    const t = /* @__PURE__ */ new Map();
+    for (const l of f)
+      t.set(l, $(l));
+    c({
+      requiredDocuments: f,
+      documents: t,
+      currentDocumentType: f[0] || null
+    });
+  },
+  setCurrentDocumentType: (f) => c({ currentDocumentType: f }),
+  setDocumentFile: (f, t) => {
+    const { documents: l } = o(), r = l.get(f) || $(f), a = URL.createObjectURL(t), p = new Map(l);
+    p.set(f, {
+      ...r,
+      file: t,
+      previewUrl: a,
+      status: "uploaded",
+      error: null
+    }), c({ documents: p });
+  },
+  setDocumentStatus: (f, t) => {
+    const { documents: l } = o(), r = l.get(f);
+    if (r) {
+      const a = new Map(l);
+      a.set(f, { ...r, status: t }), c({ documents: a });
+    }
+  },
+  setDocumentData: (f, t) => {
+    const { documents: l } = o(), r = l.get(f);
+    if (r) {
+      const a = new Map(l);
+      a.set(f, { ...r, ...t }), c({ documents: a });
+    }
+  },
+  clearDocumentPreview: (f) => {
+    const { documents: t } = o(), l = t.get(f);
+    l != null && l.previewUrl && URL.revokeObjectURL(l.previewUrl);
+  },
+  setStep: (f) => c({ step: f }),
+  nextDocument: () => {
+    const { requiredDocuments: f, currentDocumentType: t, documents: l } = o(), r = t ? f.indexOf(t) : -1;
+    for (let a = r + 1; a < f.length; a++) {
+      const p = f[a], u = l.get(p);
+      if (!(u != null && u.file)) {
+        c({ currentDocumentType: p });
+        return;
+      }
+    }
+    c({
+      currentDocumentType: null,
+      step: "processing"
+    });
+  },
+  setVerificationStatus: (f) => c({ verificationStatus: f }),
+  setVerified: (f) => c({ isVerified: f }),
+  setStatus: (f) => c({ status: f }),
+  setLoading: (f) => c({ isLoading: f }),
+  setError: (f) => c({ error: f }),
+  getNextRequiredDocument: () => {
+    const { requiredDocuments: f, documents: t } = o();
+    for (const l of f) {
+      const r = t.get(l);
+      if (!(r != null && r.file))
+        return l;
+    }
+    return null;
+  },
+  areAllDocumentsUploaded: () => {
+    const { requiredDocuments: f, documents: t } = o();
+    return f.every((l) => {
+      const r = t.get(l);
+      return (r == null ? void 0 : r.file) !== null;
+    });
+  },
+  areAllDocumentsProcessed: () => {
+    const { requiredDocuments: f, documents: t } = o();
+    return f.every((l) => {
+      const r = t.get(l);
+      return (r == null ? void 0 : r.status) === "completed" || (r == null ? void 0 : r.status) === "requires_review";
+    });
+  },
+  reset: () => {
+    const { documents: f } = o();
+    for (const t of f.values())
+      t.previewUrl && URL.revokeObjectURL(t.previewUrl);
+    c(X);
+  }
+})), De = ({
+  documentType: c,
+  onFileSelect: o
+}) => {
+  const { documents: f, setDocumentFile: t, isLoading: l } = j(), r = f.get(c), a = A[c], p = E(
+    (d, q) => {
+      if (!(q.length > 0) && d.length > 0) {
+        const v = d[0];
+        t(c, v), o == null || o(v);
+      }
+    },
+    [c, o, t]
+  ), { getRootProps: u, getInputProps: m, isDragActive: x } = he({
+    onDrop: p,
+    accept: {
+      "application/pdf": [".pdf"],
+      "image/jpeg": [".jpg", ".jpeg"],
+      "image/png": [".png"]
+    },
+    maxSize: a.maxFileSize,
+    multiple: !1,
+    disabled: l
+  }), k = (d) => d < 1024 ? `${d} B` : d < 1024 * 1024 ? `${(d / 1024).toFixed(1)} KB` : `${(d / (1024 * 1024)).toFixed(1)} MB`, z = () => {
+    var d;
+    return ((d = r == null ? void 0 : r.file) == null ? void 0 : d.type) === "application/pdf" ? /* @__PURE__ */ e(G, { className: "ff-w-6 ff-h-6" }) : /* @__PURE__ */ e(be, { className: "ff-w-6 ff-h-6" });
+  }, F = (d) => {
+    d.stopPropagation(), j.getState().clearDocumentPreview(c), t(c, null);
+  };
+  return r != null && r.file && r.previewUrl ? /* @__PURE__ */ s("div", { className: "ff-space-y-4", children: [
+    /* @__PURE__ */ e("div", { className: "ff-p-4 ff-rounded-xl", style: { backgroundColor: "var(--ff-primary-20)", border: "1px solid var(--ff-primary-50)" }, children: /* @__PURE__ */ s("div", { className: "ff-flex ff-items-center ff-gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "ff-p-2 ff-rounded-lg", style: { backgroundColor: "var(--ff-primary-30)" }, children: /* @__PURE__ */ e("span", { style: { color: "var(--ff-primary-90)" }, children: z() }) }),
+      /* @__PURE__ */ s("div", { className: "ff-flex-1 ff-min-w-0", children: [
+        /* @__PURE__ */ e("p", { className: "ff-font-medium ff-truncate", style: { color: "var(--ff-primary-110)" }, children: r.file.name }),
+        /* @__PURE__ */ e("p", { className: "ff-text-sm", style: { color: "var(--ff-primary-90)" }, children: k(r.file.size) })
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: F,
+          className: "ff-p-1.5 ff-rounded-full ff-transition-colors",
+          style: { color: "var(--ff-primary-90)" },
+          "aria-label": "Remove file",
+          children: /* @__PURE__ */ e(Z, { className: "ff-w-5 ff-h-5" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "ff-document-preview ff-aspect-[3/4] ff-max-h-96", children: r.file.type === "application/pdf" ? /* @__PURE__ */ e(
+      "iframe",
+      {
+        src: r.previewUrl,
+        className: "ff-w-full ff-h-full ff-rounded-xl",
+        title: "Document preview"
+      }
+    ) : /* @__PURE__ */ e(
+      "img",
+      {
+        src: r.previewUrl,
+        alt: "Document preview",
+        className: "ff-w-full ff-h-full ff-object-contain ff-rounded-xl"
+      }
+    ) })
+  ] }) : /* @__PURE__ */ s("div", { className: "ff-space-y-6", children: [
+    /* @__PURE__ */ s("div", { className: "ff-text-center ff-mb-4", children: [
+      /* @__PURE__ */ e("h3", { className: "ff-text-lg ff-font-semibold", style: { color: "var(--ff-text-primary)" }, children: a.label }),
+      /* @__PURE__ */ e("p", { className: "ff-text-sm ff-mt-1", style: { color: "var(--ff-text-muted)" }, children: a.description })
+    ] }),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        ...u(),
+        className: D(
+          "ff-dropzone",
+          x && "ff-dropzone-active",
+          l && "ff-opacity-50 ff-cursor-not-allowed"
+        ),
+        children: [
+          /* @__PURE__ */ e("input", { ...m() }),
+          /* @__PURE__ */ e("div", { className: "ff-dropzone-icon-wrapper", children: /* @__PURE__ */ e(ve, { className: "ff-dropzone-icon" }) }),
+          /* @__PURE__ */ e("h3", { className: "ff-dropzone-text", children: x ? "Drop your document here" : "Upload your document" }),
+          /* @__PURE__ */ e("p", { className: "ff-dropzone-hint", children: "Drag and drop or click to select" }),
+          /* @__PURE__ */ e("label", { className: "ff-inline-block", children: /* @__PURE__ */ e("span", { className: D(
+            "ff-btn ff-btn-primary",
+            l && "ff-opacity-50 ff-cursor-wait"
+          ), children: l ? "Processing..." : "Choose file" }) }),
+          /* @__PURE__ */ s("div", { className: "ff-flex ff-flex-wrap ff-justify-center ff-gap-2 ff-mt-3", children: [
+            a.acceptedFormats.map((d) => /* @__PURE__ */ e(
+              "span",
+              {
+                className: "ff-px-2 ff-py-1 ff-rounded ff-text-xs",
+                style: { backgroundColor: "var(--ff-bg-tertiary)", color: "var(--ff-text-muted)" },
+                children: d.toUpperCase()
+              },
+              d
+            )),
+            /* @__PURE__ */ s("span", { className: "ff-px-2 ff-py-1 ff-text-xs", style: { color: "var(--ff-text-muted)" }, children: [
+              "Max ",
+              k(a.maxFileSize)
+            ] })
+          ] })
+        ]
+      }
+    ),
+    (r == null ? void 0 : r.error) && /* @__PURE__ */ s("div", { className: "ff-flex ff-items-center ff-gap-2 ff-p-4 ff-rounded-lg ff-text-sm", style: { backgroundColor: "var(--ff-error-light)", color: "var(--ff-error)" }, children: [
+      /* @__PURE__ */ e(ye, { className: "ff-w-4 ff-h-4 ff-flex-shrink-0" }),
+      /* @__PURE__ */ e("p", { children: r.error })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "ff-rounded-xl ff-p-4", style: { backgroundColor: "var(--ff-bg-secondary)" }, children: [
+      /* @__PURE__ */ e("h4", { className: "ff-text-sm ff-font-medium ff-mb-2", style: { color: "var(--ff-text-secondary)" }, children: "Tips for best results:" }),
+      /* @__PURE__ */ s("ul", { className: "ff-text-sm ff-space-y-1 ff-list-disc ff-list-inside", style: { color: "var(--ff-text-muted)" }, children: [
+        /* @__PURE__ */ e("li", { children: "Ensure all text is clearly visible and readable" }),
+        /* @__PURE__ */ e("li", { children: "Avoid glare, shadows, or blurry images" }),
+        /* @__PURE__ */ e("li", { children: "Include all four corners of the document" }),
+        /* @__PURE__ */ e("li", { children: "Use good lighting when taking photos" })
+      ] })
+    ] })
+  ] });
+}, ke = ({
+  documentType: c,
+  showDetails: o = !0
+}) => {
+  const { documents: f } = j(), t = f.get(c), l = A[c], a = ((m) => {
+    switch (m) {
+      case "completed":
+        return {
+          icon: V,
+          iconColor: "var(--ff-success)",
+          bgColor: "var(--ff-success-light)",
+          label: "Verified",
+          labelColor: "var(--ff-success)",
+          description: "Document successfully processed"
+        };
+      case "requires_review":
+        return {
+          icon: H,
+          iconColor: "var(--ff-warning)",
+          bgColor: "var(--ff-warning-light)",
+          label: "Review Required",
+          labelColor: "var(--ff-warning)",
+          description: "Manual verification may be needed"
+        };
+      case "failed":
+        return {
+          icon: B,
+          iconColor: "var(--ff-error)",
+          bgColor: "var(--ff-error-light)",
+          label: "Failed",
+          labelColor: "var(--ff-error)",
+          description: "Unable to process document"
+        };
+      case "processing":
+        return {
+          icon: L,
+          iconColor: "var(--ff-primary-90)",
+          bgColor: "var(--ff-primary-20)",
+          label: "Processing",
+          labelColor: "var(--ff-primary-90)",
+          description: "Analyzing document..."
+        };
+      case "uploaded":
+        return {
+          icon: W,
+          iconColor: "var(--ff-text-secondary)",
+          bgColor: "var(--ff-bg-tertiary)",
+          label: "Pending",
+          labelColor: "var(--ff-text-secondary)",
+          description: "Waiting to be processed"
+        };
+      default:
+        return {
+          icon: W,
+          iconColor: "var(--ff-text-muted)",
+          bgColor: "var(--ff-bg-tertiary)",
+          label: "Not Uploaded",
+          labelColor: "var(--ff-text-muted)",
+          description: "Upload document to continue"
+        };
+    }
+  })(t == null ? void 0 : t.status), p = a.icon, u = (m) => m >= 0.8 ? "var(--ff-success)" : m >= 0.6 ? "var(--ff-warning)" : "var(--ff-error)";
+  return /* @__PURE__ */ s("div", { className: "ff-space-y-3", children: [
+    /* @__PURE__ */ s("div", { className: "ff-flex ff-items-center ff-gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "ff-p-2 ff-rounded-xl", style: { backgroundColor: a.bgColor }, children: /* @__PURE__ */ e(
+        p,
+        {
+          className: D(
+            "ff-w-5 ff-h-5",
+            (t == null ? void 0 : t.status) === "processing" && "ff-animate-spin"
+          ),
+          style: { color: a.iconColor }
+        }
+      ) }),
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ e("p", { className: "ff-font-medium", style: { color: "var(--ff-text-primary)" }, children: l.label }),
+        /* @__PURE__ */ e("p", { className: "ff-text-sm", style: { color: a.labelColor }, children: a.label })
+      ] })
+    ] }),
+    (t == null ? void 0 : t.confidence) !== void 0 && t.confidence > 0 && /* @__PURE__ */ s("div", { className: "ff-space-y-1", children: [
+      /* @__PURE__ */ s("div", { className: "ff-flex ff-items-center ff-justify-between ff-text-sm", children: [
+        /* @__PURE__ */ e("span", { style: { color: "var(--ff-text-secondary)" }, children: "Confidence" }),
+        /* @__PURE__ */ s("span", { className: "ff-font-medium", style: { color: u(t.confidence) }, children: [
+          Math.round(t.confidence * 100),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ff-progress", children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: "ff-progress-bar",
+          style: {
+            width: `${t.confidence * 100}%`,
+            backgroundColor: u(t.confidence)
+          }
+        }
+      ) })
+    ] }),
+    o && (t == null ? void 0 : t.fraudFlags) && t.fraudFlags.length > 0 && /* @__PURE__ */ s("div", { className: "ff-space-y-2", children: [
+      /* @__PURE__ */ e("p", { className: "ff-text-sm ff-font-medium", style: { color: "var(--ff-text-secondary)" }, children: "Issues Detected" }),
+      /* @__PURE__ */ e("div", { className: "ff-space-y-1", children: t.fraudFlags.map((m, x) => /* @__PURE__ */ s(
+        "div",
+        {
+          className: "ff-flex ff-items-start ff-gap-2 ff-p-2 ff-rounded-lg ff-text-sm",
+          style: {
+            backgroundColor: m.severity === "high" ? "var(--ff-error-light)" : m.severity === "medium" ? "var(--ff-warning-light)" : "var(--ff-bg-tertiary)",
+            color: m.severity === "high" ? "var(--ff-error)" : m.severity === "medium" ? "var(--ff-warning)" : "var(--ff-text-secondary)"
+          },
+          children: [
+            m.severity === "high" ? /* @__PURE__ */ e(B, { className: "ff-w-4 ff-h-4 ff-flex-shrink-0 ff-mt-0.5" }) : /* @__PURE__ */ e(H, { className: "ff-w-4 ff-h-4 ff-flex-shrink-0 ff-mt-0.5" }),
+            /* @__PURE__ */ e("span", { children: m.message })
+          ]
+        },
+        x
+      )) })
+    ] }),
+    o && (t == null ? void 0 : t.extractedData) && t.status === "completed" && /* @__PURE__ */ s("div", { className: "ff-rounded-xl ff-p-3", style: { backgroundColor: "var(--ff-bg-tertiary)" }, children: [
+      /* @__PURE__ */ e("p", { className: "ff-text-sm ff-font-medium ff-mb-2", style: { color: "var(--ff-text-secondary)" }, children: "Extracted Information" }),
+      /* @__PURE__ */ s("dl", { className: "ff-space-y-1 ff-text-sm", children: [
+        "fullName" in t.extractedData && /* @__PURE__ */ s("div", { className: "ff-flex ff-justify-between", children: [
+          /* @__PURE__ */ e("dt", { style: { color: "var(--ff-text-muted)" }, children: "Name" }),
+          /* @__PURE__ */ e("dd", { className: "ff-font-medium", style: { color: "var(--ff-text-primary)" }, children: t.extractedData.fullName })
+        ] }),
+        "dateOfBirth" in t.extractedData && /* @__PURE__ */ s("div", { className: "ff-flex ff-justify-between", children: [
+          /* @__PURE__ */ e("dt", { style: { color: "var(--ff-text-muted)" }, children: "Date of Birth" }),
+          /* @__PURE__ */ e("dd", { style: { color: "var(--ff-text-primary)" }, children: t.extractedData.dateOfBirth })
+        ] }),
+        t.extractedData.documentType === "passport" && "passportNumber" in t.extractedData && /* @__PURE__ */ s("div", { className: "ff-flex ff-justify-between", children: [
+          /* @__PURE__ */ e("dt", { style: { color: "var(--ff-text-muted)" }, children: "Passport #" }),
+          /* @__PURE__ */ e("dd", { className: "ff-font-mono", style: { color: "var(--ff-text-primary)" }, children: t.extractedData.passportNumber })
+        ] }),
+        t.extractedData.documentType === "drivers_license" && "licenseNumber" in t.extractedData && /* @__PURE__ */ s("div", { className: "ff-flex ff-justify-between", children: [
+          /* @__PURE__ */ e("dt", { style: { color: "var(--ff-text-muted)" }, children: "License #" }),
+          /* @__PURE__ */ e("dd", { className: "ff-font-mono", style: { color: "var(--ff-text-primary)" }, children: t.extractedData.licenseNumber })
+        ] }),
+        "address" in t.extractedData && t.extractedData.address && /* @__PURE__ */ s("div", { className: "ff-flex ff-justify-between", children: [
+          /* @__PURE__ */ e("dt", { style: { color: "var(--ff-text-muted)" }, children: "Address" }),
+          /* @__PURE__ */ s("dd", { className: "ff-text-right", style: { color: "var(--ff-text-primary)" }, children: [
+            t.extractedData.address.city,
+            ",",
+            " ",
+            t.extractedData.address.province
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}, T = ["select", "upload", "review", "complete"], Ue = {
+  passport: G,
+  drivers_license: xe,
+  proof_of_address: Ne
+}, ze = ({
+  requiredDocuments: c,
+  onComplete: o,
+  onCancel: f,
+  onError: t
+}) => {
+  const {
+    sessionId: l,
+    step: r,
+    currentDocumentType: a,
+    documents: p,
+    isVerified: u,
+    verificationStatus: m,
+    isLoading: x,
+    error: k,
+    setSessionId: z,
+    setRequiredDocuments: F,
+    setCurrentDocumentType: d,
+    setDocumentStatus: q,
+    setDocumentData: v,
+    setStep: N,
+    nextDocument: J,
+    setVerificationStatus: Q,
+    setVerified: ee,
+    setLoading: C,
+    setError: S,
+    areAllDocumentsUploaded: _,
+    areAllDocumentsProcessed: O,
+    reset: te
+  } = j(), [Ie, b] = me(null);
+  ue(() => (F(c), re(), () => {
+    b(null);
+  }), [c]);
+  const re = async () => {
+    try {
+      C(!0);
+      const n = await M().createKYCSession(c);
+      z(n.sessionId), N("upload");
+    } catch (i) {
+      const n = i;
+      S(n.message), t == null || t(n);
+    } finally {
+      C(!1);
+    }
+  }, fe = E(
+    async (i) => {
+      if (!(!l || !a))
+        try {
+          C(!0), S(null);
+          const h = await M().uploadKYCDocument(l, a, i);
+          v(a, {
+            id: h.documentId,
+            status: "processing"
+          }), b(h.documentId), se(h.documentId);
+        } catch (n) {
+          const h = n;
+          v(a, {
+            status: "failed",
+            error: h.message
+          }), t == null || t(h);
+        } finally {
+          C(!1);
+        }
+    },
+    [l, a]
+  ), se = async (i) => {
+    let y = 0, I = 0;
+    const R = async () => {
+      var Y;
+      if (y >= 30) {
+        b(null), a && v(a, {
+          status: "failed",
+          error: "Processing timed out. Please try again."
+        });
+        return;
+      }
+      if (I >= 3) {
+        b(null), a && v(a, {
+          status: "failed",
+          error: "Failed to check document status. Please refresh and try again."
+        });
+        return;
+      }
+      try {
+        const g = (await M().getKYCDocument(i)).document;
+        I = 0;
+        const ie = g.type;
+        if (v(ie, {
+          id: g.id,
+          status: g.status,
+          extractedData: g.extractedData,
+          confidence: g.confidence,
+          fraudFlags: g.fraudFlags,
+          error: null
+          // Clear any previous errors
+        }), g.status === "completed" || g.status === "requires_review" || g.status === "failed") {
+          b(null), _() ? O() && N("review") : J();
+          return;
+        }
+        y++, setTimeout(R, 2e3);
+      } catch (K) {
+        const P = K;
+        if (I++, y++, P.status === 404 || (Y = P.message) != null && Y.includes("not found")) {
+          b(null), a && v(a, {
+            status: "failed",
+            error: "Session not found or invalid state"
+          });
+          return;
+        }
+        I < 3 ? setTimeout(R, 3e3 * I) : (b(null), a && v(a, {
+          status: "failed",
+          error: P.message || "Failed to process document"
+        }));
+      }
+    };
+    R();
+  }, ae = async () => {
+    if (l)
+      try {
+        C(!0), S(null);
+        const n = await M().verifyKYCSession(l, !0);
+        Q(n.verificationStatus);
+        const h = n.verificationStatus;
+        ee(h.isVerified), N("complete"), o == null || o(n);
+      } catch (i) {
+        const n = i;
+        S(n.message), t == null || t(n);
+      } finally {
+        C(!1);
+      }
+  }, le = () => {
+    te(), f == null || f();
+  }, ce = (i) => {
+    d(i), N("upload");
+  }, ne = (i) => {
+    const n = p.get(i);
+    return (n == null ? void 0 : n.status) === "completed" || (n == null ? void 0 : n.status) === "requires_review";
+  }, U = () => {
+    const i = r === "processing" ? "upload" : r;
+    return T.indexOf(i);
+  };
+  return /* @__PURE__ */ s("div", { className: "ff-container ff-modal", children: [
+    /* @__PURE__ */ s("div", { className: "ff-modal-header", children: [
+      /* @__PURE__ */ s("div", { className: "ff-modal-header-left", children: [
+        /* @__PURE__ */ s("div", { className: "ff-flex ff-items-center ff-gap-3", children: [
+          /* @__PURE__ */ e("div", { className: "ff-modal-icon", children: /* @__PURE__ */ e(Ce, {}) }),
+          /* @__PURE__ */ e("h2", { className: "ff-modal-title", children: "Identity Verification" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "ff-steps ff-ml-4", children: T.map((i, n) => /* @__PURE__ */ s(de.Fragment, { children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: D(
+                "ff-step",
+                U() === n && "ff-step-active",
+                U() > n && "ff-step-complete",
+                U() < n && "ff-step-pending"
+              ),
+              children: U() > n ? "✓" : n + 1
+            }
+          ),
+          n < T.length - 1 && /* @__PURE__ */ e("div", { className: D(
+            "ff-step-connector",
+            U() > n && "ff-step-connector-complete"
+          ) })
+        ] }, i)) })
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: le,
+          className: "ff-modal-close",
+          children: /* @__PURE__ */ e(Z, { className: "ff-w-5 ff-h-5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: "ff-modal-body", children: [
+      k && /* @__PURE__ */ e("div", { className: "ff-mb-4 ff-p-4 ff-rounded-lg ff-text-sm", style: { backgroundColor: "var(--ff-error-light)", color: "var(--ff-error)" }, children: k }),
+      r === "select" && /* @__PURE__ */ s("div", { className: "ff-space-y-4", children: [
+        /* @__PURE__ */ e("p", { className: "ff-text-center ff-mb-6", style: { color: "var(--ff-text-muted)" }, children: "Please upload the following documents to verify your identity" }),
+        /* @__PURE__ */ e("div", { className: "ff-grid ff-gap-3", children: c.map((i) => {
+          const n = Ue[i], h = A[i];
+          p.get(i);
+          const y = ne(i);
+          return /* @__PURE__ */ s(
+            "button",
+            {
+              onClick: () => ce(i),
+              className: D(
+                "ff-flex ff-items-center ff-gap-4 ff-p-4 ff-rounded-xl ff-border-2 ff-text-left ff-transition-all ff-duration-150",
+                y ? "ff-border-transparent" : "ff-border-transparent hover:ff-border-transparent"
+              ),
+              style: {
+                backgroundColor: y ? "var(--ff-success-light)" : "var(--ff-bg-secondary)",
+                borderColor: y ? "var(--ff-success)" : "var(--ff-border-light)"
+              },
+              children: [
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: "ff-p-3 ff-rounded-xl",
+                    style: {
+                      backgroundColor: y ? "rgba(41, 142, 51, 0.15)" : "var(--ff-bg-tertiary)"
+                    },
+                    children: y ? /* @__PURE__ */ e(V, { className: "ff-w-6 ff-h-6", style: { color: "var(--ff-success)" } }) : /* @__PURE__ */ e(n, { className: "ff-w-6 ff-h-6", style: { color: "var(--ff-text-secondary)" } })
+                  }
+                ),
+                /* @__PURE__ */ s("div", { className: "ff-flex-1", children: [
+                  /* @__PURE__ */ e("p", { className: "ff-font-medium", style: { color: "var(--ff-text-primary)" }, children: h.label }),
+                  /* @__PURE__ */ e("p", { className: "ff-text-sm", style: { color: "var(--ff-text-muted)" }, children: h.description })
+                ] }),
+                /* @__PURE__ */ e(ge, { className: "ff-w-5 ff-h-5", style: { color: "var(--ff-text-muted)" } })
+              ]
+            },
+            i
+          );
+        }) })
+      ] }),
+      r === "upload" && a && /* @__PURE__ */ e("div", { className: "ff-py-4", children: /* @__PURE__ */ e("div", { className: "ff-max-w-lg ff-mx-auto", children: /* @__PURE__ */ e(De, { documentType: a, onFileSelect: fe }) }) }),
+      r === "processing" && /* @__PURE__ */ s("div", { className: "ff-flex ff-flex-col ff-items-center ff-justify-center ff-py-12", children: [
+        /* @__PURE__ */ e(L, { className: "ff-w-12 ff-h-12 ff-animate-spin ff-mb-4", style: { color: "var(--ff-primary-90)" } }),
+        /* @__PURE__ */ e("h3", { className: "ff-text-lg ff-font-semibold ff-mb-2", style: { color: "var(--ff-text-primary)" }, children: "Processing Documents" }),
+        /* @__PURE__ */ e("p", { style: { color: "var(--ff-text-muted)" }, className: "ff-text-center", children: "We're analyzing your documents. This may take a moment..." })
+      ] }),
+      r === "review" && /* @__PURE__ */ s("div", { className: "ff-space-y-6", children: [
+        /* @__PURE__ */ s("div", { className: "ff-text-center ff-mb-6", children: [
+          /* @__PURE__ */ e("h3", { className: "ff-text-lg ff-font-semibold", style: { color: "var(--ff-text-primary)" }, children: "Review Your Documents" }),
+          /* @__PURE__ */ e("p", { style: { color: "var(--ff-text-muted)" }, children: "Please review the extracted information before completing verification" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "ff-grid ff-gap-4", children: c.map((i) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: "ff-rounded-xl ff-p-4",
+            style: { backgroundColor: "var(--ff-bg-secondary)", border: "1px solid var(--ff-border-light)" },
+            children: /* @__PURE__ */ e(ke, { documentType: i, showDetails: !0 })
+          },
+          i
+        )) })
+      ] }),
+      r === "complete" && /* @__PURE__ */ s("div", { className: "ff-flex ff-flex-col ff-items-center ff-justify-center ff-py-12", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "ff-w-16 ff-h-16 ff-rounded-full ff-flex ff-items-center ff-justify-center ff-mb-4",
+            style: { backgroundColor: u ? "var(--ff-success-light)" : "var(--ff-warning-light)" },
+            children: u ? /* @__PURE__ */ e(V, { className: "ff-w-10 ff-h-10", style: { color: "var(--ff-success)" } }) : /* @__PURE__ */ e(we, { className: "ff-w-10 ff-h-10", style: { color: "var(--ff-warning)" } })
+          }
+        ),
+        /* @__PURE__ */ e("h3", { className: "ff-text-xl ff-font-semibold ff-mb-2", style: { color: "var(--ff-text-primary)" }, children: u ? "Verification Complete!" : "Review Required" }),
+        /* @__PURE__ */ e("p", { style: { color: "var(--ff-text-muted)" }, className: "ff-text-center", children: u ? "Your identity has been successfully verified." : "Additional review may be required. We will contact you if needed." })
+      ] })
+    ] }),
+    r !== "complete" && /* @__PURE__ */ s("div", { className: "ff-modal-footer", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => {
+            (r === "upload" || r === "review") && N("select");
+          },
+          disabled: x,
+          className: "ff-btn ff-btn-secondary",
+          children: "Back"
+        }
+      ),
+      r === "review" && /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: ae,
+          disabled: x || !O(),
+          className: "ff-btn ff-btn-primary",
+          children: x ? /* @__PURE__ */ s(oe, { children: [
+            /* @__PURE__ */ e(L, { className: "ff-w-4 ff-h-4 ff-animate-spin" }),
+            "Verifying..."
+          ] }) : "Complete Verification"
+        }
+      ),
+      r === "select" && _() && /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => N("review"),
+          className: "ff-btn ff-btn-primary",
+          children: "Review & Verify"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  De as D,
+  ze as K,
+  ke as a,
+  j as u
+};
+//# sourceMappingURL=KYCWizard-D4RKtikr.mjs.map