@botonic/react 0.24.2 → 0.25.0-alpha.0

package/lib/esm/tests/webchat/webchat.component.test.js

@@ -0,0 +1,183 @@
+/**
+ * @jest-environment jsdom
+ * @jest-environment-options {"url": "https://jestjs.io/"}
+ */
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+import { act } from 'react-test-renderer';
+import { ROLES } from '../../src/constants';
+import { Webchat } from '../../src/webchat/webchat';
+import { expectNotToHaveRoles, expectToHaveRoles, renderUseWebchatHook, } from '../helpers/test-utils';
+describe('TEST: Webchat Component', () => {
+    const theme = {
+        persistentMenu: [
+            { label: 'Help', payload: 'help' },
+            {
+                label: 'See docs',
+                url: 'https://docs.botonic.io',
+            },
+            { closeLabel: 'Close' },
+        ],
+        enableEmojiPicker: true,
+        enableAttachments: true,
+    };
+    // To avoid TypeError: frame.scrollTo is not a function
+    window.HTMLElement.prototype.scrollTo = function () { };
+    it('TEST: Webchat by default has TriggerButton', async () => {
+        const { result } = renderUseWebchatHook();
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectToHaveRoles([ROLES.TRIGGER_BUTTON], screen);
+        expectNotToHaveRoles([ROLES.WEBCHAT], screen);
+    });
+    it('TEST: Opened webchat by default has StyledWebchat, Header, MessageList area, Textbox and SendButtonIcon', async () => {
+        const { result } = renderUseWebchatHook();
+        act(() => {
+            result.current.toggleWebchat(true);
+        });
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectToHaveRoles([
+            ROLES.WEBCHAT,
+            ROLES.HEADER,
+            ROLES.MESSAGE_LIST,
+            ROLES.TEXT_BOX,
+            ROLES.SEND_BUTTON_ICON,
+        ], screen);
+    });
+    it('TEST: Opened webchat by default has no TriggerButton, PersistentMenuIcon, EmojiPickerIcon and AttachmentIcon', async () => {
+        const { result } = renderUseWebchatHook();
+        act(() => {
+            result.current.toggleWebchat(true);
+        });
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectNotToHaveRoles([
+            ROLES.TRIGGER_BUTTON,
+            ROLES.PERSISTENT_MENU_ICON,
+            ROLES.EMOJI_PICKER_ICON,
+            ROLES.ATTACHMENT_ICON,
+        ], screen);
+    });
+    it('TEST: Opened webchat has a TypingIndicator when typing is true', async () => {
+        const { result } = renderUseWebchatHook();
+        act(() => {
+            result.current.toggleWebchat(true);
+            result.current.updateTyping(true);
+        });
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectToHaveRoles(['typing-indicator'], screen);
+    });
+    it('TEST: Opened webchat has EmojiPickerIcon, AttachmentsIcon and PersistentMenuIcon when they are enabled in the theme', async () => {
+        const { result } = renderUseWebchatHook();
+        Object.assign(theme, result.current.webchatState.theme);
+        act(() => {
+            result.current.toggleWebchat(true);
+            result.current.updateTheme(theme);
+        });
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectToHaveRoles([
+            ROLES.TEXT_BOX,
+            ROLES.PERSISTENT_MENU_ICON,
+            ROLES.EMOJI_PICKER_ICON,
+            ROLES.ATTACHMENT_ICON,
+            ROLES.SEND_BUTTON_ICON,
+        ], screen);
+    });
+    it.skip('TEST: Open EmojiPicker', async () => {
+        const { result } = renderUseWebchatHook();
+        act(() => {
+            result.current.toggleWebchat(true);
+            result.current.updateTheme(theme);
+            result.current.toggleEmojiPicker(true);
+        });
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectToHaveRoles([
+            ROLES.TEXT_BOX,
+            ROLES.PERSISTENT_MENU_ICON,
+            ROLES.EMOJI_PICKER_ICON,
+            ROLES.EMOJI_PICKER,
+            ROLES.ATTACHMENT_ICON,
+            ROLES.SEND_BUTTON_ICON,
+        ], screen);
+    });
+    it('TEST: Open PersistentMenu has PersistentMenuIcon, PersistentMenu, EmojiPickerIcon, AttachmentsIcon and SendButtonIcon', async () => {
+        const { result } = renderUseWebchatHook();
+        Object.assign(theme, result.current.webchatState.theme);
+        act(() => {
+            result.current.toggleWebchat(true);
+            result.current.updateTheme(theme);
+            result.current.togglePersistentMenu(true);
+        });
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectToHaveRoles([
+            ROLES.PERSISTENT_MENU_ICON,
+            ROLES.EMOJI_PICKER_ICON,
+            ROLES.PERSISTENT_MENU,
+            ROLES.ATTACHMENT_ICON,
+            ROLES.SEND_BUTTON_ICON,
+        ], screen);
+    });
+    it('TEST: Opened webchat has no SendButton if we disable it in the theme', async () => {
+        const { result } = renderUseWebchatHook();
+        Object.assign(theme, result.current.webchatState.theme);
+        theme.enableSendButton = false;
+        act(() => {
+            result.current.toggleWebchat(true);
+            result.current.updateTheme(theme);
+        });
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectToHaveRoles([
+            ROLES.TEXT_BOX,
+            ROLES.PERSISTENT_MENU_ICON,
+            ROLES.EMOJI_PICKER_ICON,
+            ROLES.ATTACHMENT_ICON,
+        ], screen);
+        expectNotToHaveRoles([ROLES.SEND_BUTTON_ICON], screen);
+    });
+    it('TEST: If the UserInput is disabled opened webchat has no PersistentMenuIcon, EmojiPickerIcon, AttachmentIcon, SendButtonIcon and Textbox', async () => {
+        const { result } = renderUseWebchatHook();
+        Object.assign(theme, result.current.webchatState.theme);
+        theme.enableSendButton = true;
+        theme.enableUserInput = false;
+        act(() => {
+            result.current.toggleWebchat(true);
+            result.current.updateTheme(theme);
+        });
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectNotToHaveRoles([
+            ROLES.PERSISTENT_MENU_ICON,
+            ROLES.EMOJI_PICKER_ICON,
+            ROLES.ATTACHMENT_ICON,
+            ROLES.SEND_BUTTON_ICON,
+            ROLES.TEXT_BOX,
+        ], screen);
+    });
+    it('TEST: When calling updateWebview a webview is displayed and has StyledWebview and StyledWebviewHeader', async () => {
+        const { result } = renderUseWebchatHook();
+        act(() => {
+            result.current.toggleWebchat(true);
+            result.current.updateWebview('webview');
+        });
+        await act(async () => {
+            render(React.createElement(Webchat, { webchatHooks: result.current }));
+        });
+        expectToHaveRoles([ROLES.WEBVIEW, ROLES.WEBVIEW_HEADER, ROLES.WEBCHAT], screen);
+    });
+});
+//# sourceMappingURL=webchat.component.test.js.map

