@seamly/web-ui 24.3.1 → 24.4.1

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

@@ -13998,7 +13998,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.#layoutMode,
-      clientVersion: "24.3.1",
+      clientVersion: "24.4.1",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: (0,_utils__WEBPACK_IMPORTED_MODULE_10__.getTimeZone)(),
@@ -15920,6 +15920,7 @@ const selectShowNotifications = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_6__
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   addEvent: () => (/* binding */ addEvent),
+/* harmony export */   calculateNewEntryMeta: () => (/* binding */ calculateNewEntryMeta),
 /* harmony export */   clearAbortTransaction: () => (/* binding */ clearAbortTransaction),
 /* harmony export */   clearAllUploads: () => (/* binding */ clearAllUploads),
 /* harmony export */   clearEvents: () => (/* binding */ clearEvents),
@@ -16077,6 +16078,10 @@ const participantReducer = (participantInfo, action) => {
   };
 };
 const calculateNewEntryMeta = (entryMeta, channelEvent) => {
+  // Events originating from the client should leave the entry meta as is
+  if (channelEvent?.payload?.fromClient === true) {
+    return entryMeta;
+  }
   const entry = channelEvent?.type === 'message' ? channelEvent?.payload.translatedEntry || channelEvent?.payload.entry : {
     options: undefined,
     type: undefined
@@ -16298,7 +16303,7 @@ const storeSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_12__.createSlice
       // Use the messages from the payload, as `events` only contains displayable ones.
       // The first participant message found is the 'last', as we receive them from newest to oldest.
       const lastParticipantEvent = messages.find(m => m.type === 'participant');
-      // @ts-ignore TypeScript incorrectly assumes that the payload can be any of info/message/participant
+      // @ts-expect-error TypeScript incorrectly assumes that the payload can be any of info/message/participant
       const lastParticipantId = lastParticipantEvent?.payload?.participant?.id;
       const {
         entry
@@ -16312,10 +16317,25 @@ const storeSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_12__.createSlice
           ...(entry?.options ? entry.options : {})
         }
       }, events[events.length - 1]);
-      const newFeatures = {
+      let newFeatures = {
         ...state.options.features
       };
+      // The first service message found is the 'last', as we receive them from newest to oldest.
+      const lastServiceMessage = messages.find(m => !m.payload.fromClient && ['message', 'participant'].includes(m.type));
       const newFeaturesHasUpload = newFeatures.hasOwnProperty(ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_11__.featureKeys.uploads);
+
+      // Check for upload enabled by entry type
+      if (newFeaturesHasUpload && lastServiceMessage?.type === 'message') {
+        // @ts-expect-error TypeScript incorrectly assumes that the payload can be any of info/message/participant
+        const entryType = lastServiceMessage.payload.entry?.type || '';
+        newFeatures = {
+          ...newFeatures,
+          uploads: {
+            enabled: newFeatures.uploads?.enabled || false,
+            enabledFromEntry: entryType === ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_11__.entryTypes.upload
+          }
+        };
+      }
       state.unreadEvents = unreadMessageCount;
       state.userHasResponded = userResponded;
       state.events = events.filter(e => e.type !== 'participant' || !!e.payload.participant?.introduction);
@@ -19932,10 +19952,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lib_id__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lib/id */ "./src/javascripts/core/lib/id.ts");
 /* harmony import */ var ui_components_conversation_message_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ui/components/conversation/message-container */ "./src/javascripts/core/ui/components/conversation/message-container.tsx");
 /* harmony import */ var ui_components_layout_icon__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ui/components/layout/icon */ "./src/javascripts/core/ui/components/layout/icon.tsx");
