@seamly/web-ui 21.0.2-beta.3 → 21.0.2-beta.4

package/build/dist/lib/utils.min.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-* focus-trap 7.0.0
+* focus-trap 7.1.0
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "21.0.2-beta.3",
+  "version": "21.0.2-beta.4",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "module": "",

package/src/javascripts/index.ts

@@ -20,6 +20,7 @@ export { visibilityStates } from 'domains/visibility/constants'
 export { useVisibility as useSeamlyVisibility } from 'domains/visibility/hooks'
 export { calculateVisibility } from 'domains/visibility/utils'
 // Used by: StyleGuide
+export { Provider as SeamlyStoreProvider } from 'react-redux'
 export { default as ComponentFilter } from 'ui/components/conversation/component-filter'
 // Used by: Client
 export { default as Conversation } from 'ui/components/conversation/conversation'

package/src/javascripts/lib/external-api/index.js

@@ -51,7 +51,20 @@ class ExternalApi {
     })
   }
 
+  instanceInitializing(namespace) {
+    const instances = Object.keys(this._instances)
+
+    return (!namespace && instances.length > 0) || instances.includes(namespace)
+  }
+
   setContext(action, args) {
+    const { instance: namespace } = args
+    // Do not set this action in context if we are already initializing.
+    // If we do, it will not be sent to the server anymore (because it gets marked as 'handled').
+    if (this.instanceInitializing(namespace)) {
+      return false
+    }
+
     switch (action) {
       case 'setTopic':
         const { name } = args
@@ -118,11 +131,11 @@ class ExternalApi {
 
     // results will be an array containing the results of wether an instance has
     // handled the action or not
-    const results = instances.map((instance) => {
-      return !namespace || instance.namespace === namespace
+    const results = instances.map((instance) =>
+      !namespace || instance.namespace === namespace
         ? instance.execFunction(action, ...args)
-        : false
-    })
+        : false,
+    )
 
     // test if any of the instances has handled the action
     return results.some(Boolean)

package/src/javascripts/style-guide/components/static-core.js

@@ -1,13 +1,12 @@
 import { configureStore } from '@reduxjs/toolkit'
-import { useMemo, useRef } from 'preact/hooks'
-import { Provider } from 'react-redux'
-import ComponentFilter from 'ui/components/conversation/component-filter'
 import {
+  ComponentFilter,
   SeamlyApiContext,
   SeamlyEventBusContext,
-} from 'ui/components/core/seamly-api-context'
-import SeamlyChat from 'ui/components/core/seamly-chat'
-import { SeamlyLiveRegionContext } from 'ui/components/core/seamly-live-region-context'
+  SeamlyLiveRegionContext,
+  SeamlyStoreProvider,
+} from '@seamly/web-ui'
+import { useMemo, useRef } from 'preact/hooks'
 import appReducer from 'domains/app/slice'
 import configReducer, {
   setConfig,
@@ -120,17 +119,15 @@ const SeamlyStaticCore = ({
 
   return (
     state && (
-      <Provider store={store}>
+      <SeamlyStoreProvider store={store}>
         <SeamlyEventBusContext.Provider value={eventBusRef.current}>
           <SeamlyLiveRegionContext.Provider value={liveMsgRef.current}>
             <SeamlyApiContext.Provider value={bareApi}>
-              <SeamlyChat>
-                <ComponentFilter>{children}</ComponentFilter>
-              </SeamlyChat>
+              <ComponentFilter>{children}</ComponentFilter>
             </SeamlyApiContext.Provider>
           </SeamlyLiveRegionContext.Provider>
         </SeamlyEventBusContext.Provider>
-      </Provider>
+      </SeamlyStoreProvider>
     )
   )
 }