@seamly/web-ui 20.6.0 → 20.7.0

package/build/dist/lib/index.js

@@ -9171,9 +9171,9 @@ const seamlyStateReducer = (state, action) => {
 
 
       if (accountHasUploads && (eventType === eventTypes.message || eventType === eventTypes.participant) && !payload.fromClient) {
-        const {
-          type: entryType
-        } = payload.entry || {};
+        var _payload$entry;
+
+        const entryType = payload === null || payload === void 0 ? void 0 : (_payload$entry = payload.entry) === null || _payload$entry === void 0 ? void 0 : _payload$entry.type;
         newOptions = seamly_utils_objectSpread(seamly_utils_objectSpread({}, newOptions), {}, {
           features: seamly_utils_objectSpread(seamly_utils_objectSpread({}, newOptions.features), {}, {
             uploads: seamly_utils_objectSpread(seamly_utils_objectSpread({}, newOptions.features.uploads), {}, {
@@ -9300,12 +9300,9 @@ const seamlyStateReducer = (state, action) => {
       const newFeaturesHasUpload = newFeatures.hasOwnProperty(featureKeys.uploads); // Only set uploads if it was initialised by the account config.
 
       if (newFeaturesHasUpload) {
-        const {
-          payload: lastParticipantEventPayload
-        } = lastParticipantEvent;
-        const {
-          type: entryType
-        } = lastParticipantEventPayload.entry || {};
+        var _lastParticipantEvent, _lastParticipantEvent2;
+
+        const entryType = lastParticipantEvent === null || lastParticipantEvent === void 0 ? void 0 : (_lastParticipantEvent = lastParticipantEvent.payload) === null || _lastParticipantEvent === void 0 ? void 0 : (_lastParticipantEvent2 = _lastParticipantEvent.entry) === null || _lastParticipantEvent2 === void 0 ? void 0 : _lastParticipantEvent2.type;
         newFeatures = seamly_utils_objectSpread(seamly_utils_objectSpread({}, newFeatures), {}, {
           uploads: {
             enabled: !!(uploads && uploads.enabled),
@@ -11822,20 +11819,6 @@ const useSeamlyCommands = () => {
       }
     });
   }, [dispatch]);
-  const sendInfo = (0,hooks_namespaceObject.useCallback)(({
-    type,
-    subtype
-  }) => {
-    const info = {
-      type,
-      subtype,
-      id: randomId(),
-      transactionId: randomId(),
-      participant: userParticipantId,
-      fromClient: true
-    };
-    api.send('info', info);
-  }, [api]);
   const sendAction = (0,hooks_namespaceObject.useCallback)(body => {
     if (!body) {
       return;
@@ -11878,7 +11861,6 @@ const useSeamlyCommands = () => {
     connect,
     start,
     sendMessage,
-    sendInfo,
     sendAction,
     sendContext,
     reset,
@@ -14205,16 +14187,15 @@ const SuggestionsList = ({
 
 
 
-
 
 
 const Suggestions = ({
-  isAside
+  isAside = false
 }) => {
   // generic hooks
   const {
-    layoutMode
-  } = useConfig();
+    isInline
+  } = useSeamlyLayoutMode();
   const {
     t
   } = useI18n();
@@ -14256,11 +14237,20 @@ const Suggestions = ({
   const prevHasSuggestions = (0,hooks_namespaceObject.useRef)(false);
   const previousRenderedSuggestions = (0,hooks_namespaceObject.useRef)([]);
   const hasSuggestions = !!suggestions.length;
-  const hideSuggestions = layoutMode === 'inline' ? (hasResponded || isOpen) && !isAside : hasResponded;
+  const hideSuggestions = isInline ? (hasResponded || isOpen) && !isAside : hasResponded;
   const prevHideSuggestions = (0,hooks_namespaceObject.useRef)(hideSuggestions);
   const showSuggestionsContainer = hasSuggestions && !hideSuggestions;
   const renderedSuggestions = hasSuggestions ? suggestions : previousRenderedSuggestions.current;
-  previousRenderedSuggestions.current = renderedSuggestions; // click handler
+  previousRenderedSuggestions.current = renderedSuggestions;
+  const suggestionsClassNames = (0,hooks_namespaceObject.useMemo)(() => {
+    const classNames = ['suggestions'];
+
+    if (isAside) {
+      classNames.push('suggestions--aside');
+    }
+
+    return css_className(classNames);
+  }, [isAside]); // click handler
 
   const handleClick = (0,hooks_namespaceObject.useCallback)(({
     id,
@@ -14325,7 +14315,7 @@ const Suggestions = ({
     isActive: showSuggestionsContainer,
     transitionStartState: transitionStartStates.notRendered,
     children: (0,jsx_runtime_namespaceObject.jsxs)(ContainerElement, {
-      className: css_className('suggestions'),
+      className: suggestionsClassNames,
       "aria-labelledby": headingText ? sectionId : null,
       ref: containerRef,
       children: [headingText && (0,jsx_runtime_namespaceObject.jsx)("p", {
@@ -22518,7 +22508,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.layoutMode,
-      clientVersion: "20.6.0",
+      clientVersion: "20.7.0",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),