package/lib/esm/tests/webchat/webchat.component.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webchat.component.test.js","sourceRoot":"src/","sources":["tests/webchat/webchat.component.test.jsx"],"names":[],"mappings":"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"}

package/lib/esm/tests/webchat.theme.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/tests/webchat.theme.test.js

@@ -0,0 +1,123 @@
+import merge from 'lodash.merge';
+import { normalizeWebchatSettings } from '../src/components/webchat-settings';
+import { WEBCHAT } from '../src/constants';
+import { getProperty } from '../src/util/objects';
+import { _getThemeProperty } from '../src/util/webchat';
+const theme = {
+    message: {
+        bot: {
+            image: 'DefaultLogoPathNested',
+            style: {
+                border: 'none',
+                color: 'blue',
+                borderRadius: '20px',
+            },
+        },
+    },
+    botMessageImage: 'DefaultLogoPath',
+};
+const anotherTheme = {
+    message: {
+        bot: {
+            image: null,
+            style: {
+                border: 'none',
+                color: 'blue',
+                borderRadius: '20px',
+            },
+        },
+    },
+    botMessageImage: null,
+};
+describe('getProperty', () => {
+    it('founds directly the property', () => {
+        expect(getProperty(theme, 'botMessageImage')).toBe('DefaultLogoPath');
+    });
+    it('founds the nested property', () => {
+        expect(getProperty(theme, WEBCHAT.CUSTOM_PROPERTIES.botMessageImage)).toBe('DefaultLogoPathNested');
+    });
+    it("doesn't found the property", () => {
+        expect(getProperty(theme, 'message.bot.imageeeeeee')).toBe(undefined);
+    });
+    it("returns undefined if theme doesn't exist", () => {
+        expect(getProperty(undefined, WEBCHAT.CUSTOM_PROPERTIES.botMessageImage)).toBe(undefined);
+    });
+    it('returns null if property is set to null', () => {
+        expect(getProperty(anotherTheme, WEBCHAT.CUSTOM_PROPERTIES.botMessageImage)).toBe(null);
+    });
+});
+describe('getThemeProperty', () => {
+    const getThemeProperty = _getThemeProperty(theme);
+    it('gives preference to nested property', () => {
+        expect(getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageImage)).toBe('DefaultLogoPathNested');
+    });
+});
+describe('Updating webchat properties with settings', () => {
+    it('normalizes correctly to nested theme properties', () => {
+        const newTheme = { brand: { color: 'red' }, userInput: { enable: true } };
+        const newBlockInputs = [
+            {
+                match: [/ugly/i, /bastard/i],
+                message: 'We cannot tolerate these kind of words.',
+            },
+        ];
+        const newPersistentMenu = [
+            { label: 'option1', payload: 'payload1' },
+            { label: 'option2', payload: 'payload2' },
+        ];
+        const newEnableEmojiPicker = true;
+        const newEnableAttachments = false;
+        const settings = {
+            theme: newTheme,
+            blockInputs: newBlockInputs,
+            persistentMenu: newPersistentMenu,
+            enableEmojiPicker: newEnableEmojiPicker,
+            enableAttachments: newEnableAttachments,
+        };
+        const themeUpdates = normalizeWebchatSettings(settings);
+        expect(themeUpdates).toMatchObject(newTheme);
+        expect(themeUpdates.userInput.blockInputs).toEqual(newBlockInputs);
+        expect(themeUpdates.userInput.persistentMenu).toEqual(newPersistentMenu);
+        expect(themeUpdates.userInput.emojiPicker.enable).toEqual(newEnableEmojiPicker);
+        expect(themeUpdates.userInput.attachments.enable).toEqual(newEnableAttachments);
+    });
+});
+describe('Deep merging theme properties', () => {
+    it('Preserve theme deep properties', () => {
+        const theme1 = {
+            theme: {
+                userInput: { box: { placeholder: 'placeholder...' } },
+                header: {
+                    title: 'title',
+                },
+            },
+        };
+        const theme2 = {
+            theme: {
+                userInput: {
+                    style: {
+                        background: 'white',
+                        minHeight: '45px',
+                    },
+                },
+            },
+        };
+        const result = {
+            theme: {
+                userInput: {
+                    box: {
+                        placeholder: 'placeholder...',
+                    },
+                    style: {
+                        background: 'white',
+                        minHeight: '45px',
+                    },
+                },
+                header: { title: 'title' },
+            },
+        };
+        const sut = merge(theme1, theme2);
+        expect(sut).toMatchObject(result);
+    });
+});
+//# sourceMappingURL=webchat.theme.test.js.map

