Looking for advice on configuring the Genesys Cloud Web Messaging deployment to override default UI elements. We are moving away from the standard purple theme to match our corporate branding, and I need to shift the launcher button to the top-right corner of the viewport.
I have initialized the genesys-cloud-messaging SDK in our React frontend. I am passing a configuration object during the init call, but the visual changes are not persisting after the widget loads. Here is the snippet I am using:
const config = {
orgId: 'my-org-id',
siteName: 'support',
theme: {
colors: {
primary: '#003366',
secondary: '#FFFFFF'
}
},
launcher: {
position: 'top-right',
verticalOffset: 20
}
};
await gcMessaging.init(config);
The console shows no errors, and the connection establishes successfully. However, the launcher remains bottom-left and the colors default to the platform standard. I checked the Network tab and see the initial handshake returning a 200 OK, but the subsequent config fetch seems to ignore my inline overrides.
Is the theme and launcher object structure correct for the current SDK version, or do I need to use a separate setConfig method post-initialization? I am struggling to find documentation on the exact schema for the config payload beyond the basic auth parameters.