@botonic/react 0.22.0-beta.4 → 0.22.1

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.4",
+  "version": "0.22.1",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -35,7 +35,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@botonic/core": "0.22.0-alpha.2",
+    "@botonic/core": "^0.22.0",
     "axios": "^1.4.0",
     "emoji-picker-react": "^4.4.9",
     "framer-motion": "^3.1.1",
@@ -43,8 +43,8 @@
     "lodash.merge": "^4.6.2",
     "markdown-it": "^12.0.6",
     "qrcode.react": "^1.0.1",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
     "react-frame-component": "^4.1.3",
     "react-json-tree": "^0.15.0",
     "react-reveal": "^1.2.2",
@@ -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

@@ -22,5 +22,7 @@ export { WebchatSettings } from './webchat-settings'
 export {
   WhatsappButtonList,
   WhatsappButtonListProps,
+  WhatsappButtonListRowProps,
+  WhatsappButtonListSectionProps,
 } from './whatsapp-button-list'
 export { WhatsappTemplate } from './whatsapp-template'

package/src/components/message.jsx

@@ -85,12 +85,8 @@ 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(),
   })
@@ -114,11 +110,8 @@ 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,11 +194,8 @@ 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

@@ -6,34 +6,26 @@ import { Message } from './message'
 
 // TODO: Add validation in component
 
-interface Action {
-  button: string
-  sections: Section[]
-}
-
-interface Section {
+export interface WhatsappButtonListSectionProps {
   title?: string
-  rows: Row[]
+  rows: WhatsappButtonListRowProps[]
 }
 
-interface Row {
+export interface WhatsappButtonListRowProps {
   id: string
   title: string
   description: string
 }
 
-interface TextMessage {
-  text: string
-}
-
 export interface WhatsappButtonListProps {
   header?: string
-  body: TextMessage
-  footer?: TextMessage
-  action: Action
+  body: string
+  footer?: string
+  button: string
+  sections: WhatsappButtonListSectionProps[]
 }
 
-const serialize = _whatsappTemplateProps => {
+const serialize = _whatsappButtonListProps => {
   // TODO: Implement to have data persistance in localStorage, not needed for this WhatsApp development
   return {}
 }

package/src/util/webchat.js

@@ -10,21 +10,20 @@ 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()