-/* harmony import */ var ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ui/hooks/seamly-hooks */ "./src/javascripts/core/ui/hooks/seamly-hooks.ts");
-/* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ui/utils/general-utils */ "./src/javascripts/core/ui/utils/general-utils.ts");
-/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ui/utils/seamly-utils */ "./src/javascripts/core/ui/utils/seamly-utils.ts");
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/preact/compat/jsx-runtime.mjs");
+/* harmony import */ var ui_hooks_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ui/hooks/seamly-api-hooks */ "./src/javascripts/core/ui/hooks/seamly-api-hooks.ts");
+/* harmony import */ var ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ui/hooks/seamly-hooks */ "./src/javascripts/core/ui/hooks/seamly-hooks.ts");
+/* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ui/utils/general-utils */ "./src/javascripts/core/ui/utils/general-utils.ts");
+/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ui/utils/seamly-utils */ "./src/javascripts/core/ui/utils/seamly-utils.ts");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/preact/compat/jsx-runtime.mjs");
+
 
 
 
@@ -19960,11 +19982,12 @@ const useChoicePrompt = event => {
     addMessageBubble,
     emitEvent,
     sendAction
-  } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_11__.useSeamlyCommands)();
+  } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_12__.useSeamlyCommands)();
+  const hasConversation = (0,ui_hooks_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_11__.useSeamlyHasConversation)();
   const {
     activeServiceSessionId
-  } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_11__.useSeamlyServiceInfo)();
-  const lastEventId = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_11__.useLastMessageEventId)();
+  } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_12__.useSeamlyServiceInfo)();
+  const lastEventId = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_12__.useLastMessageEventId)();
   const {
     body
   } = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_6__.useTranslatedEventData)(event);
