Use hooks

Author: compulim

…tStylesElementsComposer/changeNonce.html …useInjectStylesElements/changeNonce.html__tests__/html2/provider/InjectStylesElementsComposer/changeNonce.html renamed to __tests__/html2/hooks/useInjectStylesElements/changeNonce.html __tests__/html2/provider/InjectStylesElementsComposer/changeNonce.html renamed to __tests__/html2/hooks/useInjectStylesElements/changeNonce.html

@@ -17,7 +17,7 @@
         testHelpers: { createDirectLineEmulator },
         WebChat: {
           Components: { ThemeProvider },
-          internal: { InjectStyleElementsComposer }
+          internal: { useInjectStyleElements }
         }
       } = window;
 
@@ -44,7 +44,7 @@
             new Promise(resolve =>
               ReactDOM.render(
                 <ThemeProvider styleOptions={stylesRoot ? { stylesRoot } : {}}>
-                  <InjectStyleElementsComposer nonce={nonce} styleElements={styleElements} />
+                  <RunFunction fn={() => resolve(useInjectStyleElements({ nonce, styleElements }))} />
                 </ThemeProvider>,
                 document.getElementById('webchat'),
                 resolve

…entsComposer/changeNonce.html.snap-1.png …ylesElements/changeNonce.html.snap-1.png__tests__/html2/provider/InjectStylesElementsComposer/changeNonce.html.snap-1.png renamed to __tests__/html2/hooks/useInjectStylesElements/changeNonce.html.snap-1.png __tests__/html2/provider/InjectStylesElementsComposer/changeNonce.html.snap-1.png renamed to __tests__/html2/hooks/useInjectStylesElements/changeNonce.html.snap-1.png

@@ -16,7 +16,7 @@
         testHelpers: { createDirectLineEmulator },
         WebChat: {
           Components: { ThemeProvider },
-          internal: { InjectStyleElementsComposer }
+          internal: { useInjectStyleElements }
         }
       } = window;
 
@@ -42,7 +42,7 @@
           new Promise(resolve =>
             ReactDOM.render(
               <ThemeProvider styleOptions={stylesRoot ? { stylesRoot } : {}}>
-                <InjectStyleElementsComposer nonce={nonce} styleElements={styleElements} />
+                <RunFunction fn={() => resolve(useInjectStyleElements({ nonce, styleElements }))} />
               </ThemeProvider>,
               document.getElementById('webchat'),
               resolve

…entsComposer/changeNonce.html.snap-2.png …ylesElements/changeNonce.html.snap-2.png__tests__/html2/provider/InjectStylesElementsComposer/changeNonce.html.snap-2.png renamed to __tests__/html2/hooks/useInjectStylesElements/changeNonce.html.snap-2.png __tests__/html2/provider/InjectStylesElementsComposer/changeNonce.html.snap-2.png renamed to __tests__/html2/hooks/useInjectStylesElements/changeNonce.html.snap-2.png

@@ -16,7 +16,7 @@
         testHelpers: { createDirectLineEmulator },
         WebChat: {
           Components: { ThemeProvider },
-          internal: { InjectStyleElementsComposer }
+          internal: { useInjectStyleElements }
         }
       } = window;
 
@@ -42,7 +42,7 @@
           new Promise(resolve =>
             ReactDOM.render(
               <ThemeProvider styleOptions={stylesRoot ? { stylesRoot } : {}}>
-                <InjectStyleElementsComposer nonce={nonce} styleElements={styleElements} />
+                <RunFunction fn={() => resolve(useInjectStyleElements({ nonce, styleElements }))} />
               </ThemeProvider>,
               document.getElementById('webchat'),
               resolve