@botonic/react/lib/cjs/webchat/theme/default-theme.js

Build Chatbots using React

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.defaultTheme = void 0;
const constants_1 = require("../../constants");
exports.defaultTheme = {
    style: {
        width: '300px',
        height: '450px',
        borderRadius: '10px',
        fontFamily: "'Noto Sans JP', sans-serif",
        fontSize: '16px',
        position: 'fixed',
        right: '20px',
        bottom: '20px',
        backgroundColor: constants_1.COLORS.SOLID_WHITE,
        boxShadow: `${constants_1.COLORS.SOLID_BLACK_ALPHA_0_2} 0px 0px 12px`,
    },
    mobileBreakpoint: 768,
    mobileStyle: {
        width: '100%',
        height: '100%',
        borderRadius: '0px',
        fontSize: '16px',
        position: 'absolute',
        right: '0px',
        bottom: '0px',
    },
    header: {
        title: 'Botonic',
        subtitle: '',
        image: constants_1.WEBCHAT.DEFAULTS.LOGO,
        style: {
            borderRadius: '10px 10px 0px 0px',
        },
        mobileStyle: {
            borderRadius: '0px',
        },
    },
    brand: {
        color: constants_1.COLORS.BOTONIC_BLUE,
        image: constants_1.WEBCHAT.DEFAULTS.LOGO,
    },
    button: {
        autodisable: false,
        disabledstyle: {
            opacity: 0.5,
            cursor: 'auto',
            pointerEvents: 'none',
        },
        messageType: 'text',
        hoverBackground: constants_1.COLORS.CONCRETE_WHITE,
        hoverTextColor: constants_1.COLORS.SOLID_BLACK,
        style: {
            width: '100%',
            maxHeight: '80px',
            height: 'auto',
            fontFamily: 'inherit',
            fontSize: '14px',
            fontWeight: 'normal',
            background: constants_1.COLORS.SOLID_WHITE,
            color: constants_1.COLORS.SOLID_BLACK,
            outline: '0',
            border: ` 1px solid ${constants_1.COLORS.SEASHELL_WHITE}`,
            borderRadius: '0px',
            padding: '12px 32px',
            overflow: 'hidden',
        },
        urlIcon: {
            enable: false,
            image: constants_1.WEBCHAT.DEFAULTS.URL_ICON,
        },
    },
    message: {
        user: {
            blobTick: true,
        },
        bot: {
            blobTick: true,
        },
    },
    triggerButton: { image: constants_1.WEBCHAT.DEFAULTS.LOGO },
    userInput: {
        attachments: { enable: false },
        box: {
            placeholder: 'Ask me something...',
        },
        emojiPicker: { enable: false },
        sendButton: { enable: true },
        enable: true,
    },
    carousel: {
        enableArrows: true,
    },
    animations: { enable: true },
    notifications: {
        enable: false,
        banner: {
            enable: false,
            text: 'unread messages',
        },
        triggerButton: { enable: false },
    },
};
//# sourceMappingURL=default-theme.js.map