@bytexbyte/nxtlinq-ai-agent-ui-react-development 0.1.1

package/src/legacy/chatbot/ChatBot.tsx

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { ChatBotProvider } from './context/ChatBotContext';
+import { ChatBotProps } from './types/ChatBotTypes';
+import { BerifyMeModal } from './ui/BerifyMeModal';
+import { ChatBotUI } from './ui/ChatBotUI';
+
+export const ChatBot: React.FC<ChatBotProps> = (props) => {
+  const [isBerifyMeModalOpen, setIsBerifyMeModalOpen] = React.useState(false);
+
+  // Handle wallet verification
+  const handleVerifyWallet = async () => {
+    // Check if token already exists in URL
+    const urlParams = new URLSearchParams(window.location.search);
+    const token = urlParams.get('token');
+
+    if (token) {
+      return Promise.resolve({ token });
+    }
+
+    // Use external onVerifyWallet if provided and in external mode
+    if (props.berifymeMode === 'external' && props.onVerifyWallet) {
+      return props.onVerifyWallet();
+    }
+
+    // Built-in mode: Open built-in BerifyMe modal
+    setIsBerifyMeModalOpen(true);
+    return;
+  };
+
+  // Handle BerifyMe verification completion
+  const handleBerifyMeComplete = (token?: string) => {
+    setIsBerifyMeModalOpen(false);
+    // Token is handled by the system automatically
+  };
+
+  // Merge props, add processed onVerifyWallet
+  const enhancedProps = {
+    ...props,
+    onVerifyWallet: handleVerifyWallet
+  };
+
+  return (
+    <>
+      <ChatBotProvider {...enhancedProps}>
+        <ChatBotUI />
+      </ChatBotProvider>
+
+      {/* Only render BerifyMeModal in built-in mode */}
+      {props.berifymeMode !== 'external' && (
+        <BerifyMeModal
+          isOpen={isBerifyMeModalOpen}
+          onClose={() => setIsBerifyMeModalOpen(false)}
+          onVerificationComplete={handleBerifyMeComplete}
+          mode={props.berifymeMode || 'built-in'}
+        />
+      )}
+    </>
+  );
+};
+
+export type { ChatBotProps, PresetMessage, ToolUse } from './types/ChatBotTypes';