@seamly/web-ui 24.3.0 → 24.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "24.3.0",
+  "version": "24.3.1",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "exports": {
@@ -21,9 +21,9 @@
     "webpack/*"
   ],
   "dependencies": {
-    "@reduxjs/toolkit": "^2.5.1",
+    "@reduxjs/toolkit": "^2.6.1",
     "@ultraq/icu-message-formatter": "^0.14.3",
-    "core-js": "^3.40.0",
+    "core-js": "^3.41.0",
     "focus-trap": "^7.6.4",
     "include-media": "^2.0.0",
     "js-cookie": "^3.0.5",
@@ -32,11 +32,11 @@
     "reconnecting-websocket": "^4.4.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.7",
-    "@babel/preset-env": "^7.26.7",
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@playwright/test": "^1.50.1",
+    "@playwright/test": "^1.51.0",
     "@seamly/doc-site": "^4.0.0",
     "@seamly/eslint-config": "^3.1.0",
     "@seamly/prettier-config": "^3.1.0",
@@ -45,15 +45,15 @@
     "@testing-library/preact": "^3.2.4",
     "@types/core-js": "^2.5.8",
     "@types/jest": "^29.5.12",
-    "@typescript-eslint/eslint-plugin": "^8.23.0",
-    "@typescript-eslint/parser": "^8.23.0",
+    "@typescript-eslint/eslint-plugin": "^8.26.1",
+    "@typescript-eslint/parser": "^8.26.1",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.2.1",
     "copy-webpack-plugin": "^12.0.2",
-    "dd-trace": "^5.28.0",
+    "dd-trace": "^5.42.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-typescript": "^3.7.0",
+    "eslint-import-resolver-typescript": "^3.9.1",
     "eslint-plugin-filenames": "^1.3.2",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jest": "^28.11.0",
@@ -69,14 +69,14 @@
     "nyc": "^17.0.0",
     "openapi-typescript": "^6.7",
     "playwright-test-coverage": "^1.2.12",
-    "postcss": "^8.4.49",
-    "preact": "^10.25.1",
-    "prettier": "^3.4.2",
+    "postcss": "^8.5.3",
+    "preact": "^10.26.4",
+    "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.14.1",
-    "typescript": "^5.7.3",
-    "webpack": "^5.97.1",
+    "stylelint": "^16.16.0",
+    "typescript": "^5.8.2",
+    "webpack": "^5.98.0",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.1.0",

package/src/javascripts/core/api/index.ts

@@ -233,13 +233,10 @@ export default class API {
       return undefined
     }
 
-    // Destructure the server locale from the payload
-    const localContentLocale = this.#config.context?.contentLocale
     const localUserLocale = this.#config.context?.userLocale
 
     return {
-      // Only send locale if explicitly set in the config.
-      ...(localContentLocale ? { contentLocale: localContentLocale } : {}),
+      // Only send userLocale if explicitly set in the config (should be overridable by provided context)
       ...(localUserLocale ? { userLocale: localUserLocale } : {}),
       ...context,
     }

package/src/javascripts/core/domains/store/slice.ts

@@ -361,8 +361,13 @@ export const storeSlice = createSlice({
         Object.entries(participants).map(([_, value]) => [value.id, value]),
       )
 
-      const lastParticipantEvent = events.find((m) => m.type === 'participant')
-      const lastParticipantId = lastParticipantEvent?.payload.participant?.id
+      // 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
+      const lastParticipantId = lastParticipantEvent?.payload?.participant?.id
 
       const { entry } = service?.settings || {}
 

package/src/javascripts/core/lib/debug.ts

@@ -4,9 +4,6 @@ const debug =
         (...msg) =>
           // eslint-disable-next-line
           console.debug(namespace, ...msg)
-    : (namespace) =>
-        (...msg) =>
-          // eslint-disable-next-line
-          console.debug(namespace, ...msg)
+    : () => () => null
 
 export default debug

package/src/javascripts/core/ui/components/conversation/event/choice-prompt.tsx

@@ -20,8 +20,7 @@ import type { MessageChoicePrompt } from 'domains/store/store.types'
 export const useChoicePrompt = (event: MessageChoicePrompt) => {
   const { payload } = event
   const [showOptions, setShowOptions] = useState(false)
-  const { addMessageBubble, addDivider, emitEvent, sendAction } =
-    useSeamlyCommands()
+  const { addMessageBubble, emitEvent, sendAction } = useSeamlyCommands()
   const { activeServiceSessionId } = useSeamlyServiceInfo()
   const lastEventId = useLastMessageEventId()
   const { body } = useTranslatedEventData(event)
@@ -64,9 +63,6 @@ export const useChoicePrompt = (event: MessageChoicePrompt) => {
       transactionId,
     }
 
-    if (chooseAgain) {
-      addDivider('new_topic', transactionId)
-    }
     addMessageBubble(choice.text, transactionId)
     sendAction(action)
     setShowOptions(false)

package/src/javascripts/core/ui/hooks/use-seamly-commands.ts

@@ -163,27 +163,6 @@ const useSeamlyCommands = () => {
     [dispatch],
   )
 
-  const addDivider = useCallback(
-    (subtype: 'new_topic', transactionId = randomId()) => {
-      dispatch(
-        addEvent({
-          type: 'info',
-          payload: {
-            type: 'divider',
-            body: {
-              subtype,
-            },
-            fromClient: false,
-            participant: null,
-            id: randomId(),
-            transactionId,
-          },
-        }),
-      )
-    },
-    [dispatch],
-  )
-
   const sendAction = useCallback(
     (body) => {
       if (!body) {
@@ -245,7 +224,6 @@ const useSeamlyCommands = () => {
     emitEvent,
     addMessageBubble,
     addUploadBubble,
-    addDivider,
     apiConnected: api.connected,
     apiConfigReady: api.configReady,
   }

package/src/javascripts/style-guide/states.ts

@@ -660,7 +660,7 @@ const choicePromptMessage = {
       ],
       chooseAgain: true,
       prompt: {
-        text: 'Type "start" at any time to see this menu again',
+        text: 'Here are some choice prompt options to choose from',
         type: 'text',
         variables: {},
       },
@@ -1236,6 +1236,25 @@ const standardState = {
       choicePromptMessage,
     ],
   },
+  choicePromptMessageWithoutManualInput: {
+    category: categoryKeys.messages,
+    headingText: 'Choice prompt message without manual input',
+    description: '',
+    ...baseState,
+    entryMeta: {
+      ...baseState.entryMeta,
+      options: {
+        text: {
+          allowManualInput: false,
+        },
+      },
+    },
+    events: [choicePromptMessage],
+    participantInfo,
+    serviceInfo: {
+      activeServiceSessionId: '3942159e-9878-469e-9120-f44fd6be0f35',
+    },
+  },
   timeIndicators: {
     category: categoryKeys.messages,
     headingText: 'Time Indicators',