@microsoft/omnichannel-chat-components 1.1.16 → 1.1.17-main.170e67a

package/lib/esm/services/BroadcastService.js

@@ -3,19 +3,20 @@ import { filter } from "rxjs/operators";
 import { BroadcastChannel } from "broadcast-channel";
 import { uuidv4 } from "../common/utils";
 import EventQueue from "./EventQueue";
-const newMessage = new Subject(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+const newMessage = new Subject();
 
-const broadcastServicePubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-const broadcastServiceSubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-let pubChannel; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const broadcastServicePubList = {};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const broadcastServiceSubList = {};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let pubChannel;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 let subChannel;
 let eventQueue;
 export const BroadcastServiceInitialize = channelName => {
   eventQueue = new EventQueue(newMessage);
-
   if (broadcastServicePubList[channelName]) {
     pubChannel = broadcastServicePubList[channelName];
   } else {
@@ -23,16 +24,15 @@ export const BroadcastServiceInitialize = channelName => {
     broadcastServicePubList[channelName] = newPubChannel;
     pubChannel = newPubChannel;
   }
-
   if (broadcastServiceSubList[channelName]) {
     subChannel = broadcastServiceSubList[channelName];
   } else {
     const newSubChannel = new BroadcastChannel(channelName);
     broadcastServiceSubList[channelName] = newSubChannel;
     subChannel = newSubChannel;
-  } // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+  }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   subChannel.onmessage = message => {
     newMessage.next(message);
     eventQueue.popEvent(message);
@@ -45,7 +45,6 @@ export const BroadcastService = {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
       retry: true
     };
-
     /**
      * Omit copying methods to prevent 'DataCloneError' in older browsers when passing an object with functions
      * This exception occurs when an object can't be clone with the 'structured clone algorithm' (used by postMessage)
@@ -53,7 +52,8 @@ export const BroadcastService = {
     try {
       const messageCopy = JSON.parse(JSON.stringify(message));
       const eventId = uuidv4();
-      const event = { ...messageCopy,
+      const event = {
+        ...messageCopy,
         eventId
       };
       eventQueue.pushEvent(event);
@@ -61,7 +61,6 @@ export const BroadcastService = {
     } catch (error) {
       console.error("Error in BroadcastService.postMessage:", error);
     }
-
     if (options !== null && options !== void 0 && options.retry) {
       const queueTimeout = (options === null || options === void 0 ? void 0 : options.queueTimeout) || 500;
       eventQueue.startQueue(queueTimeout);

package/lib/esm/services/EventQueue.js

@@ -1,37 +1,29 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class EventQueue {
   constructor(newMessage) {
     _defineProperty(this, "queueing", false);
-
     _defineProperty(this, "channelEventQueue", void 0);
-
     _defineProperty(this, "queueingId", void 0);
-
     _defineProperty(this, "newMessage", void 0);
-
     this.channelEventQueue = new Map();
     this.newMessage = newMessage;
   }
-
   processEvents() {
     this.channelEventQueue.forEach((event, eventId) => {
       // Process entry based on insertion order
       this.newMessage.next(event); // Post event directly instead of using pubChannel
-
       this.channelEventQueue.delete(eventId); // Remove event from queue regardless of outcome
     });
   }
-
   queueEvents() {
     let timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 500;
     this.stopIfEmpty();
-
     if (this.queueingId) {
       // Queueing in progress
       return;
     }
-
     if (this.queueing) {
       this.queueingId = setTimeout(() => {
         this.processEvents();
@@ -39,45 +31,36 @@ class EventQueue {
       }, timeout);
     }
   }
-
   startQueue() {
     let timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 500;
     this.queueing = true;
     this.queueEvents(timeout);
   }
-
   stopIfEmpty() {
     if (this.channelEventQueue.size === 0) {
       if (this.queueingId) {
         clearTimeout(this.queueingId);
       }
-
       this.queueing = false;
       this.queueingId = undefined;
     }
   }
-
   pushEvent(event) {
     if (event.eventId) {
       this.channelEventQueue.set(event.eventId, event);
     }
   }
-
   popEvent(event) {
     if (event.eventId) {
       this.channelEventQueue.delete(event.eventId);
     }
   }
-
   dispose() {
     if (this.queueingId) {
       clearTimeout(this.queueingId);
       this.queueingId = undefined;
     }
-
     this.channelEventQueue.clear();
   }
-
 }
-
 export default EventQueue;

package/lib/types/common/Constants.d.ts

@@ -150,6 +150,8 @@ export declare const AriaLabels: {
     readonly ReconnectChatPaneIcon: "Reconnect Chat Pane Icon";
     readonly ContinueConversation: "Continue conversation";
     readonly StartNewConversation: "Start new conversation";
+    readonly InputValidationPaneButtonGroup: "Actions";
+    readonly ConfirmationPaneButtonGroup: "Actions";
 };
 export declare const EventNames: {
     new (): {};

package/lib/types/components/confirmationpane/interfaces/IConfirmationPaneControlProps.d.ts

@@ -6,6 +6,7 @@ export interface IConfirmationPaneControlProps {
     titleText?: string;
     hideSubtitle?: boolean;
     subtitleText?: string;
+    buttonGroupAriaLabel?: string;
     hideConfirmButton?: boolean;
     confirmButtonText?: string;
     confirmButtonAriaLabel?: string;

package/lib/types/components/header/interfaces/IHeaderStyleProps.d.ts

@@ -37,4 +37,16 @@ export interface IHeaderStyleProps {
      * header item button fucus style props
      */
     headerItemFocusStyleProps?: IStyle;
+    /**
+     * header left group container style props
+     */
+    headerLeftGroupStyleProps?: IStyle;
+    /**
+     * header left group inner container style props
+     */
+    headerLeftGroupInnerContainerStyleProps?: IStyle;
+    /**
+     * header title container (h1) style props
+     */
+    titleContainerStyleProps?: IStyle;
 }

package/lib/types/components/inputvalidationpane/interfaces/IInputValidationPaneControlProps.d.ts

@@ -15,6 +15,7 @@ export interface IInputValidationPaneControlProps {
     inputPlaceHolder?: string;
     invalidInputErrorMessageText?: string;
     isButtonGroupHorizontal?: boolean;
+    buttonGroupAriaLabel?: string;
     hideSendButton?: boolean;
     enableSendButton?: boolean;
     sendButtonText?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-components",
-  "version": "1.1.16",
+  "version": "1.1.17-main.170e67a",
   "description": "Microsoft Omnichannel Chat Components",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -20,18 +20,19 @@
     "./package.json": "./package.json"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@storybook/addon-a11y": "^6.4.8",
-    "@storybook/addon-actions": "^6.4.8",
-    "@storybook/addon-essentials": "^6.4.8",
+    "@babel/cli": "^7.26.10",
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.10",
+    "@babel/preset-react": "^7.26.10",
+    "@babel/preset-typescript": "^7.26.10",
+    "@storybook/addon-a11y": "^6.5.16",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
     "@storybook/addon-knobs": "^6.4.0",
-    "@storybook/addon-links": "^6.4.8",
+    "@storybook/addon-links": "^6.5.16",
     "@storybook/addon-storyshots": "^6.4.8",
-    "@storybook/react": "^6.4.8",
-    "@storybook/testing-react": "^1.2.1",
+    "@storybook/react": "^6.5.16",
+    "@storybook/testing-react": "^1.3.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^16.3.0",
@@ -40,12 +41,11 @@
     "@types/jest-image-snapshot": "^4.3.1",
     "@types/react": "^18.3.13",
     "@types/react-dom": "^18.3.6",
-    "@types/styled-components": "^5.1.15",
     "@typescript-eslint/eslint-plugin": "^8.33.0",
     "@typescript-eslint/parser": "^8.33.0",
     "babel-jest": "^27.3.1",
     "babel-loader": "^8.2.2",
-    "botframework-directlinejs": "^0.15.0",
+    "browserslist": "^4.24.0",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "eslint": "^9.27.0",
@@ -57,9 +57,14 @@
     "eslint-plugin-storybook": "^0.5.3",
     "jest": "^27.3.1",
     "jest-dom": "^4.0.0",
+    "jest-axe": "^10.0.0",
     "jest-image-snapshot": "^4.5.1",
+    "jest-transform-stub": "^2.0.0",
     "json": "^11.0.0",
     "playwright": "^1.16.3",
+    "@axe-core/playwright": "^4.10.2",
+    "@axe-core/react": "^4.10.2",
+    "accessibility-insights-scan": "^3.0.0",
     "postcss": "^8.3.9",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -70,18 +75,29 @@
   "dependencies": {
     "@fluentui/react": "^8.46.0",
     "adaptivecards": "^2.10.0",
-    "botframework-webchat": "4.18.1-main.20250515.4c7400a",
     "broadcast-channel": "^4.5.0",
-    "jest-transform-stub": "^2.0.0",
-    "rxjs": "^5.0.3",
-    "styled-components": "^5.3.1"
+    "rxjs": "^5.0.3"
   },
   "scripts": {
     "storybook": "start-storybook -p 6006",
     "build-storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider build-storybook",
     "build": "yarn eslint . && yarn build:esm && yarn build:cjs && tsc",
     "test:unit": "jest -c jest.config.unit.cjs --env=jsdom --runInBand --force-exit",
+    "test:a11y": "jest -c jest.config.a11y.cjs --runInBand --force-exit",
     "test:visual": "jest -c jest.config.visual.cjs",
+    "pretest:visual": "yarn playwright install",
+    "test:visual:mobile:ios": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=mobile-iphone yarn test:visual",
+    "test:visual:mobile:android": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=mobile-android yarn test:visual",
+    "test:visual:reflow": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=reflow-320 yarn test:visual",
+    "test:visual:zoom": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=zoom-200 yarn test:visual",
+    "test:visual:forced-colors": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=forced-colors yarn test:visual",
+    "test:visual:contrast-more": "cross-env STORYBOOK_BROWSERS=chromium STORYBOOK_SCREENSHOT_PROFILE=contrast-more yarn test:visual",
+    "scan:a11y:axe": "node ../tools/accessibility/axeScan.cjs",
+    "scan:a11y:axe:gated": "node ../tools/accessibility/axeScan.cjs --gate-rules image-alt,button-name",
+    "scan:a11y:axe:build": "yarn build-storybook && yarn scan:a11y:axe",
+    "scan:a11y:insights": "node ../tools/accessibility/insightsScan.cjs",
+    "scan:a11y:insights:build": "yarn build-storybook && yarn scan:a11y:insights",
+    "scan:a11y": "yarn build-storybook && yarn scan:a11y:axe && yarn scan:a11y:insights",
     "test:all": "yarn test:unit && yarn test:visual",
     "build:cjs": "babel ./src --config-file ./babel.config.json --out-dir lib/cjs --extensions .ts,.js,.tsx --ignore ./**/*.test.ts,./**/*.stories.ts,./**/*.stories.tsx,./**/*.test.tsx",
     "build:esm": "babel ./src --config-file ./babel.esm.config.json --out-dir lib/esm --extensions .ts,.js,.tsx --ignore ./**/*.test.ts,./**/*.stories.ts,./**/*.stories.tsx,./**/*.test.tsx",
@@ -96,6 +112,7 @@
     "**/markdown-it": "12.3.2",
     "**/minimist": "1.2.6",
     "**/sanitize-html": "2.12.1",
-    "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.cd77847.0"
+    "**/lodash": "4.17.23",
+    "**/brace-expansion": "2.0.2"
   }
 }