@seamly/web-ui 24.3.0-alpha.2 → 24.3.0

package/build/dist/lib/index.js

@@ -4477,7 +4477,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.#layoutMode,
-      clientVersion: "24.3.0-alpha.2",
+      clientVersion: "24.3.0",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -12653,7 +12653,6 @@ const useSeamlyHasConversation = () => {
 
 
 
-
 const useSeamlyCommands = () => {
   const api = useSeamlyApiContext();
   const dispatch = useAppDispatch();
@@ -12776,13 +12775,7 @@ const useSeamlyCommands = () => {
       return;
     }
     api.send('action', body);
-    const {
-      type
-    } = body;
-    if (type !== actionTypes.typing && type !== actionTypes.read) {
-      emitEvent(`action.${type}`, body);
-    }
-  }, [api, emitEvent]);
+  }, [api]);
   const sendContext = (0,hooks_.useCallback)(context => {
     api.sendContext(context);
   }, [api]);
@@ -14376,9 +14369,10 @@ const useChoicePrompt = event => {
   } = event;
   const [showOptions, setShowOptions] = (0,hooks_.useState)(false);
   const {
-    sendAction,
     addMessageBubble,
-    addDivider
+    addDivider,
+    emitEvent,
+    sendAction
   } = use_seamly_commands();
   const {
     activeServiceSessionId
@@ -14410,20 +14404,28 @@ const useChoicePrompt = event => {
   }, [payload, lastEventId]);
   const onChoiceClickHandler = choice => {
     const transactionId = randomId();
-    if (chooseAgain) {
-      addDivider('new_topic', transactionId);
-    }
-    addMessageBubble(choice.text, transactionId);
-    sendAction({
+    const action = {
       type: actionTypes.pickChoice,
       originMessage: payload.id,
       choice: {
-        id: choice.id,
-        chooseAgain
+        chooseAgain,
+        id: choice.id
       },
       transactionId
-    });
+    };
+    if (chooseAgain) {
+      addDivider('new_topic', transactionId);
+    }
+    addMessageBubble(choice.text, transactionId);
+    sendAction(action);
     setShowOptions(false);
+    emitEvent(`action.${action.type}`, {
+      ...action,
+      choice: {
+        ...action.choice,
+        text: choice.text
+      }
+    });
   };
   const onChooseAgainClickHandler = () => {
     setShowOptions(s => !s);
@@ -14593,8 +14595,9 @@ const ConversationSuggestions = ({
   const dispatch = useAppDispatch();
   const userHasResponded = useUserHasResponded();
   const {
-    sendAction,
-    addMessageBubble
+    addMessageBubble,
+    emitEvent,
+    sendAction
   } = use_seamly_commands();
   const {
     suggestions,
@@ -14623,9 +14626,7 @@ const ConversationSuggestions = ({
     setIsExpanded(false);
     dispatch(setHasResponded(true));
     const transactionId = randomId();
-
-    // @todo Refactor to 'suggestionclick'
-    sendAction({
+    const action = {
       type: actionTypes.custom,
       originMessage: payload.id,
       body: {
@@ -14636,9 +14637,13 @@ const ConversationSuggestions = ({
         }
       },
       transactionId
-    });
+    };
+
+    // @todo Refactor to 'suggestionclick'
+    sendAction(action);
     addMessageBubble(question, transactionId);
-  }, [dispatch, sendAction, payload.id, addMessageBubble]);
+    emitEvent(`action.${action.type}`, action);
+  }, [addMessageBubble, dispatch, emitEvent, payload.id, sendAction]);
   if (!isExpanded || userHasResponded || !hasLastTransactionEvent || !showSuggestions) {
     return null;
   }
@@ -14672,11 +14677,12 @@ const useEventLinkClickHandler = ({
   transactionId
 }) => {
   const {
+    emitEvent,
     sendAction
   } = use_seamly_commands();
   const eventClick = e => {
     if (e.target && e.target.dataset.linkId) {
-      sendAction({
+      const action = {
         type: actionTypes.navigate,
         originMessage,
         transactionId,
@@ -14684,7 +14690,9 @@ const useEventLinkClickHandler = ({
           id: e.target.dataset.linkId,
           url: e.target.getAttribute('href')
         }
-      });
+      };
+      sendAction(action);
+      emitEvent(`action.${action.type}`, action);
     }
   };
   return eventClick;
@@ -17739,9 +17747,10 @@ function useSeamlyInstanceFunction(functionName, fn, deps = []) {
 const SeamlyInstanceFunctionsLoader = () => {
   const config = useConfig();
   const {
-    sendMessage,
+    emitEvent,
+    sendAction,
     sendContext,
-    sendAction
+    sendMessage
   } = use_seamly_commands();
   const dispatch = useAppDispatch();
   const {
@@ -17796,13 +17805,15 @@ const SeamlyInstanceFunctionsLoader = () => {
     setVisibility(args);
   }, [config.api]);
   useSeamlyInstanceFunction('sendCustomAction', (actionType, body) => {
-    sendAction({
+    const action = {
       type: 'custom',
       body: {
         type: actionType,
         body
       }
-    });
+    };
+    sendAction(action);
+    emitEvent(`action.${action.type}`, action);
   }, [api.send]);
   useSeamlyInstanceFunction('setTopic', ({
     name,
@@ -18786,8 +18797,9 @@ const Suggestions = ({
     t
   } = useI18n();
   const {
-    sendAction,
-    addMessageBubble
+    addMessageBubble,
+    emitEvent,
+    sendAction
   } = use_seamly_commands();
   const {
     isOpen,
@@ -18858,9 +18870,7 @@ const Suggestions = ({
       continueChat();
     }
     const transactionId = randomId();
-
-    // @todo Refactor to 'suggestionclick'
-    sendAction({
+    const action = {
       type: actionTypes.custom,
       originMessage: payload.id,
       body: {
@@ -18871,15 +18881,19 @@ const Suggestions = ({
         }
       },
       transactionId
-    });
+    };
+
+    // @todo Refactor to 'suggestionclick'
+    sendAction(action);
     addMessageBubble(question, transactionId);
+    emitEvent(`action.${action.type}`, action);
     if (!isOpen) {
       setVisibility({
         visibility: visibilityStates.open
       });
     }
     focusSkiplinkTarget();
-  }, [addMessageBubble, continueChat, endCountdown, focusSkiplinkTarget, hasCountdown, hasPrompt, payload, sendAction, setVisibility, isOpen]);
+  }, [addMessageBubble, continueChat, endCountdown, emitEvent, focusSkiplinkTarget, hasCountdown, hasPrompt, isOpen, payload, sendAction, setVisibility]);
   (0,hooks_.useEffect)(() => {
     if (prevSuggestions.current !== suggestions && !hideSuggestions) {
       if (hasSuggestions) {