renderers setting is not truly optional in renderChat #193
Description
When testing version 25.3.0 of tock-react-kit on https://github.com/theopenconversationkit/tock-bot-demo, I get this error:
tock-react-kit-standalone.umd.js:523 TypeError: Cannot read properties of undefined (reading 'messageRenderers')
at ca (tock-react-kit-standalone.umd.js:514:985)
at ho (tock-react-kit-stand…ne.umd.js:523:60266)
at Cu (tock-react-kit-stand…ne.umd.js:523:74304)
at kl (tock-react-kit-stand…e.umd.js:523:120062)
at bs (tock-react-kit-stand…e.umd.js:523:108451)
at ms (tock-react-kit-stand…e.umd.js:523:108379)
at hs (tock-react-kit-stand…e.umd.js:523:108242)
at rs (tock-react-kit-stand…e.umd.js:523:105077)
at os (tock-react-kit-stand…e.umd.js:523:105459)
at ja (tock-react-kit-stand…ne.umd.js:523:46646)
Here is the failing HTML code:
<!DOCTYPE html>
<html>
<head>
<title>Tock Bot</title>
<meta charset="UTF-8"/>
<!-- Tock Widget -->
<script src="https://unpkg.com/[email protected]/build/tock-react-kit-standalone.umd.js"></script>
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" />
</head>
<body>
<div id="app"></div>
<script>
//render the widget
TockReact.renderChat(
document.getElementById('app'),
//Set your web connector url here
'http://localhost:8080/io/app/new_assistant/web',
//Set referralParameter
'',
//options: https://github.com/theopenconversationkit/tock-react-kit/blob/master/src/styles/theme.ts#L13
{
palette: {
background: {
bot: '#0A2342',
card: '#FFFDF7',
},
},
sizing: {
borderRadius: '1em',
},
typography: {
fontFamily: 'Montserrat, Arial, Helvetica, sans-serif',
fontSize: '16px',
},
overrides: {
chat: `background-image: radial-gradient(circle 79vh at bottom center, #84BC9C, #2CA58D);`,
quickReply: `background: #F46197; color: #FFFDF7; border-color: #FFFDF7;`,
card: `& button { background: #F46197; color: #FFFDF7; border-color: #FFFDF7; }`,
}
}
);
</script>
</body>
</html>