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

package/build/dist/lib/index.debug.js

@@ -869,7 +869,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.#layoutMode,
-      clientVersion: "24.3.0-alpha.2",
+      clientVersion: "24.3.0-beta.1",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: (0,_utils__WEBPACK_IMPORTED_MODULE_10__.getTimeZone)(),
@@ -6650,9 +6650,10 @@ const useChoicePrompt = event => {
   } = event;
   const [showOptions, setShowOptions] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
   const {
-    sendAction,
     addMessageBubble,
-    addDivider
+    addDivider,
+    emitEvent,
+    sendAction
   } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_8__.useSeamlyCommands)();
   const {
     activeServiceSessionId
@@ -6684,20 +6685,28 @@ const useChoicePrompt = event => {
   }, [payload, lastEventId]);
   const onChoiceClickHandler = choice => {
     const transactionId = (0,lib_id__WEBPACK_IMPORTED_MODULE_5__.randomId)();
-    if (chooseAgain) {
-      addDivider('new_topic', transactionId);
-    }
-    addMessageBubble(choice.text, transactionId);
-    sendAction({
+    const action = {
       type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_10__.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);
@@ -6837,8 +6846,9 @@ const ConversationSuggestions = ({
   const dispatch = (0,domains_store__WEBPACK_IMPORTED_MODULE_5__.useAppDispatch)();
   const userHasResponded = (0,domains_app_hooks__WEBPACK_IMPORTED_MODULE_1__.useUserHasResponded)();
   const {
-    sendAction,
-    addMessageBubble
+    addMessageBubble,
+    emitEvent,
+    sendAction
   } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_11__.useSeamlyCommands)();
   const {
     suggestions,
@@ -6867,9 +6877,7 @@ const ConversationSuggestions = ({
     setIsExpanded(false);
     dispatch((0,domains_app_slice__WEBPACK_IMPORTED_MODULE_2__.setHasResponded)(true));
     const transactionId = (0,lib_id__WEBPACK_IMPORTED_MODULE_8__.randomId)();
-
-    // @todo Refactor to 'suggestionclick'
-    sendAction({
+    const action = {
       type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_12__.actionTypes.custom,
       originMessage: payload.id,
       body: {
@@ -6880,9 +6888,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;
   }
@@ -7401,11 +7413,12 @@ const useEventLinkClickHandler = ({
   transactionId
 }) => {
   const {
+    emitEvent,
     sendAction
   } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_0__.useSeamlyCommands)();
   const eventClick = e => {
     if (e.target && e.target.dataset.linkId) {
-      sendAction({
+      const action = {
         type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_1__.actionTypes.navigate,
         originMessage,
         transactionId,
@@ -7413,7 +7426,9 @@ const useEventLinkClickHandler = ({
           id: e.target.dataset.linkId,
           url: e.target.getAttribute('href')
         }
-      });
+      };
+      sendAction(action);
+      emitEvent(`action.${action.type}`, action);
     }
   };
   return eventClick;
@@ -9090,9 +9105,10 @@ function useSeamlyInstanceFunction(functionName, fn, deps = []) {
 const SeamlyInstanceFunctionsLoader = () => {
   const config = (0,domains_config_hooks__WEBPACK_IMPORTED_MODULE_1__.useConfig)();
   const {
-    sendMessage,
+    emitEvent,
+    sendAction,
     sendContext,
-    sendAction
+    sendMessage
   } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_9__.useSeamlyCommands)();
   const dispatch = (0,domains_store__WEBPACK_IMPORTED_MODULE_4__.useAppDispatch)();
   const {
@@ -9147,13 +9163,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,
@@ -11961,8 +11979,9 @@ const Suggestions = ({
     t
   } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_4__.useI18n)();
   const {
-    sendAction,
-    addMessageBubble
+    addMessageBubble,
+    emitEvent,
+    sendAction
   } = (0,ui_hooks_use_seamly_commands__WEBPACK_IMPORTED_MODULE_16__["default"])();
   const {
     isOpen,
@@ -12033,9 +12052,7 @@ const Suggestions = ({
       continueChat();
     }
     const transactionId = (0,lib_id__WEBPACK_IMPORTED_MODULE_10__.randomId)();
-
-    // @todo Refactor to 'suggestionclick'
-    sendAction({
+    const action = {
       type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_21__.actionTypes.custom,
       originMessage: payload.id,
       body: {
@@ -12046,15 +12063,19 @@ const Suggestions = ({
         }
       },
       transactionId
-    });
+    };
+
+    // @todo Refactor to 'suggestionclick'
+    sendAction(action);
     addMessageBubble(question, transactionId);
+    emitEvent(`action.${action.type}`, action);
     if (!isOpen) {
       setVisibility({
         visibility: domains_visibility_constants__WEBPACK_IMPORTED_MODULE_7__.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,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
     if (prevSuggestions.current !== suggestions && !hideSuggestions) {
       if (hasSuggestions) {
@@ -14624,11 +14645,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var domains_visibility_constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! domains/visibility/constants */ "./src/javascripts/core/domains/visibility/constants.ts");
 /* harmony import */ var domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! domains/visibility/hooks */ "./src/javascripts/core/domains/visibility/hooks.ts");
 /* harmony import */ var lib_id__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lib/id */ "./src/javascripts/core/lib/id.ts");
-/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ui/utils/seamly-utils */ "./src/javascripts/core/ui/utils/seamly-utils.ts");
-/* harmony import */ var _event_bus_hooks__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./event-bus-hooks */ "./src/javascripts/core/ui/hooks/event-bus-hooks.ts");
-/* harmony import */ var _seamly_api_hooks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./seamly-api-hooks */ "./src/javascripts/core/ui/hooks/seamly-api-hooks.ts");
-/* harmony import */ var _seamly_state_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./seamly-state-hooks */ "./src/javascripts/core/ui/hooks/seamly-state-hooks.ts");
-
+/* harmony import */ var _event_bus_hooks__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./event-bus-hooks */ "./src/javascripts/core/ui/hooks/event-bus-hooks.ts");
+/* harmony import */ var _seamly_api_hooks__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./seamly-api-hooks */ "./src/javascripts/core/ui/hooks/seamly-api-hooks.ts");
+/* harmony import */ var _seamly_state_hooks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./seamly-state-hooks */ "./src/javascripts/core/ui/hooks/seamly-state-hooks.ts");
 
 
 
@@ -14643,16 +14662,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const useSeamlyCommands = () => {
-  const api = (0,_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_12__.useSeamlyApiContext)();
+  const api = (0,_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_11__.useSeamlyApiContext)();
   const dispatch = (0,domains_store__WEBPACK_IMPORTED_MODULE_5__.useAppDispatch)();
-  const eventBus = (0,_event_bus_hooks__WEBPACK_IMPORTED_MODULE_11__["default"])();
+  const eventBus = (0,_event_bus_hooks__WEBPACK_IMPORTED_MODULE_10__["default"])();
   const userHasResponded = (0,domains_app_hooks__WEBPACK_IMPORTED_MODULE_2__.useUserHasResponded)();
-  const hasConversation = (0,_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_12__.useSeamlyHasConversation)();
+  const hasConversation = (0,_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_11__.useSeamlyHasConversation)();
   const {
     visible: visibility,
     setVisibility
   } = (0,domains_visibility_hooks__WEBPACK_IMPORTED_MODULE_8__.useVisibility)();
-  const unreadMessageCount = (0,_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_13__.useSeamlyUnreadCount)();
+  const unreadMessageCount = (0,_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_12__.useSeamlyUnreadCount)();
   const emitEvent = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback)((...args) => {
     // @ts-ignore
     eventBus.emit(...args);
@@ -14764,13 +14783,7 @@ const useSeamlyCommands = () => {
       return;
     }
     api.send('action', body);
-    const {
-      type
-    } = body;
-    if (type !== ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_10__.actionTypes.typing && type !== ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_10__.actionTypes.read) {
-      emitEvent(`action.${type}`, body);
-    }
-  }, [api, emitEvent]);
+  }, [api]);
   const sendContext = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback)(context => {
     api.sendContext(context);
   }, [api]);