@botonic/react 0.23.3 → 0.24.0-alpha.0

package/src/webchat/message-list.jsx

@@ -1,77 +0,0 @@
-import React, { useContext } from 'react'
-import Fade from 'react-reveal/Fade'
-import styled from 'styled-components'
-
-import { ROLES, WEBCHAT } from '../constants'
-import { WebchatContext } from '../contexts'
-import { resolveImage } from '../util/environment'
-import { ConditionalWrapper } from '../util/react'
-import { StyledScrollbar } from './components/styled-scrollbar'
-
-const StyledMessages = styled.div`
-  display: flex;
-  overflow-x: hidden;
-  flex-direction: column;
-  flex: none;
-  white-space: pre;
-  word-wrap: break-word;
-`
-
-const DefaultIntroImage = styled.img`
-  max-height: 50%;
-  width: 100%;
-`
-
-export const WebchatMessageList = props => {
-  const { webchatState, getThemeProperty } = useContext(WebchatContext)
-  const animationsEnabled = getThemeProperty(
-    WEBCHAT.CUSTOM_PROPERTIES.enableAnimations,
-    true
-  )
-  const CustomIntro = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customIntro)
-  const introImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introImage)
-  const introStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introStyle)
-
-  const scrollbarOptions = {
-    ...{ enable: true, autoHide: true },
-    ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollbar),
-  }
-
-  const DefaultIntro = introImage && (
-    <DefaultIntroImage
-      style={{
-        ...introStyle,
-      }}
-      src={resolveImage(introImage)}
-    />
-  )
-
-  return (
-    <StyledScrollbar
-      role={ROLES.MESSAGE_LIST}
-      // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
-      id='botonic-scrollable-content'
-      scrollbar={scrollbarOptions}
-      autoHide={scrollbarOptions.autoHide}
-      ismessagescontainer='true'
-      style={{
-        ...props.style,
-      }}
-    >
-      {(CustomIntro || DefaultIntro) && (
-        <ConditionalWrapper
-          condition={animationsEnabled}
-          wrapper={children => <Fade>{children}</Fade>}
-        >
-          {CustomIntro ? <CustomIntro /> : DefaultIntro}
-        </ConditionalWrapper>
-      )}
-      {webchatState.messagesComponents.map((e, i) => (
-        <StyledMessages role={ROLES.MESSAGE} key={i}>
-          {e}
-        </StyledMessages>
-      ))}
-      {props.children}
-    </StyledScrollbar>
-  )
-}