@botonic/react 0.31.0-alpha.4 → 0.31.0-alpha.5

package/lib/esm/webchat-app.js

@@ -25,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;
@@ -100,9 +100,19 @@ export class WebchatApp {
     }
     onUserInput({ user, input }) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (!user)
+                return;
             this.onMessage &&
                 this.onMessage(this, Object.assign(Object.assign({}, input), { sentBy: SENDERS.user, isUnread: false }));
-            return this.hubtypeService.postMessage(user, input);
+            this.hubtypeService.postMessage(user, Object.assign({}, input));
+            return;
+        });
+    }
+    onTrackEventWebchat(request, eventName, args) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.onTrackEvent) {
+                yield this.onTrackEvent(request, eventName, args);
+            }
         });
     }
     onConnectionRegained() {
@@ -110,7 +120,8 @@ export class WebchatApp {
             return this.hubtypeService.onConnectionRegained();
         });
     }
-    onStateChange({ session: { user }, messagesJSON }) {
+    onStateChange(args) {
+        const { user, messagesJSON } = args;
         const lastMessage = messagesJSON[messagesJSON.length - 1];
         const lastMessageId = lastMessage && lastMessage.id;
         const lastMessageUpdateDate = this.getLastMessageUpdate();
@@ -118,7 +129,7 @@ export class WebchatApp {
             this.hubtypeService.lastMessageId = lastMessageId;
             this.hubtypeService.lastMessageUpdateDate = lastMessageUpdateDate;
         }
-        if (!this.hubtypeService && user) {
+        if (!this.hubtypeService) {
             this.hubtypeService = new HubtypeService({
                 appId: this.appId,
                 user,
@@ -134,21 +145,25 @@ export class WebchatApp {
         }
     }
     onServiceEvent(event) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (event.action === 'connectionChange') {
             this.onConnectionChange && this.onConnectionChange(this, event.online);
             (_a = this.webchatRef.current) === null || _a === void 0 ? void 0 : _a.setOnline(event.online);
         }
-        else if (event.action === 'update_message_info') {
+        else if (event.action === 'update_message_info' && ((_b = event.message) === null || _b === void 0 ? void 0 : _b.id)) {
             this.updateMessageInfo(event.message.id, event.message);
         }
-        else if (((_b = event.message) === null || _b === void 0 ? void 0 : _b.type) === 'update_webchat_settings') {
+        else if (((_c = event.message) === null || _c === void 0 ? void 0 : _c.type) === 'update_webchat_settings') {
             this.updateWebchatSettings(event.message.data);
         }
-        else if (((_c = event.message) === null || _c === void 0 ? void 0 : _c.type) === 'sender_action') {
+        else if (((_d = event.message) === null || _d === void 0 ? void 0 : _d.type) === 'sender_action') {
             this.setTyping(event.message.data === Typing.On);
         }
         else {
+            // TODO: onMessage function should receive a WebchatMessage
+            // and message.type is typed as enum of INPUT
+            // INPUT not contain 'update_webchat_settings' or 'sender_action'
+            // so we need to cast it to unknown to avoid type error
             this.onMessage &&
                 this.onMessage(this, Object.assign({ sentBy: SENDERS.bot }, event.message));
             this.addBotMessage(event.message);
@@ -166,8 +181,7 @@ export class WebchatApp {
         delete message.sent_by;
         const response = msgToBotonic(message, 
         // TODO: Review if is neded allow declar customTypes inside 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) || []);
+        ((_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,
         });
@@ -283,9 +297,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, 
-            // @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 })));
+        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: (args) => {
+                this.onStateChange(args);
+            }, onTrackEvent: (request, eventName, args) => this.onTrackEventWebchat(request, eventName, args), server: server })));
     }
     isWebchatVisible(appId) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -339,7 +353,7 @@ export class WebchatApp {
                 if (isVisible) {
                     const webchatComponent = this.getComponent(dest, optionsAtRuntime);
                     const container = this.getReactMountNode(dest);
-                    this.reactRoot = createRoot(container); // createRoot(container!) if you use TypeScript
+                    this.reactRoot = createRoot(container);
                     this.reactRoot.render(webchatComponent);
                 }
             }));

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

@@ -1 +1 @@
-{"version":3,"file":"webchat-app.js","sourceRoot":"","sources":["../../src/webchat-app.tsx"],"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.4",
+  "version": "0.31.0-alpha.5",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -44,6 +44,7 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/styled-components": "^5.1.34",
+    "@types/ua-parser-js": "^0.7.39",
     "@types/uuid": "^10.0.0",
     "babel-plugin-add-module-exports": "^1.0.4",
     "copyfiles": "^2.4.1",

package/src/components/{audio.jsx → audio.tsx}

@@ -1,23 +1,29 @@
 import { INPUT, isBrowser } from '@botonic/core'
 import React from 'react'
+import styled from 'styled-components'
 
 import { ROLES } from '../constants'
 import { staticAsset } from '../util/environment'
+import { AudioProps } from './index-types'
 import { Message } from './message'
 
-const serialize = audioProps => {
+const StyledAudio = styled.audio`
+  max-width: 100%;
+`
+
+const serialize = (audioProps: { src: string }) => {
   return { audio: audioProps.src }
 }
 
-export const Audio = props => {
+export const Audio = (props: AudioProps) => {
   props = { ...props, src: staticAsset(props.src) }
   let content = props.children
   if (isBrowser())
     content = (
-      <audio style={{ maxWidth: '100%' }} id='myAudio' controls>
+      <StyledAudio id='myAudio' controls>
         <source src={props.src} type='audio/mpeg' />
         Your browser does not support this audio format.
-      </audio>
+      </StyledAudio>
     )
   return (
     <Message

package/src/components/button.tsx

@@ -3,10 +3,10 @@ import React, { useContext, useState } from 'react'
 import styled from 'styled-components'
 
 import { COLORS, WEBCHAT } from '../constants'
-import { WebchatContext } from '../contexts'
 import { resolveImage } from '../util/environment'
 import { renderComponent } from '../util/react'
 import { generateWebviewUrlWithParams } from '../util/webviews'
+import { WebchatContext } from '../webchat/context'
 import { ButtonsDisabler } from './buttons-disabler'
 import { ButtonProps } from './index-types'
 
@@ -46,7 +46,6 @@ export const Button = (props: ButtonProps) => {
     updateMessage,
   } = useContext(WebchatContext)
   const [hover, setHover] = useState(false)
-  const { theme } = webchatState
   const { autoDisable, disabledStyle } = ButtonsDisabler.resolveDisabling(
     webchatState.theme,
     props
@@ -170,7 +169,6 @@ export const Button = (props: ButtonProps) => {
     return (
       <StyledButton
         className={getClassName()}
-        theme={theme}
         onMouseEnter={() => setHover(true)}
         onMouseLeave={() => setHover(false)}
         onClick={e => handleClick(e)}

package/src/components/carousel.jsx

@@ -5,8 +5,8 @@ import styled from 'styled-components'
 import LeftArrow from '../assets/leftArrow.svg'
 import RightArrow from '../assets/rightArrow.svg'
 import { COLORS, WEBCHAT } from '../constants'
-import { WebchatContext } from '../contexts'
 import { resolveImage } from '../util/environment'
+import { WebchatContext } from '../webchat/context'
 import { ButtonsDisabler } from './buttons-disabler'
 import { Message } from './message'
 

package/src/components/{custom-message.jsx → custom-message.tsx}

@@ -6,22 +6,31 @@ import { SENDERS } from '../index-types'
 import { createErrorBoundary } from '../util/error-boundary'
 import { warnDeprecatedProps } from '../util/logs'
 import { mapObjectNonBooleanValues } from '../util/react'
+import { CustomMessageType } from './index-types'
 import { Message } from './message'
 import { Reply } from './reply'
 
 /**
  *
- * @param name as it appears at ThemeProps' message.customTypes key
- * @param CustomMessageComponent
- * @param defaultProps Props for the wrapper Message
- * @param ErrorBoundary to recover in case it fails
+ *  name: as it appears at ThemeProps' message.customTypes key
+ *  CustomMessageComponent
+ *  defaultProps: Props for the wrapper Message
+ *  ErrorBoundary: to recover in case it fails
  */
+
+export interface CustomMessageArgs {
+  name: string
+  component: React.ComponentType
+  defaultProps?: Record<string, any>
+  errorBoundary?: any
+}
+
 export const customMessage = ({
   name,
   component: CustomMessageComponent,
   defaultProps = {},
-  errorBoundary: ErrorBoundary = createErrorBoundary(),
-}) => {
+  errorBoundary = createErrorBoundary(),
+}: CustomMessageArgs): CustomMessageType => {
   const CustomMessage = props => {
     warnDeprecatedProps(defaultProps, 'customMessage:')
     if (defaultProps.sentBy === SENDERS.user) {
@@ -57,6 +66,9 @@ export const customMessage = ({
   const WrappedComponent = props => {
     const { id, children, ...customMessageProps } = props
     const { replies, childrenWithoutReplies } = splitChildren(props)
+
+    const ErrorBoundary = errorBoundary
+
     return (
       <CustomMessage
         id={id}
@@ -80,7 +92,7 @@ export const customMessage = ({
   }
   WrappedComponent.customTypeName = name
   // eslint-disable-next-line react/display-name
-  WrappedComponent.deserialize = msg => (
+  WrappedComponent.deserialize = (msg: any) => (
     <WrappedComponent
       id={msg.id}
       key={msg.key}

package/src/components/{document.jsx → document.tsx}

@@ -3,8 +3,9 @@ import React, { useContext } from 'react'
 import styled from 'styled-components'
 
 import { ROLES, WEBCHAT } from '../constants'
-import { WebchatContext } from '../contexts'
 import { staticAsset } from '../util/environment'
+import { WebchatContext } from '../webchat/context'
+import { DocumentProps } from './index-types'
 import { Message } from './message'
 
 const StyledButton = styled.a`
@@ -25,12 +26,13 @@ const StyledButton = styled.a`
   }
 `
 
-const serialize = documentProps => {
+const serialize = (documentProps: { src: string }) => {
   return { document: documentProps.src }
 }
 
-export const Document = props => {
+export const Document = (props: DocumentProps) => {
   props = { ...props, src: staticAsset(props.src) }
+
   let content = props.children
 
   const { getThemeProperty } = useContext(WebchatContext)

package/src/components/handoff.jsx

@@ -2,7 +2,7 @@ import React, { useContext, useState } from 'react'
 import styled from 'styled-components'
 
 import { COLORS } from '../constants'
-import { WebchatContext } from '../contexts'
+import { WebchatContext } from '../webchat/context'
 
 const Container = styled.div`
   display: flex;

package/src/components/{image.jsx → image.tsx}

@@ -3,11 +3,16 @@ import React, { useContext, useState } from 'react'
 import styled from 'styled-components'
 
 import { ROLES, WEBCHAT } from '../constants'
-import { WebchatContext } from '../contexts'
 import { staticAsset } from '../util/environment'
+import { WebchatContext } from '../webchat/context'
+import { ImageProps } from './index-types'
 import { Message } from './message'
 
-const StyledImage = styled.img`
+interface StyledImageProps {
+  hasPreviewer: boolean
+}
+
+const StyledImage = styled.img<StyledImageProps>`
   border-radius: 8px;
   max-width: 150px;
   max-height: 150px;
@@ -15,14 +20,15 @@ const StyledImage = styled.img`
   cursor: ${({ hasPreviewer }) => (hasPreviewer ? 'pointer' : 'auto')};
 `
 
-const serialize = imageProps => {
+const serialize = (imageProps: { src: string }) => {
   return { image: imageProps.src }
 }
 
-export const Image = props => {
+export const Image = (props: ImageProps) => {
   props = props.input?.data
     ? { ...props, src: props.input.data }
     : { ...props, src: staticAsset(props.src) }
+
   let content = props.children
 
   const [isPreviewerOpened, setIsPreviewerOpened] = useState(false)

package/src/components/index-types.ts

@@ -16,7 +16,7 @@ export type MessageType =
 
 export interface MessageProps {
   blob?: boolean
-  children: React.ReactNode
+  children?: React.ReactNode
   delay?: number
   enabletimestamps?: boolean
   sentBy?: SENDERS
@@ -64,7 +64,26 @@ export interface PicProps {
   src: string
 }
 
-export type ImageProps = PicProps
+export interface ImageProps extends MessageProps {
+  src: string
+  input?: { data: string }
+}
+
+export interface VideoProps extends MessageProps {
+  src: string
+  input?: { data: string }
+}
+
+export interface AudioProps extends MessageProps {
+  src: string
+  input?: { data: string }
+}
+
+export interface DocumentProps extends MessageProps {
+  src: string
+  input?: { data: string }
+  from?: any
+}
 
 export interface TitleProps {
   children: React.ReactNode
@@ -103,6 +122,12 @@ export interface BlobProps {
   imageStyle?: any
 }
 
+export interface CustomMessageType {
+  (props: any): JSX.Element
+  customTypeName: string
+  deserialize(msg: any): JSX.Element
+}
+
 export interface ThemeProps extends StyleProp {
   coverComponent?: CoverComponentOptions
   mobileBreakpoint?: number
@@ -115,13 +140,13 @@ export interface ThemeProps extends StyleProp {
     StyleProp &
     CustomProp
   // TODO: Review if this is needed hear, or only in message.customTypes? use the same type in both places
-  customMessageTypes?: React.ComponentType[]
+  customMessageTypes?: CustomMessageType[]
   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[]
+    customTypes?: CustomMessageType[]
   } & StyleProp & {
       timestamps?: {
         withImage?: boolean

package/src/components/message/index.jsx

@@ -3,11 +3,12 @@ import React, { useContext, useEffect, useState } from 'react'
 import { v7 as uuidv7 } from 'uuid'
 
 import { COLORS, WEBCHAT } from '../../constants'
-import { RequestContext, WebchatContext } from '../../contexts'
+import { RequestContext } from '../../contexts'
 import { SENDERS } from '../../index-types'
 import { Fade } from '../../shared/styles'
 import { isDev } from '../../util/environment'
 import { ConditionalWrapper, renderComponent } from '../../util/react'
+import { WebchatContext } from '../../webchat/context'
 import { Button } from '../button'
 import { ButtonsDisabler } from '../buttons-disabler'
 import { getMarkdownStyle, renderLinks, renderMarkdown } from '../markdown'

package/src/components/message/message-feedback.tsx

@@ -3,9 +3,9 @@ import { v7 as uuidv7 } from 'uuid'
 
 import ThumbsDown from '../../assets/thumbs-down.svg'
 import ThumbsUp from '../../assets/thumbs-up.svg'
-import { WebchatContext } from '../../contexts'
 import { ActionRequest } from '../../index-types'
 import { resolveImage } from '../../util'
+import { WebchatContext } from '../../webchat/context'
 import { EventAction, FeedbackOption } from '../../webchat/tracking'
 import { FeedbackButton, FeedbackMessageContainer } from './styles'
 

package/src/components/message/message-footer.tsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react'
 
-import { WebchatContext } from '../../contexts'
 import { SENDERS } from '../../index-types'
+import { WebchatContext } from '../../webchat/context'
 import { MessageFeedback } from './message-feedback'
 import { MessageFooterContainer } from './styles'
 import { MessageTimestamp, resolveMessageTimestamps } from './timestamps'

package/src/components/message/message-image.tsx

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react'
 
 import { WEBCHAT } from '../../constants'
-import { WebchatContext } from '../../contexts'
 import { SENDERS } from '../../index-types'
 import { resolveImage } from '../../util/environment'
+import { WebchatContext } from '../../webchat/context'
 import { BotMessageImageContainer } from './styles'
 
 interface MessageImageProps {

package/src/components/message/timestamps.tsx

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react'
 
 import { WEBCHAT } from '../../constants'
-import { WebchatContext } from '../../contexts'
 import { SENDERS } from '../../index-types'
 import { resolveImage } from '../../util'
+import { WebchatContext } from '../../webchat/context'
 import { TimestampContainer, TimestampText } from './styles'
 
 export const resolveMessageTimestamps = (

package/src/components/{reply.jsx → reply.tsx}

@@ -2,8 +2,9 @@ import React, { useContext } from 'react'
 import styled from 'styled-components'
 
 import { COLORS, WEBCHAT } from '../constants'
-import { WebchatContext } from '../contexts'
 import { renderComponent } from '../util/react'
+import { WebchatContext } from '../webchat/context'
+import { ReplyProps } from './index-types'
 
 const StyledButton = styled.button`
   width: 100%;
@@ -14,9 +15,10 @@ const StyledButton = styled.button`
   outline: 0;
 `
 
-export const Reply = props => {
+export const Reply = (props: ReplyProps) => {
   const { sendText, getThemeProperty } = useContext(WebchatContext)
-  const handleClick = event => {
+
+  const handleClick = (event: any) => {
     event.preventDefault()
     if (props.children) {
       let payload = props.payload
@@ -59,15 +61,19 @@ export const Reply = props => {
   const renderNode = () => {
     if (props.path) {
       const payload = `__PATH_PAYLOAD__${props.path}`
+      // @ts-ignore
+      // eslint-disable-next-line react/no-unknown-property
       return <reply payload={payload}>{props.children}</reply>
     }
+    // @ts-ignore
+    // eslint-disable-next-line react/no-unknown-property
     return <reply payload={props.payload}>{props.children}</reply>
   }
 
   return renderComponent({ renderBrowser, renderNode })
 }
 
-Reply.serialize = replyProps => {
+Reply.serialize = (replyProps: ReplyProps) => {
   let payload = replyProps.payload
   if (replyProps.path) payload = `__PATH_PAYLOAD__${replyProps.path}`
   return { reply: { title: replyProps.children, payload } }

package/src/components/{video.jsx → video.tsx}

@@ -4,6 +4,7 @@ import styled from 'styled-components'
 
 import { COLORS, ROLES } from '../constants'
 import { staticAsset } from '../util/environment'
+import { VideoProps } from './index-types'
 import { Message } from './message'
 
 const StyledVideo = styled.video`
@@ -14,11 +15,11 @@ const StyledVideo = styled.video`
   margin: 10px;
 `
 
-const serialize = videoProps => {
+const serialize = (videoProps: { src: string }) => {
   return { video: videoProps.src }
 }
 
-export const Video = props => {
+export const Video = (props: VideoProps) => {
   props = { ...props, src: staticAsset(props.src) }
   let content = props.children
   if (isBrowser())

package/src/components/webchat-settings.tsx

@@ -1,10 +1,10 @@
 import { INPUT } from '@botonic/core'
 import React, { useContext } from 'react'
 
-import { WebchatContext } from '../contexts'
 import { renderComponent } from '../util/react'
 import { stringifyWithRegexs } from '../util/regexs'
-import { WebchatSettingsProps } from '.'
+import { WebchatContext } from '../webchat/context'
+import { WebchatSettingsProps } from './index-types'
 
 export const WebchatSettings = ({
   theme,