@ibti-tech/chatbot 0.9.6 → 0.9.8

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;YA+InC,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';

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`
@@ -2831,7 +2834,7 @@ var Wrapper9 = styled10.div`
 // package.json
 var package_default = {
   name: "@ibti-tech/chatbot",
-  version: "0.9.6",
+  version: "0.9.8",
   description: "Chatbot system developed to be embedded in any website",
   packageManager: "yarn@3.6.4",
   main: "./dist/index.mjs",
@@ -3210,9 +3213,18 @@ 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;
-                  ` : ""}
+              /* Real mobile: pin between safe areas so header is never cut (notch/status bar). Fallback when env is 0 (no viewport-fit=cover). */
+              top: max(env(safe-area-inset-top, 0px), 20px) !important;
+              bottom: max(env(safe-area-inset-bottom, 0px), 8px) !important;
+              height: auto !important;
+              min-height: 0;
+              padding-top: 0;
+              padding-bottom: 0;
+              box-sizing: border-box;
+              & > *:last-child {
+                height: 100%;
+                min-height: 0;
+              }
             }
           `}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibti-tech/chatbot",
-  "version": "0.9.6",
+  "version": "0.9.8",
   "description": "Chatbot system developed to be embedded in any website",
   "packageManager": "yarn@3.6.4",
   "main": "./dist/index.mjs",