@cookill/wallet-adapter 2.5.4 → 3.1.0

package/dist/LoadingStates.js

@@ -1,264 +1,154 @@
-// src/LoadingStates.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function LoadingSpinner({ size = "md", color = "#6EB9A8", className = "" }) {
-  const sizes = {
-    sm: { container: 20, stroke: 2 },
-    md: { container: 32, stroke: 3 },
-    lg: { container: 48, stroke: 4 }
-  };
-  const { container, stroke } = sizes[size];
-  const radius = (container - stroke) / 2;
-  const circumference = radius * 2 * Math.PI;
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function LoadingSpinner({
+  size = "md",
+  color = "#6EB9A8",
+  className
+}) {
+  const sizeMap = { sm: 16, md: 24, lg: 32 };
+  const px = sizeMap[size];
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      width: container,
-      height: container,
-      viewBox: `0 0 ${container} ${container}`,
       className,
-      style: { animation: "wallet-spin 1s linear infinite" },
+      width: px,
+      height: px,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      style: { animation: "spin 1s linear infinite" },
       children: [
-        /* @__PURE__ */ jsx("style", { children: `
-          @keyframes wallet-spin {
-            from { transform: rotate(0deg); }
-            to { transform: rotate(360deg); }
-          }
-        ` }),
+        /* @__PURE__ */ jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg); } }` }),
         /* @__PURE__ */ jsx(
           "circle",
           {
-            cx: container / 2,
-            cy: container / 2,
-            r: radius,
-            fill: "none",
+            cx: "12",
+            cy: "12",
+            r: "10",
             stroke: color,
-            strokeWidth: stroke,
-            strokeOpacity: 0.2
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            cx: container / 2,
-            cy: container / 2,
-            r: radius,
+            strokeWidth: "2.5",
             fill: "none",
-            stroke: color,
-            strokeWidth: stroke,
-            strokeLinecap: "round",
-            strokeDasharray: circumference,
-            strokeDashoffset: circumference * 0.75
+            strokeDasharray: "50 20",
+            strokeLinecap: "round"
           }
         )
       ]
     }
   );
 }
+function ConnectionStatus({ status, message, onRetry }) {
+  const configs = {
+    idle: { color: "#64748b", label: "Ready" },
+    connecting: { color: "#6EB9A8", label: "Connecting..." },
+    approving: { color: "#f59e0b", label: "Waiting for approval..." },
+    signing: { color: "#6EB9A8", label: "Signing..." },
+    success: { color: "#22c55e", label: "Connected" },
+    error: { color: "#ef4444", label: "Error" }
+  };
+  const config = configs[status];
+  return /* @__PURE__ */ jsxs("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: "12px",
+    padding: "12px 16px",
+    backgroundColor: `${config.color}15`,
+    borderRadius: "10px",
+    border: `1px solid ${config.color}30`
+  }, children: [
+    (status === "connecting" || status === "approving" || status === "signing") && /* @__PURE__ */ jsx(LoadingSpinner, { size: "sm", color: config.color }),
+    /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+      /* @__PURE__ */ jsx("div", { style: { color: config.color, fontWeight: 500, fontSize: "14px" }, children: config.label }),
+      message && /* @__PURE__ */ jsx("div", { style: { color: "#94a3b8", fontSize: "12px", marginTop: "2px" }, children: message })
+    ] }),
+    status === "error" && onRetry && /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onRetry,
+        style: {
+          padding: "6px 12px",
+          backgroundColor: config.color,
+          color: "#ffffff",
+          border: "none",
+          borderRadius: "6px",
+          cursor: "pointer",
+          fontSize: "12px",
+          fontWeight: 500
+        },
+        children: "Retry"
+      }
+    )
+  ] });
+}
 function ApprovalPending({
   title = "Waiting for Approval",
   message = "Please approve the request in your wallet",
   walletName = "Sheep Wallet",
   onCancel
 }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        padding: "32px 24px",
-        textAlign: "center",
-        backgroundColor: "#f8fafc",
-        borderRadius: "16px",
-        border: "1px solid #e2e8f0"
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              width: "80px",
-              height: "80px",
-              margin: "0 auto 20px",
-              borderRadius: "50%",
-              backgroundColor: "#011B29",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              position: "relative"
-            },
-            children: [
-              /* @__PURE__ */ jsx(LoadingSpinner, { size: "lg" }),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    position: "absolute",
-                    inset: "-4px",
-                    borderRadius: "50%",
-                    border: "2px solid transparent",
-                    borderTopColor: "#6EB9A8",
-                    animation: "wallet-spin 2s linear infinite"
-                  }
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "h3",
-          {
-            style: {
-              margin: "0 0 8px",
-              fontSize: "18px",
-              fontWeight: 600,
-              color: "#0f172a"
-            },
-            children: title
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "p",
-          {
-            style: {
-              margin: "0 0 8px",
-              fontSize: "14px",
-              color: "#64748b"
-            },
-            children: message
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "p",
-          {
-            style: {
-              margin: "0 0 24px",
-              fontSize: "12px",
-              color: "#94a3b8"
-            },
-            children: [
-              "Open ",
-              walletName,
-              " extension to continue"
-            ]
-          }
-        ),
-        onCancel && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onCancel,
-            style: {
-              padding: "10px 24px",
-              borderRadius: "10px",
-              border: "1px solid #e2e8f0",
-              backgroundColor: "white",
-              color: "#64748b",
-              cursor: "pointer",
-              fontSize: "14px",
-              fontWeight: 500,
-              transition: "all 0.2s ease"
-            },
-            onMouseEnter: (e) => {
-              e.currentTarget.style.backgroundColor = "#f1f5f9";
-              e.currentTarget.style.borderColor = "#cbd5e1";
-            },
-            onMouseLeave: (e) => {
-              e.currentTarget.style.backgroundColor = "white";
-              e.currentTarget.style.borderColor = "#e2e8f0";
-            },
-            children: "Cancel"
-          }
-        )
-      ]
-    }
-  );
-}
-function ConnectionStatus({ status, message, onRetry }) {
-  const statusConfig = {
-    connecting: {
-      title: "Connecting",
-      defaultMessage: "Establishing connection to wallet...",
-      color: "#6EB9A8"
-    },
-    approving: {
-      title: "Approval Required",
-      defaultMessage: "Please approve the connection in Sheep Wallet",
-      color: "#f59e0b"
-    },
-    signing: {
-      title: "Signature Required",
-      defaultMessage: "Please sign the transaction in your wallet",
-      color: "#6EB9A8"
-    },
-    success: {
-      title: "Connected",
-      defaultMessage: "Successfully connected to wallet",
-      color: "#22c55e"
-    },
-    error: {
-      title: "Connection Failed",
-      defaultMessage: "Unable to connect. Please try again.",
-      color: "#ef4444"
-    }
-  };
-  const config = statusConfig[status];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        padding: "20px",
-        borderRadius: "12px",
-        backgroundColor: `${config.color}10`,
-        border: `1px solid ${config.color}30`,
-        textAlign: "center"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              width: "48px",
-              height: "48px",
-              margin: "0 auto 12px",
-              borderRadius: "50%",
-              backgroundColor: `${config.color}20`,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center"
-            },
-            children: status === "success" ? /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: /* @__PURE__ */ jsx("polyline", { points: "20,6 9,17 4,12" }) }) : status === "error" ? /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: [
-              /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-            ] }) : /* @__PURE__ */ jsx(LoadingSpinner, { size: "sm", color: config.color })
-          }
-        ),
-        /* @__PURE__ */ jsx("h4", { style: { margin: "0 0 4px", fontSize: "14px", fontWeight: 600, color: config.color }, children: config.title }),
-        /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "12px", color: "#64748b" }, children: message || config.defaultMessage }),
-        status === "error" && onRetry && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onRetry,
-            style: {
-              marginTop: "12px",
-              padding: "6px 16px",
-              borderRadius: "6px",
-              border: "none",
-              backgroundColor: config.color,
-              color: "white",
-              cursor: "pointer",
-              fontSize: "12px",
-              fontWeight: 500
-            },
-            children: "Retry"
+  return /* @__PURE__ */ jsxs("div", { style: {
+    textAlign: "center",
+    padding: "32px 24px"
+  }, children: [
+    /* @__PURE__ */ jsxs("div", { style: {
+      width: "64px",
+      height: "64px",
+      margin: "0 auto 20px",
+      borderRadius: "16px",
+      backgroundColor: "#6EB9A815",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      animation: "pulse 2s ease-in-out infinite"
+    }, children: [
+      /* @__PURE__ */ jsx("style", { children: `
+          @keyframes pulse {
+            0%, 100% { transform: scale(1); opacity: 1; }
+            50% { transform: scale(1.05); opacity: 0.8; }
           }
