@coinlist-co/react 0.12.1-rc.a230abc → 0.12.1-rc.c2b6ba5

package/dist/client/index.js

@@ -4,7 +4,7 @@ import {
   PINO_LEVEL,
   SDK_LOGGER_NAME,
   loggerOverPino
-} from "../chunk-HLL7IBIS.js";
+} from "../chunk-F6WGUKZC.js";
 import {
   AuthorizationCode,
   CodeVerifier,
@@ -38,7 +38,7 @@ import {
   isStopped,
   superstateSwapContractAddress,
   swapSpender
-} from "../chunk-RPE7XIBV.js";
+} from "../chunk-ZFBEI3BW.js";
 import {
   API_VERSION,
   AssetDecimals,
@@ -85,7 +85,7 @@ import {
   shortenAddress,
   txExplorerUrl,
   usdAmount
-} from "../chunk-GFLU5OMP.js";
+} from "../chunk-6CQHDASY.js";
 
 // src/client/CoinListProvider.tsx
 import {
@@ -233,7 +233,7 @@ var ClientAuthNamespaceImpl = class {
   }
 };
 
-// src/client/core/blockchain/wallet-error.ts
+// src/client/core/shared/blockchain/wallet-error.ts
 import {
   BaseError,
   ContractFunctionRevertedError,
@@ -268,7 +268,7 @@ function revertReason(error) {
   return error.reason ?? error.data?.errorName ?? error.signature ?? null;
 }
 
-// src/client/core/blockchain/erc20/approval.ts
+// src/client/core/shared/blockchain/erc20/approval.ts
 async function ensureErc20Allowance({
   erc20,
   chain,
@@ -445,7 +445,7 @@ async function executeTokenSale(params) {
   return { type: "success", participation, approvalTxHash };
 }
 
-// src/client/core/observability/flow-logging.ts
+// src/client/core/shared/observability/flow-logging.ts
 async function withFlowLogging(log, flow, fields, onProgress, run) {
   const flowLog = log.child({ flow });
   flowLog.info(() => ({ msg: "flow started", fields }));
@@ -895,7 +895,7 @@ var ClientSuperstateSwapNamespaceImpl = class extends SuperstateSwapNamespaceImp
   }
 };
 
-// src/client/core/utils/open-in-new-tab.ts
+// src/client/core/shared/utils/open-in-new-tab.ts
 function openInNewTab(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
@@ -9723,7 +9723,7 @@ function OffersGridContainer({
   return /* @__PURE__ */ jsx55(OffersGridView, { state, onEvent, ...viewProps });
 }
 
-// src/client/components/requirements/checklist/ConnectedWalletList.tsx
+// src/client/components/requirements/ConnectedWalletList.tsx
 import { useState as useState25 } from "react";
 import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
 function ConnectedWalletRow({
@@ -9839,12 +9839,228 @@ function ConnectedWalletListBody({
   );
 }
 
-// src/client/components/requirements/checklist/RequirementItem.tsx
+// src/client/components/requirements/identity-verification/IdentityVerificationView.tsx
+import SumsubWebSdk from "@sumsub/websdk-react";
+import { jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
+function IdentityVerificationView(props) {
+  return /* @__PURE__ */ jsx57(CoinListStyleScope, { children: /* @__PURE__ */ jsx57(IdentityVerificationViewBody, { ...props }) });
+}
+function IdentityVerificationViewBody({
+  state,
+  onEvent,
+  className
+}) {
+  switch (state.type) {
+    case "loading":
+      return /* @__PURE__ */ jsx57(
+        "output",
+        {
+          "aria-live": "polite",
+          className: cn(
+            "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center",
+            className
+          ),
+          children: /* @__PURE__ */ jsx57("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
+        }
+      );
+    case "error":
+      return /* @__PURE__ */ jsxs41(
+        "div",
+        {
+          className: cn(
+            "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx57(AlertBanner, { variant: "error", icon: true, content: state.message }),
+            state.retryable && /* @__PURE__ */ jsx57(ClButton, { size: "sm", onClick: () => onEvent({ type: "ON_RETRY" }), children: "Try again" })
+          ]
+        }
+      );
+    case "ready":
+      return /* @__PURE__ */ jsx57("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ jsx57(
+        SumsubWebSdk,
+        {
+          accessToken: state.accessToken,
+          expirationHandler: state.refreshToken,
+          config: state.locale === void 0 ? {} : { lang: state.locale },
+          options: { addViewportTag: false, adaptIframeHeight: true },
+          onMessage: (type, payload) => {
+            onSumsubMessage(type, payload, onEvent);
+          },
+          onError: (error) => {
+            onEvent({ type: "ON_ERROR", error: toError(error) });
+          }
+        }
+      ) });
+    default: {
+      const exhaustive = state;
+      return exhaustive;
+    }
+  }
+}
+function onSumsubMessage(type, payload, onEvent) {
+  switch (type) {
+    case "idCheck.onApplicantSubmitted":
+      onEvent({ type: "ON_SUBMITTED" });
+      return;
+    case "idCheck.onError": {
+      const message = payload?.message ?? "Verification error";
+      onEvent({ type: "ON_ERROR", error: new Error(message) });
+      return;
+    }
+    default:
+      return;
+  }
+}
+function toError(error) {
+  return error instanceof Error ? error : new Error("Verification error");
+}
+
+// src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
+import { useCallback as useCallback8, useEffect as useEffect22, useMemo as useMemo5, useRef as useRef15 } from "react";
+
+// src/client/hooks/requirements/data/useKycToken.ts
+import { useCallback as useCallback7, useEffect as useEffect21, useRef as useRef14, useState as useState26 } from "react";
+var IDLE_STATE = { type: "IDLE" };
+var LOADING_STATE4 = { type: "LOADING" };
+function useKycToken(levelName, reset) {
+  const { coinlist } = useCoinList();
+  const log = useLogger("useKycToken");
+  const [kycTokenState, setKycTokenState] = useState26(IDLE_STATE);
+  const resetPendingRef = useRef14(reset === true);
+  const tokenIssuedRef = useRef14(false);
+  useEffect21(() => {
+    if (!tokenIssuedRef.current) {
+      resetPendingRef.current = reset === true;
+    }
+  }, [reset]);
+  const fetchToken = useCallback7(async () => {
+    setKycTokenState(LOADING_STATE4);
+    try {
+      const kycToken = await coinlist.requirements.createKycToken({
+        levelName,
+        reset: resetPendingRef.current
+      });
+      resetPendingRef.current = false;
+      tokenIssuedRef.current = true;
+      log.debug(() => ({
+        msg: "settled",
+        fields: { state: "CONTENT" }
+      }));
+      setKycTokenState({ type: "CONTENT", token: kycToken.token });
+      return kycToken.token;
+    } catch (error) {
+      const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+      log.failure(
+        () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+        error
+      );
+      setKycTokenState({ type: "ERROR", reason });
+      throw error;
+    }
+  }, [coinlist, levelName, log]);
+  return { kycTokenState, fetchToken };
+}
+
+// src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
+var NOT_AUTHENTICATED_MESSAGE2 = "Sign in to verify your identity.";
+var GENERIC_ERROR_MESSAGE2 = "Unable to start identity verification right now. Please try again.";
+function useIdentityVerificationViewModel(options = {}) {
+  const { levelName, reset, locale, onSubmitted, onError } = options;
+  const { kycTokenState, fetchToken } = useKycToken(levelName, reset);
+  const fetchedRef = useRef15(false);
+  useEffect22(() => {
+    if (fetchedRef.current) {
+      return;
+    }
+    fetchedRef.current = true;
+    fetchToken().catch(() => {
+    });
+  }, [fetchToken]);
+  const state = useMemo5(() => {
+    switch (kycTokenState.type) {
+      case "IDLE":
+      case "LOADING":
+        return { type: "loading" };
+      case "ERROR": {
+        const notAuthenticated = kycTokenState.reason === "not-authenticated";
+        return {
+          type: "error",
+          message: notAuthenticated ? NOT_AUTHENTICATED_MESSAGE2 : GENERIC_ERROR_MESSAGE2,
+          retryable: !notAuthenticated
+        };
+      }
+      case "CONTENT":
+        return {
+          type: "ready",
+          accessToken: kycTokenState.token,
+          locale,
+          refreshToken: fetchToken
+        };
+      default: {
+        const exhaustive = kycTokenState;
+        return exhaustive;
+      }
+    }
+  }, [kycTokenState, locale, fetchToken]);
+  const onEvent = useCallback8(
+    (event) => {
+      switch (event.type) {
+        case "ON_RETRY":
+          fetchToken().catch(() => {
+          });
+          return;
+        case "ON_SUBMITTED":
+          onSubmitted?.();
+          return;
+        case "ON_ERROR":
+          onError?.(event.error);
+          return;
+        default: {
+          const exhaustive = event;
+          return exhaustive;
+        }
+      }
+    },
+    [fetchToken, onSubmitted, onError]
+  );
+  return { state, onEvent };
+}
+
+// src/client/components/requirements/identity-verification/IdentityVerificationContainer.tsx
+import { jsx as jsx58 } from "react/jsx-runtime";
+function IdentityVerificationContainer({
+  levelName,
+  reset,
+  locale,
+  onSubmitted,
+  onError,
+  className
+}) {
+  const { state, onEvent } = useIdentityVerificationViewModel({
+    levelName,
+    reset,
+    locale,
+    onSubmitted,
+    onError
+  });
+  return /* @__PURE__ */ jsx58(
+    IdentityVerificationView,
+    {
+      state,
+      onEvent,
+      className
+    }
+  );
+}
+
+// src/client/components/requirements/RequirementItem.tsx
 import { ChevronRight } from "lucide-react";
 
 // src/client/components/design-system/StepStatusIcon.tsx
 import { CircleCheck as CircleCheck2, CircleX, Info as Info5 } from "lucide-react";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var statusConfig = {
   required: {
     Icon: Info5,
@@ -9869,7 +10085,7 @@ var statusConfig = {
 };
 function StepStatusIcon({ status, className }) {
   const { Icon, colorClass, fillClass } = statusConfig[status];
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     Icon,
     {
       className: cn(
@@ -9883,8 +10099,8 @@ function StepStatusIcon({ status, className }) {
   );
 }
 
-// src/client/components/requirements/checklist/RequirementItem.tsx
-import { Fragment as Fragment9, jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
+// src/client/components/requirements/RequirementItem.tsx
+import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
 function VerificationActionZone({
   status,
   onAction,
@@ -9893,9 +10109,9 @@ function VerificationActionZone({
   switch (status) {
     case "required":
       if (onAction === null) return null;
-      return /* @__PURE__ */ jsx58(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
+      return /* @__PURE__ */ jsx60(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
     case "pending":
-      return /* @__PURE__ */ jsx58(
+      return /* @__PURE__ */ jsx60(
         AlertBanner,
         {
           variant: "warning",
@@ -9903,16 +10119,16 @@ function VerificationActionZone({
         }
       );
     case "completed":
-      return /* @__PURE__ */ jsx58(AlertBanner, { variant: "success", content: "Identity verified." });
+      return /* @__PURE__ */ jsx60(AlertBanner, { variant: "success", content: "Identity verified." });
     case "rejected":
-      return /* @__PURE__ */ jsx58(
+      return /* @__PURE__ */ jsx60(
         AlertBanner,
         {
           variant: "error",
-          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ jsxs41(Fragment9, { children: [
+          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ jsxs42(Fragment9, { children: [
             "Verification rejected.",
             " ",
-            /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsx60(
               "button",
               {
                 type: "button",
@@ -9936,8 +10152,8 @@ function WalletActionZone({
   onRemoveWallet
 }) {
   if (multiWallet) {
-    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
-      /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsxs42(Fragment9, { children: [
+      /* @__PURE__ */ jsx60(
         ConnectedWalletList,
         {
           wallets: connectedWallets,
@@ -9946,7 +10162,7 @@ function WalletActionZone({
           status: walletsStatus
         }
       ),
-      status === "rejected" && /* @__PURE__ */ jsx58(
+      status === "rejected" && /* @__PURE__ */ jsx60(
         AlertBanner,
         {
           variant: "error",
@@ -9957,21 +10173,21 @@ function WalletActionZone({
   }
   if (status === "completed") {
     const connected = connectedWallets[0];
-    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
-      onAction !== null && /* @__PURE__ */ jsx58(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
-      walletsStatus === "loading" ? /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsxs42(Fragment9, { children: [
+      onAction !== null && /* @__PURE__ */ jsx60(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
+      walletsStatus === "loading" ? /* @__PURE__ */ jsx60(
         AlertBanner,
         {
           variant: "info",
           content: "Loading your connected wallet\u2026"
         }
-      ) : walletsStatus === "error" ? /* @__PURE__ */ jsx58(
+      ) : walletsStatus === "error" ? /* @__PURE__ */ jsx60(
         AlertBanner,
         {
           variant: "error",
           content: "Couldn't load your connected wallet."
         }
-      ) : /* @__PURE__ */ jsx58(
+      ) : /* @__PURE__ */ jsx60(
         AlertBanner,
         {
           variant: "success",
@@ -9981,9 +10197,9 @@ function WalletActionZone({
     ] });
   }
   if (status === "rejected") {
-    return /* @__PURE__ */ jsxs41(Fragment9, { children: [
-      onAction !== null && /* @__PURE__ */ jsx58(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
-      /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsxs42(Fragment9, { children: [
+      onAction !== null && /* @__PURE__ */ jsx60(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
+      /* @__PURE__ */ jsx60(
         AlertBanner,
         {
           variant: "error",
@@ -9993,7 +10209,7 @@ function WalletActionZone({
     ] });
   }
   if (onAction === null) return null;
-  return /* @__PURE__ */ jsx58(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
+  return /* @__PURE__ */ jsx60(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
 }
 function RequirementItem({
   ui,
@@ -10005,7 +10221,7 @@ function RequirementItem({
   walletsStatus,
   onContactSupport
 }) {
-  return /* @__PURE__ */ jsx58(CoinListStyleScope, { children: /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsx60(CoinListStyleScope, { children: /* @__PURE__ */ jsxs42(
     "div",
     {
       className: cn(
@@ -10013,7 +10229,7 @@ function RequirementItem({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsxs42(
           "button",
           {
             type: "button",
@@ -10021,9 +10237,9 @@ function RequirementItem({
             "aria-expanded": expanded,
             className: "clcosdk:flex clcosdk:h-14 clcosdk:w-full clcosdk:cursor-pointer clcosdk:items-center clcosdk:justify-between clcosdk:rounded-2xl clcosdk:px-2 clcosdk:transition-colors clcosdk:hover:bg-surface",
             children: [
-              /* @__PURE__ */ jsxs41("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
-                /* @__PURE__ */ jsx58(StepStatusIcon, { status: ui.status }),
-                /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsxs42("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
+                /* @__PURE__ */ jsx60(StepStatusIcon, { status: ui.status }),
+                /* @__PURE__ */ jsx60(
                   "span",
                   {
                     className: cn(
@@ -10034,7 +10250,7 @@ function RequirementItem({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx60(
                 ChevronRight,
                 {
                   className: cn(
@@ -10047,15 +10263,15 @@ function RequirementItem({
             ]
           }
         ),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx60(
           "div",
           {
             className: cn(
               "clcosdk:grid clcosdk:transition-[grid-template-rows] clcosdk:duration-300 clcosdk:ease-in-out",
               expanded ? "clcosdk:grid-rows-[1fr]" : "clcosdk:grid-rows-[0fr]"
             ),
-            children: /* @__PURE__ */ jsx58("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ jsxs41("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:px-2 clcosdk:pb-4", children: [
-              /* @__PURE__ */ jsx58(
+            children: /* @__PURE__ */ jsx60("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ jsxs42("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:px-2 clcosdk:pb-4", children: [
+              /* @__PURE__ */ jsx60(
                 "p",
                 {
                   className: cn(
@@ -10065,14 +10281,14 @@ function RequirementItem({
                   children: ui.description
                 }
               ),
-              ui.variant === "verification" ? /* @__PURE__ */ jsx58(
+              ui.variant === "verification" ? /* @__PURE__ */ jsx60(
                 VerificationActionZone,
                 {
                   status: ui.status,
                   onAction,
                   onContactSupport
                 }
-              ) : /* @__PURE__ */ jsx58(
+              ) : /* @__PURE__ */ jsx60(
                 WalletActionZone,
                 {
                   status: ui.status,
@@ -10082,363 +10298,114 @@ function RequirementItem({
                   onAction,
                   onRemoveWallet
                 }
-              )
-            ] }) })
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// src/client/components/requirements/checklist/RequirementsChecklistView.tsx
-import { jsx as jsx59, jsxs as jsxs42 } from "react/jsx-runtime";
-function RequirementsChecklistView(props) {
-  return /* @__PURE__ */ jsx59(CoinListStyleScope, { children: /* @__PURE__ */ jsx59(RequirementsChecklistViewBody, { ...props }) });
-}
-function RequirementsChecklistViewBody({
-  state,
-  onEvent,
-  loading,
-  error,
-  unauthenticatedState,
-  className
-}) {
-  switch (state.type) {
-    case "loading":
-      return loading ?? /* @__PURE__ */ jsx59(LoadingState2, {});
-    case "not-authenticated":
-      return unauthenticatedState ?? null;
-    case "error":
-      return error ?? /* @__PURE__ */ jsx59(
-        AlertBanner,
-        {
-          variant: "error",
-          icon: true,
-          content: "Unable to load requirements right now. Please try again.",
-          className: "clcosdk:w-full clcosdk:max-w-[28rem]"
-        }
-      );
-    case "content":
-      return /* @__PURE__ */ jsxs42(
-        "div",
-        {
-          className: cn(
-            "clcosdk:flex clcosdk:w-full clcosdk:flex-col clcosdk:gap-4",
-            className
-          ),
-          children: [
-            /* @__PURE__ */ jsxs42("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-              /* @__PURE__ */ jsx59("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-              /* @__PURE__ */ jsx59("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: state.description })
-            ] }),
-            /* @__PURE__ */ jsx59("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row) => /* @__PURE__ */ jsx59(
-              RequirementItem,
-              {
-                ui: row.item,
-                expanded: row.expanded,
-                onToggle: () => onEvent({ type: "ON_TOGGLE_ITEM", requirementId: row.id }),
-                onAction: row.actionEnabled ? () => onEvent({
-                  type: "ON_REQUIREMENT_ACTION",
-                  requirementId: row.id
-                }) : null,
-                onRemoveWallet: row.wallets ? (id) => state.removeWallet(id) : void 0,
-                walletsStatus: row.wallets?.status,
-                onContactSupport: row.contactSupportEnabled ? () => onEvent({
-                  type: "ON_CONTACT_SUPPORT",
-                  requirementId: row.id
-                }) : null
-              },
-              row.id
-            )) }),
-            state.ineligible && /* @__PURE__ */ jsx59(
-              AlertBanner,
-              {
-                variant: "error",
-                icon: true,
-                content: "You are not eligible to participate."
-              }
-            ),
-            state.continueAction && /* @__PURE__ */ jsx59(
-              ClButton,
-              {
-                fullWidth: true,
-                disabled: !state.continueAction.enabled,
-                onClick: () => onEvent({ type: "ON_CONTINUE" }),
-                children: "Continue"
-              }
-            )
-          ]
-        }
-      );
-    default: {
-      const exhaustive = state;
-      return exhaustive;
-    }
-  }
-}
-function LoadingState2() {
-  return /* @__PURE__ */ jsx59(
-    "output",
-    {
-      "aria-live": "polite",
-      className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
-      children: /* @__PURE__ */ jsx59("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading requirements..." })
-    }
-  );
-}
-
-// src/client/components/requirements/checklist/VerificationOverlay.tsx
-import { jsx as jsx60, jsxs as jsxs43 } from "react/jsx-runtime";
-function VerificationOverlay({
-  onClose,
-  children
-}) {
-  return /* @__PURE__ */ jsx60(CoinListStyleScope, { children: /* @__PURE__ */ jsx60(VerificationOverlayBody, { onClose, children }) });
-}
-function VerificationOverlayBody({
-  onClose,
-  children
-}) {
-  return /* @__PURE__ */ jsx60(
-    "div",
-    {
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": "Identity verification",
-      className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-overlay clcosdk:p-4",
-      children: /* @__PURE__ */ jsxs43("div", { className: "clcosdk:relative clcosdk:flex clcosdk:max-h-[92vh] clcosdk:w-full clcosdk:max-w-[760px] clcosdk:flex-col clcosdk:overflow-y-auto clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6 clcosdk:pt-14", children: [
-        /* @__PURE__ */ jsx60(
-          CloseButton,
-          {
-            onClick: onClose,
-            className: "clcosdk:absolute clcosdk:top-4 clcosdk:right-4"
-          }
-        ),
-        children
-      ] })
-    }
-  );
-}
-
-// src/client/components/requirements/identity-verification/IdentityVerificationView.tsx
-import SumsubWebSdk from "@sumsub/websdk-react";
-import { jsx as jsx61, jsxs as jsxs44 } from "react/jsx-runtime";
-function IdentityVerificationView(props) {
-  return /* @__PURE__ */ jsx61(CoinListStyleScope, { children: /* @__PURE__ */ jsx61(IdentityVerificationViewBody, { ...props }) });
-}
-function IdentityVerificationViewBody({
-  state,
-  onEvent,
-  className
-}) {
-  switch (state.type) {
-    case "loading":
-      return /* @__PURE__ */ jsx61(
-        "output",
-        {
-          "aria-live": "polite",
-          className: cn(
-            "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center",
-            className
-          ),
-          children: /* @__PURE__ */ jsx61("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
-        }
-      );
-    case "error":
-      return /* @__PURE__ */ jsxs44(
-        "div",
-        {
-          className: cn(
-            "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
-            className
-          ),
-          children: [
-            /* @__PURE__ */ jsx61(AlertBanner, { variant: "error", icon: true, content: state.message }),
-            state.retryable && /* @__PURE__ */ jsx61(ClButton, { size: "sm", onClick: () => onEvent({ type: "ON_RETRY" }), children: "Try again" })
-          ]
-        }
-      );
-    case "ready":
-      return /* @__PURE__ */ jsx61("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ jsx61(
-        SumsubWebSdk,
-        {
-          accessToken: state.accessToken,
-          expirationHandler: state.refreshToken,
-          config: state.locale === void 0 ? {} : { lang: state.locale },
-          options: { addViewportTag: false, adaptIframeHeight: true },
-          onMessage: (type, payload) => {
-            onSumsubMessage(type, payload, onEvent);
-          },
-          onError: (error) => {
-            onEvent({ type: "ON_ERROR", error: toError(error) });
-          }
-        }
-      ) });
-    default: {
-      const exhaustive = state;
-      return exhaustive;
-    }
-  }
-}
-function onSumsubMessage(type, payload, onEvent) {
-  switch (type) {
-    case "idCheck.onApplicantSubmitted":
-      onEvent({ type: "ON_SUBMITTED" });
-      return;
-    case "idCheck.onError": {
-      const message = payload?.message ?? "Verification error";
-      onEvent({ type: "ON_ERROR", error: new Error(message) });
-      return;
-    }
-    default:
-      return;
-  }
-}
-function toError(error) {
-  return error instanceof Error ? error : new Error("Verification error");
-}
-
-// src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
-import { useCallback as useCallback8, useEffect as useEffect22, useMemo as useMemo5, useRef as useRef15 } from "react";
-
-// src/client/hooks/requirements/data/useKycToken.ts
-import { useCallback as useCallback7, useEffect as useEffect21, useRef as useRef14, useState as useState26 } from "react";
-var IDLE_STATE = { type: "IDLE" };
-var LOADING_STATE4 = { type: "LOADING" };
-function useKycToken(levelName, reset) {
-  const { coinlist } = useCoinList();
-  const log = useLogger("useKycToken");
-  const [kycTokenState, setKycTokenState] = useState26(IDLE_STATE);
-  const resetPendingRef = useRef14(reset === true);
-  const tokenIssuedRef = useRef14(false);
-  useEffect21(() => {
-    if (!tokenIssuedRef.current) {
-      resetPendingRef.current = reset === true;
-    }
-  }, [reset]);
-  const fetchToken = useCallback7(async () => {
-    setKycTokenState(LOADING_STATE4);
-    try {
-      const kycToken = await coinlist.requirements.createKycToken({
-        levelName,
-        reset: resetPendingRef.current
-      });
-      resetPendingRef.current = false;
-      tokenIssuedRef.current = true;
-      log.debug(() => ({
-        msg: "settled",
-        fields: { state: "CONTENT" }
-      }));
-      setKycTokenState({ type: "CONTENT", token: kycToken.token });
-      return kycToken.token;
-    } catch (error) {
-      const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
-      log.failure(
-        () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
-        error
-      );
-      setKycTokenState({ type: "ERROR", reason });
-      throw error;
-    }
-  }, [coinlist, levelName, log]);
-  return { kycTokenState, fetchToken };
-}
-
-// src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
-var NOT_AUTHENTICATED_MESSAGE2 = "Sign in to verify your identity.";
-var GENERIC_ERROR_MESSAGE2 = "Unable to start identity verification right now. Please try again.";
-function useIdentityVerificationViewModel(options = {}) {
-  const { levelName, reset, locale, onSubmitted, onError } = options;
-  const { kycTokenState, fetchToken } = useKycToken(levelName, reset);
-  const fetchedRef = useRef15(false);
-  useEffect22(() => {
-    if (fetchedRef.current) {
-      return;
-    }
-    fetchedRef.current = true;
-    fetchToken().catch(() => {
-    });
-  }, [fetchToken]);
-  const state = useMemo5(() => {
-    switch (kycTokenState.type) {
-      case "IDLE":
-      case "LOADING":
-        return { type: "loading" };
-      case "ERROR": {
-        const notAuthenticated = kycTokenState.reason === "not-authenticated";
-        return {
-          type: "error",
-          message: notAuthenticated ? NOT_AUTHENTICATED_MESSAGE2 : GENERIC_ERROR_MESSAGE2,
-          retryable: !notAuthenticated
-        };
-      }
-      case "CONTENT":
-        return {
-          type: "ready",
-          accessToken: kycTokenState.token,
-          locale,
-          refreshToken: fetchToken
-        };
-      default: {
-        const exhaustive = kycTokenState;
-        return exhaustive;
-      }
+              )
+            ] }) })
+          }
+        )
+      ]
     }
-  }, [kycTokenState, locale, fetchToken]);
-  const onEvent = useCallback8(
-    (event) => {
-      switch (event.type) {
-        case "ON_RETRY":
-          fetchToken().catch(() => {
-          });
-          return;
-        case "ON_SUBMITTED":
-          onSubmitted?.();
-          return;
-        case "ON_ERROR":
-          onError?.(event.error);
-          return;
-        default: {
-          const exhaustive = event;
-          return exhaustive;
-        }
-      }
-    },
-    [fetchToken, onSubmitted, onError]
-  );
-  return { state, onEvent };
+  ) });
 }
 
-// src/client/components/requirements/identity-verification/IdentityVerificationContainer.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
-function IdentityVerificationContainer({
-  levelName,
-  reset,
-  locale,
-  onSubmitted,
-  onError,
+// src/client/components/requirements/RequirementsChecklistView.tsx
+import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
+function RequirementsChecklistView(props) {
+  return /* @__PURE__ */ jsx61(CoinListStyleScope, { children: /* @__PURE__ */ jsx61(RequirementsChecklistViewBody, { ...props }) });
+}
+function RequirementsChecklistViewBody({
+  state,
+  onEvent,
+  loading,
+  error,
+  unauthenticatedState,
   className
 }) {
-  const { state, onEvent } = useIdentityVerificationViewModel({
-    levelName,
-    reset,
-    locale,
-    onSubmitted,
-    onError
-  });
-  return /* @__PURE__ */ jsx62(
-    IdentityVerificationView,
+  switch (state.type) {
+    case "loading":
+      return loading ?? /* @__PURE__ */ jsx61(LoadingState2, {});
+    case "not-authenticated":
+      return unauthenticatedState ?? null;
+    case "error":
+      return error ?? /* @__PURE__ */ jsx61(
+        AlertBanner,
+        {
+          variant: "error",
+          icon: true,
+          content: "Unable to load requirements right now. Please try again.",
+          className: "clcosdk:w-full clcosdk:max-w-[28rem]"
+        }
+      );
+    case "content":
+      return /* @__PURE__ */ jsxs43(
+        "div",
+        {
+          className: cn(
+            "clcosdk:flex clcosdk:w-full clcosdk:flex-col clcosdk:gap-4",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsxs43("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+              /* @__PURE__ */ jsx61("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+              /* @__PURE__ */ jsx61("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: state.description })
+            ] }),
+            /* @__PURE__ */ jsx61("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row) => /* @__PURE__ */ jsx61(
+              RequirementItem,
+              {
+                ui: row.item,
+                expanded: row.expanded,
+                onToggle: () => onEvent({ type: "ON_TOGGLE_ITEM", requirementId: row.id }),
+                onAction: row.actionEnabled ? () => onEvent({
+                  type: "ON_REQUIREMENT_ACTION",
+                  requirementId: row.id
+                }) : null,
+                onRemoveWallet: row.wallets ? (id) => state.removeWallet(id) : void 0,
+                walletsStatus: row.wallets?.status,
+                onContactSupport: row.contactSupportEnabled ? () => onEvent({
+                  type: "ON_CONTACT_SUPPORT",
+                  requirementId: row.id
+                }) : null
+              },
+              row.id
+            )) }),
+            state.ineligible && /* @__PURE__ */ jsx61(
+              AlertBanner,
+              {
+                variant: "error",
+                icon: true,
+                content: "You are not eligible to participate."
+              }
+            ),
+            state.continueAction && /* @__PURE__ */ jsx61(
+              ClButton,
+              {
+                fullWidth: true,
+                disabled: !state.continueAction.enabled,
+                onClick: () => onEvent({ type: "ON_CONTINUE" }),
+                children: "Continue"
+              }
+            )
+          ]
+        }
+      );
+    default: {
+      const exhaustive = state;
+      return exhaustive;
+    }
+  }
+}
+function LoadingState2() {
+  return /* @__PURE__ */ jsx61(
+    "output",
     {
-      state,
-      onEvent,
-      className
+      "aria-live": "polite",
+      className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
+      children: /* @__PURE__ */ jsx61("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading requirements..." })
     }
   );
 }
 
 // src/client/components/requirements/tax-document/TaxDocumentModalView.tsx
-import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
 function TaxDocumentModalView({
   state,
   onEvent,
@@ -10447,7 +10414,7 @@ function TaxDocumentModalView({
   if (state.type === "hidden") {
     return null;
   }
-  return /* @__PURE__ */ jsx63(CoinListStyleScope, { children: /* @__PURE__ */ jsx63("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsx62(CoinListStyleScope, { children: /* @__PURE__ */ jsx62("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ jsxs44(
     "div",
     {
       className: cn(
@@ -10455,11 +10422,11 @@ function TaxDocumentModalView({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
-          /* @__PURE__ */ jsx63("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-          /* @__PURE__ */ jsx63(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
+        /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
+          /* @__PURE__ */ jsx62("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+          /* @__PURE__ */ jsx62(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
         ] }),
-        /* @__PURE__ */ jsx63(Screen, { screen: state.screen, onEvent })
+        /* @__PURE__ */ jsx62(Screen, { screen: state.screen, onEvent })
       ]
     }
   ) }) });
@@ -10470,11 +10437,11 @@ function Screen({
 }) {
   switch (screen.type) {
     case "loading":
-      return /* @__PURE__ */ jsx63(LoadingScreen, {});
+      return /* @__PURE__ */ jsx62(LoadingScreen, {});
     case "error":
-      return /* @__PURE__ */ jsx63(AlertBanner, { variant: "error", icon: true, content: screen.message });
+      return /* @__PURE__ */ jsx62(AlertBanner, { variant: "error", icon: true, content: screen.message });
     case "review":
-      return /* @__PURE__ */ jsx63(
+      return /* @__PURE__ */ jsx62(
         ReviewScreen,
         {
           fields: screen.fields,
@@ -10485,9 +10452,9 @@ function Screen({
         }
       );
     case "editing":
-      return /* @__PURE__ */ jsx63(EditScreen, { fields: screen.fields, onEvent });
+      return /* @__PURE__ */ jsx62(EditScreen, { fields: screen.fields, onEvent });
     case "sign-only":
-      return /* @__PURE__ */ jsx63(
+      return /* @__PURE__ */ jsx62(
         SignOnlyScreen,
         {
           signing: screen.signing,
@@ -10502,14 +10469,14 @@ function Screen({
   }
 }
 function LoadingScreen() {
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx62(
     "output",
     {
       "aria-live": "polite",
       className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
-      children: [0, 1, 2, 3, 4].map((row) => /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
-        /* @__PURE__ */ jsx63("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
-        /* @__PURE__ */ jsx63("div", { className: "clcosdk:h-5 clcosdk:w-48 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" })
+      children: [0, 1, 2, 3, 4].map((row) => /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
+        /* @__PURE__ */ jsx62("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
+        /* @__PURE__ */ jsx62("div", { className: "clcosdk:h-5 clcosdk:w-48 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" })
       ] }, row))
     }
   );
@@ -10521,9 +10488,9 @@ function ReviewScreen({
   signError,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsx63("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
-    piiUnavailable && /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsx62("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
+    piiUnavailable && /* @__PURE__ */ jsx62(
       AlertBanner,
       {
         variant: "info",
@@ -10531,27 +10498,27 @@ function ReviewScreen({
         content: "We don't have this information on file yet \u2014 please fill it in below."
       }
     ),
-    /* @__PURE__ */ jsx63("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, displayValue }) => /* @__PURE__ */ jsxs45(
+    /* @__PURE__ */ jsx62("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, displayValue }) => /* @__PURE__ */ jsxs44(
       "div",
       {
         className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
         children: [
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx62(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: label
             }
           ),
-          /* @__PURE__ */ jsx63("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: displayValue })
+          /* @__PURE__ */ jsx62("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: displayValue })
         ]
       },
       field
     )) }),
-    /* @__PURE__ */ jsx63("p", { className: cn(typeClasses.caption, "clcosdk:text-text-secondary"), children: "By signing, you certify that the information above is accurate and that you are the beneficial owner of the income this form relates to. This document cannot be edited once signed." }),
-    signError && /* @__PURE__ */ jsx63(AlertBanner, { variant: "error", icon: true, content: signError }),
-    /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx62("p", { className: cn(typeClasses.caption, "clcosdk:text-text-secondary"), children: "By signing, you certify that the information above is accurate and that you are the beneficial owner of the income this form relates to. This document cannot be edited once signed." }),
+    signError && /* @__PURE__ */ jsx62(AlertBanner, { variant: "error", icon: true, content: signError }),
+    /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx62(
         ClButton,
         {
           fullWidth: true,
@@ -10561,7 +10528,7 @@ function ReviewScreen({
           children: "Sign W-8BEN"
         }
       ),
-      /* @__PURE__ */ jsx63(
+      /* @__PURE__ */ jsx62(
         ClButton,
         {
           fullWidth: true,
@@ -10578,20 +10545,20 @@ function EditScreen({
   fields,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsx63("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, placeholder, value }) => /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsx62("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, placeholder, value }) => /* @__PURE__ */ jsxs44(
       "label",
       {
         className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
         children: [
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx62(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: label
             }
           ),
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx62(
             "input",
             {
               type: "text",
@@ -10612,9 +10579,9 @@ function EditScreen({
       },
       field
     )) }),
-    /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx63(ClButton, { fullWidth: true, onClick: () => onEvent({ type: "ON_SAVE_EDIT" }), children: "Save & review" }),
-      /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx62(ClButton, { fullWidth: true, onClick: () => onEvent({ type: "ON_SAVE_EDIT" }), children: "Save & review" }),
+      /* @__PURE__ */ jsx62(
         ClButton,
         {
           fullWidth: true,
@@ -10631,10 +10598,10 @@ function SignOnlyScreen({
   signError,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsx63("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "As an entity investor, you must complete a W-8BEN-E to confirm your foreign tax status and claim applicable treaty benefits. You'll receive an email to complete the signing." }),
-    signError && /* @__PURE__ */ jsx63(AlertBanner, { variant: "error", icon: true, content: signError }),
-    /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsx62("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "As an entity investor, you must complete a W-8BEN-E to confirm your foreign tax status and claim applicable treaty benefits. You'll receive an email to complete the signing." }),
+    signError && /* @__PURE__ */ jsx62(AlertBanner, { variant: "error", icon: true, content: signError }),
+    /* @__PURE__ */ jsx62(
       ClButton,
       {
         fullWidth: true,
@@ -10946,7 +10913,7 @@ function toFieldsUi(fields) {
 }
 
 // src/client/components/requirements/tax-document/TaxDocumentModalContainer.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 function TaxDocumentModalContainer({
   isOpen,
   onClose,
@@ -10958,7 +10925,7 @@ function TaxDocumentModalContainer({
     onClose,
     onSubmitted
   });
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx63(
     TaxDocumentModalView,
     {
       state,
@@ -10968,6 +10935,39 @@ function TaxDocumentModalContainer({
   );
 }
 
+// src/client/components/requirements/VerificationOverlay.tsx
+import { jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
+function VerificationOverlay({
+  onClose,
+  children
+}) {
+  return /* @__PURE__ */ jsx64(CoinListStyleScope, { children: /* @__PURE__ */ jsx64(VerificationOverlayBody, { onClose, children }) });
+}
+function VerificationOverlayBody({
+  onClose,
+  children
+}) {
+  return /* @__PURE__ */ jsx64(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Identity verification",
+      className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-overlay clcosdk:p-4",
+      children: /* @__PURE__ */ jsxs45("div", { className: "clcosdk:relative clcosdk:flex clcosdk:max-h-[92vh] clcosdk:w-full clcosdk:max-w-[760px] clcosdk:flex-col clcosdk:overflow-y-auto clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6 clcosdk:pt-14", children: [
+        /* @__PURE__ */ jsx64(
+          CloseButton,
+          {
+            onClick: onClose,
+            className: "clcosdk:absolute clcosdk:top-4 clcosdk:right-4"
+          }
+        ),
+        children
+      ] })
+    }
+  );
+}
+
 // src/client/components/requirements/wallet/ConnectWalletModalView.tsx
 import { useId as useId5 } from "react";
 import { jsx as jsx65, jsxs as jsxs46 } from "react/jsx-runtime";
@@ -11363,60 +11363,9 @@ function ConnectWalletModalContainer({
   );
 }
 
-// src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.ts
+// src/client/hooks/requirements/useRequirementsChecklistViewModel.ts
 import { useCallback as useCallback15, useEffect as useEffect29, useMemo as useMemo8, useRef as useRef17, useState as useState31 } from "react";
 
-// src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.types.ts
-var RequirementItemUi = {
-  fromDomain(req, statusInfo, label, description2, addresses = []) {
-    return {
-      variant: RequirementVariant.fromType(req.type),
-      status: statusInfo ? RequirementStatus.fromStatusValue(statusInfo.status) : "required",
-      label,
-      description: description2,
-      multiWallet: req.type === "whitelisted_wallet",
-      connectedWallets: addresses.map((address) => ({
-        id: address.id,
-        address: address.address,
-        shortAddress: shortenAddress(address.address)
-      }))
-    };
-  }
-};
-var RequirementVariant = {
-  fromType(type) {
-    switch (type) {
-      case "external_wallet":
-      case "whitelisted_wallet":
-        return "wallet";
-      default:
-        return "verification";
-    }
-  }
-};
-var RequirementStatus = {
-  fromStatusValue(status) {
-    switch (status) {
-      case "not_started":
-      case "action_needed":
-        return "required";
-      case "in_progress":
-        return "pending";
-      case "completed":
-        return "completed";
-      case "rejected":
-        return "rejected";
-    }
-  }
-};
-var ChecklistStatus = {
-  derive(statuses) {
-    if (statuses.some((s) => s.status === "rejected")) return "ineligible";
-    if (statuses.every((s) => s.status === "completed")) return "eligible";
-    return "inProgress";
-  }
-};
-
 // src/client/hooks/requirements/data/useOptionAddresses.ts
 import { useCallback as useCallback13, useEffect as useEffect27, useState as useState29 } from "react";
 var LOADING_STATE6 = { type: "LOADING" };
@@ -11565,7 +11514,58 @@ function useRequirements(offerId, options = {}) {
   return { requirementsState, refetch };
 }
 
-// src/client/hooks/requirements/checklist/useRequirementsChecklistViewModel.ts
+// src/client/hooks/requirements/useRequirementsChecklistViewModel.types.ts
+var RequirementItemUi = {
+  fromDomain(req, statusInfo, label, description2, addresses = []) {
+    return {
+      variant: RequirementVariant.fromType(req.type),
+      status: statusInfo ? RequirementStatus.fromStatusValue(statusInfo.status) : "required",
+      label,
+      description: description2,
+      multiWallet: req.type === "whitelisted_wallet",
+      connectedWallets: addresses.map((address) => ({
+        id: address.id,
+        address: address.address,
+        shortAddress: shortenAddress(address.address)
+      }))
+    };
+  }
+};
+var RequirementVariant = {
+  fromType(type) {
+    switch (type) {
+      case "external_wallet":
+      case "whitelisted_wallet":
+        return "wallet";
+      default:
+        return "verification";
+    }
+  }
+};
+var RequirementStatus = {
+  fromStatusValue(status) {
+    switch (status) {
+      case "not_started":
+      case "action_needed":
+        return "required";
+      case "in_progress":
+        return "pending";
+      case "completed":
+        return "completed";
+      case "rejected":
+        return "rejected";
+    }
+  }
+};
+var ChecklistStatus = {
+  derive(statuses) {
+    if (statuses.some((s) => s.status === "rejected")) return "ineligible";
+    if (statuses.every((s) => s.status === "completed")) return "eligible";
+    return "inProgress";
+  }
+};
+
+// src/client/hooks/requirements/useRequirementsChecklistViewModel.ts
 var DEFAULT_LABELS = {
   kyc_approved: "KYC Verification",
   external_wallet: "External Wallet",
@@ -11880,7 +11880,7 @@ function toVerificationUi(verifyingRequirementId, statusById, identityVerificati
   };
 }
 
-// src/client/components/requirements/checklist/RequirementsChecklistContainer.tsx
+// src/client/components/requirements/RequirementsChecklistContainer.tsx
 import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs47 } from "react/jsx-runtime";
 function RequirementsChecklistContainer({
   loading,
@@ -11946,7 +11946,7 @@ function RequirementsChecklistContainer({
   ] });
 }
 
-// src/client/core/observability/pino-client-logger.ts
+// src/client/core/shared/observability/pino-client-logger.ts
 import { pino } from "pino";
 function pinoClientLogger(options) {
   return loggerOverPino(