@smart-cloud/ai-kit-ui 1.5.0 → 1.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-cloud/ai-kit-ui",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -22,8 +22,8 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@mantine/colors-generator": "^8.3.18",
-    "@smart-cloud/ai-kit-core": "^1.5.0",
-    "@smart-cloud/wpsuite-core": "^2.3.0",
+    "@smart-cloud/ai-kit-core": "^1.5.1",
+    "@smart-cloud/wpsuite-core": "^2.3.1",
     "@tabler/icons-react": "^3.44.0",
     "chroma-js": "^3.2.0",
     "country-flag-icons": "^1.6.17",
@@ -43,7 +43,7 @@
     "@mantine/core": "^8.3.18",
     "@mantine/hooks": "^8.3.18",
     "@mantine/modals": "^8.3.18",
-    "@wordpress/data": "^10.46.0",
+    "@wordpress/data": "^10.47.0",
     "aws-amplify": "^6.17.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
@@ -57,19 +57,19 @@
     "@types/jquery": "^4.0.0",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
-    "@typescript-eslint/eslint-plugin": "^8.59.4",
-    "@typescript-eslint/parser": "^8.59.4",
-    "@wordpress/data": "^10.46.0",
+    "@typescript-eslint/eslint-plugin": "^8.60.0",
+    "@typescript-eslint/parser": "^8.60.0",
+    "@wordpress/data": "^10.47.0",
     "ajv": "^8.20.0",
     "aws-amplify": "^6.17.0",
-    "eslint": "^10.4.0",
+    "eslint": "^10.4.1",
     "globals": "^17.6.0",
     "jquery": "^4.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.4"
+    "typescript-eslint": "^8.60.0"
   },
   "exports": {
     ".": {

package/src/ai-chatbot/AiChatbot.tsx

@@ -563,8 +563,14 @@ const AiChatbotBase: FC<AiChatbotProps & AiKitShellInjectedProps> = (props) => {
   }, [question, isChatBusy, composerAudio]);
 
   const openButtonLabel = useMemo(() => {
-    const raw = openButtonTitle ? openButtonTitle : labels.askMeLabel;
-    return I18n.get(raw);
+    const resolvedOpenButtonTitle = openButtonTitle?.trim();
+    const resolvedAskMeLabel = labels.askMeLabel?.trim();
+    const raw =
+      resolvedOpenButtonTitle ||
+      resolvedAskMeLabel ||
+      DEFAULT_CHATBOT_LABELS.askMeLabel;
+    const translated = I18n.get(raw).trim();
+    return translated || I18n.get(DEFAULT_CHATBOT_LABELS.askMeLabel);
   }, [openButtonTitle, labels.askMeLabel, language]);
 
   const modalTitle = useMemo(() => {

package/src/ai-feature/AiFeature.tsx

@@ -1424,6 +1424,8 @@ Follow these additional instructions: ${instructions}`
     };
   }, [close, variation]);
 
+  const openButtonAccessibleLabel = I18n.get(openButtonTitle || defaultTitle);
+
   return (
     <>
       {showOpenButton && (
@@ -1444,6 +1446,7 @@ Follow these additional instructions: ${instructions}`
           variant={"filled"}
           disabled={featureOpen}
           onClick={() => setFeatureOpen(true)}
+          aria-label={openButtonAccessibleLabel}
           data-ai-kit-open-button
         >
           {showOpenButtonTitle && I18n.get(openButtonTitle || defaultTitle)}

package/src/doc-search/DocSearch.tsx

@@ -271,6 +271,9 @@ const DocSearchBase: FC<Props> = (props) => {
     return I18n.get(title || "Search with AI-Kit");
   }, [language]);
 
+  const openButtonAccessibleLabel = I18n.get(openButtonTitle || defaultTitle);
+  const searchButtonAccessibleLabel = I18n.get("Search");
+
   const statusText = useMemo(() => {
     const e: AiKitStatusEvent | null = statusEvent;
     if (!e) return null;
@@ -690,6 +693,7 @@ const DocSearchBase: FC<Props> = (props) => {
           variant={"filled"}
           disabled={featureOpen}
           onClick={() => setFeatureOpen(true)}
+          aria-label={openButtonAccessibleLabel}
           data-ai-kit-open-button
         >
           {showOpenButtonTitle && I18n.get(openButtonTitle || defaultTitle)}
@@ -851,6 +855,7 @@ const DocSearchBase: FC<Props> = (props) => {
                         leftSection={buttonLeftIcon}
                         onClick={() => void onSearch()}
                         disabled={!canSearch}
+                        aria-label={searchButtonAccessibleLabel}
                         className={
                           showSearchButtonTitle
                             ? "doc-search-button"

package/src/withAiKitShell.tsx

@@ -96,18 +96,26 @@ export function withAiKitShell<P extends object>(
     }, [currentLanguage, direction, directionInStore, directionOverride]);
 
     const stylesheets = useMemo(
-      () => [
-        (
-          WpSuite as never as {
-            constants: { aiKit: { mantineCssHref: string } };
-          }
-        )?.constants?.aiKit?.mantineCssHref,
-        (
-          WpSuite as never as {
-            constants: { aiKit: { aiKitUiCssHref: string } };
-          }
-        )?.constants?.aiKit?.aiKitUiCssHref,
-      ],
+      () =>
+        [
+          (
+            WpSuite as never as {
+              constants: { aiKit: { mantineCssHref: string } };
+            }
+          )?.constants?.aiKit?.mantineCssHref,
+          (
+            WpSuite as never as {
+              constants: { aiKit: { aiKitUiCssHref: string } };
+            }
+          )?.constants?.aiKit?.aiKitUiCssHref,
+          (
+            WpSuite as never as {
+              constants: { aiKit: { wpsuiteThemeCssHref?: string } };
+            }
+          )?.constants?.aiKit?.wpsuiteThemeCssHref,
+        ].filter(
+          (href): href is string => typeof href === "string" && href.length > 0,
+        ),
       [WpSuite],
     );