@constructor-io/constructorio-ui-pia 2.12.0 → 2.13.1

package/lib/types/components/Error/ErrorBlock.d.ts

@@ -1,7 +1,15 @@
 import React from 'react';
+import { Translations } from '../../types';
 interface ErrorBlockProps {
     message: string;
     onRetry?: () => void;
+    translations?: Translations;
+    /**
+     * Whether the message is a `role='alert'` live region. Turn off when the block is rendered
+     * inside another live region (such as the conversation `role='log'`), which already announces
+     * inserted text: nesting the two would announce the error twice. Defaults to true.
+     */
+    announce?: boolean;
 }
-declare function ErrorBlock({ message, onRetry }: ErrorBlockProps): React.JSX.Element;
+declare function ErrorBlock({ message, onRetry, translations, announce, }: ErrorBlockProps): React.JSX.Element;
 export default ErrorBlock;

package/lib/types/components/StatusRegion/StatusRegion.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Translations } from '../../types';
+interface StatusRegionProps {
+    message: string;
+    'data-testid'?: string;
+}
+/**
+ * Visually hidden `role='status'`. Keep it mounted and change only `message`:
+ * a live region created together with its text is announced inconsistently.
+ */
+export default function StatusRegion({ message, 'data-testid': testId }: StatusRegionProps): React.JSX.Element;
+export declare function answerStatusMessage(isLoading: boolean, hasAnswer: boolean, translations?: Translations): string;
+export {};

package/lib/types/types.d.ts

@@ -60,12 +60,22 @@ export type CioPiaDisplayConfigs = {
 export type Translations = {
     'Any questions about this product?'?: string;
     'Ask anything'?: string;
+    /** Accessible name of the question field when its placeholder is blanked out. */
+    'Your question'?: string;
     Send?: string;
     'AI-generated answers aim to help, but they may occasionally miss details or be inaccurate. Double-check important information before purchasing.'?: string;
     'Is this answer useful?'?: string;
     'Learn More.'?: string;
     'Ask about this product'?: string;
     'Add to Cart'?: string;
+    'Unexpected error'?: string;
+    'thumbs up'?: string;
+    'thumbs down'?: string;
+    Close?: string;
+    Retry?: string;
+    'Conversation history'?: string;
+    'Loading answer'?: string;
+    'Answer ready'?: string;
     /** Recommendations pod title shown while a request is in flight. */
     'Adapting recommendations to your preference'?: string;
     /** Recommendations pod title shown when a request fails or comes back degraded. */

package/lib/types/utils/contentTransformers.d.ts

@@ -1,6 +1,6 @@
-import DOMPurify from 'dompurify';
+import DOMPurify, { type Config } from 'dompurify';
 export interface SanitizeOptions {
-    config: DOMPurify.Config;
+    config: Config;
 }
 /** Options for {@link renderMarkdown}. */
 export interface RenderMarkdownOptions {

package/lib/types/utils/translate.d.ts

@@ -3,6 +3,9 @@ import { Translations } from '../types';
  * Translates a word using the provided translations object.
  * Falls back to English defaults if translation is not provided.
  *
+ * An explicitly empty string is returned as-is: blanking out a string is how
+ * consumers hide it.
+ *
  * @param word - The key to translate
  * @param translations - Optional user-provided translations object
  * @returns The translated string or the original word if no translation exists

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.12.0";
+declare const _default: "2.13.1";
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-pia",
-  "version": "2.12.0",
+  "version": "2.13.1",
   "description": "Constructor.io AI Product Insights Agent UI library for web applications",
   "author": "Constructor.io Corporation",
   "license": "MIT",
@@ -77,7 +77,6 @@
     "tslib": "^2.4.0"
   },
   "devDependencies": {
-    "@axe-core/react": "^4.10.1",
     "@babel/core": "^7.24.0",
     "@babel/preset-env": "^7.24.0",
     "@babel/preset-react": "^7.23.3",
@@ -100,10 +99,10 @@
     "@storybook/testing-library": "^0.2.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@types/dompurify": "^3.0.5",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
+    "axe-playwright": "^2.2.2",
     "chromatic": "^11.27.0",
     "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.1",
@@ -127,17 +126,19 @@
     "typescript-eslint": "^8.59.2",
     "vite": "^6.4.3",
     "vite-plugin-css-injected-by-js": "^3.5.2",
-    "webpack": "^5.98.0"
+    "webpack": "^5.104.1"
   },
   "volta": {
     "node": "22.18.0",
     "npm": "10.9.3"
   },
   "dependencies": {
-    "dompurify": "^3.4.2",
+    "dompurify": "^3.4.15",
     "marked": "^15.0.12"
   },
   "overrides": {
-    "uuid": "^11.1.1"
+    "uuid": "^11.1.1",
+    "browserslist": "^4.28.9",
+    "postcss-selector-parser": "^7.1.6"
   }
 }