package/lib/esm/tests/webchat.theme.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webchat.theme.test.js","sourceRoot":"src/","sources":["tests/webchat.theme.test.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAA;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,KAAK,GAAG;IACZ,OAAO,EAAE;QACP,GAAG,EAAE;YACH,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,YAAY,EAAE,MAAM;aACrB;SACF;KACF;IACD,eAAe,EAAE,iBAAiB;CACnC,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE;QACP,GAAG,EAAE;YACH,KAAK,EAAE,IAAI;YACX,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,YAAY,EAAE,MAAM;aACrB;SACF;KACF;IACD,eAAe,EAAE,IAAI;CACtB,CAAA;AAED,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CACxE,uBAAuB,CACxB,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,CACJ,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAClE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,CACJ,WAAW,CAAC,YAAY,EAAE,OAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC,CACrE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACd,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACjD,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CACtE,uBAAuB,CACxB,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACzD,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAA;QACzE,MAAM,cAAc,GAAG;YACrB;gBACE,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;gBAC5B,OAAO,EAAE,yCAAyC;aACnD;SACF,CAAA;QACD,MAAM,iBAAiB,GAAG;YACxB,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE;YACzC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE;SAC1C,CAAA;QACD,MAAM,oBAAoB,GAAG,IAAI,CAAA;QACjC,MAAM,oBAAoB,GAAG,KAAK,CAAA;QAClC,MAAM,QAAQ,GAAG;YACf,KAAK,EAAE,QAAQ;YACf,WAAW,EAAE,cAAc;YAC3B,cAAc,EAAE,iBAAiB;YACjC,iBAAiB,EAAE,oBAAoB;YACvC,iBAAiB,EAAE,oBAAoB;SACxC,CAAA;QACD,MAAM,YAAY,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;QACvD,MAAM,CAAC,YAAY,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC5C,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;QAClE,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;QACxE,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CACvD,oBAAoB,CACrB,CAAA;QACD,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CACvD,oBAAoB,CACrB,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;IAC7C,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE;gBACrD,MAAM,EAAE;oBACN,KAAK,EAAE,OAAO;iBACf;aACF;SACF,CAAA;QACD,MAAM,MAAM,GAAG;YACb,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,UAAU,EAAE,OAAO;wBACnB,SAAS,EAAE,MAAM;qBAClB;iBACF;aACF;SACF,CAAA;QACD,MAAM,MAAM,GAAG;YACb,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,GAAG,EAAE;wBACH,WAAW,EAAE,gBAAgB;qBAC9B;oBACD,KAAK,EAAE;wBACL,UAAU,EAAE,OAAO;wBACnB,SAAS,EAAE,MAAM;qBAClB;iBACF;gBACD,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;aAC3B;SACF,CAAA;QACD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QACjC,MAAM,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@botonic/react",
-  "version": "0.24.2",
+  "version": "0.25.0-alpha.0",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
   "module": "./lib/esm",
   "types": "./lib/cjs/index.d.ts",
   "scripts": {
-    "test:no-coverage": "./node_modules/.bin/jest -c ./jest.config.js",
-    "test": "./node_modules/.bin/jest -c ./jest.config.js --coverage",
+    "test:no-coverage": "../../node_modules/.bin/jest -c ./jest.config.js",
+    "test": "../../node_modules/.bin/jest -c ./jest.config.js --coverage",
     "cloc": "../../scripts/qa/cloc-package.sh .",
     "prepublishOnly": "npm run clean; npm run build; npm run copy-files;",
     "prepare": "node ../../preinstall.js;",
     "clean": "rm -rf ./lib/",
     "copy-files": "copyfiles -u 1 src/**/*.svg src/**/*.png src/**/*.scss src/**/*.html lib/esm/; copyfiles -u 1 src/**/*.svg src/**/*.png src/**/*.scss src/**/*.html lib/cjs/;",
-    "build": "./node_modules/.bin/tsc -p tsconfig.json && ./node_modules/.bin/tsc -p tsconfig.esm.json",
+    "build": "../../node_modules/.bin/tsc -p tsconfig.json && ../../node_modules/.bin/tsc -p tsconfig.esm.json",
     "build:watch": "npm run build -- --watch",
     "prettier": "../../node_modules/.bin/prettier --no-error-on-unmatched-pattern --write '**/*.md' '**/*.css' '.*.js' '*.js{,on}'",
     "lint": "npm run prettier; npm run lint_core -- --fix",
@@ -35,8 +35,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@botonic/core": "0.24.0",
-    "axios": "^1.6.0",
+    "@botonic/core": "0.25.0-alpha.0",
     "emoji-picker-react": "^4.4.9",
     "framer-motion": "^3.1.1",
     "he": "^1.2.0",
@@ -59,31 +58,20 @@
     "uuid": "^8.3.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.21.5",
-    "@babel/core": "^7.21.8",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/plugin-transform-runtime": "^7.21.4",
-    "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.23.0",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^29.5.1",
     "@types/parse5": "^7.0.0",
-    "@types/react": "16.14.43",
-    "babel-plugin-add-module-exports": "^1.0.4",
+    "@types/react": "^16.14.56",
     "copyfiles": "^2.4.1",
     "identity-obj-proxy": "^3.0.0",
     "intersection-observer": "^0.12.2",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.7.0",
     "react-test-renderer": "^16.14.0",
-    "ts-jest": "^29.1.0",
     "typescript": "5.0.4"
   },
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=20.0.0"
   },
   "keywords": [
     "bot-framework",

package/src/components/message/index.jsx

@@ -149,9 +149,9 @@ export const Message = props => {
   }
 
   const getMessageStyle = () =>
-    isSentByBot
-      ? getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageStyle)
-      : getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userMessageStyle)
+    isSentByUser
+      ? getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userMessageStyle)
+      : getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageStyle)
 
   const userOrBotMessage = isSentByUser ? SENDERS.user : SENDERS.bot
   const hasBlobTick = () =>

