@seamly/web-ui 25.4.0 → 25.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "25.4.0",
+  "version": "25.5.0",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "exports": {
@@ -23,8 +23,8 @@
   "dependencies": {
     "@reduxjs/toolkit": "^2.11.2",
     "@ultraq/icu-message-formatter": "^0.15.2",
-    "core-js": "^3.48.0",
-    "focus-trap": "^7.6.6",
+    "core-js": "^3.49.0",
+    "focus-trap": "^7.8.0",
     "include-media": "^2.0.0",
     "js-cookie": "^3.0.5",
     "minivents": "^2.2.1",
@@ -32,11 +32,11 @@
     "reconnecting-websocket": "^4.4.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.3",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@playwright/test": "^1.58.2",
+    "@playwright/test": "^1.59.1",
     "@seamly/doc-site": "^4.1.1",
     "@seamly/eslint-config": "^4.0.0",
     "@seamly/prettier-config": "^3.2.0",
@@ -45,28 +45,29 @@
     "@testing-library/preact": "^3.2.4",
     "@types/core-js": "^2.5.8",
     "@types/jest": "^30.0.0",
-    "babel-jest": "^30.2.0",
-    "babel-loader": "^10.1.0",
+    "@types/node": "^25.6.0",
+    "babel-jest": "30.3.0",
+    "babel-loader": "^10.1.1",
     "copy-webpack-plugin": "^14.0.0",
     "eslint": "^9.39.4",
     "file-loader": "^6.2.0",
     "fork-ts-checker-webpack-plugin": "^9.1.0",
     "husky": "^9.1.7",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
     "jest-watch-typeahead": "^3.0.1",
     "nyc": "^18.0.0",
     "openapi-typescript": "6.7.6",
     "playwright-test-coverage": "^1.2.12",
-    "postcss": "^8.5.8",
-    "preact": "^10.28.4",
-    "prettier": "^3.8.1",
+    "postcss": "^8.5.13",
+    "preact": "^10.29.1",
+    "prettier": "^3.8.3",
     "rimraf": "^6.1.3",
     "style-loader": "^4.0.0",
-    "stylelint": "^17.4.0",
-    "typescript": "^5.9.3",
-    "webpack": "^5.105.4",
-    "webpack-cli": "^6.0.1",
+    "stylelint": "^17.10.0",
+    "typescript": "^6.0.3",
+    "webpack": "^5.106.2",
+    "webpack-cli": "^7.0.2",
     "webpack-dev-server": "^5.2.3",
     "webpack-merge": "^6.0.1"
   },
@@ -76,15 +77,15 @@
     "undici": "^7.22.0"
   },
   "peerDependencies": {
-    "preact": "^10.28.0"
+    "preact": "^10.29.1"
   },
   "scripts": {
     "build:clean": "rimraf build; mkdir -p build",
-    "build:package": "yarn build:clean && webpack --node-env=production --env build=package",
-    "build:site": "yarn build:clean && webpack --node-env=production --env build=site",
-    "build": "yarn build:clean && webpack --node-env=production",
-    "server": "webpack serve --node-env=development",
-    "server:test": "webpack serve --node-env=development --env build=test",
+    "build:package": "yarn build:clean && webpack --config-node-env=production --env build=package",
+    "build:site": "yarn build:clean && webpack --config-node-env=production --env build=site",
+    "build": "yarn build:clean && webpack --config-node-env=production",
+    "server": "webpack serve --config-node-env=development",
+    "server:test": "webpack serve --config-node-env=development --env build=test",
     "lint:scss": "NODE_OPTIONS=--no-deprecation stylelint \"src/stylesheets/**/*.scss\" --formatter=verbose",
     "lint:js": "yarn run check:eslint && yarn run check:code",
     "lint": "yarn run lint:js && yarn run lint:scss && yarn check:prettier",
@@ -107,5 +108,5 @@
     "test:e2e:coverage": "yarn nyc report --reporter cobertura --reporter html",
     "prepare": "husky"
   },
