@microsoft/omnichannel-chat-widget 1.7.7-main.65ecd48 → 1.7.7-main.8517303

package/lib/cjs/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -145,11 +145,6 @@ const PreChatSurveyPaneStateful = props => {
         }
       }
     }
-    // Move focus to the first button
-    const firstElement = (0, _utils.findAllFocusableElement)(`#${controlProps.id}`);
-    if (firstElement && firstElement[0]) {
-      firstElement[0].focus();
-    }
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.PrechatSurveyLoaded
     });
@@ -158,6 +153,16 @@ const PreChatSurveyPaneStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the first element
+  (0, _react.useEffect)(() => {
+    if (!state.appStates.isMinimized) {
+      const firstElement = (0, _utils.findAllFocusableElement)(`#${controlProps.id}`);
+      if (firstElement && firstElement[0]) {
+        firstElement[0].focus();
+      }
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.PreChatSurveyPane, {
     controlProps: controlProps,
     styleProps: styleProps

package/lib/cjs/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -164,6 +164,13 @@ const WebChatContainerStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the sendbox
+  (0, _react2.useEffect)(() => {
+    if (!state.appStates.isMinimized) {
+      (0, _utils.setFocusOnSendBox)();
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
         .webchat__stacked-layout__content .ac-pushButton {
             cursor: pointer;

package/lib/esm/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -136,11 +136,6 @@ export const PreChatSurveyPaneStateful = props => {
         }
       }
     }
-    // Move focus to the first button
-    const firstElement = findAllFocusableElement(`#${controlProps.id}`);
-    if (firstElement && firstElement[0]) {
-      firstElement[0].focus();
-    }
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.PrechatSurveyLoaded
     });
@@ -149,6 +144,16 @@ export const PreChatSurveyPaneStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the first element
+  useEffect(() => {
+    if (!state.appStates.isMinimized) {
+      const firstElement = findAllFocusableElement(`#${controlProps.id}`);
+      if (firstElement && firstElement[0]) {
+        firstElement[0].focus();
+      }
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/React.createElement(PreChatSurveyPane, {
     controlProps: controlProps,
     styleProps: styleProps

package/lib/esm/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -156,6 +156,13 @@ export const WebChatContainerStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the sendbox
+  useEffect(() => {
+    if (!state.appStates.isMinimized) {
+      setFocusOnSendBox();
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
         .webchat__stacked-layout__content .ac-pushButton {
             cursor: pointer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.7-main.65ecd48",
+  "version": "1.7.7-main.8517303",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",