@ibti-tech/chatbot 0.9.5 → 0.9.7

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;YAwInC,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;YA6InC,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;YAgQnC,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;YAmQnC,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>, {

package/dist/index.mjs

@@ -1061,8 +1061,11 @@ var Wrapper = styled.div`
       box-sizing: border-box;
     `}
     
-    ${(props) => props.$opened && props.$verticalPosition === "bottom" ? css`
-            max-height: 100vh;
+    /* Bottom on mobile: mirror of top (opposite direction). Same height open/closed (100% of bar), transform slides up when open */
+    ${(props) => props.$verticalPosition === "bottom" ? css`
+            height: 100%;
+            max-height: 100%;
+            ${props.$opened ? css`transform: none !important;` : ""}
           ` : ""}
     
     ${(props) => props.$opened && props.$verticalPosition === "top" ? css`
@@ -1942,8 +1945,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"
@@ -2008,7 +2024,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,
       {
@@ -2799,7 +2834,7 @@ var Wrapper9 = styled10.div`
 // package.json
 var package_default = {
   name: "@ibti-tech/chatbot",
-  version: "0.9.5",
+  version: "0.9.7",
   description: "Chatbot system developed to be embedded in any website",
   packageManager: "yarn@3.6.4",
   main: "./dist/index.mjs",
@@ -2839,6 +2874,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: {
@@ -3175,9 +3213,16 @@ var Wrapper10 = styled11.div`
             padding-bottom: ${(props2) => props2.theme.spacing.components.xsmall};
             
             @media screen and (max-width: ${breakpoints3.tablet}px) {
-              ${props.$opened ? css6`
-                    padding-bottom: 0;
-                  ` : ""}
+              /* Mirror of top (opposite direction): same height open/closed, no flex, last child height 100% like top */
+              bottom: 0 !important;
+              padding-top: env(safe-area-inset-top, 0px);
+              padding-bottom: env(safe-area-inset-bottom, 0px);
+              height: 100vh;
+              height: 100svh;
+              box-sizing: border-box;
+              & > *:last-child {
+                height: 100%;
+              }
             }
           `}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibti-tech/chatbot",
-  "version": "0.9.5",
+  "version": "0.9.7",
   "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": {