is it possible to dynamically inject custom css variables or json config into the genesys cloud web messaging sdk at runtime without redeploying the widget?
i am running k6 load tests against our custom landing page to simulate 500 concurrent users initializing the messenger. the goal is to a/b test ui latency with different launcher positions and color schemes. currently, i am fetching the widget config from our backend api and trying to override the default genesys-cloud-web-messaging configuration object before the sdk initializes.
here is the relevant part of my test script:
import http from 'k6/http';
import { check, sleep } from 'k6';
export let options = {
scenarios: {
load_test: {
executor: 'constant-vus',
vus: 100,
duration: '30s',
},
},
};
export default function () {
// fetch dynamic theme config
let config_res = http.get('https://api.oursite.com/v1/widget-config', {
headers: { 'Content-Type': 'application/json' },
});
let theme_data = JSON.parse(config_res.body);
// attempt to override sdk config
let sdk_config = {
organizationId: 'my-org-id',
deploymentId: 'my-deployment-id',
theme: {
colors: {
primary: theme_data.primaryColor,
secondary: theme_data.secondaryColor,
},
launcher: {
position: theme_data.launcherPosition,
},
},
};
// simulate sdk init
// window.GenesysCloudWebMessaging.init(sdk_config);
check(config_res, {
'status is 200': (r) => r.status === 200,
});
}
the issue is that the sdk seems to ignore the theme object if it is not defined statically in the window.GenesysCloudWebMessaging global before the script tag loads. hardcoding the values works, but i need this to be dynamic per user session for the load test scenarios.
is there a supported api endpoint or sdk method like updateTheme() or setConfig() that allows post-initialization updates? or am i forced to manipulate the dom directly? the current approach results in a flash of unstyled content (fouc) which skews our performance metrics. any code examples on how to properly inject these styles via the rest api or sdk would be appreciated.