@websolutespa/bom-llm 0.0.17 → 0.0.18

package/CHANGELOG.md

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

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-import { LlmInstance } from '@websolutespa/bom-mixer-llm';
-
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
@@ -63,17 +61,25 @@ type LlmMock = {
 };
 type LlmTest = undefined | boolean | DeepPartial<LlmMock>;
 type LlmDecorateUrl = (item: LlmItem) => (string | void) | Promise<string | void>;
+type LlmViewOptions = {
+    threadId?: string;
+    preview?: boolean;
+    opened?: boolean;
+    dismissable?: boolean;
+    skipCustomIntro?: boolean;
+    embedded?: boolean;
+};
 type LlmOptions = {
     apiKey: string;
     appKey: string;
     decorateUrl?: LlmDecorateUrl;
     test?: LlmTest;
-    threadId?: string;
     customTheme?: Partial<LlmTheme>;
-    opened?: boolean;
-    embedded?: boolean;
     locale?: string;
     market?: string;
+} & LlmViewOptions;
+type LlmInstance = {
+    open: () => void;
 };
 
 declare function bomLlm(props: LlmOptions): LlmInstance | undefined;

package/dist/umd/index.js

@@ -24055,7 +24055,7 @@ ${Object.entries(vars).map(_ref2 => {
 	        message: 'Bad Request: html is missing'
 	      };
 	    }
-	    console.log('/llm/summary', payload);
+	    // console.log('/llm/summary', payload);
 	    return {
 	      code: 'SENT'
 	    };
@@ -24953,15 +24953,19 @@ ${Object.entries(vars).map(_ref2 => {
 	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,
@@ -25164,11 +25168,12 @@ ${Object.entries(vars).map(_ref2 => {
 	    appKey,
 	    apiKey,
 	    threadId,
-	    customTheme,
 	    decorateUrl,
 	    endpoint,
-	    test,
 	    storage,
+	    test,
+	    preview,
+	    customTheme,
 	    label
 	  } = _ref;
 	  const theme = getTheme(customTheme);
@@ -25200,7 +25205,8 @@ ${Object.entries(vars).map(_ref2 => {
 	          threadId,
 	          endpoint,
 	          locale,
-	          test
+	          test,
+	          preview
 	        });
 	        return apiService;
 	      },
@@ -25211,7 +25217,8 @@ ${Object.entries(vars).map(_ref2 => {
 	          threadId,
 	          endpoint,
 	          locale,
-	          test
+	          test,
+	          preview
 	        });
 	        const app = await apiService.getInfo();
 	        if (!app) {
@@ -25488,6 +25495,15 @@ ${Object.entries(vars).map(_ref2 => {
 	    ...props
 	  } = _ref3;
 	  const label = useLabel();
+	  if (props.embedded) {
+	    props.dismissable = false;
+	    props.opened = true;
+	  }
+	  if (props.preview) {
+	    props.dismissable = false;
+	    props.opened = true;
+	    props.skipCustomIntro = true;
+	  }
 	  const storeRef = reactExports.useRef();
 	  if (!storeRef.current) {
 	    storeRef.current = createSharedLlmStore({
@@ -26604,6 +26620,7 @@ void main(void) {
 	  } = useLlmView(state => state.actions);
 	  const hidden = useLlmView(state => state.hidden);
 	  const fixed = useLlmView(state => state.fixed);
+	  const dismissable = useLlmView(state => state.dismissable);
 	  const label = useLabel();
 	  const logo = app?.contents.logo;
 	  const logoMini = app?.contents?.logoMini;
@@ -26630,7 +26647,7 @@ void main(void) {
 	            alt: logoMini.alt
 	          })
 	        })]
-	      }), /*#__PURE__*/jsxRuntimeExports.jsxs("button", {
+	      }), dismissable && /*#__PURE__*/jsxRuntimeExports.jsxs("button", {
 	        className: "llm__header-back -llm-t-cta-3",
 	        onClick: () => open(),
 	        children: [label('llm.back'), /*#__PURE__*/jsxRuntimeExports.jsx(IconLlmArrowCornerRightUp, {})]
@@ -26837,13 +26854,11 @@ void main(void) {
 	const Intro = () => {
 	  const iframeRef = reactExports.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'
@@ -26913,27 +26928,6 @@ void main(void) {
 	    }
 	    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]);
-	  */
-
 	  reactExports.useEffect(() => {
 	    const onLenisScroll = () => {
 	      if (iframeRef.current) {
@@ -26951,7 +26945,7 @@ void main(void) {
 	  if (!app) {
 	    return;
 	  }
-	  return app.contents.customIntro ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+	  return app.contents.customIntro ? skipCustomIntro ? null : /*#__PURE__*/jsxRuntimeExports.jsx("div", {
 	    className: "llm__customIntro",
 	    children: /*#__PURE__*/jsxRuntimeExports.jsx("iframe", {
 	      ref: iframeRef,
@@ -31324,7 +31318,7 @@ void main(void) {
 	      };
 	    }
 	  }, [locale, market]);
-	  const endpoint = props.test === true ? 'https://bom-sample-basic-web-git-bom-llm-actarian.vercel.app' : 'https://platform.websolute.ai';
+	  const endpoint = typeof props.test !== 'undefined' ? 'https://bom-sample-basic-web-git-bom-llm-actarian.vercel.app' : 'https://platform.websolute.ai';
 	  const layout = {
 	    labels: getLabels(data.locale),
 	    locale: data.locale,