-        )
-      ]
-    }
-  );
+        ` }),
+      /* @__PURE__ */ jsx(LoadingSpinner, { size: "lg" })
+    ] }),
+    /* @__PURE__ */ jsx("h3", { style: {
+      color: "#ffffff",
+      margin: "0 0 8px 0",
+      fontSize: "18px",
+      fontWeight: 600
+    }, children: title }),
+    /* @__PURE__ */ jsx("p", { style: {
+      color: "#94a3b8",
+      margin: "0 0 24px 0",
+      fontSize: "14px"
+    }, children: message }),
+    /* @__PURE__ */ jsxs("div", { style: {
+      padding: "12px 16px",
+      backgroundColor: "#1a3a4d",
+      borderRadius: "10px",
+      color: "#6EB9A8",
+      fontSize: "13px",
+      marginBottom: "20px"
+    }, children: [
+      "Check ",
+      walletName,
+      " extension"
+    ] }),
+    onCancel && /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onCancel,
+        style: {
+          padding: "10px 24px",
+          backgroundColor: "transparent",
+          border: "1px solid #374151",
+          borderRadius: "8px",
+          color: "#9ca3af",
+          cursor: "pointer",
+          fontSize: "14px"
+        },
+        children: "Cancel"
+      }
+    )
+  ] });
 }
-var LoadingStates_default = { LoadingSpinner, ApprovalPending, ConnectionStatus };
-export {
-  ApprovalPending,
-  ConnectionStatus,
-  LoadingSpinner,
-  LoadingStates_default as default
-};
+
+export { ApprovalPending, ConnectionStatus, LoadingSpinner };
+//# sourceMappingURL=LoadingStates.js.map
 //# sourceMappingURL=LoadingStates.js.map

package/dist/LoadingStates.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/LoadingStates.tsx"],"sourcesContent":["/**\n * @cookill/wallet-adapter - Loading States\n * Loading spinners and approval pending states for dApps\n */\n\nimport React from 'react';\n\ninterface LoadingSpinnerProps {\n  size?: 'sm' | 'md' | 'lg';\n  color?: string;\n  className?: string;\n}\n\nexport function LoadingSpinner({ size = 'md', color = '#6EB9A8', className = '' }: LoadingSpinnerProps) {\n  const sizes = {\n    sm: { container: 20, stroke: 2 },\n    md: { container: 32, stroke: 3 },\n    lg: { container: 48, stroke: 4 },\n  };\n\n  const { container, stroke } = sizes[size];\n  const radius = (container - stroke) / 2;\n  const circumference = radius * 2 * Math.PI;\n\n  return (\n    <svg\n      width={container}\n      height={container}\n      viewBox={`0 0 ${container} ${container}`}\n      className={className}\n      style={{ animation: 'wallet-spin 1s linear infinite' }}\n    >\n      <style>\n        {`\n          @keyframes wallet-spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n          }\n        `}\n      </style>\n      <circle\n        cx={container / 2}\n        cy={container / 2}\n        r={radius}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={stroke}\n        strokeOpacity={0.2}\n      />\n      <circle\n        cx={container / 2}\n        cy={container / 2}\n        r={radius}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={stroke}\n        strokeLinecap=\"round\"\n        strokeDasharray={circumference}\n        strokeDashoffset={circumference * 0.75}\n      />\n    </svg>\n  );\n}\n\ninterface ApprovalPendingProps {\n  title?: string;\n  message?: string;\n  walletName?: string;\n  onCancel?: () => void;\n}\n\nexport function ApprovalPending({\n  title = 'Waiting for Approval',\n  message = 'Please approve the request in your wallet',\n  walletName = 'Sheep Wallet',\n  onCancel,\n}: ApprovalPendingProps) {\n  return (\n    <div\n      style={{\n        padding: '32px 24px',\n        textAlign: 'center',\n        backgroundColor: '#f8fafc',\n        borderRadius: '16px',\n        border: '1px solid #e2e8f0',\n      }}\n    >\n      <div\n        style={{\n          width: '80px',\n          height: '80px',\n          margin: '0 auto 20px',\n          borderRadius: '50%',\n          backgroundColor: '#011B29',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          position: 'relative',\n        }}\n      >\n        <LoadingSpinner size=\"lg\" />\n        <div\n          style={{\n            position: 'absolute',\n            inset: '-4px',\n            borderRadius: '50%',\n            border: '2px solid transparent',\n            borderTopColor: '#6EB9A8',\n            animation: 'wallet-spin 2s linear infinite',\n          }}\n        />\n      </div>\n\n      <h3\n        style={{\n          margin: '0 0 8px',\n          fontSize: '18px',\n          fontWeight: 600,\n          color: '#0f172a',\n        }}\n      >\n        {title}\n      </h3>\n\n      <p\n        style={{\n          margin: '0 0 8px',\n          fontSize: '14px',\n          color: '#64748b',\n        }}\n      >\n        {message}\n      </p>\n\n      <p\n        style={{\n          margin: '0 0 24px',\n          fontSize: '12px',\n          color: '#94a3b8',\n        }}\n      >\n        Open {walletName} extension to continue\n      </p>\n\n      {onCancel && (\n        <button\n          onClick={onCancel}\n          style={{\n            padding: '10px 24px',\n            borderRadius: '10px',\n            border: '1px solid #e2e8f0',\n            backgroundColor: 'white',\n            color: '#64748b',\n            cursor: 'pointer',\n            fontSize: '14px',\n            fontWeight: 500,\n            transition: 'all 0.2s ease',\n          }}\n          onMouseEnter={(e) => {\n            e.currentTarget.style.backgroundColor = '#f1f5f9';\n            e.currentTarget.style.borderColor = '#cbd5e1';\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.backgroundColor = 'white';\n            e.currentTarget.style.borderColor = '#e2e8f0';\n          }}\n        >\n          Cancel\n        </button>\n      )}\n    </div>\n  );\n}\n\ninterface ConnectionStatusProps {\n  status: 'connecting' | 'approving' | 'signing' | 'success' | 'error';\n  message?: string;\n  onRetry?: () => void;\n}\n\nexport function ConnectionStatus({ status, message, onRetry }: ConnectionStatusProps) {\n  const statusConfig = {\n    connecting: {\n      title: 'Connecting',\n      defaultMessage: 'Establishing connection to wallet...',\n      color: '#6EB9A8',\n    },\n    approving: {\n      title: 'Approval Required',\n      defaultMessage: 'Please approve the connection in Sheep Wallet',\n      color: '#f59e0b',\n    },\n    signing: {\n      title: 'Signature Required',\n      defaultMessage: 'Please sign the transaction in your wallet',\n      color: '#6EB9A8',\n    },\n    success: {\n      title: 'Connected',\n      defaultMessage: 'Successfully connected to wallet',\n      color: '#22c55e',\n    },\n    error: {\n      title: 'Connection Failed',\n      defaultMessage: 'Unable to connect. Please try again.',\n      color: '#ef4444',\n    },\n  };\n\n  const config = statusConfig[status];\n\n  return (\n    <div\n      style={{\n        padding: '20px',\n        borderRadius: '12px',\n        backgroundColor: `${config.color}10`,\n        border: `1px solid ${config.color}30`,\n        textAlign: 'center',\n      }}\n    >\n      <div\n        style={{\n          width: '48px',\n          height: '48px',\n          margin: '0 auto 12px',\n          borderRadius: '50%',\n          backgroundColor: `${config.color}20`,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        {status === 'success' ? (\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke={config.color} strokeWidth=\"2\">\n            <polyline points=\"20,6 9,17 4,12\" />\n          </svg>\n        ) : status === 'error' ? (\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke={config.color} strokeWidth=\"2\">\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n          </svg>\n        ) : (\n          <LoadingSpinner size=\"sm\" color={config.color} />\n        )}\n      </div>\n\n      <h4 style={{ margin: '0 0 4px', fontSize: '14px', fontWeight: 600, color: config.color }}>\n        {config.title}\n      </h4>\n\n      <p style={{ margin: 0, fontSize: '12px', color: '#64748b' }}>\n        {message || config.defaultMessage}\n      </p>\n\n      {status === 'error' && onRetry && (\n        <button\n          onClick={onRetry}\n          style={{\n            marginTop: '12px',\n            padding: '6px 16px',\n            borderRadius: '6px',\n            border: 'none',\n            backgroundColor: config.color,\n            color: 'white',\n            cursor: 'pointer',\n            fontSize: '12px',\n            fontWeight: 500,\n          }}\n        >\n          Retry\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default { LoadingSpinner, ApprovalPending, ConnectionStatus };\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/react/LoadingStates.tsx"],"names":[],"mappings":"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","file":"LoadingStates.js","sourcesContent":["/**\n * @cookill/wallet-adapter/react v3.0.0\n * Loading and status indicator components\n */\n\nimport React from 'react';\n\n// ============================================================================\n// LoadingSpinner\n// ============================================================================\n\nexport interface LoadingSpinnerProps {\n  size?: 'sm' | 'md' | 'lg';\n  color?: string;\n  className?: string;\n}\n\nexport function LoadingSpinner({ \n  size = 'md', \n  color = '#6EB9A8',\n  className,\n}: LoadingSpinnerProps) {\n  const sizeMap = { sm: 16, md: 24, lg: 32 };\n  const px = sizeMap[size];\n\n  return (\n    <svg\n      className={className}\n      width={px}\n      height={px}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      style={{ animation: 'spin 1s linear infinite' }}\n    >\n      <style>{`@keyframes spin { to { transform: rotate(360deg); } }`}</style>\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke={color}\n        strokeWidth=\"2.5\"\n        fill=\"none\"\n        strokeDasharray=\"50 20\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\n// ============================================================================\n// ConnectionStatus\n// ============================================================================\n\nexport type ConnectionStatusType = \n  | 'idle' \n  | 'connecting' \n  | 'approving' \n  | 'signing' \n  | 'success' \n  | 'error';\n\nexport interface ConnectionStatusProps {\n  status: ConnectionStatusType;\n  message?: string;\n  onRetry?: () => void;\n}\n\nexport function ConnectionStatus({ status, message, onRetry }: ConnectionStatusProps) {\n  const configs: Record<ConnectionStatusType, { color: string; label: string }> = {\n    idle: { color: '#64748b', label: 'Ready' },\n    connecting: { color: '#6EB9A8', label: 'Connecting...' },\n    approving: { color: '#f59e0b', label: 'Waiting for approval...' },\n    signing: { color: '#6EB9A8', label: 'Signing...' },\n    success: { color: '#22c55e', label: 'Connected' },\n    error: { color: '#ef4444', label: 'Error' },\n  };\n\n  const config = configs[status];\n\n  return (\n    <div style={{\n      display: 'flex',\n      alignItems: 'center',\n      gap: '12px',\n      padding: '12px 16px',\n      backgroundColor: `${config.color}15`,\n      borderRadius: '10px',\n      border: `1px solid ${config.color}30`,\n    }}>\n      {(status === 'connecting' || status === 'approving' || status === 'signing') && (\n        <LoadingSpinner size=\"sm\" color={config.color} />\n      )}\n      \n      <div style={{ flex: 1 }}>\n        <div style={{ color: config.color, fontWeight: 500, fontSize: '14px' }}>\n          {config.label}\n        </div>\n        {message && (\n          <div style={{ color: '#94a3b8', fontSize: '12px', marginTop: '2px' }}>\n            {message}\n          </div>\n        )}\n      </div>\n\n      {status === 'error' && onRetry && (\n        <button\n          onClick={onRetry}\n          style={{\n            padding: '6px 12px',\n            backgroundColor: config.color,\n            color: '#ffffff',\n            border: 'none',\n            borderRadius: '6px',\n            cursor: 'pointer',\n            fontSize: '12px',\n            fontWeight: 500,\n          }}\n        >\n          Retry\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// ApprovalPending\n// ============================================================================\n\nexport interface ApprovalPendingProps {\n  title?: string;\n  message?: string;\n  walletName?: string;\n  onCancel?: () => void;\n}\n\nexport function ApprovalPending({\n  title = 'Waiting for Approval',\n  message = 'Please approve the request in your wallet',\n  walletName = 'Sheep Wallet',\n  onCancel,\n}: ApprovalPendingProps) {\n  return (\n    <div style={{\n      textAlign: 'center',\n      padding: '32px 24px',\n    }}>\n      {/* Animated wallet icon */}\n      <div style={{\n        width: '64px',\n        height: '64px',\n        margin: '0 auto 20px',\n        borderRadius: '16px',\n        backgroundColor: '#6EB9A815',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        animation: 'pulse 2s ease-in-out infinite',\n      }}>\n        <style>{`\n          @keyframes pulse {\n            0%, 100% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.05); opacity: 0.8; }\n          }\n        `}</style>\n        <LoadingSpinner size=\"lg\" />\n      </div>\n\n      <h3 style={{ \n        color: '#ffffff', \n        margin: '0 0 8px 0',\n        fontSize: '18px',\n        fontWeight: 600,\n      }}>\n        {title}\n      </h3>\n      \n      <p style={{ \n        color: '#94a3b8', \n        margin: '0 0 24px 0',\n        fontSize: '14px',\n      }}>\n        {message}\n      </p>\n\n      <div style={{\n        padding: '12px 16px',\n        backgroundColor: '#1a3a4d',\n        borderRadius: '10px',\n        color: '#6EB9A8',\n        fontSize: '13px',\n        marginBottom: '20px',\n      }}>\n        Check {walletName} extension\n      </div>\n\n      {onCancel && (\n        <button\n          onClick={onCancel}\n          style={{\n            padding: '10px 24px',\n            backgroundColor: 'transparent',\n            border: '1px solid #374151',\n            borderRadius: '8px',\n            color: '#9ca3af',\n            cursor: 'pointer',\n            fontSize: '14px',\n          }}\n        >\n          Cancel\n        </button>\n      )}\n    </div>\n  );\n}\n"]}