@websolutespa/bom-mixer-llm 2.0.1 → 2.0.2

package/CHANGELOG.md

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

package/dist/cjs/index.js

@@ -384,13 +384,16 @@ const createLlmViewStore = _ref => {
             }
           });
         }),
-        open: () => {
+        open: openingContext => {
           setIdleTimeout();
           set(state => {
             const opened = !state.opened;
-            pushDataLayer({
-              event: opened ? 'llm_open' : 'llm_close'
-            });
+            if (opened) {
+              state.openingContext = openingContext;
+            }
+            pushDataLayer(Object.assign({
+              event: opened ? state.openingContext ? 'llm_open_context' : 'llm_open' : 'llm_close'
+            }, state.openingContext || {}));
             persistMinimized(false);
             return {
               opened,
@@ -404,12 +407,15 @@ const createLlmViewStore = _ref => {
           } = get();
           return opened;
         },
-        setOpened: opened => {
+        setOpened: (opened, openingContext) => {
           setIdleTimeout();
           set(state => {
-            pushDataLayer({
-              event: opened ? 'llm_open' : 'llm_close'
-            });
+            if (opened) {
+              state.openingContext = openingContext;
+            }
+            pushDataLayer(Object.assign({
+              event: opened ? state.openingContext ? 'llm_open_context' : 'llm_open' : 'llm_close'
+            }, state.openingContext || {}));
             return {
               opened
             };
@@ -3475,12 +3481,20 @@ const Intro = () => {
   });
 };
 
+const IntroContext = () => {
+  const {
+    Intro
+  } = useLlm(state => state.components);
+  return jsxRuntime.jsx(Intro, {});
+};
+
 const Main = () => {
   var _a;
   const {
     Canvas,
     Header,
     Intro,
+    IntroContext,
     Prompt,
     Scroller,
     ScrollProposition,
@@ -3489,6 +3503,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);
@@ -3572,7 +3587,7 @@ const Main = () => {
         initial: "hidden",
         animate: "show",
         className: "llm__content",
-        children: [jsxRuntime.jsx(Intro, {}), messages && messages.length > 0 && jsxRuntime.jsx(Thread, {})]
+        children: [openingContext ? jsxRuntime.jsx(IntroContext, {}) : jsxRuntime.jsx(Intro, {}), messages && messages.length > 0 && jsxRuntime.jsx(Thread, {})]
       })
     }), shouldShowPrompt && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [app && !((_a = theme.canvas) === null || _a === void 0 ? void 0 : _a.enabled) && jsxRuntime.jsx("div", {
@@ -5087,6 +5102,7 @@ const Stream = _ref => {
 const Suggestions = () => {
   bomMixerHooks.useWindowSize();
   const app = useLlm(state => state.app);
+  const openingContext = useLlmView(state => state.openingContext);
   const {
     send
   } = useLlmView(state => state.actions);
@@ -5097,6 +5113,9 @@ const Suggestions = () => {
       // console.log('Suggestions.onEnd', response);
     });
   });
+  if (openingContext) {
+    return;
+  }
   const sampleInputTexts = app === null || app === void 0 ? void 0 : app.contents.sampleInputTexts;
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: sampleInputTexts && sampleInputTexts.length > 0 && jsxRuntime.jsx("section", {
@@ -5269,6 +5288,7 @@ const LLM_COMPONENTS = {
   Header,
   Hints,
   Intro,
+  IntroContext,
   Main,
   PageActions,
   PageContext,
@@ -8962,17 +8982,17 @@ const LlmComponent = /*#__PURE__*/React.forwardRef((props, ref) => {
   const embedded = useLlmView(state => state.embedded);
   const imperative = useLlmView(state => state.imperative);
   const instance = React.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: () => {
@@ -9392,7 +9412,7 @@ const App = _a => {
   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,
@@ -9462,12 +9482,16 @@ const App = _a => {
     })
   });
 };
-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 = bomCore.localizeItem(x, locale, 'en');
     return {
       id: localizedItem.id,
@@ -9612,7 +9636,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';
   }
@@ -9625,23 +9649,24 @@ function getInitializer(globalName, plugins) {
       return;
     }
     props.plugins = [...(props.plugins || []), ...(plugins || [])];
+    props.pluginLabels = pluginLabels;
     const id = bomCore.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: () => {