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

package/index.esm.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } 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 : {};
 
@@ -1642,7 +1642,8 @@ const GenieChatProvider = ({
   runtimeSettings,
   lang: _lang = 'en',
   theme: _theme = 'light',
-  env: _env = 'nvp1'
+  env: _env = 'nvp1',
+  runtimeErrorComponent
 }) => {
   const [workspace, setWorkspace] = React.useState(null);
   const workspaceName = useMemo(() => {
@@ -1653,14 +1654,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 +1668,42 @@ const GenieChatProvider = ({
       themeMode: _theme
     };
   }, [_theme]);
+  if (!runtimeSettings) {
+    return null;
+  }
+  if (runtimeError) {
+    return runtimeErrorComponent !== null && runtimeErrorComponent !== void 0 ? runtimeErrorComponent : jsxs("div", {
+      style: {
+        color: 'red',
+        padding: '1rem',
+        width: '100%',
+        height: '100%',
+        textAlign: 'center',
+        maxWidth: '25rem'
+      },
+      children: [jsx("p", {
+        children: jsx("b", {
+          children: "Error loading chat runtime"
+        })
+      }), jsx("p", {
+        children: "Try again later"
+      })]
+    });
+  }
   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.2",
   "author": "kaltura",
   "license": "AGPL-3.0",
   "repository": {

package/src/lib/genie-chat-provider.d.ts

@@ -5,5 +5,6 @@ export type GenieChatProviderProps = {
     lang?: string;
     theme?: 'light' | 'dark' | object;
     runtimeSettings?: Omit<ChatRuntimeSettings, 'schemaVersion'>;
+    runtimeErrorComponent?: React.ReactNode;
 };
 export declare const GenieChatProvider: React.FC<React.PropsWithChildren<GenieChatProviderProps>>;