@b3dotfun/sdk 0.0.40-test.6 → 0.0.41-alpha.0

package/src/global-account/examples/client-selection-example.tsx

@@ -1,197 +0,0 @@
-import { B3Provider, useB3, useClient } from "@b3dotfun/sdk/global-account/react";
-import { useState } from "react";
-import { ClientType } from "../client-manager";
-
-/**
- * Example component showing how to use the client selection system
- */
-function ClientSelectionExample() {
-  const { clientType, switchClientType, getCurrentClient, authenticateWithType } = useClient();
-  const { user } = useB3();
-  const [data, setData] = useState<any>(null);
-  const [loading, setLoading] = useState(false);
-
-  const handleSwitchClient = (type: ClientType) => {
-    switchClientType(type);
-  };
-
-  const handleFetchData = async () => {
-    setLoading(true);
-    try {
-      const client = getCurrentClient();
-      const result = await client.service("users").find();
-      setData(result);
-    } catch (error) {
-      console.error("Failed to fetch data:", error);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleAuthenticateWithType = async (type: ClientType) => {
-    try {
-      const result = await authenticateWithType(
-        type,
-        "your-access-token",
-        "your-identity-token"
-      );
-      console.log(`Authenticated with ${type}:`, result);
-    } catch (error) {
-      console.error(`Authentication failed with ${type}:`, error);
-    }
-  };
-
-  return (
-    <div style={{ padding: "20px", fontFamily: "Arial, sans-serif" }}>
-      <h2>Client Selection Example</h2>
-      
-      <div style={{ marginBottom: "20px" }}>
-        <h3>Current Client Type: {clientType}</h3>
-        <div style={{ display: "flex", gap: "10px", marginBottom: "10px" }}>
-          <button 
-            onClick={() => handleSwitchClient("socket")}
-            style={{ 
-              padding: "8px 16px", 
-              backgroundColor: clientType === "socket" ? "#007bff" : "#f8f9fa",
-              color: clientType === "socket" ? "white" : "black",
-              border: "1px solid #007bff",
-              borderRadius: "4px",
-              cursor: "pointer"
-            }}
-          >
-            Switch to Socket
-          </button>
-          <button 
-            onClick={() => handleSwitchClient("rest")}
-            style={{ 
-              padding: "8px 16px", 
-              backgroundColor: clientType === "rest" ? "#007bff" : "#f8f9fa",
-              color: clientType === "rest" ? "white" : "black",
-              border: "1px solid #007bff",
-              borderRadius: "4px",
-              cursor: "pointer"
-            }}
-          >
-            Switch to REST
-          </button>
-        </div>
-      </div>
-
-      <div style={{ marginBottom: "20px" }}>
-        <h3>Test API Calls</h3>
-        <button 
-          onClick={handleFetchData}
-          disabled={loading}
-          style={{ 
-            padding: "8px 16px", 
-            backgroundColor: "#28a745",
-            color: "white",
-            border: "none",
-            borderRadius: "4px",
-            cursor: loading ? "not-allowed" : "pointer"
-          }}
-        >
-          {loading ? "Loading..." : "Fetch Data"}
-        </button>
-        
-        {data && (
-          <pre style={{ 
-            marginTop: "10px", 
-            padding: "10px", 
-            backgroundColor: "#f8f9fa", 
-            borderRadius: "4px",
-            overflow: "auto"
-          }}>
-            {JSON.stringify(data, null, 2)}
-          </pre>
-        )}
-      </div>
-
-      <div style={{ marginBottom: "20px" }}>
-        <h3>Authentication Tests</h3>
-        <div style={{ display: "flex", gap: "10px" }}>
-          <button 
-            onClick={() => handleAuthenticateWithType("socket")}
-            style={{ 
-              padding: "8px 16px", 
-              backgroundColor: "#17a2b8",
-              color: "white",
-              border: "none",
-              borderRadius: "4px",
-              cursor: "pointer"
-            }}
-          >
-            Auth with Socket
-          </button>
-          <button 
-            onClick={() => handleAuthenticateWithType("rest")}
-            style={{ 
-              padding: "8px 16px", 
-              backgroundColor: "#17a2b8",
-              color: "white",
-              border: "none",
-              borderRadius: "4px",
-              cursor: "pointer"
-            }}
-          >
-            Auth with REST
-          </button>
-        </div>
-      </div>
-
-      <div>
-        <h3>User Status</h3>
-        <p>Authenticated: {user ? "Yes" : "No"}</p>
-        {user && (
-          <pre style={{ 
-            padding: "10px", 
-            backgroundColor: "#f8f9fa", 
-            borderRadius: "4px",
-            overflow: "auto"
-          }}>
-            {JSON.stringify(user, null, 2)}
-          </pre>
-        )}
-      </div>
-    </div>
-  );
-}
-
-/**
- * Example app showing different client configurations
- */
-export function ClientSelectionApp() {
-  const [clientType, setClientType] = useState<ClientType>("socket");
-
-  return (
-    <B3Provider
-      environment="development"
-      clientType={clientType}
-      automaticallySetFirstEoa={true}
-      theme="light"
-    >
-      <div>
-        <h1>B3 SDK Client Selection Demo</h1>
-        
-        <div style={{ marginBottom: "20px" }}>
-          <label>
-            <strong>Provider Client Type:</strong>
-            <select 
-              value={clientType} 
-              onChange={(e) => setClientType(e.target.value as ClientType)}
-              style={{ marginLeft: "10px", padding: "4px 8px" }}
-            >
-              <option value="socket">Socket (Default)</option>
-              <option value="rest">REST</option>
-            </select>
-          </label>
-        </div>
-
-        <ClientSelectionExample />
-      </div>
-    </B3Provider>
-  );
-}
-
-export default ClientSelectionApp;
-