@techmindsolutions/chatbot-iframe v1.0.8

@techmindsolutions/chatbot-iframe

A React component package for embedding a floating chatbot iframe in your application.

Installation

To install this private package in your projects:

1. Make sure you are logged in to npm with an account that has access(talk to publisher for access):

npm login

2. Install the package:

npm install @techmindsolutions/chatbot-iframe

Usage

import { FloatingChatbot } from '@techmindsolutions/chatbot-iframe';
import '@techmindsolutions/chatbot-iframe/style.css';

function App() {
  const handleFormSubmission = (payload: any) => {
    console.log('Form submission from chatbot:', payload);
  };

  return (
    <FloatingChatbot
      chatbotUrl="http://localhost:3000"
      onFormSubmit={handleFormSubmission}
    />
  );
}

Props

Advanced Usage

You can also access the chatbot store directly for more control:

import { useChatbotStore } from '@formbay/chatbot-iframe';

function App() {
  const { setIsOpen, sendDataToChatbot } = useChatbotStore();

  const sendDataToChatBot = () => {
    sendDataToChatbot({
      someKey: 'Custom data to send to chatbot'
    });
  };

  return (
    // Your component code
  );
}