Here is an example of using the srms-form-renderer in a plain html page:
<html>
<head>
<link href="https://developer.temenos.com/uux/base.css" rel="stylesheet" />
<script src="https://developer.temenos.com/uux/unified-ux-web.min.js"></script>
</head>
<body>
<uwc-srms-form-renderer id="swaggerScreen"></uwc-srms-form-renderer>
<script>
//call this function from where you want to render the component. Eg., On click of a menu or button
function renderSrmsForm(swaggerScreenId) {
let swaggerScreen = document.getElementById("swaggerScreen");
swaggerScreen.setSwaggerConfig(
"http://localhost:8989/api/v1.0.0/order/serviceRequests/schema?requestType=chequebook&versionId=1.0.0",
"createServiceRequestTypeRecord", "http://localhost:8989/api/v1.0.0/");
swaggerScreen.httpOperationsContextParam = { requestType: 'chequebook', versionId: '1.0.0' };
swaggerScreen.jwtToken = "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOiJob2xkaW5ncyIsImlzcyI6Imh0dHBzOi8vbG9jYWxob3N0Ojk0NDMvb2F1dGgyL3Rva2VuIiwic3ViIjoiMTAwMTEwIiwicm9sZUlkIjoiQmFsYW5jZVZpZXdlciIsImlhdCI6MTU4OTU5MzE0MCwiZXhwIjozNjIxMTI5MTQyfQ.GH-kKhKZtYUHL5BT_SLhUkk-MqvqwKbC5csakuIllpFlVkfN-s5BQke0U2ycGiVz7LqduJY3UL29YVqLPo03UHxl85TaadxsYUnGAcsVLWZUXTBNzzZ0pmgVh4zFmH1xBydwH2eeqUb9gtvuUo7mC8oymSNdOBtS21S3en5m0jjBbG0BOxmFjbZoLYDT2gLgZF3H59knyfKFmXrFnZLMPr7YazuxtddQS5H1EfGxFiv4DkW5u69Crvv175IJmvlkYhKAfIaWl1jYQ3NS_ZIKElJVO_n7Cb9mUcTXDChV8_WDtoyAzRK7fIUQSpll4UbOcpluMCNu0J4F82ctIdjgKA";
swaggerScreen.setConfirmationPageConfig(
"http://localhost:8989/api/v1.0.0/order/serviceRequests/schema?requestType=chequebook&versionId=1.0.0&srid={serviceRequestId}&screenId=confirmPage",
"updateServiceRequestTypeRecord");
swaggerScreen.addEventListener("stateChanged", (evt) => {
console.log("state changed to: " + evt.detail.type);
});
};
</script>
</body>
</html>
This is not a primitive component and wouldn't work without an API server and so demos not available