@ibti-tech/chatbot 0.9.2 → 0.9.5

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';
@@ -147,7 +147,7 @@ declare module '@ibti-tech/chatbot/components/ChatbotBody/styles' {
   //# sourceMappingURL=styles.d.ts.map
 }
 declare module '@ibti-tech/chatbot/components/ChatbotBody/styles.d.ts' {
-  {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/components/ChatbotBody/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,6NAAe,CAAA;AAExC,eAAO,MAAM,YAAY,iOAYxB,CAAA;AAED,eAAO,MAAM,OAAO,6NAuCnB,CAAA"}
+  {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../home/runner/work/ibti-chatbot/ibti-chatbot/src/components/ChatbotBody/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,6NAAe,CAAA;AAExC,eAAO,MAAM,YAAY,iOAYxB,CAAA;AAED,eAAO,MAAM,OAAO,6NAwCnB,CAAA"}
 }
 declare module '@ibti-tech/chatbot/components/ChatbotDevice/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;YAyOnC,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';
@@ -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`
@@ -1066,6 +1072,16 @@ var Wrapper = styled.div`
             transform: none !important;
             position: relative !important;
           ` : ""}
+
+    /* Keep close button (toggle) always visible: header, footer and toggle don't shrink */
+    ${(props) => props.$opened ? css`
+            & > *:nth-child(1),
+            & > *:nth-child(2),
+            & > *:nth-child(4),
+            & > *:nth-child(5) {
+              flex-shrink: 0 !important;
+            }
+          ` : ""}
   }
 
   /* Border radius based on vertical position */
@@ -1206,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;
       }
     `}
 `;
@@ -1510,6 +1531,7 @@ var Wrapper4 = styled4.div`
   overflow-y: auto;
   flex: 1;
   min-width: 0;
+  min-height: 0; /* keeps close button visible on mobile (flex column) */
   height: 100%;
   padding-right: ${(props) => props.theme.spacing.components.small};
   font-family: 'Montserrat', sans-serif !important;
@@ -2777,7 +2799,7 @@ var Wrapper9 = styled10.div`
 // package.json
 var package_default = {
   name: "@ibti-tech/chatbot",
-  version: "0.9.2",
+  version: "0.9.5",
   description: "Chatbot system developed to be embedded in any website",
   packageManager: "yarn@3.6.4",
   main: "./dist/index.mjs",
@@ -3091,8 +3113,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 */
           }
         `;
     }
@@ -3119,7 +3143,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;
         }
       `;
   }
@@ -3136,9 +3161,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.2",
+  "version": "0.9.5",
   "description": "Chatbot system developed to be embedded in any website",
   "packageManager": "yarn@3.6.4",
   "main": "./dist/index.mjs",