tamm-bot v0.4.6

TAMM BOT UI COMPONENT

This project is the UI Extra Customisation for TAMM BOT that relies on the Microsoft's Bot Framework Web Chat version 4.5.3

Technologies used:

• React v16.8.2
• TypeScript v3.4.5
• Sass

An Example on how to call the component

    export const App = () => {

        const [loaded, setLoaded] = useState(false);
        const [minimized, setMinimized] = useState(true);

        const handleMaximizeButtonClick = useCallback(async () => {
            setLoaded(true);
            setMinimized(false);
        }, [setMinimized]);

        const handleMinimizeButtonClick = useCallback(() => {
            setMinimized(true);
        }, [setMinimized]);

        const chatLocale = "ar-AE"; //will be coming from the route using react-router-dom
        // Please note that react-router-dom is not a dependency for this package

        return (

        <div className="minimizable-web-chat">
            <button
            className={classNames(
            "maximize",
            "/en/" === "/en/" ? "chatButtonEn" : "chatButtonAr",
            )}
            onClick={
            minimized ? handleMaximizeButtonClick : handleMinimizeButtonClick
            } >
        <img src={ChatButton} alt="minimize-window" />
        </button>

        {loaded && (
          <BotComponent
            minimized={minimized}
            minimizeFunction={handleMinimizeButtonClick}
            chatLocale={chatLocale}
            apiRoute="----"
            tokenRoute="----"
            secretKey="----"
            isMobile={false}
          />
        )}

    </div>