@seamly/web-ui 24.3.0-alpha.1 → 24.3.0-beta.1

package/build/dist/lib/index.js

@@ -2908,6 +2908,7 @@ __webpack_require__.d(__webpack_exports__, {
   Icon: () => (/* reexport */ layout_icon),
   Interrupt: () => (/* reexport */ interrupt),
   MessageContainer: () => (/* reexport */ message_container),
+  SeamlyActivityEventContext: () => (/* reexport */ seamly_activity_event_context),
   SeamlyActivityMonitor: () => (/* reexport */ seamly_activity_monitor),
   SeamlyApiContext: () => (/* reexport */ SeamlyApiContext),
   SeamlyEventBusContext: () => (/* reexport */ SeamlyEventBusContext),
@@ -2933,8 +2934,10 @@ __webpack_require__.d(__webpack_exports__, {
   getUrlSearchParams: () => (/* reexport */ getUrlSearchParams),
   getUrlSearchString: () => (/* reexport */ getUrlSearchString),
   i18nReducer: () => (/* reexport */ i18n_slice),
+  initResetSearchParams: () => (/* reexport */ initResetSearchParams),
   interruptReducer: () => (/* reexport */ interrupt_slice),
   randomId: () => (/* reexport */ randomId),
+  replaceSearchParams: () => (/* reexport */ replaceSearchParams),
   sessionStorageProvider: () => (/* reexport */ store),
   setConfig: () => (/* reexport */ setConfig),
   setInitialLocale: () => (/* reexport */ setInitialLocale),
@@ -4474,7 +4477,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.#layoutMode,
-      clientVersion: "24.3.0-alpha.1",
+      clientVersion: "24.3.0-beta.1",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -12650,7 +12653,6 @@ const useSeamlyHasConversation = () => {
 
 
 
-
 const useSeamlyCommands = () => {
   const api = useSeamlyApiContext();
   const dispatch = useAppDispatch();
@@ -12773,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]);
@@ -14373,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
@@ -14407,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);
@@ -14590,8 +14595,9 @@ const ConversationSuggestions = ({
   const dispatch = useAppDispatch();
   const userHasResponded = useUserHasResponded();
   const {
-    sendAction,
-    addMessageBubble
+    addMessageBubble,
+    emitEvent,
+    sendAction
   } = use_seamly_commands();
   const {
     suggestions,
@@ -14620,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: {
@@ -14633,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;
   }
@@ -14669,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,
@@ -14681,7 +14690,9 @@ const useEventLinkClickHandler = ({
           id: e.target.dataset.linkId,
           url: e.target.getAttribute('href')
         }
-      });
+      };
+      sendAction(action);
+      emitEvent(`action.${action.type}`, action);
     }
   };
   return eventClick;
@@ -17736,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 {
@@ -17793,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,
@@ -18783,8 +18797,9 @@ const Suggestions = ({
     t
   } = useI18n();
   const {
-    sendAction,
-    addMessageBubble
+    addMessageBubble,
+    emitEvent,
+    sendAction
   } = use_seamly_commands();
   const {
     isOpen,
@@ -18855,9 +18870,7 @@ const Suggestions = ({
       continueChat();
     }
     const transactionId = randomId();
-
-    // @todo Refactor to 'suggestionclick'
-    sendAction({
+    const action = {
       type: actionTypes.custom,
       originMessage: payload.id,
       body: {
@@ -18868,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) {
@@ -22740,6 +22757,7 @@ const initResetSearchParams = (...keys) => {
 
 
 
+
 // Used by: Client
 /* harmony default export */ const core = (initializeExternalApi);
 })();