blsmedia/bot
2
0
Fork 0
Code Activity

docs: 📝 Explain how to pass parent URL

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-05-31 09:59:34 +02:00
parent 797ff1892d
commit 61e4ca1313
7 changed files with 229 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/typebot-js/src/embedTypes/chat/button.ts
View File

@ -4,16 +4,21 @@ export const createButton = (params?: ButtonParams): HTMLButtonElement => {
const button = document.createElement('button')
button.id = 'typebot-bubble-button'
button.style.backgroundColor = params?.color ?? '#0042DA'
button.appendChild(createButtonIcon(params?.iconUrl, params?.iconStyle))
button.appendChild(createCloseIcon(params?.closeIconColor))
button.appendChild(
createButtonIcon(params?.iconUrl, params?.iconColor, params?.iconStyle)
)
button.appendChild(
createCloseIcon(params?.iconColor ?? params?.closeIconColor)
)
return button
}
const createButtonIcon = (
src?: string,
iconColor?: string,
style?: string
): SVGElement | HTMLElement => {
if (!src) return createDefaultIcon()
if (!src) return createDefaultIcon(iconColor)
const icon = document.createElement('img')
icon.classList.add('icon')
icon.src = src
@ -21,20 +26,21 @@ const createButtonIcon = (
return icon
}
const createDefaultIcon = (): SVGElement => {
const createDefaultIcon = (iconColor?: string): SVGElement => {
const icon = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
icon.setAttribute('viewBox', '0 0 24 24')
icon.innerHTML = typebotLogoSvgTextContent()
icon.classList.add('icon')
icon.style.stroke = iconColor ?? '#ffffff'
return icon
}
const createCloseIcon = (closeIconColor?: string): SVGElement => {
const createCloseIcon = (iconColor?: string): SVGElement => {
const icon = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
icon.setAttribute('viewBox', '0 0 24 24')
icon.innerHTML = closeSvgPath
icon.classList.add('close-icon')
icon.style.stroke = closeIconColor ?? '#ffffff'
icon.style.stroke = iconColor ?? '#ffffff'
return icon
}

1
packages/typebot-js/src/types.ts
View File

@ -30,6 +30,7 @@ export type ButtonParams = {
color?: string
iconUrl?: string
iconStyle?: string
iconColor?: string
closeIconColor?: string
}