Use named exports

Author: compulim

__tests__/html2/simple/fatModule/esm.run/supportPolymiddleware.reactDOMRender.html

@@ -11,6 +11,7 @@
       {
         "imports": {
           "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "botframework-webchat/hook": "/__dist__/packages/bundle/static/botframework-webchat/hook.js",
           "botframework-webchat/middleware": "/__dist__/packages/bundle/static/botframework-webchat/middleware.js",
           "react": "https://cdn.jsdelivr.net/npm/react@18.3.1/+esm",
           "react-dom": "https://cdn.jsdelivr.net/npm/react-dom@18.3.1/+esm",
@@ -20,11 +21,11 @@
     </script>
     <script type="module">
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
+      import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
       import { createElement } from 'react';
       import { render } from 'react-dom';
 
-      const { useStyleOptions } = hooks;
       const {
         testHelpers: { createDirectLineEmulator }
       } = window;

__tests__/html2/simple/fatModule/esm.run/supportPolymiddleware.reactDOMRender.withCreateRoot.html

@@ -11,6 +11,7 @@
       {
         "imports": {
           "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "botframework-webchat/hook": "/__dist__/packages/bundle/static/botframework-webchat/hook.js",
           "botframework-webchat/middleware": "/__dist__/packages/bundle/static/botframework-webchat/middleware.js",
           "react": "https://cdn.jsdelivr.net/npm/react@18.3.1/+esm",
           "react-dom": "https://cdn.jsdelivr.net/npm/react-dom@18.3.1/+esm",
@@ -20,11 +21,11 @@
     </script>
     <script type="module">
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
+      import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
       import { createElement } from 'react';
       import { createRoot } from 'react-dom/client';
 
-      const { useStyleOptions } = hooks;
       const {
         testHelpers: { createDirectLineEmulator }
       } = window;

__tests__/html2/simple/fatModule/esm.run/supportPolymiddleware.renderWebChat.html

@@ -11,6 +11,7 @@
       {
         "imports": {
           "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "botframework-webchat/hook": "/__dist__/packages/bundle/static/botframework-webchat/hook.js",
           "botframework-webchat/middleware": "/__dist__/packages/bundle/static/botframework-webchat/middleware.js",
           "react": "https://cdn.jsdelivr.net/npm/react@18.3.1/+esm",
           "react-dom": "https://cdn.jsdelivr.net/npm/react-dom@18.3.1/+esm",
@@ -20,10 +21,10 @@
     </script>
     <script type="module">
       import { createDirectLine, createStoreWithOptions, hooks, renderWebChat } from 'botframework-webchat';
+      import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
       import { createElement } from 'react';
 
-      const { useStyleOptions } = hooks;
       const {
         testHelpers: { createDirectLineEmulator }
       } = window;

__tests__/html2/simple/fatModule/esm.sh/fluentTheme.html

@@ -57,7 +57,6 @@
         }
       });
 
-      const { useStyleOptions } = hooks;
       const {
         testHelpers: { createDirectLineEmulator }
       } = window;

__tests__/html2/simple/fatModule/esm.sh/tsx/fluentTheme.html

@@ -57,7 +57,6 @@
         }
       });
 
-      const { useStyleOptions } = hooks;
       const {
         testHelpers: { createDirectLineEmulator }
       } = window;

__tests__/html2/simple/fatModule/esm.sh/tsx/supportPolymiddleware.reactDOMRender.withCreateRoot.html

@@ -11,6 +11,7 @@
       {
         "imports": {
           "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "botframework-webchat/hook": "/__dist__/packages/bundle/static/botframework-webchat/hook.js",
           "botframework-webchat/middleware": "/__dist__/packages/bundle/static/botframework-webchat/middleware.js",
           "react": "https://esm.sh/react@18",
           "react-dom": "https://esm.sh/react-dom@18",
@@ -21,11 +22,11 @@
     <script src="https://esm.sh/tsx" type="module"></script>
     <script type="text/babel">
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
+      import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
       import { createElement } from 'react';
       import { createRoot } from 'react-dom/client';
 
-      const { useStyleOptions } = hooks;
       const {
         testHelpers: { createDirectLineEmulator }
       } = window;

__tests__/html2/simple/fatModule/supportPolymiddleware.reactDOMRender.html

@@ -11,6 +11,7 @@
       {
         "imports": {
           "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "botframework-webchat/hook": "/__dist__/packages/bundle/static/botframework-webchat/hook.js",
           "botframework-webchat/middleware": "/__dist__/packages/bundle/static/botframework-webchat/middleware.js",
           "react": "/__dist__/packages/bundle/static/react.js",
           "react-dom": "/__dist__/packages/bundle/static/react-dom.js"
@@ -19,11 +20,11 @@
     </script>
     <script type="module">
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
+      import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
       import { createElement } from 'react';
       import { render } from 'react-dom';
 
-      const { useStyleOptions } = hooks;
       const {
         testHelpers: { createDirectLineEmulator }
       } = window;

__tests__/html2/simple/fatModule/supportPolymiddleware.renderWebChat.html

@@ -11,6 +11,7 @@
       {
         "imports": {
           "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "botframework-webchat/hook": "/__dist__/packages/bundle/static/botframework-webchat/hook.js",
           "botframework-webchat/middleware": "/__dist__/packages/bundle/static/botframework-webchat/middleware.js",
           "react": "/__dist__/packages/bundle/static/react.js",
           "react-dom": "/__dist__/packages/bundle/static/react-dom.js"
@@ -19,10 +20,10 @@
     </script>
     <script type="module">
       import { createDirectLine, createStoreWithOptions, hooks, renderWebChat } from 'botframework-webchat';
+      import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
       import { createElement } from 'react';
 
-      const { useStyleOptions } = hooks;
       const {
         testHelpers: { createDirectLineEmulator }
       } = window;