-  "packageManager": "yarn@4.12.0"
+  "packageManager": "yarn@4.13.0"
 }

package/src/javascripts/core/domains/visibility/actions.ts

@@ -55,7 +55,19 @@ export const setVisibility = createAsyncThunk<
     }
   }
 
+  const visibility = (api.store.get(StoreKey) || {}) as Record<
+    string,
+    VisibilityOptions | boolean | null | undefined
+  >
+
   if (previousVisibility === calculatedVisibility) {
+    api.store.set(StoreKey, {
+      ...visibility,
+      [layoutMode]: requestedVisibility,
+      ...(typeof showPreChat !== 'undefined' ? { showPreChat } : {}),
+      ...(typeof showContinueChat !== 'undefined' ? { showContinueChat } : {}),
+    })
+
     return {
       visibility: null,
       setInputFocus: args.setInputFocus,
@@ -64,12 +76,12 @@ export const setVisibility = createAsyncThunk<
     }
   }
 
-  const visibility = api.store.get(StoreKey) as object | undefined
-
   // Store the user-requested visibility in order to reinitialize after refresh
   api.store.set(StoreKey, {
-    ...(visibility || {}),
+    ...visibility,
     [layoutMode]: requestedVisibility,
+    ...(typeof showPreChat !== 'undefined' ? { showPreChat } : {}),
+    ...(typeof showContinueChat !== 'undefined' ? { showContinueChat } : {}),
   })
   if (requestedVisibility) {
     eventBus.emit('ui.visible', requestedVisibility, {
@@ -94,10 +106,39 @@ export const initializeVisibility = createAsyncThunk<any, void, ThunkAPI>(
     // initialize stored visibility
     const { layoutMode } = ConfigSelectors.selectConfig(getState())
 
-    const storedVisibility =
-      api.store.get(StoreKey)?.[layoutMode] || visibilityStates.initialize
+    const storedVisibilitySettings = (api.store.get(StoreKey) || {}) as Record<
+      string,
+      VisibilityOptions | boolean | null | undefined
+    >
+    const storedVisibilityValue = storedVisibilitySettings[layoutMode]
 
-    dispatch(setVisibility({ visibility: storedVisibility }))
+    const storedVisibility = isPersistedVisibilityState(storedVisibilityValue)
+      ? storedVisibilityValue
+      : visibilityStates.initialize
+
+    const storedShowPreChat = storedVisibilitySettings.showPreChat
+    const storedShowContinueChat = storedVisibilitySettings.showContinueChat
+
+    dispatch(
+      setVisibility({
+        visibility: storedVisibility,
+        showPreChat:
+          typeof storedShowPreChat === 'boolean'
+            ? storedShowPreChat
+            : undefined,
+        showContinueChat:
+          typeof storedShowContinueChat === 'boolean'
+            ? storedShowContinueChat
+            : undefined,
+      }),
+    )
     return storedVisibility
   },
 )
+
+const isPersistedVisibilityState = (
+  value: VisibilityOptions | boolean | undefined,
+): value is (typeof validVisibilityStates)[number] =>
+  value === visibilityStates.open ||
+  value === visibilityStates.minimized ||
+  value === visibilityStates.hidden

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

@@ -1,5 +1,5 @@
 if (process.env.NODE_ENV === 'development') {
-  module.exports = require('preact/debug')
-} else {
-  module.exports = null
+  require('preact/debug')
 }
+
+export {}

package/src/javascripts/style-guide/components/app.tsx

@@ -86,6 +86,9 @@ const StyleGuideApp = ({
           ...config,
           showDisclaimer:
             bareState.config.showDisclaimer || config.showDisclaimer,
+          useMultilineUserInput:
+            bareState.config.useMultilineUserInput ??
+            config.useMultilineUserInput,
           context: {
             ...config.context,
             ...bareState.config?.context,

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

@@ -14,6 +14,7 @@ const baseState = {
     hideOnNoUserResponse: false,
     showDisclaimer: false,
     showSuggestions: true,
+    useMultilineUserInput: false,
     preChat: true,
   },
   context: {},