@websolutespa/bom-llm 2.0.1 → 2.0.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @websolutespa/bom-llm
 
+## 2.0.2
+
+### Patch Changes
+
+- Added: openingContext & IntroContext
+- 71f0616: Added: pluginLabels
+
 ## 2.0.1
 
 ### Patch Changes

package/dist/esm/index.js

@@ -20059,12 +20059,16 @@ const createLlmViewStore = _ref => {
             }
           });
         },
-        open: () => {
+        open: openingContext => {
           setIdleTimeout();
           set(state => {
             const opened = !state.opened;
+            if (opened) {
+              state.openingContext = openingContext;
+            }
             pushDataLayer({
-              event: opened ? 'llm_open' : 'llm_close'
+              event: opened ? state.openingContext ? 'llm_open_context' : 'llm_open' : 'llm_close',
+              ...(state.openingContext || {})
             });
             persistMinimized(false);
             return {
@@ -20079,11 +20083,15 @@ const createLlmViewStore = _ref => {
           } = get();
           return opened;
         },
-        setOpened: opened => {
+        setOpened: (opened, openingContext) => {
           setIdleTimeout();
           set(state => {
+            if (opened) {
+              state.openingContext = openingContext;
+            }
             pushDataLayer({
-              event: opened ? 'llm_open' : 'llm_close'
+              event: opened ? state.openingContext ? 'llm_open_context' : 'llm_open' : 'llm_close',
+              ...(state.openingContext || {})
             });
             return {
               opened
@@ -32779,11 +32787,19 @@ const Intro = () => {
   });
 };
 
+const IntroContext = () => {
+  const {
+    Intro
+  } = useLlm(state => state.components);
+  return /*#__PURE__*/jsxRuntimeExports.jsx(Intro, {});
+};
+
 const Main = () => {
   const {
     Canvas,
     Header,
     Intro,
+    IntroContext,
     Prompt,
     Scroller,
     ScrollProposition,
@@ -32792,6 +32808,7 @@ const Main = () => {
   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);
@@ -32875,7 +32892,7 @@ const Main = () => {
         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", {
@@ -42170,6 +42187,7 @@ const Stream = _ref => {
 const Suggestions = () => {
   useWindowSize();
   const app = useLlm(state => state.app);
+  const openingContext = useLlmView(state => state.openingContext);
   const {
     send
   } = useLlmView(state => state.actions);
@@ -42180,6 +42198,9 @@ const Suggestions = () => {
       // 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", {
@@ -42374,6 +42395,7 @@ const LLM_COMPONENTS = {
   Header,
   Hints,
   Intro,
+  IntroContext,
   Main,
   PageActions,
   PageContext,
@@ -46038,17 +46060,17 @@ const LlmComponent = /*#__PURE__*/reactExports.forwardRef((props, ref) => {
   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: () => {
@@ -46474,7 +46496,7 @@ const App = _ref => {
   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,
@@ -46545,12 +46567,16 @@ const App = _ref => {
     })
   });
 };
-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,
@@ -46699,7 +46725,7 @@ function isIterable(element) {
   return element != null && typeof element[Symbol.iterator] === 'function';
 }
 
-function getInitializer(globalName, plugins) {
+function getInitializer(globalName, plugins, pluginLabels) {
   if (globalName === void 0) {
     globalName = 'bomLlm';
   }
@@ -46712,23 +46738,24 @@ function getInitializer(globalName, plugins) {
       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: () => {