package/lib/cjs/app.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app.js","sourceRoot":"src/","sources":["app.jsx"],"names":[],"mappings":";;;AAAA,MAAa,GAAG;IACd;QACE,MAAM,oLAAoL,CAAA;IAC5L,CAAC;CACF;AAJD,kBAIC"}

package/lib/cjs/assets/index-types.d.ts

@@ -1,4 +0,0 @@
-declare module '*.svg' {
-    const content: any;
-    export default content;
-}

package/lib/cjs/assets/index-types.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index-types.js.map

package/lib/cjs/assets/index-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-types.js","sourceRoot":"src/","sources":["assets/index-types.ts"],"names":[],"mappings":""}

package/lib/cjs/botonic-tester.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BotonicOutputTester = exports.BotonicInputTester = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = tslib_1.__importDefault(require("react"));
-const server_1 = tslib_1.__importDefault(require("react-dom/server"));
-const unescape_1 = tslib_1.__importDefault(require("unescape"));
-const reply_1 = require("./components/reply");
-const text_1 = require("./components/text");
-class BotonicInputTester {
-    constructor(bot) {
-        this.bot = bot;
-    }
-    async text(inp, session = {}, lastRoutePath = '') {
-        const res = await this.bot.input({
-            input: { type: core_1.INPUT.TEXT, data: inp },
-            session: session,
-            lastRoutePath: lastRoutePath,
-        });
-        return (0, unescape_1.default)(res.response);
-    }
-    async payload(inp, session = {}, lastRoutePath = '') {
-        const res = await this.bot.input({
-            input: { type: core_1.INPUT.POSTBACK, payload: inp },
-            session: session,
-            lastRoutePath: lastRoutePath,
-        });
-        return (0, unescape_1.default)(res.response);
-    }
-    async path(inp, session = {}, lastRoutePath = '') {
-        const res = await this.bot.input({
-            input: { type: core_1.INPUT.TEXT, payload: `__PATH_PAYLOAD__${inp}` },
-            session: session,
-            lastRoutePath: lastRoutePath,
-        });
-        return (0, unescape_1.default)(res.response);
-    }
-}
-exports.BotonicInputTester = BotonicInputTester;
-class BotonicOutputTester {
-    constructor(bot) {
-        this.bot = bot;
-    }
-    text(out, replies = null) {
-        return (0, unescape_1.default)(server_1.default.renderToStaticMarkup(!replies ? ((0, jsx_runtime_1.jsx)(text_1.Text, { children: out })) : ((0, jsx_runtime_1.jsxs)(text_1.Text, { children: [out, replies] }))));
-    }
-    reply({ text, payload = null, path = null }) {
-        if (payload) {
-            return (0, unescape_1.default)(server_1.default.renderToStaticMarkup((0, jsx_runtime_1.jsx)(reply_1.Reply, Object.assign({ payload: payload }, { children: text }))));
-        }
-        if (path) {
-            return (0, unescape_1.default)(server_1.default.renderToStaticMarkup((0, jsx_runtime_1.jsx)(reply_1.Reply, Object.assign({ path: path }, { children: text }))));
-        }
-        throw new Error('reply should contain a payload or a path');
-    }
-    replies(...args) {
-        const replies = [];
-        for (let i = 0; i < args.length; i++) {
-            const r = args[i];
-            replies.push(this.reply({ text: r.text, payload: r.payload, path: r.path }));
-        }
-        return replies;
-    }
-}
-exports.BotonicOutputTester = BotonicOutputTester;
-//# sourceMappingURL=botonic-tester.js.map

