@websolutespa/bom-mixer-llm 0.0.11 → 0.0.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @websolutespa/bom-mixer-llm
 
+## 0.0.12
+
+### Patch Changes
+
+- Added: flags preview, dismissable, opened, skipCustomIntro
+
 ## 0.0.11
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1197,7 +1197,7 @@ class ApiService {
           message: 'Bad Request: html is missing'
         };
       }
-      console.log('/llm/summary', payload);
+      // console.log('/llm/summary', payload);
       return {
         code: 'SENT'
       };
@@ -2059,15 +2059,19 @@ function stripEmojis(text) {
 const createLlmViewStore = _ref => {
   let {
     threadId,
+    dismissable = true,
+    skipCustomIntro = false,
     opened,
     embedded,
     send,
     setEmbed
   } = _ref;
   const props = {
-    opened: opened != null || embedded != null ? Boolean(opened || embedded) : threadId != null ? true : false,
+    opened: opened != null ? opened : embedded != null || threadId != null ? true : false,
+    dismissable: embedded ? false : dismissable,
+    skipCustomIntro: skipCustomIntro,
     embedded: embedded || false,
-    introed: false,
+    introed: skipCustomIntro ? true : false,
     hidden: false,
     fixed: false,
     idle: true,
@@ -2268,11 +2272,12 @@ const createLlmStore = _ref => {
     appKey,
     apiKey,
     threadId,
-    customTheme,
     decorateUrl,
     endpoint,
-    test,
     storage,
+    test,
+    preview,
+    customTheme,
     label
   } = _ref;
   const theme = getTheme(customTheme);
@@ -2303,7 +2308,8 @@ const createLlmStore = _ref => {
           threadId,
           endpoint,
           locale,
-          test
+          test,
+          preview
         });
         return apiService;
       },
@@ -2315,7 +2321,8 @@ const createLlmStore = _ref => {
           threadId,
           endpoint,
           locale,
-          test
+          test,
+          preview
         });
         const app = yield apiService.getInfo();
         if (!app) {
@@ -2587,6 +2594,15 @@ function LlmProvider(_a) {
     } = _a,
     props = __rest(_a, ["children"]);
   const label = bomMixerHooks.useLabel();
+  if (props.embedded) {
+    props.dismissable = false;
+    props.opened = true;
+  }
+  if (props.preview) {
+    props.dismissable = false;
+    props.opened = true;
+    props.skipCustomIntro = true;
+  }
   const storeRef = react.useRef();
   if (!storeRef.current) {
     storeRef.current = createSharedLlmStore(Object.assign(Object.assign({}, props), {
@@ -2986,6 +3002,7 @@ const Header = props => {
   } = useLlmView(state => state.actions);
   const hidden = useLlmView(state => state.hidden);
   const fixed = useLlmView(state => state.fixed);
+  const dismissable = useLlmView(state => state.dismissable);
   const label = bomMixerHooks.useLabel();
   const logo = app === null || app === void 0 ? void 0 : app.contents.logo;
   const logoMini = (_a = app === null || app === void 0 ? void 0 : app.contents) === null || _a === void 0 ? void 0 : _a.logoMini;
@@ -3012,7 +3029,7 @@ const Header = props => {
             alt: logoMini.alt
           })
         })]
-      }), jsxRuntime.jsxs("button", {
+      }), dismissable && jsxRuntime.jsxs("button", {
         className: "llm__header-back -llm-t-cta-3",
         onClick: () => open(),
         children: [label('llm.back'), jsxRuntime.jsx(bomMixerIcons.IconLlmArrowCornerRightUp, {})]
@@ -3211,13 +3228,11 @@ const Blob = () => {
 const Intro = () => {
   const iframeRef = react.useRef(null);
   const app = useLlm(state => state.app);
-  // const introed = useLlmView(state => state.introed);
-  const {
-    send
-  } = useLlmView(state => state.actions);
   const {
+    send,
     setIntroed
   } = useLlmView(state => state.actions);
+  const skipCustomIntro = useLlmView(state => state.skipCustomIntro);
   const motionItem = {
     hidden: {
       y: '40px'
@@ -3288,25 +3303,6 @@ const Intro = () => {
     }
     return () => {};
   }, [setIntroed]);
-  /*
-  const onIntroed = (newIntroed: boolean) => {
-    console.log('onIntroed', 'introed', introed, 'newIntroed', newIntroed);
-    if (newIntroed !== introed) {
-      setIntroed(newIntroed);
-    }
-  };
-     useEffect(() => {
-    const onScroll = () => {
-      if (iframeRef.current) {
-        const rect = iframeRef.current.getBoundingClientRect();
-        console.log('onScroll', rect.bottom < window.innerHeight);
-        onIntroed(rect.bottom < window.innerHeight);
-      }
-    }
-    window.addEventListener('scroll', onScroll);
-    return () => window.removeEventListener('scroll', onScroll);
-  }, [setIntroed]);
-  */
   react.useEffect(() => {
     const onLenisScroll = () => {
       if (iframeRef.current) {
@@ -3324,7 +3320,7 @@ const Intro = () => {
   if (!app) {
     return;
   }
-  return app.contents.customIntro ? jsxRuntime.jsx("div", {
+  return app.contents.customIntro ? skipCustomIntro ? null : jsxRuntime.jsx("div", {
     className: "llm__customIntro",
     children: jsxRuntime.jsx("iframe", {
       ref: iframeRef,