@aslaluroba/help-center-react 3.2.15 → 3.2.17

package/package.json

@@ -3,7 +3,7 @@
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
-  "version": "3.2.15",
+  "version": "3.2.17",
   "description": "BabylAI Help Center Widget for React and Next.js",
   "private": false,
   "exports": {
@@ -62,26 +62,26 @@
     "react-dom": "^18 || ^19"
   },
   "dependencies": {
-    "@ably/chat": "^1.1.1",
-    "@tabler/icons-react": "^3.36.1",
-    "@tailwindcss/postcss": "^4.1.18",
-    "ably": "^2.17.1",
-    "axios": "^1.13.4",
+    "@ably/chat": "^1.3.0",
+    "@tabler/icons-react": "^3.40.0",
+    "@tailwindcss/postcss": "^4.2.2",
+    "ably": "^2.21.0",
+    "axios": "^1.13.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "react-markdown": "^10.1.0",
-    "tailwind-merge": "^3.4.0"
+    "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
     "@babel/preset-react": "^7.28.5",
     "@iconify-json/ic": "^1.2.4",
-    "@iconify-json/material-symbols": "^1.2.53",
+    "@iconify-json/material-symbols": "^1.2.63",
     "@iconify-json/solar": "^1.2.5",
     "@rollup/plugin-alias": "^6.0.0",
-    "@rollup/plugin-babel": "^6.1.0",
-    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-babel": "^7.0.0",
+    "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
@@ -90,29 +90,29 @@
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/rollup": "^8.1.0",
-    "@tabler/icons-react": "^3.36.1",
+    "@tabler/icons-react": "^3.40.0",
     "@types/hast": "^3.0.4",
-    "@types/node": "^25.2.0",
-    "@types/react": "^19.2.10",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "autoprefixer": "^10.4.24",
-    "babel-loader": "^10.0.0",
+    "autoprefixer": "^10.4.27",
+    "babel-loader": "^10.1.1",
     "clsx": "^2.1.1",
     "concurrently": "^9.2.1",
-    "i18next": "^25.8.0",
-    "postcss": "^8.5.6",
-    "react-i18next": "^16.5.4",
+    "i18next": "^25.10.9",
+    "postcss": "^8.5.8",
+    "react-i18next": "^16.6.6",
     "react-markdown": "^10.1.0",
-    "rimraf": "^6.1.2",
-    "rollup": "^4.57.1",
+    "rimraf": "^6.1.3",
+    "rollup": "^4.60.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.2.2",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-rtl": "^0.9.0",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.2",
     "unplugin-icons": "^23.0.1",
-    "webpack": "^5.104.1"
+    "webpack": "^5.105.4"
   },
   "publishConfig": {
     "access": "public"

package/src/components/ui/agent-response/agent-response.tsx

@@ -31,7 +31,8 @@ const AgentResponse = ({
 
   return (
     <div
-      className={`babylai:rounded-2xl babylai:p-4  ${
+      dir="auto"
+      className={`babylai:rounded-2xl babylai:p-4 ${
         senderType === 1
           ? "babylai:bg-primary-500 babylai:text-black-white-50 babylai:max-w-[220px]"
           : "babylai:bg-card"
@@ -41,7 +42,6 @@ const AgentResponse = ({
         components={{
           p: ({ node, ...props }: { node?: Element; [key: string]: any }) => (
             <p
-              dir="auto"
               className="babylai:m-0 babylai:leading-snug babylai:text-sm babylai:font-sans babylai:wrap-break-word"
               {...props}
             />

package/src/ui/chatbot-popup/chat-window-screen/index.tsx

@@ -145,7 +145,7 @@ export const ChatWindow = React.memo(
     const { i18n } = useLocalTranslation();
     const [inputMessage, setInputMessage] = useState('');
     const messagesEndRef = useRef<HTMLDivElement>(null);
-    const scrollTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+    const scrollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
     const lastMessageCountRef = useRef(messages.length);
     const [galleryState, setGalleryState] = useState<{
       isOpen: boolean;

package/src/ui/floating-message.tsx

@@ -19,6 +19,7 @@ const FloatingMessage = ({ message, onClose }: FloatingMessageProps) => {
           onClick={onClose}
         >
           <MaterialSymbolsCloseSmallOutlineRounded className="babylai:w-8 babylai:h-8" />
+          <span className="babylai:sr-only">Close</span>
         </button>
       </div>
     </div>

package/src/ui/help-button.tsx

@@ -17,6 +17,7 @@ const HelpButton = ({ onClick }: HelpButtonProps) => {
       aria-label="Need Help?"
     >
       <Logo className="babylai:w-8 babylai:h-8 babylai:text-primary-500" />
+      <span className="babylai:sr-only">Need Help?</span>
     </button>
   )
 }

package/tsconfig.json

@@ -28,22 +28,21 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
-    "baseUrl": ".",
     "paths": {
       "@/*": [
-        "src/*"
+        "./src/*"
       ],
       "@/components/*": [
-        "src/components/*"
+        "./src/components/*"
       ],
       "@/ui/*": [
-        "src/ui/*"
+        "./src/ui/*"
       ],
       "@/lib/*": [
-        "src/lib/*"
+        "./src/lib/*"
       ],
       "@/assets/*": [
-        "src/assets/*"
+        "./src/assets/*"
       ]
     },
   },