@seamly/web-ui 21.0.3 → 21.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "21.0.3",
+  "version": "21.0.4",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "module": "",

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

@@ -1660,7 +1660,7 @@ const standardState = {
     options: {
       ...baseState.options,
       features: {
-        cobrowsing: { enabled: true },
+        extraMenuItem: { enabled: true },
         sendTranscript: { enabled: true },
       },
     },
@@ -1673,7 +1673,7 @@ const standardState = {
     options: {
       ...baseState.options,
       features: {
-        cobrowsing: { enabled: false },
+        extraMenuItem: { enabled: false },
         sendTranscript: { enabled: true },
       },
     },

package/src/javascripts/ui/hooks/seamly-option-hooks.js

@@ -17,9 +17,15 @@ export const useSeamlyOptions = () => {
 
   const { panelActive, optionActive, userSelectedOptions, features } = options
 
-  const { cobrowsing, sendTranscript } = features
+  const { extraMenuItem, sendTranscript } = features
 
-  const optionsObj = { cobrowsing, sendTranscript }
+  const optionsObj = { extraMenuItem, sendTranscript }
+
+  const menuTitle = (option) => {
+    return option === 'extraMenuItem'
+      ? 'Extra menu item'
+      : t(`options.${option}.menuTitle`)
+  }
 
   const menuOptions = Object.keys(optionsObj)
     .filter((key) => {
@@ -27,11 +33,11 @@ export const useSeamlyOptions = () => {
     })
     .map((option) => ({
       name: option,
-      title: t(`options.${option}.menuTitle`),
+      title: menuTitle(option),
       available: optionsObj[option].enabled,
     }))
 
-  const allowOptionSelection = cobrowsing || sendTranscript
+  const allowOptionSelection = extraMenuItem || sendTranscript
 
   const dispatch = useDispatch()
   const { get, set } = useSeamlyObjectStore()

package/src/stylesheets/7-deprecated/5-components/_chat-status.scss

@@ -33,25 +33,6 @@
   }
 }
 
-.#{$n}-chat-status--cobrowsing .#{$n}-chat-status__title {
-  &::before {
-    content: '';
-    display: block;
-    flex: 0 0 $spacer * 0.5;
-    width: $spacer * 0.5;
-    height: $spacer * 0.5;
-    margin-right: $spacer * 0.25;
-    animation-name: #{$app-name}-blink;
-    animation-duration: 1s;
-    animation-timing-function: ease-in-out;
-    animation-iteration-count: infinite;
-    animation-direction: normal;
-    animation-fill-mode: forwards;
-    border-radius: 50%;
-    background-color: $interaction;
-  }
-}
-
 .#{$n}-chat-status .#{$n}-button--tertiary {
   color: $interaction;
 }

package/webpack/config.package.js

@@ -3,7 +3,7 @@ const webpackDefinePlugin = require('webpack').DefinePlugin
 const webpackMerge = require('webpack-merge').merge
 const glob = require('glob')
 const path = require('path')
-const { styleScssLoaders } = require('@seamly/doc-site/lib/config/site')
+const { assetScssLoaders } = require('@seamly/doc-site/lib/config/site')
 const defaultConfig = require('./defaults')
 const generateBabelLoaderPluginsPart = require('./parts/babel-loader-plugins')
 const generateBabelLoaderBrowserPluginsPart = require('./parts/babel-loader-browser-plugins')
@@ -184,9 +184,13 @@ module.exports = (env = {}, argv = {}, configOverrides = {}) => {
     module: {
       rules: [
         {
-          test: /\.scss/,
-          exclude: /(node_modules|bower_components)/,
-          use: styleScssLoaders({ browsers: BROWSERS }),
+          test: /\.scss$/,
+          exclude: /node_modules/,
+          type: 'asset/resource',
+          generator: {
+            filename: '[name].css',
+          },
+          use: assetScssLoaders({ browsers: BROWSERS }),
         },
       ],
     },