feat(react): coverComponentProps

hubtype · Sep 29, 2020 · 18419c5 · 18419c5
1 parent 4da5529
commit 18419c5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 deletions.
diff --git a/packages/botonic-react/src/constants.js b/packages/botonic-react/src/constants.js
@@ -102,7 +102,8 @@ export const WEBCHAT = {
     blockInputs: 'userInput.blockInputs',
     scrollbar: 'scrollbar',
     markdownStyle: 'markdownStyle',
-    coverComponent: 'coverComponent',
+    coverComponent: 'coverComponent.component',
+    coverComponentProps: 'coverComponent.props',
     mobileBreakpoint: 'mobileBreakpoint',
     mobileStyle: 'mobileStyle',
     enableCarouselArrows: 'carousel.enableArrows',

diff --git a/packages/botonic-react/src/webchat/webchat.jsx b/packages/botonic-react/src/webchat/webchat.jsx
@@ -411,10 +411,14 @@ export const Webchat = forwardRef((props, ref) => {
     )
   }
 
-  const CoverComponent = getThemeProperty(
-    'coverComponent',
-    props.coverComponent
-  )
+  const getCoverComponent = () => {
+    return getThemeProperty(
+      WEBCHAT.CUSTOM_PROPERTIES.coverComponent,
+      props.coverComponent &&
+        (props.coverComponent.component || props.coverComponent)
+    )
+  }
+  const CoverComponent = getCoverComponent()
 
   const closeCoverComponent = () => {
     toggleCoverComponent(false)
@@ -430,8 +434,18 @@ export const Webchat = forwardRef((props, ref) => {
   }, [])
 
   const coverComponent = () => {
+    const coverComponentProps = getThemeProperty(
+      WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps,
+      props.coverComponent && props.coverComponent.props
+    )
+
     if (CoverComponent && webchatState.isCoverComponentOpen)
-      return <CoverComponent closeComponent={closeCoverComponent} />
+      return (
+        <CoverComponent
+          closeComponent={closeCoverComponent}
+          {...coverComponentProps}
+        />
+      )
     return null
   }