blsmedia/bot
2
0
Fork 0
Code Activity

fix(engine): 📦️ Compatible with iPhone 6

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-05-30 11:02:43 +02:00
parent d6b5568e03
commit 92cd56e5d0
6 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/bot-engine/package.json
View File

@ -14,6 +14,7 @@
"react-phone-number-input": "^3.1.52",
"react-scroll": "^1.8.7",
"react-transition-group": "^4.4.2",
"resize-observer": "^1.0.4",
"utils": "*"
},
"devDependencies": {

1
packages/bot-engine/src/components/ChatBlock/AvatarSideContainer.tsx
View File

@ -9,6 +9,7 @@ import React, {
import { Avatar } from '../avatars/Avatar'
import { useFrame } from 'react-frame-component'
import { CSSTransition } from 'react-transition-group'
import { ResizeObserver } from 'resize-observer'
type Props = { hostAvatarSrc?: string; keepShowing: boolean }

6
packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/TextBubble.tsx
View File

@ -48,9 +48,9 @@ export const TextBubble = ({ step, onTransitionEnd }: Props) => {
return (
<div className="flex flex-col" ref={messageContainer}>
<div className="flex mb-2 w-full items-center">
<div className={'flex relative z-10 items-start typebot-host-bubble'}>
<div className={'flex relative items-start typebot-host-bubble'}>
<div
className="flex items-center absolute px-4 py-2 rounded-lg bubble-typing z-10 "
className="flex items-center absolute px-4 py-2 rounded-lg bubble-typing "
style={{
width: isTyping ? '4rem' : '100%',
height: isTyping ? '2rem' : '100%',
@ -65,7 +65,7 @@ export const TextBubble = ({ step, onTransitionEnd }: Props) => {
textOverflow: 'ellipsis',
}}
className={
'overflow-hidden content-opacity z-50 mx-4 my-2 whitespace-pre-wrap slate-html-container ' +
'overflow-hidden content-opacity mx-4 my-2 whitespace-pre-wrap slate-html-container relative ' +
(isTyping ? 'opacity-0 h-6' : 'opacity-100 h-full')
}
dangerouslySetInnerHTML={{