blsmedia/bot
2
0
Fork 0
Code Activity

fix(lib): 💄 Proactive message close icon

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-05-18 11:52:56 -07:00
parent 0beb2e6619
commit ac278b9916
4 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/typebot-js/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "typebot-js", "name": "typebot-js",
"version": "2.2.6", "version": "2.2.7",
"main": "dist/index.js", "main": "dist/index.js",
"unpkg": "dist/index.umd.min.js", "unpkg": "dist/index.umd.min.js",
"license": "AGPL-3.0-or-later", "license": "AGPL-3.0-or-later",

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

@ -5,7 +5,7 @@ export const createButton = (params?: ButtonParams): HTMLButtonElement => {
button.id = 'typebot-bubble-button' button.id = 'typebot-bubble-button'
button.style.backgroundColor = params?.color ?? '#0042DA' button.style.backgroundColor = params?.color ?? '#0042DA'
button.appendChild(createButtonIcon(params?.iconUrl, params?.iconStyle)) button.appendChild(createButtonIcon(params?.iconUrl, params?.iconStyle))
button.appendChild(createCloseIcon()) button.appendChild(createCloseIcon(params?.closeIconColor))
return button return button
} }
@ -29,11 +29,12 @@ const createDefaultIcon = (): SVGElement => {
return icon return icon
} }
const createCloseIcon = (): SVGElement => { const createCloseIcon = (closeIconColor?: string): SVGElement => {
const icon = document.createElementNS('http://www.w3.org/2000/svg', 'svg') const icon = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
icon.setAttribute('viewBox', '0 0 24 24') icon.setAttribute('viewBox', '0 0 24 24')
icon.innerHTML = closeSvgPath icon.innerHTML = closeSvgPath
icon.classList.add('close-icon') icon.classList.add('close-icon')
icon.style.stroke = closeIconColor ?? '#ffffff'
return icon return icon
} }

2
packages/typebot-js/src/embedTypes/chat/proactiveMessage.ts
View File

@ -39,7 +39,7 @@ const createTextElement = (text: string): HTMLParagraphElement => {
const createCloseButton = (bubble: HTMLDivElement): HTMLButtonElement => { const createCloseButton = (bubble: HTMLDivElement): HTMLButtonElement => {
const button = document.createElement('button') const button = document.createElement('button')
button.classList.add('close-button') button.classList.add('close-button')
button.innerHTML = `<svg viewBox="0 0 512 512">${closeSvgPath}</svg>` button.innerHTML = `<svg viewBox="0 0 24 24" style="stroke:black; stroke-width:2px; margin:4px">${closeSvgPath}</svg>`
button.addEventListener('click', (e) => onCloseButtonClick(e, bubble)) button.addEventListener('click', (e) => onCloseButtonClick(e, bubble))
return button return button
} }

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

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