package/lib/cjs/botonic-tester.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"botonic-tester.js","sourceRoot":"src/","sources":["botonic-tester.jsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/audio.d.ts

@@ -1,8 +0,0 @@
-export function Audio(props: any): JSX.Element;
-export namespace Audio {
-    export { serialize };
-}
-declare function serialize(audioProps: any): {
-    audio: any;
-};
-export {};

package/lib/cjs/components/audio.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Audio = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = tslib_1.__importDefault(require("react"));
-const constants_1 = require("../constants");
-const environment_1 = require("../util/environment");
-const message_1 = require("./message");
-const serialize = audioProps => {
-    return { audio: audioProps.src };
-};
-const Audio = props => {
-    props = Object.assign(Object.assign({}, props), { src: (0, environment_1.staticAsset)(props.src) });
-    let content = props.children;
-    if ((0, core_1.isBrowser)())
-        content = ((0, jsx_runtime_1.jsxs)("audio", Object.assign({ style: { maxWidth: '100%' }, id: 'myAudio', controls: true }, { children: [(0, jsx_runtime_1.jsx)("source", { src: props.src, type: 'audio/mpeg' }), "Your browser does not support this audio format."] })));
-    return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ role: constants_1.ROLES.AUDIO_MESSAGE, json: serialize(props) }, props, { type: core_1.INPUT.AUDIO }, { children: content })));
-};
-exports.Audio = Audio;
-exports.Audio.serialize = serialize;
-//# sourceMappingURL=audio.js.map

package/lib/cjs/components/audio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audio.js","sourceRoot":"src/","sources":["components/audio.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,0DAAyB;AAEzB,4CAAoC;AACpC,qDAAiD;AACjD,uCAAmC;AAEnC,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE;IAC7B,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE;IAC3B,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IACjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,IAAI,IAAA,gBAAS,GAAE;QACb,OAAO,GAAG,CACR,iDAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAC,SAAS,EAAC,QAAQ,uBACvD,mCAAQ,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,IAAI,EAAC,YAAY,GAAG,yDAEtC,CACT,CAAA;IACH,OAAO,CACL,uBAAC,iBAAO,kBACN,IAAI,EAAE,iBAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,YAAK,CAAC,KAAK,gBAEhB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,KAAK,SAoBjB;AAED,aAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}