@kaltura-apps/genie-chat-react 1.3.0 → 1.3.1

package/index.esm.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useMemo, useContext } from 'react';
-import { UnisphereProvider, ScopedUnisphereWorkspaceProvider, ScopedUnisphereWorkspaceContext, UnisphereRuntimeVisual } from '@unisphere/runtime-react';
+import { UnisphereProvider, ScopedUnisphereWorkspaceProvider, UnisphereRuntimeLoader, ScopedUnisphereWorkspaceContext, UnisphereRuntimeVisual } from '@unisphere/runtime-react';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1653,14 +1653,10 @@ const GenieChatProvider = ({
       appId: appId,
       workspaceName: workspaceName,
       appVersion: '0.0.0',
-      serverUrl: `https://unisphere.${_env}.ovp.kaltura.com/v1`,
-      runtimes: [{
-        widgetName: 'unisphere.widget.genie',
-        runtimeName: 'chat',
-        settings: runtimeSettings
-      }]
+      serverUrl: `https://unisphere.${_env}.ovp.kaltura.com/v1`
     };
-  }, [_env, runtimeSettings, workspaceName]);
+  }, [_env, workspaceName]);
+  const [runtimeError, setRuntimeError] = React.useState(null);
   const themeProps = useMemo(() => {
     if (typeof _theme === 'object') {
       return {
@@ -1671,14 +1667,42 @@ const GenieChatProvider = ({
       themeMode: _theme
     };
   }, [_theme]);
+  if (!runtimeSettings) {
+    return null;
+  }
+  if (runtimeError) {
+    return jsx("div", {
+      style: {
+        color: 'red',
+        padding: '1rem',
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textAlign: 'center'
+      },
+      children: jsxs("span", {
+        children: [jsx("b", {
+          children: "Error loading chat runtime:"
+        }), " ", runtimeError.message]
+      })
+    });
+  }
   return jsx(UnisphereProvider, Object.assign({}, themeProps, {
     language: _lang,
     initialConfiguration: initialConfiguration,
     onWorkspaceLoaded: setWorkspace,
-    children: workspace && jsx(ScopedUnisphereWorkspaceProvider, {
+    children: workspace && jsxs(ScopedUnisphereWorkspaceProvider, {
       unisphereWorkspace: workspace,
       runtimeLogger: workspace.getLogger(appId),
-      children: children
+      children: [jsx(UnisphereRuntimeLoader, {
+        runtimeName: "chat",
+        widgetName: "unisphere.widget.genie",
+        runtimeSettings: runtimeSettings,
+        workspaceName: workspace.getWorkspaceName(),
+        onRuntimeError: setRuntimeError
+      }), children]
     })
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaltura-apps/genie-chat-react",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "author": "kaltura",
   "license": "AGPL-3.0",
   "repository": {