@ibti-tech/chatbot 0.9.3 → 0.9.6

package/dist/index.d.ts

@@ -128,7 +128,7 @@ declare module '@ibti-tech/chatbot/components/ChatbotBar/styles' {
   //# sourceMappingURL=styles.d.ts.map
 }
 declare module '@ibti-tech/chatbot/components/ChatbotBar/styles.d.ts' {
-  {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/components/ChatbotBar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAW,MAAM,eAAe,CAAA;AAIpD,eAAO,MAAM,YAAY;;oBAEgB,kBAAmB;;yBADrC,MAAM,GAAG,OAAO;gCACT,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;aACvD,OAAO;uBACG,KAAK,GAAG,QAAQ;uBAChB,OAAO;iMA4E3B,CAAA;AAED,2GAA2G;AAC3G,eAAO,MAAM,WAAW;iBAA6B,MAAM;gBAAc,MAAM;YAS9E,CAAA;AAED,eAAO,MAAM,OAAO;uBACC,KAAK,GAAG,QAAQ;yBACd,MAAM,GAAG,OAAO;aAC5B,OAAO;cACN,MAAM;iBACH,MAAM,GAAG,MAAM;mBACb,OAAO;uBACH,OAAO;gCACE,MAAM;YAgInC,CAAA"}
+  {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/components/ChatbotBar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAW,MAAM,eAAe,CAAA;AAIpD,eAAO,MAAM,YAAY;;oBAEgB,kBAAmB;;yBADrC,MAAM,GAAG,OAAO;gCACT,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;aACvD,OAAO;uBACG,KAAK,GAAG,QAAQ;uBAChB,OAAO;iMA4E3B,CAAA;AAED,2GAA2G;AAC3G,eAAO,MAAM,WAAW;iBAA6B,MAAM;gBAAc,MAAM;YAS9E,CAAA;AAED,eAAO,MAAM,OAAO;uBACC,KAAK,GAAG,QAAQ;yBACd,MAAM,GAAG,OAAO;aAC5B,OAAO;cACN,MAAM;iBACH,MAAM,GAAG,MAAM;mBACb,OAAO;uBACH,OAAO;gCACE,MAAM;YAwInC,CAAA"}
 }
 declare module '@ibti-tech/chatbot/components/ChatbotBody/index' {
   import React from 'react';
@@ -182,7 +182,7 @@ declare module '@ibti-tech/chatbot/components/ChatbotDevice/styles' {
   //# sourceMappingURL=styles.d.ts.map
 }
 declare module '@ibti-tech/chatbot/components/ChatbotDevice/styles.d.ts' {
-  {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/components/ChatbotDevice/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;aACT,OAAO;uBACG,KAAK,GAAG,QAAQ;uBAChB,OAAO;0BACJ,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;gCAC9B,MAAM;YAsPnC,CAAA"}
+  {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/components/ChatbotDevice/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;aACT,OAAO;uBACG,KAAK,GAAG,QAAQ;uBAChB,OAAO;0BACJ,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;gCAC9B,MAAM;YAgQnC,CAAA"}
 }
 declare module '@ibti-tech/chatbot/components/ChatbotFooter/index' {
   import React from 'react';
@@ -286,7 +286,7 @@ declare module '@ibti-tech/chatbot/components/MessageBalloon/index' {
   //# sourceMappingURL=index.d.ts.map
 }
 declare module '@ibti-tech/chatbot/components/MessageBalloon/index.d.ts' {
-  {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/components/MessageBalloon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAQpC,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,YAAY,CAAC,WAAW,CAAA;IAC9B,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAOD,eAAO,MAAM,cAAc,GAAI,2BAG5B,mBAAmB,sBAiJrB,CAAA;AAED,eAAe,cAAc,CAAA"}
+  {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/components/MessageBalloon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAwBpC,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,YAAY,CAAC,WAAW,CAAA;IAC9B,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAOD,eAAO,MAAM,cAAc,GAAI,2BAG5B,mBAAmB,sBAkKrB,CAAA;AAED,eAAe,cAAc,CAAA"}
 }
 declare module '@ibti-tech/chatbot/components/MessageBalloon/styles' {
   export const Time: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
@@ -458,7 +458,7 @@ declare module '@ibti-tech/chatbot/contexts/Chatbot/provider' {
   //# sourceMappingURL=provider.d.ts.map
 }
 declare module '@ibti-tech/chatbot/contexts/Chatbot/provider.d.ts' {
-  {"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/contexts/Chatbot/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AASpC;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,8BAA8B;IAC9B,MAAM,EAAE,YAAY,CAAC,MAAM,CAAA;IAC3B,kEAAkE;IAClE,MAAM,EAAE,MAAM,CAAA;IACd,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,kCAAkC;IAClC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAA;IACzB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,kFAAkF;IAClF,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAA;IAC1B,8DAA8D;IAC9D,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAA;IACrC,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oFAAoF;IACpF,MAAM,CAAC,EAAE,YAAY,CAAC,YAAY,CAAA;IAClC,oFAAoF;IACpF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,sJAY7B,oBAAoB,sBAgLtB,CAAA"}
+  {"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/contexts/Chatbot/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AASpC;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,8BAA8B;IAC9B,MAAM,EAAE,YAAY,CAAC,MAAM,CAAA;IAC3B,kEAAkE;IAClE,MAAM,EAAE,MAAM,CAAA;IACd,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,kCAAkC;IAClC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAA;IACzB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,kFAAkF;IAClF,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAA;IAC1B,8DAA8D;IAC9D,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAA;IACrC,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oFAAoF;IACpF,MAAM,CAAC,EAAE,YAAY,CAAC,YAAY,CAAA;IAClC,oFAAoF;IACpF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,sJAY7B,oBAAoB,sBAiLtB,CAAA"}
 }
 declare module '@ibti-tech/chatbot/contexts/Chatbot/useChatFeedbackBox' {
   /** Parameters for sendUserRating from useChatFeedbackBox. */

package/dist/index.mjs

@@ -887,7 +887,8 @@ var ChatbotProvider = /* @__PURE__ */ __name(({
   } = useChatbotMessages_default({
     apiURL,
     locale,
-    publicHash: isReady ? publicHash : void 0,
+    // Pass publicHash always so init() can call welcome/completion with hash once visitorId is ready
+    publicHash,
     visitorId: isReady ? visitorId : void 0
   });
   const [opened, setOpened] = useState3(isOpen);
@@ -1050,9 +1051,14 @@ var Wrapper = styled.div`
 
   /* Mobile styles */
   @media screen and (max-width: ${breakpoints.tablet}px) {
+    /* Top + opened: use svh so panel fits visible viewport (browser URL bar); padding keeps close button above home indicator */
     ${(props) => props.$opened && props.$verticalPosition === "top" && css`
       max-height: 100vh !important;
+      max-height: 100svh !important;
       height: 100vh !important;
+      height: 100svh !important;
+      padding-bottom: env(safe-area-inset-bottom, 0px);
+      box-sizing: border-box;
     `}
     
     ${(props) => props.$opened && props.$verticalPosition === "bottom" ? css`
@@ -1216,9 +1222,14 @@ var Wrapper = styled.div`
       
       @media screen and (max-width: ${breakpoints.tablet}px) {
         height: 100vh !important;
+        height: 100svh !important;
         max-height: 100vh !important;
+        max-height: 100svh !important;
         min-height: 100vh !important;
+        min-height: 100svh !important;
+        padding-bottom: env(safe-area-inset-bottom, 0px);
         overflow: hidden !important;
+        box-sizing: border-box;
       }
     `}
 `;
@@ -1931,8 +1942,21 @@ var formatMessageTime = /* @__PURE__ */ __name((dateUTC, currentDateUTC, locale)
 
 // src/components/MessageBalloon/index.tsx
 import Markdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import rehypeRaw from "rehype-raw";
+import rehypeSanitize from "rehype-sanitize";
 import { CircleExclamationIcon } from "@ibti-tech/ui";
 import { Copy, Share2, RotateCw } from "lucide-react";
+function linkifyBareUrls(text) {
+  return text.replace(
+    /(?<!\]\()(https?:\/\/[^\s<>")\]]+)/gi,
+    (url) => `[${url}](${url})`
+  ).replace(
+    /(?<!\]\()(www\.[^\s<>")\]]+)/gi,
+    (url) => `[${url}](https://${url})`
+  );
+}
+__name(linkifyBareUrls, "linkifyBareUrls");
 var messageTypes = {
   assistant: "received",
   user: "sent"
@@ -1997,7 +2021,26 @@ var MessageBalloon = /* @__PURE__ */ __name(({
       onMouseLeave: () => setIsHovered(false),
       $type: messageType
     },
-    /* @__PURE__ */ React7.createElement(BalloonContainer, { $type: messageType }, /* @__PURE__ */ React7.createElement(Balloon, { $type: messageType, $error: data.error }, data.error && /* @__PURE__ */ React7.createElement(CircleExclamationIcon, null), /* @__PURE__ */ React7.createElement(Markdown, null, data.content))),
+    /* @__PURE__ */ React7.createElement(BalloonContainer, { $type: messageType }, /* @__PURE__ */ React7.createElement(Balloon, { $type: messageType, $error: data.error }, data.error && /* @__PURE__ */ React7.createElement(CircleExclamationIcon, null), /* @__PURE__ */ React7.createElement(
+      Markdown,
+      {
+        remarkPlugins: [remarkGfm],
+        rehypePlugins: [rehypeRaw, rehypeSanitize],
+        components: {
+          a: /* @__PURE__ */ __name(({ href, children, ...props }) => /* @__PURE__ */ React7.createElement(
+            "a",
+            {
+              href,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              ...props
+            },
+            children
+          ), "a")
+        }
+      },
+      linkifyBareUrls(data.content)
+    ))),
     /* @__PURE__ */ React7.createElement(TimestampAndActionsRow, { $type: messageType }, /* @__PURE__ */ React7.createElement(
       ActionsContainer,
       {
@@ -2788,7 +2831,7 @@ var Wrapper9 = styled10.div`
 // package.json
 var package_default = {
   name: "@ibti-tech/chatbot",
-  version: "0.9.3",
+  version: "0.9.6",
   description: "Chatbot system developed to be embedded in any website",
   packageManager: "yarn@3.6.4",
   main: "./dist/index.mjs",
@@ -2828,6 +2871,9 @@ var package_default = {
     "lucide-react": "^0.263.1",
     polished: "^4.3.1",
     "react-markdown": "^9.0.1",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.0",
     uuid: "^9.0.1"
   },
   devDependencies: {
@@ -3102,8 +3148,10 @@ var Wrapper10 = styled11.div`
           }
           @media screen and (max-width: ${breakpoints3.tablet}px) {
             padding-top: 0 !important;
-            top: ${topVal} !important;
+            /* Account for safe area (notch/status bar) and browser chrome on mobile */
+            top: max(${topVal}, env(safe-area-inset-top, 0px)) !important;
             height: 100vh;
+            height: 100svh; /* small viewport: fits visible area with browser URL bar visible */
           }
         `;
     }
@@ -3130,7 +3178,8 @@ var Wrapper10 = styled11.div`
         @media screen and (max-width: ${breakpoints3.tablet}px) {
           height: ${barH}px !important;
           min-height: ${barH}px !important;
-          top: ${topVal} !important;
+          /* Keep bar/toggle visible below browser UI and safe area on mobile */
+          top: ${props.$topOffset !== void 0 ? topVal : "max(0px, env(safe-area-inset-top, 0px))"} !important;
         }
       `;
   }
@@ -3147,9 +3196,14 @@ var Wrapper10 = styled11.div`
             @media screen and (max-width: ${breakpoints3.tablet}px) {
               ${props.$opened ? css6`
                     padding-top: 0 !important;
-                    top: 0 !important;
+                    /* Safe area + browser chrome: keep close button visible on mobile */
+                    top: env(safe-area-inset-top, 0px) !important;
                     height: 100vh;
-                  ` : ""}
+                    height: 100svh;
+                  ` : css6`
+                    /* Bar closed: ensure toggle visible below browser UI */
+                    top: env(safe-area-inset-top, 0px) !important;
+                  `}
             }
           ` : css6`
             bottom: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibti-tech/chatbot",
-  "version": "0.9.3",
+  "version": "0.9.6",
   "description": "Chatbot system developed to be embedded in any website",
   "packageManager": "yarn@3.6.4",
   "main": "./dist/index.mjs",
@@ -40,6 +40,9 @@
     "lucide-react": "^0.263.1",
     "polished": "^4.3.1",
     "react-markdown": "^9.0.1",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.0",
     "uuid": "^9.0.1"
   },
   "devDependencies": {