@botonic/react 0.31.0-alpha.2 → 0.31.0-alpha.3

package/lib/esm/webchat-app.js

@@ -2,15 +2,17 @@ import { __awaiter, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { HubtypeService, INPUT } from '@botonic/core';
 import merge from 'lodash.merge';
-import React, { createRef } from 'react';
+import { createRef } from 'react';
 import { createRoot } from 'react-dom/client';
 import { WEBCHAT } from './constants';
-import { SENDERS, Typing } from './index-types';
+import { SENDERS, Typing, } from './index-types';
 import { msgToBotonic } from './msg-to-botonic';
 import { isShadowDOMSupported, onDOMLoaded } from './util/dom';
 import { Webchat } from './webchat/webchat';
 export class WebchatApp {
-    constructor({ theme = {}, persistentMenu, coverComponent, blockInputs, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, hostId, shadowDOM, defaultDelay, defaultTyping, storage, storageKey, onInit, onOpen, onClose, onMessage, onTrackEvent, onConnectionChange, appId, visibility, server, }) {
+    constructor({ theme = {}, persistentMenu, coverComponent, blockInputs, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, hostId = 'root', shadowDOM = false, defaultDelay, defaultTyping, storage, storageKey, onInit, onOpen, onClose, onMessage, onTrackEvent, onConnectionChange, appId, visibility, server, }) {
+        this.reactRoot = null;
+        this.host = null;
         this.theme = theme;
         this.persistentMenu = persistentMenu;
         this.coverComponent = coverComponent;
@@ -23,7 +25,7 @@ export class WebchatApp {
         if (this.shadowDOM && !isShadowDOMSupported()) {
             console.warn('[botonic] ShadowDOM not supported on this browser');
             this.shadowDOM = false;
-        }
+        } // Review this
         this.hostId = hostId || WEBCHAT.DEFAULTS.HOST_ID;
         this.defaultDelay = defaultDelay;
         this.defaultTyping = defaultTyping;
@@ -39,6 +41,7 @@ export class WebchatApp {
         this.server = server;
         this.webchatRef = createRef();
         this.appId = appId;
+        this.host = null;
         this.reactRoot = null;
     }
     createRootElement(host) {
@@ -51,21 +54,25 @@ export class WebchatApp {
                     this.hostId = host.id;
                 }
             }
-            else if (host.id)
+            else if (host.id) {
                 this.hostId = host.id;
-            else if (this.hostId)
+            }
+            else if (this.hostId) {
                 host.id = this.hostId;
+            }
         }
         else {
-            host = document.getElementById(this.hostId);
+            host = this.hostId ? document.getElementById(this.hostId) : null;
         }
         if (!host) {
             host = document.createElement('div');
             host.id = this.hostId;
-            if (document.body.firstChild)
+            if (document.body.firstChild) {
                 document.body.insertBefore(host, document.body.firstChild);
-            else
+            }
+            else {
                 document.body.appendChild(host);
+            }
         }
         this.host = this.shadowDOM ? host.attachShadow({ mode: 'open' }) : host;
     }
@@ -73,7 +80,14 @@ export class WebchatApp {
         if (!node) {
             node = this.host;
         }
-        return node.shadowRoot ? node.shadowRoot : node;
+        if (node === null) {
+            throw new Error('Host element not found');
+        }
+        // TODO: Review logic of ShadowRoot
+        if ('shadowRoot' in node && node.shadowRoot !== null) {
+            return node.shadowRoot;
+        }
+        return node;
     }
     onInitWebchat(...args) {
         this.onInit && this.onInit(this, ...args);
@@ -87,11 +101,7 @@ export class WebchatApp {
     onUserInput({ user, input }) {
         return __awaiter(this, void 0, void 0, function* () {
             this.onMessage &&
-                this.onMessage(this, {
-                    sentBy: SENDERS.user,
-                    message: input,
-                    isUnread: false,
-                });
+                this.onMessage(this, Object.assign(Object.assign({}, input), { sentBy: SENDERS.user, isUnread: false }));
             return this.hubtypeService.postMessage(user, input);
         });
     }
@@ -113,47 +123,52 @@ export class WebchatApp {
                 appId: this.appId,
                 user,
                 lastMessageId,
-                lastMessageUpdateDate,
-                onEvent: event => this.onServiceEvent(event),
-                unsentInputs: () => this.webchatRef.current
-                    .getMessages()
-                    .filter(msg => msg.ack === 0 && msg.unsentInput),
+                lastMessageUpdateDate: lastMessageUpdateDate,
+                onEvent: (event) => this.onServiceEvent(event),
+                unsentInputs: () => {
+                    var _a;
+                    return ((_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.getMessages().filter(msg => msg.ack === 0 && msg.unsentInput)) || [];
+                },
                 server: this.server,
             });
         }
     }
     onServiceEvent(event) {
-        var _a, _b;
+        var _a, _b, _c;
         if (event.action === 'connectionChange') {
             this.onConnectionChange && this.onConnectionChange(this, event.online);
-            this.webchatRef.current.setOnline(event.online);
+            (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.setOnline(event.online);
         }
         else if (event.action === 'update_message_info') {
             this.updateMessageInfo(event.message.id, event.message);
         }
-        else if (((_a = event.message) === null || _a === void 0 ? void 0 : _a.type) === 'update_webchat_settings') {
+        else if (((_b = event.message) === null || _b === void 0 ? void 0 : _b.type) === 'update_webchat_settings') {
             this.updateWebchatSettings(event.message.data);
         }
-        else if (((_b = event.message) === null || _b === void 0 ? void 0 : _b.type) === 'sender_action') {
+        else if (((_c = event.message) === null || _c === void 0 ? void 0 : _c.type) === 'sender_action') {
             this.setTyping(event.message.data === Typing.On);
         }
         else {
             this.onMessage &&
-                this.onMessage(this, { sentBy: SENDERS.bot, message: event.message });
+                this.onMessage(this, Object.assign({ sentBy: SENDERS.bot }, event.message));
             this.addBotMessage(event.message);
         }
     }
     updateUser(user) {
-        this.webchatRef.current.updateUser(user);
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.updateUser(user);
     }
     addBotMessage(message) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e;
         message.ack = 0;
         message.isUnread = true;
         message.sentBy = (_a = message.sent_by) === null || _a === void 0 ? void 0 : _a.split('message_sent_by_')[1];
         delete message.sent_by;
-        const response = msgToBotonic(message, ((_b = this.theme.message) === null || _b === void 0 ? void 0 : _b.customTypes) || this.theme.customMessageTypes);
-        this.webchatRef.current.addBotResponse({
+        const response = msgToBotonic(message, 
+        // TODO: Review if is neded allow declar customTypes inseide and ouside theme
+        // @ts-ignore
+        ((_c = (_b = this.theme) === null || _b === void 0 ? void 0 : _b.message) === null || _c === void 0 ? void 0 : _c.customTypes) || ((_d = this.theme) === null || _d === void 0 ? void 0 : _d.customMessageTypes) || []);
+        (_e = this.webchatRef.current) === null || _e === void 0 ? void 0 : _e.addBotResponse({
             response,
         });
     }
@@ -161,7 +176,8 @@ export class WebchatApp {
         this.addBotMessage({ type: INPUT.TEXT, data: text });
     }
     addUserMessage(message) {
-        this.webchatRef.current.addUserMessage(message);
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.addUserMessage(message);
     }
     addUserText(text) {
         this.addUserMessage({ type: INPUT.TEXT, data: text });
@@ -170,42 +186,56 @@ export class WebchatApp {
         this.addUserMessage({ type: INPUT.POSTBACK, payload });
     }
     setTyping(typing) {
-        this.webchatRef.current.setTyping(typing);
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.setTyping(typing);
     }
     open() {
-        this.webchatRef.current.openWebchat();
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.openWebchat();
     }
     close() {
-        this.webchatRef.current.closeWebchat();
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.closeWebchat();
     }
-    closeWebview() {
+    closeWebview(options) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.webchatRef.current.closeWebview();
+            yield ((_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.closeWebview(options));
         });
     }
+    // TODO: Remove this function because we have open and close functions
     toggle() {
-        this.webchatRef.current.toggleWebchat();
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.toggleWebchat();
     }
     openCoverComponent() {
-        this.webchatRef.current.openCoverComponent();
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.openCoverComponent();
     }
     closeCoverComponent() {
-        this.webchatRef.current.closeCoverComponent();
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.closeCoverComponent();
     }
     renderCustomComponent(_customComponent) {
-        this.webchatRef.current.renderCustomComponent(_customComponent);
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.renderCustomComponent(_customComponent);
     }
     unmountCustomComponent() {
-        this.webchatRef.current.unmountCustomComponent();
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.unmountCustomComponent();
     }
+    // TODO: Remove this function because we have openCoverComponent and closeCoverComponent functions
     toggleCoverComponent() {
-        this.webchatRef.current.toggleCoverComponent();
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.toggleCoverComponent();
     }
     getMessages() {
-        return this.webchatRef.current.getMessages();
+        var _a;
+        return (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.getMessages();
     }
     clearMessages() {
-        this.webchatRef.current.clearMessages();
+        var _a;
+        (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.clearMessages();
     }
     getVisibility() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -216,13 +246,16 @@ export class WebchatApp {
         });
     }
     getLastMessageUpdate() {
-        return this.webchatRef.current.getLastMessageUpdate();
+        var _a;
+        return (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.getLastMessageUpdate();
     }
     updateMessageInfo(msgId, messageInfo) {
-        return this.webchatRef.current.updateMessageInfo(msgId, messageInfo);
+        var _a;
+        return (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.updateMessageInfo(msgId, messageInfo);
     }
     updateWebchatSettings(settings) {
-        return this.webchatRef.current.updateWebchatSettings(settings);
+        var _a;
+        return (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.updateWebchatSettings(settings);
     }
     // eslint-disable-next-line complexity
     getComponent(host, optionsAtRuntime = {}) {
@@ -250,7 +283,9 @@ export class WebchatApp {
         this.appId = appId || this.appId;
         this.hostId = hostId || this.hostId;
         this.createRootElement(host);
-        return (_jsx(Webchat, Object.assign({}, webchatOptions, { ref: this.webchatRef, host: this.host, shadowDOM: this.shadowDOM, theme: theme, persistentMenu: persistentMenu, coverComponent: coverComponent, blockInputs: blockInputs, enableEmojiPicker: enableEmojiPicker, enableAttachments: enableAttachments, enableUserInput: enableUserInput, enableAnimations: enableAnimations, storage: this.storage, storageKey: this.storageKey, defaultDelay: defaultDelay, defaultTyping: defaultTyping, onInit: (...args) => this.onInitWebchat(...args), onOpen: (...args) => this.onOpenWebchat(...args), onClose: (...args) => this.onCloseWebchat(...args), onUserInput: (...args) => this.onUserInput(...args), onStateChange: webchatState => this.onStateChange(webchatState), onTrackEvent: (...args) => this.onTrackEvent(...args), server: server })));
+        return (_jsx(Webchat, Object.assign({}, webchatOptions, { ref: this.webchatRef, 
+            // @ts-ignore
+            host: this.host, shadowDOM: this.shadowDOM, theme: theme, persistentMenu: persistentMenu, coverComponent: coverComponent, blockInputs: blockInputs, enableEmojiPicker: enableEmojiPicker, enableAttachments: enableAttachments, enableUserInput: enableUserInput, enableAnimations: enableAnimations, storage: this.storage, storageKey: this.storageKey, defaultDelay: defaultDelay, defaultTyping: defaultTyping, onInit: (...args) => this.onInitWebchat(...args), onOpen: (...args) => this.onOpenWebchat(...args), onClose: (...args) => this.onCloseWebchat(...args), onUserInput: (...args) => this.onUserInput(...args), onStateChange: webchatState => this.onStateChange(webchatState), onTrackEvent: (request, eventName, args) => this.onTrackEvent && this.onTrackEvent(request, eventName, args), server: server })));
     }
     isWebchatVisible({ appId }) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -266,10 +301,13 @@ export class WebchatApp {
         });
     }
     isOnline() {
-        return this.webchatRef.current.isOnline();
+        var _a;
+        return (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.isOnline();
     }
     resolveWebchatVisibility(optionsAtRuntime) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!optionsAtRuntime)
+                return true; // If optionsAtRuntime is not provided, always render the webchat
             let { appId, visibility } = optionsAtRuntime;
             visibility = visibility || this.visibility;
             if (visibility === undefined || visibility === true)
@@ -289,7 +327,7 @@ export class WebchatApp {
         if (this.storage)
             this.storage.removeItem(this.storageKey);
     }
-    render(dest, optionsAtRuntime = {}) {
+    render(dest, optionsAtRuntime = undefined) {
         return __awaiter(this, void 0, void 0, function* () {
             onDOMLoaded(() => __awaiter(this, void 0, void 0, function* () {
                 const isVisible = yield this.resolveWebchatVisibility(optionsAtRuntime);

package/lib/esm/webchat-app.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.31.0-alpha.2",
+  "version": "0.31.0-alpha.3",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -20,7 +20,7 @@
     "lint_core": "../../node_modules/.bin/eslint_d --cache --quiet '.*.js' '*.js' 'src/**/*.js*' --fix"
   },
   "dependencies": {
-    "@botonic/core": "^0.30.0",
+    "@botonic/core": "0.31.0-alpha.0",
     "axios": "^1.7.2",
     "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",
@@ -39,6 +39,7 @@
     "@babel/preset-react": "^7.25.9",
     "@testing-library/react": "^16.0.1",
     "@types/jest": "^29.5.14",
+    "@types/lodash.merge": "^4.6.9",
     "@types/parse5": "^7.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",

package/src/components/element.jsx

@@ -3,6 +3,7 @@ import styled from 'styled-components'
 
 import { COLORS, WEBCHAT } from '../constants'
 import { renderComponent } from '../util/react'
+import { Button } from './button'
 
 const ElementContainer = styled.div`
   display: flex;
@@ -38,21 +39,13 @@ Element.serialize = elementProps => {
     ...elementProps.children
       .filter(c => {
         if (c instanceof Array) return true
-        return c && c.type && c.type.name == 'Button'
+        return c?.type?.name === Button.name
       })
       .map(b => {
         if (b instanceof Array) {
-          return b.map(
-            bb =>
-              bb &&
-              bb.type &&
-              bb.type.serialize &&
-              bb.type.serialize(bb.props).button
-          )
+          b.map(bb => bb?.type?.serialize?.(bb.props)?.button)
         }
-        return (
-          b && b.type && b.type.serialize && b.type.serialize(b.props).button
-        )
+        return b?.type?.serialize(b.props).button
       }),
   ]
   // When we have the buttons from backend, we have all buttons inside an array on the first position

package/src/components/index-types.ts

@@ -104,6 +104,7 @@ export interface BlobProps {
 }
 
 export interface ThemeProps extends StyleProp {
+  coverComponent?: CoverComponentOptions
   mobileBreakpoint?: number
   mobileStyle?: any
   webview?: StyleProp & { header?: StyleProp }
@@ -113,10 +114,13 @@ export interface ThemeProps extends StyleProp {
   header?: { title?: string; subtitle?: string } & ImageProp &
     StyleProp &
     CustomProp
+  // TODO: Review if this is needed hear, or only in message.customTypes? use the same type in both places
+  customMessageTypes?: React.ComponentType[]
   message?: {
     bot?: BlobProps & ImageProp & StyleProp
     agent?: ImageProp
     user?: BlobProps & StyleProp
+    // TODO: Review type used in cutomTypes should be a component exported by default with customMessage function
     customTypes?: React.ComponentType[]
   } & StyleProp & {
       timestamps?: {

package/src/components/multichannel/multichannel-button.jsx

@@ -5,7 +5,7 @@ import { RequestContext } from '../../contexts'
 import { truncateText } from '../../util'
 import { Button } from '../button'
 import { MultichannelContext } from './multichannel-context'
-import { WHATSAPP_MAX_BUTTON_CHARS } from './multichannel-utils'
+import { WHATSAPP_MAX_BUTTON_CHARS } from './whatsapp/constants'
 
 export const MultichannelButton = props => {
   const requestContext = useContext(RequestContext)

package/src/components/multichannel/multichannel-carousel.jsx

@@ -7,7 +7,9 @@ import { MultichannelText } from './multichannel-text'
 import {
   getFilteredElements,
   isMultichannelButton,
-  isNodeKind,
+  isNodePic,
+  isNodeSubtitle,
+  isNodeTitle,
 } from './multichannel-utils'
 
 export const MultichannelCarousel = props => {
@@ -26,17 +28,17 @@ export const MultichannelCarousel = props => {
         const buttons = []
 
         for (const node of element) {
-          if (isNodeKind(node, 'Pic')) {
+          if (isNodePic(node)) {
             imageProps = node.props
           }
-          if (isNodeKind(node, 'Title')) {
+          if (isNodeTitle(node)) {
             title = node.props.children
           }
-          if (isNodeKind(node, 'Subtitle')) {
+          if (isNodeSubtitle(node)) {
             subtitle = node.props.children
           }
 
-          if (isNodeKind(node, 'MultichannelButton')) {
+          if (isMultichannelButton(node)) {
             buttons.push(node)
           }
           //TODO support fragment containing an array

package/src/components/multichannel/multichannel-text.jsx

@@ -9,18 +9,20 @@ import { MultichannelButton } from './multichannel-button'
 import { MultichannelContext } from './multichannel-context'
 import {
   buttonTypes,
-  DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR,
   elementHasPostback,
   elementHasUrl,
   elementHasWebview,
   getButtonType,
   getMultichannelButtons,
   getMultichannelReplies,
+} from './multichannel-utils'
+import {
+  DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR,
   MENU_BUTTON_WHATSAPP_BUTTON_LIST,
   MULTICHANNEL_WHATSAPP_PROPS,
   WHATSAPP_LIST_MAX_BUTTONS,
   WHATSAPP_MAX_BUTTONS,
-} from './multichannel-utils'
+} from './whatsapp/constants'
 import { convertToMarkdownMeta } from './whatsapp/markdown-meta'
 
 export const MultichannelText = props => {

package/src/components/multichannel/multichannel-utils.js

@@ -1,45 +1,63 @@
-/**
- *
- * Whatsapp does not support Markdown
- * (its markup syntax is different)
- */
-export const MULTICHANNEL_WHATSAPP_PROPS = { markdown: false }
-
-export const WHATSAPP_MAX_BUTTONS = 3
-export const WHATSAPP_LIST_MAX_BUTTONS = 10
-export const WHATSAPP_MAX_BUTTON_CHARS = 20
-export const WHATSAPP_MAX_HEADER_CHARS = 60
-export const WHATSAPP_MAX_BODY_CHARS = 1024
-export const WHATSAPP_MAX_FOOTER_CHARS = 60
-export const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:'
-export const MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options'
+import { Button } from '../button'
+import { Carousel } from '../carousel'
+import { Pic } from '../pic'
+import { Reply } from '../reply'
+import { Subtitle } from '../subtitle'
+import { Text } from '../text'
+import { Title } from '../title'
+import { MultichannelButton } from './multichannel-button'
+import { MultichannelReply } from './multichannel-reply'
+
+function isNodeKind(node, kind) {
+  return node?.type?.name === kind
+}
 
 export function isMultichannelButton(node) {
-  return isNodeKind(node, 'MultichannelButton')
+  return isNodeKind(node, MultichannelButton.name)
 }
 
 export function isMultichannelReply(node) {
-  return isNodeKind(node, 'MultichannelReply')
+  return isNodeKind(node, MultichannelReply.name)
+}
+
+export function isNodeText(node) {
+  return isNodeKind(node, Text.name)
+}
+
+export function isNodeButton(node) {
+  return isNodeKind(node, Button.name)
+}
+
+export function isNodeCarousel(node) {
+  return isNodeKind(node, Carousel.name)
 }
 
-export function isButton(node) {
-  return isNodeKind(node, 'Button')
+export function isNodeReply(node) {
+  return isNodeKind(node, Reply.name)
 }
 
-export function isNodeKind(node, kind) {
-  return node.type && node.type.name == kind
+export function isNodePic(node) {
+  return isNodeKind(node, Pic.name)
 }
+
+export function isNodeTitle(node) {
+  return isNodeKind(node, Title.name)
+}
+
+export function isNodeSubtitle(node) {
+  return isNodeKind(node, Subtitle.name)
+}
+
 export function elementHasUrl(element) {
-  return element.props && element.props.url
+  return element?.props?.url
 }
+
 export function elementHasPostback(element) {
-  return (
-    (element.props && element.props.payload) ||
-    (element.props && element.props.path)
-  )
+  return element?.props?.payload || element?.props?.path
 }
+
 export function elementHasWebview(element) {
-  return element.props && element.props.webview
+  return element?.props?.webview
 }
 
 export const buttonTypes = {