@@ -19990,9 +20013,13 @@ const useChoicePrompt = event => {
     setShowOptions(payload.id === lastEventId);
   }, [payload, lastEventId]);
   const onChoiceClickHandler = choice => {
+    // Do not allow interaction without a conversation
+    if (!hasConversation()) {
+      return;
+    }
     const transactionId = (0,lib_id__WEBPACK_IMPORTED_MODULE_8__.randomId)();
     const action = {
-      type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_13__.actionTypes.pickChoice,
+      type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_14__.actionTypes.pickChoice,
       originMessage: payload.id,
       choice: {
         chooseAgain,
@@ -20031,7 +20058,7 @@ const ChoicePrompt = ({
   const {
     t
   } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_5__.useI18n)();
-  const descriptorId = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_11__.useGeneratedId)();
+  const descriptorId = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_12__.useGeneratedId)();
   const {
     body,
     subEvent,
@@ -20040,8 +20067,8 @@ const ChoicePrompt = ({
     onChoiceClickHandler,
     onChooseAgainClickHandler
   } = useChoicePrompt(event);
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.Fragment, {
-    children: [(0,preact__WEBPACK_IMPORTED_MODULE_3__.toChildArray)(children).filter(ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_12__.childIsVNode).map(child => {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment, {
+    children: [(0,preact__WEBPACK_IMPORTED_MODULE_3__.toChildArray)(children).filter(ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_13__.childIsVNode).map(child => {
       child.props = {
         ...child.props,
         event: subEvent,
@@ -20049,29 +20076,29 @@ const ChoicePrompt = ({
         showTranslationToggle: false
       };
       return child;
-    }), chooseAgain && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsxs)("button", {
+    }), chooseAgain && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)("button", {
       type: "button",
       className: (0,lib_css__WEBPACK_IMPORTED_MODULE_7__.className)('button', 'button--secondary', 'button--choose-again'),
       "aria-expanded": showOptions ? 'true' : 'false',
       onClick: onChooseAgainClickHandler,
       "aria-describedby": descriptorId,
-      children: [showOptions ? t('message.choicePrompts.cancelChooseAgain') : t('message.choicePrompts.chooseAgain'), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(ui_components_layout_icon__WEBPACK_IMPORTED_MODULE_10__["default"], {
+      children: [showOptions ? t('message.choicePrompts.cancelChooseAgain') : t('message.choicePrompts.chooseAgain'), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(ui_components_layout_icon__WEBPACK_IMPORTED_MODULE_10__["default"], {
         name: "chevronDown",
         size: "8",
         alt: ""
       })]
-    }), showOptions && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)(ui_components_conversation_message_container__WEBPACK_IMPORTED_MODULE_9__["default"], {
+    }), showOptions && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(ui_components_conversation_message_container__WEBPACK_IMPORTED_MODULE_9__["default"], {
       type: "choice-prompt",
       showParticipant: false,
       event: event,
       ...props,
-      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("ul", {
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("ul", {
         className: (0,lib_css__WEBPACK_IMPORTED_MODULE_7__.className)('choice-prompt', 'choice-prompt--many'),
-        children: body?.choices?.map(choice => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("li", {
+        children: body?.choices?.map(choice => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("li", {
           className: (0,lib_css__WEBPACK_IMPORTED_MODULE_7__.className)('choice-prompt__item', {
             [`choice-prompt__item--${choice?.category}`]: !!choice.category
           }),
-          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_14__.jsx)("button", {
+          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("button", {
             type: "button",
             className: (0,lib_css__WEBPACK_IMPORTED_MODULE_7__.className)('button', 'button--primary'),
             onClick: () => {
@@ -20116,9 +20143,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lib_id__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lib/id */ "./src/javascripts/core/lib/id.ts");
 /* harmony import */ var ui_components_conversation_message_container__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ui/components/conversation/message-container */ "./src/javascripts/core/ui/components/conversation/message-container.tsx");
 /* harmony import */ var ui_components_suggestions_suggestions_list__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ui/components/suggestions/suggestions-list */ "./src/javascripts/core/ui/components/suggestions/suggestions-list.tsx");
-/* harmony import */ var ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ui/hooks/seamly-hooks */ "./src/javascripts/core/ui/hooks/seamly-hooks.ts");
-/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ui/utils/seamly-utils */ "./src/javascripts/core/ui/utils/seamly-utils.ts");
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/preact/compat/jsx-runtime.mjs");
+/* harmony import */ var ui_hooks_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ui/hooks/seamly-api-hooks */ "./src/javascripts/core/ui/hooks/seamly-api-hooks.ts");
+/* harmony import */ var ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ui/hooks/seamly-hooks */ "./src/javascripts/core/ui/hooks/seamly-hooks.ts");
+/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ui/utils/seamly-utils */ "./src/javascripts/core/ui/utils/seamly-utils.ts");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/preact/compat/jsx-runtime.mjs");
+
 
 
 
@@ -20158,7 +20187,8 @@ const ConversationSuggestions = ({
     addMessageBubble,
     emitEvent,
     sendAction
-  } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_13__.useSeamlyCommands)();
+  } = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_14__.useSeamlyCommands)();
+  const hasConversation = (0,ui_hooks_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_13__.useSeamlyHasConversation)();
   const {
     suggestions,
     payload
@@ -20166,7 +20196,7 @@ const ConversationSuggestions = ({
   const {
     showSuggestions
   } = (0,domains_config_hooks__WEBPACK_IMPORTED_MODULE_5__.useConfig)();
-  const events = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_13__.useEvents)();
+  const events = (0,ui_hooks_seamly_hooks__WEBPACK_IMPORTED_MODULE_14__.useEvents)();
   const {
     t
   } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_6__.useI18n)();
@@ -20183,11 +20213,15 @@ const ConversationSuggestions = ({
     id,
     question
   }) => {
+    // Do not allow interaction without a conversation
+    if (!hasConversation()) {
+      return;
+    }
     setIsExpanded(false);
     dispatch((0,domains_app_slice__WEBPACK_IMPORTED_MODULE_4__.setHasResponded)(true));
     const transactionId = (0,lib_id__WEBPACK_IMPORTED_MODULE_10__.randomId)();
     const action = {
-      type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_14__.actionTypes.custom,
+      type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_15__.actionTypes.custom,
       originMessage: payload.id,
       body: {
         type: 'faqclick',
@@ -20203,25 +20237,25 @@ const ConversationSuggestions = ({
     sendAction(action);
     addMessageBubble(question, transactionId);
     emitEvent(`action.${action.type}`, action);
-  }, [addMessageBubble, dispatch, emitEvent, payload.id, sendAction]);
+  }, [addMessageBubble, dispatch, emitEvent, hasConversation, payload.id, sendAction]);
   if (!isExpanded || userHasResponded || !hasLastTransactionEvent || !showSuggestions) {
     return null;
   }
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)("div", {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsxs)("div", {
     className: (0,lib_css__WEBPACK_IMPORTED_MODULE_9__.className)('suggestions', 'suggestions--conversation'),
-    children: [headingText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("p", {
+    children: [headingText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)("p", {
       className: (0,lib_css__WEBPACK_IMPORTED_MODULE_9__.className)('suggestions__heading'),
       children: headingText
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(ui_components_conversation_message_container__WEBPACK_IMPORTED_MODULE_11__["default"], {
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsxs)(ui_components_conversation_message_container__WEBPACK_IMPORTED_MODULE_11__["default"], {
       type: "suggestions",
       showParticipant: false,
       event: event,
       ...props,
-      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(ui_components_suggestions_suggestions_list__WEBPACK_IMPORTED_MODULE_12__["default"], {
+      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(ui_components_suggestions_suggestions_list__WEBPACK_IMPORTED_MODULE_12__["default"], {
         className: "suggestions__list--conversation",
         onClickSuggestion: handleClick,
         suggestions: suggestions
-      }), footerText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("p", {
+      }), footerText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)("p", {
         className: (0,lib_css__WEBPACK_IMPORTED_MODULE_9__.className)('suggestions__footer'),
         children: footerText
       })]
@@ -21216,8 +21250,9 @@ const UploadContent = ({
 }) => {
   if (fileId && !isDeleted) {
     return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("button", {
+      type: "button",
       onClick: onClickHandler,
-      className: (0,lib_css__WEBPACK_IMPORTED_MODULE_5__.className)(['button', 'download', 'download-link']),
+      className: (0,lib_css__WEBPACK_IMPORTED_MODULE_5__.className)(['download', 'download-link']),
       children: children
     });
   }
@@ -22934,7 +22969,6 @@ const EntryContainer = () => {
     upload: _upload__WEBPACK_IMPORTED_MODULE_11__["default"]
   });
   const [renderEntry, setRenderEntry] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useState)(() => activeEntry);
-  const [renderEntryOptions, setRenderEntryOptions] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useState)(() => activeEntryOptions);
   const config = (0,domains_config_hooks__WEBPACK_IMPORTED_MODULE_1__.useConfig)();
   const {
     accountAllowsUploads
@@ -22965,11 +22999,10 @@ const EntryContainer = () => {
   }, [hasCountdown, hasResumeConversationPrompt, focusFn]);
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
     setRenderEntry(activeEntry);
-    setRenderEntryOptions(activeEntryOptions);
     // This focus action is required for auto entry changes. User driven
     // changes should be handled in the originating components.
     focusFn();
-  }, [activeEntry, activeEntryOptions, focusFn, entryContainer]);
+  }, [activeEntry, focusFn, entryContainer]);
 
   // Check if the active element is inside this container and save it.
   containedFocus.current = !!(entryContainer.current && entryContainer.current.contains(document.activeElement));
@@ -22978,7 +23011,7 @@ const EntryContainer = () => {
   // Once we do, this property should be moved to that component instead.
   const {
     allowManualInput = true
-  } = renderEntryOptions;
+  } = activeEntryOptions;
   return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("div", {
     className: (0,lib_css__WEBPACK_IMPORTED_MODULE_3__.className)('chat__entry'),
     ref: entryContainer,
@@ -23048,9 +23081,9 @@ function useCharacterLimit(controlName) {
   const [{
     value
   }] = (0,domains_forms_hooks__WEBPACK_IMPORTED_MODULE_2__.useFormControl)(controlName);
-  const remainingChars = limit && hasLimit && value ? limit - value.length : limit;
+  const remainingChars = typeof limit === 'number' && hasLimit && value ? limit - value.length : limit;
   const reachedCharacterWarning = hasLimit && typeof remainingChars == 'number' ? remainingChars <= config__WEBPACK_IMPORTED_MODULE_1__.maxCharacterWarningLimit : false;
-  const reachedCharacterLimit = hasLimit && remainingChars ? remainingChars < 0 : false;
+  const reachedCharacterLimit = hasLimit && typeof remainingChars === 'number' ? remainingChars < 0 : false;
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
     validateLimit(reachedCharacterWarning, remainingChars);
   }, [reachedCharacterWarning, remainingChars, validateLimit]);
@@ -23607,6 +23640,19 @@ const Upload = () => {
     }
     prevIsComplete.current = isComplete;
   }, [isUploading, isComplete, clearUploads, cancelEntrySelection, focusSkiplinkTarget, sendPolite, t]);
+
+  // Reset form when service no longer allows uploads
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    // If we are currently uploading, don't clear the uploads as that
+    // may be confusing to the user.
+    // When the upload completes and the user clicks the submit button,
+    // there will be an error.
+    if (!serviceAllowsUploads && !isUploading) {
+      clearUploads();
+      cancelEntrySelection();
+      focusSkiplinkTarget();
+    }
+  }, [serviceAllowsUploads, isUploading, clearUploads, cancelEntrySelection, focusSkiplinkTarget]);
   const handleSubmit = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback)(({
     fileList
   }) => {
@@ -25279,7 +25325,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact/hooks */ "preact/hooks");
 /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(preact_hooks__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/dist/react-redux.mjs");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/dist/react-redux.mjs");
 /* harmony import */ var domains_app_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! domains/app/hooks */ "./src/javascripts/core/domains/app/hooks.ts");
 /* harmony import */ var domains_config_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! domains/config/hooks */ "./src/javascripts/core/domains/config/hooks.ts");
 /* harmony import */ var domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! domains/i18n/hooks */ "./src/javascripts/core/domains/i18n/hooks.ts");
@@ -25293,14 +25339,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ui/components/widgets/in-out-transition */ "./src/javascripts/core/ui/components/widgets/in-out-transition.tsx");
 /* harmony import */ var ui_hooks_focus_helper_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ui/hooks/focus-helper-hooks */ "./src/javascripts/core/ui/hooks/focus-helper-hooks.ts");
 /* harmony import */ var ui_hooks_live_region_hooks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ui/hooks/live-region-hooks */ "./src/javascripts/core/ui/hooks/live-region-hooks.ts");
-/* harmony import */ var ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ui/hooks/seamly-state-hooks */ "./src/javascripts/core/ui/hooks/seamly-state-hooks.ts");
-/* harmony import */ var ui_hooks_use_seamly_commands__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ui/hooks/use-seamly-commands */ "./src/javascripts/core/ui/hooks/use-seamly-commands.ts");
-/* harmony import */ var ui_hooks_use_seamly_idle_detach_countdown__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ui/hooks/use-seamly-idle-detach-countdown */ "./src/javascripts/core/ui/hooks/use-seamly-idle-detach-countdown.ts");
-/* harmony import */ var ui_hooks_use_seamly_resume_conversation_prompt__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ui/hooks/use-seamly-resume-conversation-prompt */ "./src/javascripts/core/ui/hooks/use-seamly-resume-conversation-prompt.ts");
-/* harmony import */ var ui_hooks_utility_hooks__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ui/hooks/utility-hooks */ "./src/javascripts/core/ui/hooks/utility-hooks.ts");
-/* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ui/utils/general-utils */ "./src/javascripts/core/ui/utils/general-utils.ts");
-/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ui/utils/seamly-utils */ "./src/javascripts/core/ui/utils/seamly-utils.ts");
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/preact/compat/jsx-runtime.mjs");
+/* harmony import */ var ui_hooks_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ui/hooks/seamly-api-hooks */ "./src/javascripts/core/ui/hooks/seamly-api-hooks.ts");
+/* harmony import */ var ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ui/hooks/seamly-state-hooks */ "./src/javascripts/core/ui/hooks/seamly-state-hooks.ts");
+/* harmony import */ var ui_hooks_use_seamly_commands__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ui/hooks/use-seamly-commands */ "./src/javascripts/core/ui/hooks/use-seamly-commands.ts");
+/* harmony import */ var ui_hooks_use_seamly_idle_detach_countdown__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ui/hooks/use-seamly-idle-detach-countdown */ "./src/javascripts/core/ui/hooks/use-seamly-idle-detach-countdown.ts");
+/* harmony import */ var ui_hooks_use_seamly_resume_conversation_prompt__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ui/hooks/use-seamly-resume-conversation-prompt */ "./src/javascripts/core/ui/hooks/use-seamly-resume-conversation-prompt.ts");
+/* harmony import */ var ui_hooks_utility_hooks__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ui/hooks/utility-hooks */ "./src/javascripts/core/ui/hooks/utility-hooks.ts");
+/* harmony import */ var ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ui/utils/general-utils */ "./src/javascripts/core/ui/utils/general-utils.ts");
+/* harmony import */ var ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ui/utils/seamly-utils */ "./src/javascripts/core/ui/utils/seamly-utils.ts");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/preact/compat/jsx-runtime.mjs");
+
 
 
 
