fix warning display

Author: OEvgeny

__tests__/html/fluentTheme/hideAttachFileButton.html

@@ -20,6 +20,13 @@
           WebChat: { FluentThemeProvider, ReactWebChat }
         } = window; // Imports in UMD fashion.
 
+        const warnings = [];
+        const warn = console.warn.bind(console);
+        console.warn = (message) => {
+          warnings.push(message);
+          warn(message);
+        };
+
         const { directLine, store } = testHelpers.createDirectLineEmulator();
 
         const App = () => (
@@ -34,10 +41,15 @@
         );
 
         await pageConditions.uiConnected();
+        
+        expect(warnings).toEqual([
+          'Web Chat: "hideUploadButton" is deprecated. Please use "disableFileUpload" instead.'
+        ]);
 
         // THEN: No attach button should be render.
         expect(pageElements.byTestId(WebChat.testIds.sendBoxUploadButton)).toBeFalsy();
         await host.snapshot();
+
       });
     </script>
   </body>

packages/api/src/StyleOptions.ts

@@ -1002,7 +1002,12 @@ type StyleOptions = {
 type StrictStyleOptions = Required<
   Omit<
     StyleOptions,
-    'bubbleImageHeight' | 'bubbleMaxWidth' | 'bubbleMinWidth' | 'hideScrollToEndButton' | 'newMessagesButtonFontSize'
+    | 'bubbleImageHeight'
+    | 'bubbleMaxWidth'
+    | 'bubbleMinWidth'
+    | 'hideScrollToEndButton'
+    | 'hideUploadButton'
+    | 'newMessagesButtonFontSize'
   >
 > & {
   bubbleFromUserNubOffset: number;

packages/api/src/defaultStyleOptions.ts

@@ -101,7 +101,7 @@ const DEFAULT_OPTIONS: Required<StyleOptions> = {
   disableFileUpload: false,
   hideSendBox: false,
   hideTelephoneKeypadButton: true,
-  hideUploadButton: false,
+  hideUploadButton: undefined, // Deprecated as of 4.19.0.
   microphoneButtonColorOnDictate: '#F33',
   sendAttachmentOn: 'send',
   sendBoxBackground: 'White',

packages/api/src/patchStyleOptionsFromDeprecatedProps.js

@@ -11,7 +11,7 @@ export default function patchStyleOptionsFromDeprecatedProps(styleOptions) {
   }
 
   // Rectify deprecated "hideUploadButton" into "disableFileUpload"
-  if ('hideUploadButton' in styleOptions && !('disableFileUpload' in styleOptions)) {
+  if (styleOptions.hideUploadButton !== undefined) {
     console.warn('Web Chat: "hideUploadButton" is deprecated. Please use "disableFileUpload" instead.');
 
     styleOptions = updateIn(styleOptions, ['disableFileUpload'], () => !!styleOptions.hideUploadButton);