@seamly/web-ui 19.0.0-beta.3 → 19.1.2

package/src/javascripts/ui/hooks/use-seamly-commands.js

@@ -3,32 +3,24 @@ import {
   useSeamlyApiContext,
   useSeamlyHasConversation,
 } from './seamly-api-hooks'
-import {
-  useSeamlyStateContext,
-  useSeamlyUnreadCount,
-} from './seamly-state-hooks'
+import { useSeamlyUnreadCount } from './seamly-state-hooks'
 import useSeamlyDispatchContext from './use-seamly-dispatch'
 import { SeamlyEventBusContext } from '../components/core/seamly-api-context'
 import { randomId } from '../../lib/id'
 import { userParticipantId } from '../../config'
-import { sanitizeText } from '../utils/general-utils'
 import { actionTypes, seamlyActions } from '../utils/seamly-utils'
 import { useStableCallback } from './utility-hooks'
 import { Actions as InterruptActions } from '../../domains/interrupt'
 import { useConfig } from '../../domains/config'
-import { useUserHasResponded } from '../../domains/app'
+import { useUserHasResponded, Actions as AppActions } from '../../domains/app'
+import { useVisibility } from '../../domains/visibility'
 
 const {
   ADD_EVENT,
-  CLEAR_EVENTS,
   SET_IS_LOADING,
-  CLEAR_PARTICIPANTS,
   SET_HEADER_SUB_TITLE,
   SET_INITIAL_STATE,
-  CLEAR_FEATURES,
   SET_FEATURES,
-  RESET_UPLOAD_STATE,
-  RESET_ENTRY_STATE,
 } = seamlyActions
 
 const useSeamlyCommands = () => {
@@ -39,7 +31,7 @@ const useSeamlyCommands = () => {
 
   const hasResponded = useUserHasResponded()
   const hasConversation = useSeamlyHasConversation()
-  const { visible: visibility } = useSeamlyStateContext()
+  const { visible: visibility } = useVisibility()
   const unreadMessageCount = useSeamlyUnreadCount()
 
   const emitEvent = useCallback(
@@ -75,18 +67,13 @@ const useSeamlyCommands = () => {
   ])
 
   const reset = useCallback(async () => {
+    dispatch(AppActions.reset())
     dispatch(InterruptActions.clear())
-    dispatch({ type: CLEAR_EVENTS })
+
     dispatch({
       type: SET_IS_LOADING,
       isLoading: true,
     })
-    dispatch({
-      type: CLEAR_PARTICIPANTS,
-    })
-    dispatch({ type: RESET_UPLOAD_STATE })
-    dispatch({ type: RESET_ENTRY_STATE })
-    dispatch({ type: CLEAR_FEATURES })
 
     const { agentName } = appConfig.defaults || {}
 
@@ -143,20 +130,11 @@ const useSeamlyCommands = () => {
         ...config,
       }
 
-      const sanitizedText = sanitizeText(body)
-
-      const sanitizedMessage = {
-        ...message,
-        body: {
-          text: sanitizedText,
-        },
-      }
-
       api.send('message', message)
       emitEvent('message', message)
       dispatch({
         type: ADD_EVENT,
-        event: { type: 'message', payload: sanitizedMessage },
+        event: { type: 'message', payload: message },
       })
     },
     [api, dispatch, emitEvent, getTextMessageBase],

package/src/javascripts/ui/hooks/use-seamly-idle-detach-countdown.js

@@ -10,7 +10,7 @@ import {
 } from '../utils/general-utils'
 import { actionTypes, seamlyActions } from '../utils/seamly-utils'
 import { screenReaderDebounceDelaySeconds } from '../../config'
-import useSeamlyVisibility from './use-seamly-visibility'
+import { useVisibility } from '../../domains/visibility'
 
 const {
   CLEAR_IDLE_DETACH_COUNTDOWN,
@@ -24,7 +24,7 @@ const useSeamlyIdleDetachCountdown = () => {
 
   const { idleDetachCountdown } = useSeamlyStateContext()
 
-  const { isOpen: isSeamlyOpen } = useSeamlyVisibility()
+  const { isOpen: isSeamlyOpen } = useVisibility()
 
   const stableState = useRef({})
 

package/src/javascripts/ui/utils/general-utils.js

@@ -87,15 +87,6 @@ export const microsecondsToMilliseconds = (microseconds) => {
   return Math.ceil(microseconds / 1000)
 }
 
-export const sanitizeText = (text) =>
-  text
-    .replace(/&/g, '&')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#39;')
-    .replace(/\//g, '&#x2F;')
-
 export const getTimeFromSeconds = (seconds) => {
   const minutes = Math.floor(seconds / 60)
   const secondsPartial = seconds - minutes * 60

package/src/javascripts/ui/utils/seamly-utils.js

@@ -26,13 +26,6 @@ export const entryTypes = {
   upload: 'upload',
 }
 
-export const visibilityStates = {
-  hidden: 'hidden',
-  minimized: 'minimized',
-  open: 'open',
-  initialize: null,
-}
-
 export const readStates = {
   received: 'received',
   read: 'read',
@@ -85,7 +78,6 @@ export const seamlyActions = {
   SET_PARTICIPANT: 'SET_PARTICIPANT',
   SET_HEADER_TITLE: 'SET_HEADER_TITLE',
   SET_HEADER_SUB_TITLE: 'SET_HEADER_SUB_TITLE',
-  SET_VISIBILITY: 'SET_VISIBILITY',
   RESET_HISTORY_LOADED_FLAG: 'RESET_HISTORY_LOADED_FLAG',
   SET_ACTIVE_SERVICE: 'SET_ACTIVE_SERVICE',
   INIT_IDLE_DETACH_COUNTDOWN: 'INIT_IDLE_DETACH_COUNTDOWN',
@@ -114,8 +106,6 @@ export const seamlyActions = {
   SET_UPLOAD_ERROR: 'SET_UPLOAD_ERROR',
   CLEAR_UPLOAD: 'CLEAR_UPLOAD',
   CLEAR_ALL_UPLOADS: 'CLEAR_ALL_UPLOADS',
-  RESET_UPLOAD_STATE: 'RESET_UPLOAD_STATE',
-  RESET_ENTRY_STATE: 'RESET_ENTRY_STATE',
   SET_SEAMLY_CONTAINER_ELEMENT: 'SET_SEAMLY_CONTAINER_ELEMENT',
 }
 
@@ -136,7 +126,6 @@ const {
   SET_PARTICIPANT,
   SET_HEADER_TITLE,
   SET_HEADER_SUB_TITLE,
-  SET_VISIBILITY,
   RESET_HISTORY_LOADED_FLAG,
   SET_ACTIVE_SERVICE,
   INIT_IDLE_DETACH_COUNTDOWN,
@@ -164,8 +153,6 @@ const {
   SET_UPLOAD_ERROR,
   CLEAR_UPLOAD,
   CLEAR_ALL_UPLOADS,
-  RESET_UPLOAD_STATE,
-  RESET_ENTRY_STATE,
   SET_SEAMLY_CONTAINER_ELEMENT,
 } = seamlyActions
 
@@ -594,8 +581,6 @@ export const seamlyStateReducer = (state, action) => {
         ...state,
         resumeConversationPrompt: false,
       }
-    case SET_VISIBILITY:
-      return { ...state, visible: action.visible }
     case SET_PARTICIPANT:
     case CLEAR_PARTICIPANTS:
       return {
@@ -820,25 +805,6 @@ export const seamlyStateReducer = (state, action) => {
         ...state,
         currentUploads: [],
       }
-    case RESET_UPLOAD_STATE:
-      return {
-        ...state,
-        showFileUpload: false,
-        currentUploads: [],
-      }
-    case RESET_ENTRY_STATE: {
-      return {
-        ...state,
-        entryMeta: {
-          default: payloadTypes.text,
-          active: payloadTypes.text,
-          userSelected: null,
-          blockAutoEntrySwitch: false,
-          options: {},
-          optionsOverride: {},
-        },
-      }
-    }
     case SET_SEAMLY_CONTAINER_ELEMENT: {
       return {
         ...state,
@@ -849,35 +815,3 @@ export const seamlyStateReducer = (state, action) => {
       return state
   }
 }
-
-export const calculateVisibility = ({
-  hasResponded,
-  previousVisibility,
-  requestedVisibility,
-  config,
-}) => {
-  const { defaults, layoutMode, hideOnNoUserResponse } = config
-
-  const { visible: defaultVisibility } = defaults || {}
-
-  // Requesting open should override the responded check.
-  if (
-    layoutMode === 'window' &&
-    hideOnNoUserResponse &&
-    requestedVisibility !== visibilityStates.open
-  ) {
-    return hasResponded
-      ? requestedVisibility || previousVisibility || visibilityStates.open
-      : visibilityStates.hidden
-  }
-
-  const baseVisibility =
-    layoutMode === 'inline' ? visibilityStates.open : visibilityStates.minimized
-
-  return (
-    requestedVisibility ||
-    previousVisibility ||
-    defaultVisibility ||
-    baseVisibility
-  )
-}

package/src/javascripts/ui/hooks/use-seamly-stored-visibility.js

@@ -1,31 +0,0 @@
-import { useCallback } from 'preact/hooks'
-import { useSeamlyObjectStore } from './seamly-api-hooks'
-import { useConfig } from '../../domains/config'
-
-const useSeamlyStoredVisibility = () => {
-  const { layoutMode } = useConfig()
-  const key = 'visibility'
-  const { get, set } = useSeamlyObjectStore()
-
-  let storedVisibilityObj = {}
-  const savedVisibility = get ? get(key) : {}
-
-  if (savedVisibility) {
-    storedVisibilityObj = savedVisibility
-  }
-
-  const setStoredVisibility = useCallback(
-    (state) => {
-      const saved = get ? get(key) : {}
-      set(key, { ...saved, [layoutMode]: state })
-    },
-    [set, get, layoutMode],
-  )
-
-  return [
-    layoutMode ? storedVisibilityObj[layoutMode] : null,
-    set && layoutMode ? setStoredVisibility : null,
-  ]
-}
-
-export default useSeamlyStoredVisibility

package/src/javascripts/ui/hooks/use-seamly-visibility.js

@@ -1,98 +0,0 @@
-import { useCallback } from 'preact/hooks'
-import {
-  useSeamlyStateContext,
-  useSeamlyUnreadCount,
-} from './seamly-state-hooks'
-import useSeamlyCommands from './use-seamly-commands'
-import useSeamlyDispatchContext from './use-seamly-dispatch'
-import { useSeamlyHasConversation } from './seamly-api-hooks'
-import useSeamlyStoredVisibility from './use-seamly-stored-visibility'
-import {
-  calculateVisibility,
-  seamlyActions,
-  visibilityStates,
-} from '../utils/seamly-utils'
-import { useConfig } from '../../domains/config'
-import { useUserHasResponded } from '../../domains/app'
-
-const { SET_VISIBILITY } = seamlyActions
-
-const useSeamlyVisibility = () => {
-  const config = useConfig()
-  const { layoutMode, visibilityCallback } = config
-  const { visible } = useSeamlyStateContext()
-  const { emitEvent } = useSeamlyCommands()
-  const dispatch = useSeamlyDispatchContext()
-  const [storedVisibility, setStoredVisibility] = useSeamlyStoredVisibility()
-  const hasResponded = useUserHasResponded()
-  const hasConversation = useSeamlyHasConversation()
-  const unreadMessageCount = useSeamlyUnreadCount()
-  const isVisible = visible ? visible !== visibilityStates.hidden : false
-
-  const isOpen =
-    visible && layoutMode
-      ? visible === visibilityStates.open ||
-        (layoutMode === 'inline' && visible !== visibilityStates.hidden)
-      : false
-
-  const setVisibility = useCallback(
-    (visibility) => {
-      const visibilityFn = visibilityCallback || calculateVisibility
-      const requestedVisibility = visibilityFn({
-        hasConversation,
-        hasResponded,
-        previousVisibility: storedVisibility || null,
-        requestedVisibility: visibility,
-        config,
-      })
-
-      if (
-        ![
-          visibilityStates.open,
-          visibilityStates.minimized,
-          visibilityStates.hidden,
-        ].includes(requestedVisibility)
-      ) {
-        console.error(
-          'The visibilityCallback function should return "open", "minimized" or "hidden".',
-        )
-        return
-      }
-
-      if (requestedVisibility !== visible) {
-        if (setStoredVisibility) {
-          setStoredVisibility(requestedVisibility)
-        }
-        // Don't broadcast the init visibility state
-        if (visibility) {
-          emitEvent('ui.visible', requestedVisibility, {
-            visibility: requestedVisibility,
-            hasConversation,
-            hasResponded,
-            unreadMessageCount,
-          })
-        }
-        dispatch({
-          type: SET_VISIBILITY,
-          visible: requestedVisibility,
-        })
-      }
-    },
-    [
-      visible,
-      emitEvent,
-      dispatch,
-      hasConversation,
-      hasResponded,
-      storedVisibility,
-      visibilityCallback,
-      config,
-      setStoredVisibility,
-      unreadMessageCount,
-    ],
-  )
-
-  return { isVisible, isOpen, visible, setVisibility }
-}
-
-export default useSeamlyVisibility