@@ -25331,7 +25379,7 @@ const Suggestions = ({
   // generic hooks
   const {
     isInline
-  } = (0,ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_15__.useSeamlyLayoutMode)();
+  } = (0,ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_16__.useSeamlyLayoutMode)();
   const {
     t
   } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_4__.useI18n)();
@@ -25339,7 +25387,8 @@ const Suggestions = ({
     addMessageBubble,
     emitEvent,
     sendAction
-  } = (0,ui_hooks_use_seamly_commands__WEBPACK_IMPORTED_MODULE_16__["default"])();
+  } = (0,ui_hooks_use_seamly_commands__WEBPACK_IMPORTED_MODULE_17__["default"])();
+  const hasConversation = (0,ui_hooks_seamly_api_hooks__WEBPACK_IMPORTED_MODULE_15__.useSeamlyHasConversation)();
   const {
     isOpen,
     setVisibility
@@ -25348,25 +25397,25 @@ const Suggestions = ({
     showSuggestions
   } = (0,domains_config_hooks__WEBPACK_IMPORTED_MODULE_3__.useConfig)();
   // a11y hooks
-  const sectionId = (0,ui_hooks_utility_hooks__WEBPACK_IMPORTED_MODULE_19__.useGeneratedId)();
+  const sectionId = (0,ui_hooks_utility_hooks__WEBPACK_IMPORTED_MODULE_20__.useGeneratedId)();
   const focusSkiplinkTarget = (0,ui_hooks_focus_helper_hooks__WEBPACK_IMPORTED_MODULE_13__.useSkiplinkTargetFocusing)();
   const containerRef = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
   const {
     sendPolite
   } = (0,ui_hooks_live_region_hooks__WEBPACK_IMPORTED_MODULE_14__.useLiveRegion)();
   // interrupt & countdown hooks
-  const hasError = (0,react_redux__WEBPACK_IMPORTED_MODULE_23__.useSelector)(domains_interrupt_selectors__WEBPACK_IMPORTED_MODULE_5__.selectHasError);
+  const hasError = (0,react_redux__WEBPACK_IMPORTED_MODULE_24__.useSelector)(domains_interrupt_selectors__WEBPACK_IMPORTED_MODULE_5__.selectHasError);
   const {
     hasCountdown,
     endCountdown
-  } = (0,ui_hooks_use_seamly_idle_detach_countdown__WEBPACK_IMPORTED_MODULE_17__["default"])();
+  } = (0,ui_hooks_use_seamly_idle_detach_countdown__WEBPACK_IMPORTED_MODULE_18__["default"])();
   const {
     hasPrompt,
     continueChat
-  } = (0,ui_hooks_use_seamly_resume_conversation_prompt__WEBPACK_IMPORTED_MODULE_18__["default"])();
+  } = (0,ui_hooks_use_seamly_resume_conversation_prompt__WEBPACK_IMPORTED_MODULE_19__["default"])();
   // data hooks
   const userHasResponded = (0,domains_app_hooks__WEBPACK_IMPORTED_MODULE_2__.useUserHasResponded)();
