@websolutespa/bom-llm 2.0.1 → 2.0.3

package/dist/umd/index.js

@@ -19902,7 +19902,8 @@
       embedded,
       portal,
       send,
-      setEmbed
+      setEmbed,
+      setCurrentContext
     } = _ref;
     const props = {
       opened: opened != null ? opened : embedded != null || threadId != null ? true : false,
@@ -20065,12 +20066,20 @@
               }
             });
           },
-          open: () => {
+          open: openingContext => {
             setIdleTimeout();
             set(state => {
               const opened = !state.opened;
+              if (opened) {
+                state.openingContext = openingContext;
+                setCurrentContext(openingContext ? {
+                  context: openingContext,
+                  title: 'opening-context'
+                } : undefined);
+              }
               pushDataLayer({
-                event: opened ? 'llm_open' : 'llm_close'
+                event: opened ? state.openingContext ? 'llm_open_context' : 'llm_open' : 'llm_close',
+                ...(state.openingContext || {})
               });
               persistMinimized(false);
               return {
@@ -20085,11 +20094,19 @@
             } = get();
             return opened;
           },
-          setOpened: opened => {
+          setOpened: (opened, openingContext) => {
             setIdleTimeout();
             set(state => {
+              if (opened) {
+                state.openingContext = openingContext;
+                setCurrentContext(openingContext ? {
+                  context: openingContext,
+                  title: 'opening-context'
+                } : undefined);
+              }
               pushDataLayer({
-                event: opened ? 'llm_open' : 'llm_close'
+                event: opened ? state.openingContext ? 'llm_open_context' : 'llm_open' : 'llm_close',
+                ...(state.openingContext || {})
               });
               return {
                 opened
@@ -20156,14 +20173,16 @@
     } = _ref2;
     const {
       send,
-      setEmbed
+      setEmbed,
+      setCurrentContext
     } = useLlm(state => state.actions);
     const storeRef = reactExports.useRef();
     if (!storeRef.current) {
       storeRef.current = createLlmViewStore({
         ...props,
         send,
-        setEmbed
+        setEmbed,
+        setCurrentContext
       });
     }
     return storeRef.current && /*#__PURE__*/jsxRuntimeExports.jsx(LlmViewContext.Provider, {
@@ -32785,11 +32804,19 @@ void main(void) {
     });
   };
 
+  const IntroContext = () => {
+    const {
+      Intro
+    } = useLlm(state => state.components);
+    return /*#__PURE__*/jsxRuntimeExports.jsx(Intro, {});
+  };
+
   const Main = () => {
     const {
       Canvas,
       Header,
       Intro,
+      IntroContext,
       Prompt,
       Scroller,
       ScrollProposition,
@@ -32798,6 +32825,7 @@ void main(void) {
     const app = useLlm(state => state.app);
     const theme = useLlm(state => state.theme);
     const messages = useLlm(state => state.messages);
+    const openingContext = useLlmView(state => state.openingContext);
     const introed = useLlmView(state => state.introed);
     const visible = useLlmView(state => state.visible);
     const embedded = useLlmView(state => state.embedded);
@@ -32881,7 +32909,7 @@ void main(void) {
           initial: "hidden",
           animate: "show",
           className: "llm__content",
-          children: [/*#__PURE__*/jsxRuntimeExports.jsx(Intro, {}), messages && messages.length > 0 && /*#__PURE__*/jsxRuntimeExports.jsx(Thread, {})]
+          children: [openingContext ? /*#__PURE__*/jsxRuntimeExports.jsx(IntroContext, {}) : /*#__PURE__*/jsxRuntimeExports.jsx(Intro, {}), messages && messages.length > 0 && /*#__PURE__*/jsxRuntimeExports.jsx(Thread, {})]
         })
       }), shouldShowPrompt && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
         children: [app && !theme.canvas?.enabled && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
@@ -42176,6 +42204,7 @@ void main(void) {
   const Suggestions = () => {
     useWindowSize();
     const app = useLlm(state => state.app);
+    const openingContext = useLlmView(state => state.openingContext);
     const {
       send
     } = useLlmView(state => state.actions);
@@ -42186,6 +42215,9 @@ void main(void) {
         // console.log('Suggestions.onEnd', response);
       });
     };
+    if (openingContext) {
+      return;
+    }
     const sampleInputTexts = app?.contents.sampleInputTexts;
     return /*#__PURE__*/jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
       children: sampleInputTexts && sampleInputTexts.length > 0 && /*#__PURE__*/jsxRuntimeExports.jsx("section", {
@@ -42380,6 +42412,7 @@ void main(void) {
     Header,
     Hints,
     Intro,
+    IntroContext,
     Main,
     PageActions,
     PageContext,
@@ -45665,7 +45698,7 @@ ${Object.entries(vars).map(_ref2 => {
             currentContext,
             systemContext: {
               ...systemContext,
-              ...currentContext.context
+              ...currentContext?.context
             }
           }));
         },
@@ -46044,17 +46077,17 @@ ${Object.entries(vars).map(_ref2 => {
     const embedded = useLlmView(state => state.embedded);
     const imperative = useLlmView(state => state.imperative);
     const instance = reactExports.useMemo(() => ({
-      open: () => {
-        open();
+      open: openingContext => {
+        open(openingContext);
       },
       isOpened: () => {
         return isOpened();
       },
-      setOpened: opened => {
-        setOpened(opened);
+      setOpened: (opened, openingContext) => {
+        setOpened(opened, openingContext);
       },
-      send: message => {
-        setOpened(true);
+      send: (message, openingContext) => {
+        setOpened(true, openingContext);
         send(message);
       },
       clear: () => {
@@ -46480,7 +46513,7 @@ ${Object.entries(vars).map(_ref2 => {
     const defaultEndpoint = typeof props.test !== 'undefined' ? 'https://bom-sample-basic-web-git-bom-llm-actarian.vercel.app' : 'https://platform.websolute.ai';
     const endpoint = props.endpoint || defaultEndpoint;
     const layout = {
-      labels: getLabels(data.locale, defaultLabels, props.labels),
+      labels: getLabels(data.locale, defaultLabels, props.pluginLabels, props.labels),
       locale: data.locale,
       locales: [{
         id: data.locale,
@@ -46551,12 +46584,16 @@ ${Object.entries(vars).map(_ref2 => {
       })
     });
   };
-  function getLabels(locale, defaultLabels, extendedLabels) {
-    if (extendedLabels === void 0) {
-      extendedLabels = [];
+  function getLabels(locale, defaultLabels, pluginLabels, externalLabels) {
+    if (pluginLabels === void 0) {
+      pluginLabels = [];
+    }
+    if (externalLabels === void 0) {
+      externalLabels = [];
     }
-    const labels = [...defaultLabels.filter(x => extendedLabels.findIndex(e => e.id === x.id) === -1), ...extendedLabels];
-    return labels.map(x => {
+    const labels = [...defaultLabels.filter(x => pluginLabels.findIndex(e => e.id === x.id) === -1), ...pluginLabels];
+    const finalLabels = [...labels.filter(x => externalLabels.findIndex(e => e.id === x.id) === -1), ...externalLabels];
+    return finalLabels.map(x => {
       const localizedItem = localizeItem(x, locale, 'en');
       return {
         id: localizedItem.id,
@@ -46705,7 +46742,7 @@ ${Object.entries(vars).map(_ref2 => {
     return element != null && typeof element[Symbol.iterator] === 'function';
   }
 
-  function getInitializer(globalName, plugins) {
+  function getInitializer(globalName, plugins, pluginLabels) {
     if (globalName === void 0) {
       globalName = 'bomLlm';
     }
@@ -46718,23 +46755,24 @@ ${Object.entries(vars).map(_ref2 => {
         return;
       }
       props.plugins = [...(props.plugins || []), ...(plugins || [])];
+      props.pluginLabels = pluginLabels;
       const id = toKebabCase(globalName);
       const node = document.createElement('div');
       node.setAttribute('id', id);
       body.appendChild(node);
       const initError = 'llm plugin is not initialized';
       const llmInstance = {
-        open: () => {
+        open: openingContext => {
           console.log(initError);
         },
-        setOpened: opened => {
+        setOpened: (opened, openingContext) => {
           console.log(initError);
         },
         isOpened: () => {
           console.log(initError);
           return false;
         },
-        send: message => {
+        send: (message, openingContext) => {
           console.log(initError);
         },
         clear: () => {