feat(sui-widget-embedder): support browser context in widget

Author: Rafael Moral Pareja

package.json

@@ -67,5 +67,8 @@
   "prettier": "./node_modules/@s-ui/lint/.prettierrc.js",
   "stylelint": {
     "extends": "./node_modules/@s-ui/lint/stylelint.config.js"
+  },
+  "dependencies": {
+    "undefined": "^0.1.0"
   }
 }

packages/sui-widget-embedder/src-react/Widget.js

@@ -10,15 +10,23 @@ export default class Widget extends Component {
     node: PropTypes.string,
     i18n: PropTypes.object,
     domain: PropTypes.object,
-    isVisible: PropTypes.bool
+    isVisible: PropTypes.bool,
+    browser: PropTypes.object
   }
 
   static defaultProps = {
     isVisible: true
   }
 
   componentDidMount() {
-    const {node: selector, children, i18n, domain, isVisible} = this.props
+    const {
+      node: selector,
+      children,
+      i18n,
+      domain,
+      isVisible,
+      browser
+    } = this.props
     const node = document.querySelector(selector)
 
     if (!node) {
@@ -30,10 +38,11 @@ export default class Widget extends Component {
         <Context.Provider
           value={{
             i18n,
-            domain
+            domain,
+            browser
           }}
         >
-          <ProviderLegacy i18n={i18n} domain={domain}>
+          <ProviderLegacy i18n={i18n} domain={domain} browser={browser}>
             {children}
           </ProviderLegacy>
         </Context.Provider>,