-  const payload = (0,ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_15__.useSeamlyServiceData)('suggestion');
+  const payload = (0,ui_hooks_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_16__.useSeamlyServiceData)('suggestion');
   const {
     body: eventBody
   } = (0,domains_translations_hooks__WEBPACK_IMPORTED_MODULE_6__.useTranslatedEventData)({
@@ -25402,6 +25451,10 @@ const Suggestions = ({
     id,
     question
   }) => {
+    // Do not allow interaction without a conversation
+    if (!hasConversation()) {
+      return;
+    }
     if (hasCountdown) {
       endCountdown(true);
     }
@@ -25410,7 +25463,7 @@ const Suggestions = ({
     }
     const transactionId = (0,lib_id__WEBPACK_IMPORTED_MODULE_10__.randomId)();
     const action = {
-      type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_21__.actionTypes.custom,
+      type: ui_utils_seamly_utils__WEBPACK_IMPORTED_MODULE_22__.actionTypes.custom,
       originMessage: payload.id,
       body: {
         type: 'faqclick',
@@ -25432,7 +25485,7 @@ const Suggestions = ({
       });
     }
     focusSkiplinkTarget();
-  }, [addMessageBubble, continueChat, endCountdown, emitEvent, focusSkiplinkTarget, hasCountdown, hasPrompt, isOpen, payload, sendAction, setVisibility]);
+  }, [addMessageBubble, continueChat, endCountdown, emitEvent, focusSkiplinkTarget, hasConversation, hasCountdown, hasPrompt, isOpen, payload, sendAction, setVisibility]);
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
     if (prevSuggestions.current !== suggestions && !hideSuggestions) {
       if (hasSuggestions) {
@@ -25446,10 +25499,10 @@ const Suggestions = ({
       prevSuggestions.current = suggestions;
     }
     if (!prevHideSuggestions.current && hideSuggestions) {
-      (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_20__.runIfElementContainsOrHasFocus)(containerRef.current, focusSkiplinkTarget);
+      (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_21__.runIfElementContainsOrHasFocus)(containerRef.current, focusSkiplinkTarget);
       sendPolite(t('suggestions.srUnavailableText'));
     } else if (!hasSuggestions && prevHasSuggestions.current) {
-      (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_20__.runIfElementContainsOrHasFocus)(containerRef.current, focusSkiplinkTarget);
+      (0,ui_utils_general_utils__WEBPACK_IMPORTED_MODULE_21__.runIfElementContainsOrHasFocus)(containerRef.current, focusSkiplinkTarget);
     }
     prevHasSuggestions.current = hasSuggestions;
     prevHideSuggestions.current = hideSuggestions;
@@ -25457,21 +25510,21 @@ const Suggestions = ({
   const headingText = t('suggestions.headingText');
   const footerText = t('suggestions.footerText');
   const ContainerElement = headingText ? 'section' : 'div';
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_12__["default"], {
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__.jsx)(ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_12__["default"], {
     isActive: !!showSuggestionsContainer,
     transitionStartState: ui_components_widgets_in_out_transition__WEBPACK_IMPORTED_MODULE_12__.transitionStartStates.notRendered,
-    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(ContainerElement, {
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__.jsxs)(ContainerElement, {
       className: suggestionsClassNames,
       "aria-labelledby": headingText ? sectionId : undefined,
       ref: containerRef,
-      children: [headingText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("p", {
+      children: [headingText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__.jsx)("p", {
         id: sectionId,
         className: (0,lib_css__WEBPACK_IMPORTED_MODULE_9__.className)('suggestions__heading'),
         children: headingText
-      }), !!renderedSuggestions && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(ui_components_suggestions_suggestions_list__WEBPACK_IMPORTED_MODULE_11__["default"], {
+      }), !!renderedSuggestions && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__.jsx)(ui_components_suggestions_suggestions_list__WEBPACK_IMPORTED_MODULE_11__["default"], {
         suggestions: renderedSuggestions,
         onClickSuggestion: handleClick
-      }), footerText && !isOpen && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("p", {
+      }), footerText && !isOpen && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_23__.jsx)("p", {
         className: (0,lib_css__WEBPACK_IMPORTED_MODULE_9__.className)('suggestions__footer'),
         children: footerText
       })]