@botonic/react 0.22.0-beta.3 → 0.22.0

package/lib/esm/webview-app.js

@@ -82,7 +82,7 @@ class App extends React.Component {
             params: this.state.params || {},
             closeWebview: this.close.bind(this),
         };
-        return (_jsx(RequestContext.Provider, Object.assign({ value: requestContext }, { children: this.props.webviews.map((Webview, i) => (_jsx(Route, { path: `/${Webview.name}`, component: Webview }, i))) })));
+        return (_jsx(RequestContext.Provider, { value: requestContext, children: this.props.webviews.map((Webview, i) => (_jsx(Route, { path: `/${Webview.name}`, component: Webview }, i))) }));
     }
 }
 export class WebviewApp {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.22.0-beta.3",
+  "version": "0.22.0",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -35,7 +35,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@botonic/core": "^0.22.0-beta.3",
+    "@botonic/core": "^0.22.0",
     "axios": "^1.4.0",
     "emoji-picker-react": "^4.4.9",
     "framer-motion": "^3.1.1",
@@ -70,13 +70,13 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^29.5.1",
     "@types/parse5": "^7.0.0",
-    "@types/react": "17.0.27",
+    "@types/react": "16.14.43",
     "babel-plugin-add-module-exports": "^1.0.4",
     "copyfiles": "^2.4.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
-    "react-test-renderer": "^17.0.0",
+    "react-test-renderer": "^16.14.0",
     "ts-jest": "^29.1.0",
     "typescript": "^5.0.4"
   },

package/src/components/index.ts

@@ -19,4 +19,8 @@ export { Text } from './text'
 export { Title } from './title'
 export { Video } from './video'
 export { WebchatSettings } from './webchat-settings'
+export {
+  WhatsappButtonList,
+  WhatsappButtonListProps,
+} from './whatsapp-button-list'
 export { WhatsappTemplate } from './whatsapp-template'

package/src/components/message.jsx

@@ -85,8 +85,12 @@ export const Message = props => {
   const isFromUser = from === SENDERS.user
   const isFromBot = from === SENDERS.bot
   const markdown = props.markdown
-  const { webchatState, addMessage, updateReplies, getThemeProperty } =
-    useContext(WebchatContext)
+  const {
+    webchatState,
+    addMessage,
+    updateReplies,
+    getThemeProperty,
+  } = useContext(WebchatContext)
   const [state, setState] = useState({
     id: props.id || uuidv4(),
   })
@@ -110,8 +114,11 @@ export const Message = props => {
       typeof e === 'string' ? renderLinks(e) : e
     )
 
-  const { timestampsEnabled, getFormattedTimestamp, timestampStyle } =
-    resolveMessageTimestamps(getThemeProperty, enabletimestamps)
+  const {
+    timestampsEnabled,
+    getFormattedTimestamp,
+    timestampStyle,
+  } = resolveMessageTimestamps(getThemeProperty, enabletimestamps)
 
   const getEnvAck = () => {
     if (isDev) return 1

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

@@ -194,8 +194,11 @@ export const MultichannelText = props => {
   if (isFacebook(requestContext)) {
     const text = getText(props.children)
     const multichannelFacebook = new MultichannelFacebook()
-    const { texts, propsLastText, propsWithoutChildren } =
-      multichannelFacebook.convertText(props, text[0])
+    const {
+      texts,
+      propsLastText,
+      propsWithoutChildren,
+    } = multichannelFacebook.convertText(props, text[0])
     return (
       <>
         {texts &&

package/src/components/whatsapp-button-list.tsx

@@ -0,0 +1,66 @@
+import { INPUT } from '@botonic/core'
+import React from 'react'
+
+import { renderComponent } from '../util/react'
+import { Message } from './message'
+
+// TODO: Add validation in component
+
+interface Action {
+  button: string
+  sections: WhatsappButtonListSectionProps[]
+}
+
+export interface WhatsappButtonListSectionProps {
+  title?: string
+  rows: WhatsappButtonListRowProps[]
+}
+
+export interface WhatsappButtonListRowProps {
+  id: string
+  title: string
+  description: string
+}
+
+export interface WhatsappButtonListProps {
+  header?: string
+  body: string
+  footer?: string
+  action: Action
+}
+
+const serialize = _whatsappButtonListProps => {
+  // TODO: Implement to have data persistance in localStorage, not needed for this WhatsApp development
+  return {}
+}
+
+export const WhatsappButtonList = (props: WhatsappButtonListProps) => {
+  const renderBrowser = () => {
+    // Return a dummy message for browser
+    const message = `${JSON.stringify(props)}`
+    return (
+      <Message
+        json={serialize(message)}
+        {...props}
+        type={INPUT.WHATSAPP_BUTTON_LIST}
+      >
+        {message}
+      </Message>
+    )
+  }
+
+  const renderNode = () => {
+    return (
+      // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
+      <message
+        {...props}
+        header={{ text: props.header }}
+        body={{ text: props.body }}
+        footer={{ text: props.footer }}
+        type={INPUT.WHATSAPP_BUTTON_LIST}
+      />
+    )
+  }
+
+  return renderComponent({ renderBrowser, renderNode })
+}

package/src/util/webchat.js

@@ -10,20 +10,21 @@ import { getProperty } from './objects'
  * It gives preference to nested defined properties (e.g.: header.style) over plain properties (e.g.: headerStyle).
  * If property doesn't exist, returns the defaultValue.
  */
-export const _getThemeProperty =
-  theme =>
-  (property, defaultValue = undefined) => {
-    for (const [k, v] of Object.entries(WEBCHAT.CUSTOM_PROPERTIES)) {
-      if (v == property) {
-        const nestedProperty = getProperty(theme, v)
-        if (nestedProperty !== undefined) return nestedProperty
-        const plainProperty = getProperty(theme, k)
-        if (plainProperty !== undefined) return plainProperty
-        return defaultValue
-      }
+export const _getThemeProperty = theme => (
+  property,
+  defaultValue = undefined
+) => {
+  for (const [k, v] of Object.entries(WEBCHAT.CUSTOM_PROPERTIES)) {
+    if (v == property) {
+      const nestedProperty = getProperty(theme, v)
+      if (nestedProperty !== undefined) return nestedProperty
+      const plainProperty = getProperty(theme, k)
+      if (plainProperty !== undefined) return plainProperty
+      return defaultValue
     }
-    return undefined
   }
+  return undefined
+}
 
 export const createUser = () => {
   const parser = new UAParser()