@defra/flood-webchat 0.0.1-beta.50 → 0.0.1-beta.52

package/src/client/store/actions-map.js

@@ -1,152 +0,0 @@
-import { transformMessages, transformMessage } from '../lib/transform-messages'
-import { CUSTOMER_ID_STORAGE_KEY, THREAD_ID_STORAGE_KEY, SETTINGS_STORAGE_KEY } from './constants'
-
-const setSettings = (state, payload) => {
-  if (payload) {
-    window.localStorage.setItem(SETTINGS_STORAGE_KEY, JSON.stringify(payload))
-  } else {
-    window.localStorage.removeItem(SETTINGS_STORAGE_KEY)
-  }
-
-  return {
-    ...state,
-    settings: payload
-  }
-}
-
-const setCustomerId = (state, payload) => {
-  if (payload) {
-    window.localStorage.setItem(CUSTOMER_ID_STORAGE_KEY, payload)
-  } else {
-    window.localStorage.removeItem(CUSTOMER_ID_STORAGE_KEY)
-  }
-
-  return {
-    ...state,
-    customerId: payload
-  }
-}
-
-const setThreadId = (state, payload) => {
-  if (payload) {
-    window.localStorage.setItem(THREAD_ID_STORAGE_KEY, payload)
-  } else {
-    window.localStorage.removeItem(THREAD_ID_STORAGE_KEY)
-  }
-
-  return {
-    ...state,
-    threadId: payload
-  }
-}
-
-const setChatVisibility = (state, payload) => {
-  return {
-    ...state,
-    isChatOpen: payload
-  }
-}
-
-const setAvailability = (state, payload) => {
-  return {
-    ...state,
-    availability: payload
-  }
-}
-
-const setThread = (state, payload) => {
-  return {
-    ...state,
-    thread: payload
-  }
-}
-
-const setMessages = (state, payload) => {
-  return {
-    ...state,
-    messages: transformMessages(payload).reverse()
-  }
-}
-
-const setMessage = (state, payload) => {
-  return {
-    ...state,
-    message: transformMessage(payload),
-    messages: [...state.messages, transformMessage(payload)]
-  }
-}
-
-const setAgent = (state, payload) => {
-  return {
-    ...state,
-    agent: payload
-  }
-}
-
-const setAgentIsTyping = (state, payload) => {
-  return {
-    ...state,
-    isAgentTyping: payload
-  }
-}
-
-const setAgentStatus = (state, payload) => {
-  return {
-    ...state,
-    agentStatus: payload
-  }
-}
-
-const setUnseenCount = (state, payload) => {
-  return {
-    ...state,
-    unseenCount: payload
-  }
-}
-
-const setInstigatorId = (state, payload) => {
-  return {
-    ...state,
-    instigatorId: payload
-  }
-}
-
-const setLiveRegionText = (state, payload) => {
-  return {
-    ...state,
-    liveRegionText: payload
-  }
-}
-
-const toggleIsMobile = (state, payload) => {
-  return {
-    ...state,
-    isMobile: payload
-  }
-}
-
-const toggleIsKeyboard = (state, payload) => {
-  return {
-    ...state,
-    isKeyboard: payload
-  }
-}
-
-export const actionsMap = {
-  SET_CHAT_VISIBILITY: setChatVisibility,
-  SET_AVAILABILITY: setAvailability,
-  SET_SETTINGS: setSettings,
-  SET_CUSTOMER_ID: setCustomerId,
-  SET_THREAD_ID: setThreadId,
-  SET_THREAD: setThread,
-  SET_MESSAGE: setMessage,
-  SET_MESSAGES: setMessages,
-  SET_AGENT: setAgent,
-  SET_AGENT_TYPING: setAgentIsTyping,
-  SET_AGENT_STATUS: setAgentStatus,
-  SET_UNSEEN_COUNT: setUnseenCount,
-  SET_INSTIGATOR_ID: setInstigatorId,
-  SET_LIVE_REGION_TEXT: setLiveRegionText,
-  TOGGLE_IS_MOBILE: toggleIsMobile,
-  TOGGLE_IS_KEYBOARD: toggleIsKeyboard
-}

package/src/client/store/constants.js

@@ -1,3 +0,0 @@
-export const SETTINGS_STORAGE_KEY = 'webchat_settings'
-export const CUSTOMER_ID_STORAGE_KEY = 'webchat_customer_id'
-export const THREAD_ID_STORAGE_KEY = 'webchat_thread_id'

package/src/client/store/reducer.js

@@ -1,31 +0,0 @@
-import { actionsMap } from './actions-map'
-
-export const initialState = {
-  availability: null,
-  customerId: null,
-  threadId: null,
-  thread: null,
-  messages: [],
-  unseenCount: 0,
-  instigatorId: null,
-  agent: null,
-  agentStatus: null,
-  isAgentTyping: false,
-  isChatOpen: false,
-  isMobile: window.matchMedia('(max-width: 640px)').matches,
-  isKeyboard: false,
-  settings: { audio: true, scroll: true }
-}
-
-export const reducer = (state, action) => {
-  const { type, payload } = action
-
-  const fn = actionsMap[type]
-
-  if (fn) {
-    const actionFunction = fn.bind(this, state, payload)
-    return actionFunction()
-  }
-
-  return state
-}

package/src/client/store/useApp.js

@@ -1,5 +0,0 @@
-import { useContext } from 'react'
-
-import { AppContext } from './AppProvider.jsx'
-
-export const useApp = () => useContext(AppContext)

package/src/client/store/useChatSdk.js

@@ -1,37 +0,0 @@
-export const useChatSdk = sdk => {
-  const connect = async () => sdk.authorize()
-
-  const fetchCustomerId = async () => {
-    const response = await connect()
-    return response?.consumerIdentity.idOnExternalPlatform
-  }
-
-  const fetchThread = async threadId => {
-    await connect()
-    return sdk.getThread(threadId)
-  }
-
-  const fetchMessages = async (thread, threadId) => {
-    await connect()
-
-    const recovered = await thread.recover(threadId)
-
-    const allMessages = []
-    let fetchedMessages = recovered.messages
-
-    while (fetchedMessages.length) {
-      fetchedMessages.map(msg => allMessages.push(msg))
-
-      try {
-        const response = await thread.loadMoreMessages()
-        fetchedMessages = response.data.messages
-      } catch (err) {
-        fetchedMessages = []
-      }
-    }
-
-    return allMessages
-  }
-
-  return { connect, fetchCustomerId, fetchThread, fetchMessages }
-}

package/src/server/index.js

@@ -1,60 +0,0 @@
-const { authenticate, getApiBaseUrl, getIsOpen, getActivity } = require('./lib/client.js')
-
-/**
- * Returns webchat availability
- * @param options {object}
- * @param options.clientId {string}
- * @param options.clientSecret {string}
- * @param options.accessKey {string}
- * @param options.accessSecret {string}
- * @param options.skillEndpoint {string}
- * @param options.hoursEndpoint {string}
- * @param options.authenticationUri {string}
- * @param options.wellKnownUri {string}
- * @param options.maxQueueCount {string}
- * @returns {Promise<{date: Date, availability: (string)}>}
- */
-module.exports = async function getAvailability ({
-  clientId,
-  clientSecret,
-  accessKey,
-  accessSecret,
-  maxQueueCount,
-  skillEndpoint,
-  hoursEndpoint,
-  wellKnownUri = 'https://cxone.niceincontact.com/.well-known/cxone-configuration',
-  authenticationUri = 'https://cxone.niceincontact.com/auth/token'
-}) {
-  const authorisation = 'Basic ' + Buffer.from(`${encodeURIComponent(clientId)}:${encodeURIComponent(clientSecret)}`).toString('base64')
-
-  // Cache authentication and re-authenticate when needed (lasts 1 hour?)
-  const { tenantId, token, tokenType } = await authenticate({
-    authenticationUri,
-    authorisation,
-    accessKey,
-    accessSecret
-  })
-
-  const apiBaseUrl = await getApiBaseUrl({ wellKnownUri, tenantId })
-
-  const [{ hasCapacity, hasAgentsAvailable }, isOpen] = await Promise.all([
-    getActivity({ baseUrl: apiBaseUrl, tokenType, token, skillEndpoint, maxQueueCount }),
-    getIsOpen({ baseUrl: apiBaseUrl, token, tokenType, hoursEndpoint })
-  ])
-
-  const isAvailable = isOpen && hasAgentsAvailable && hasCapacity
-  const isExistingOnly = isOpen && hasAgentsAvailable && !hasCapacity
-
-  let availability = 'UNAVAILABLE'
-
-  if (isAvailable) {
-    availability = 'AVAILABLE'
-  } else if (isExistingOnly) {
-    availability = 'EXISTING'
-  }
-
-  return {
-    date: new Date(),
-    availability
-  }
-}

package/src/server/lib/client.js

@@ -1,88 +0,0 @@
-const querystring = require('querystring')
-const axios = require('axios')
-const jwtdecode = require('jwt-decode')
-const { isWithinHours } = require('./utils.js')
-
-const contentType = 'application/x-www-form-urlencoded'
-
-const authenticate = async ({ authenticationUri, authorisation, accessKey, accessSecret }) => {
-  const url = new URL(authenticationUri)
-  const body = querystring.stringify({
-    grant_type: 'password',
-    username: accessKey,
-    password: accessSecret
-  })
-
-  const auth = await axios.post(url.href, body, {
-    signal: AbortSignal.timeout(3000),
-    headers: {
-      Host: url.host,
-      'Content-Type': contentType,
-      Authorization: authorisation
-    }
-  })
-
-  return {
-    token: auth.data.access_token,
-    tokenType: auth.data.token_type,
-    tenantId: jwtdecode(auth.data.id_token)?.tenantId
-  }
-}
-
-const getApiBaseUrl = async ({ wellKnownUri, tenantId }) => {
-  const url = new URL(wellKnownUri)
-  url.searchParams.set('tenantId', tenantId)
-
-  const { data } = await axios.get(url.href, {
-    headers: {
-      Host: url.host
-    },
-    signal: AbortSignal.timeout(3000)
-  })
-
-  return data.api_endpoint
-}
-
-const getActivity = async ({ tokenType, token, baseUrl, skillEndpoint, maxQueueCount }) => {
-  const url = new URL(skillEndpoint, baseUrl)
-
-  const skill = await axios.get(url.href, {
-    signal: AbortSignal.timeout(3000),
-    headers: {
-      Host: url.host,
-      Authorization: `${tokenType} ${token}`,
-      'Content-Type': contentType
-    }
-  })
-
-  const activity = skill.data.skillActivity[0]
-
-  return {
-    hasCapacity: activity.queueCount < maxQueueCount,
-    hasAgentsAvailable: activity.agentsAvailable >= 1
-  }
-}
-
-const getIsOpen = async ({ baseUrl, token, tokenType, hoursEndpoint }) => {
-  const url = new URL(hoursEndpoint, baseUrl)
-
-  const hours = await axios.get(url.href, {
-    signal: AbortSignal.timeout(3000),
-    headers: {
-      Host: url.host,
-      Authorization: `${tokenType} ${token}`,
-      'Content-Type': contentType
-    }
-  })
-
-  const days = hours.data.resultSet.hoursOfOperationProfiles[0].days
-
-  return isWithinHours(days)
-}
-
-module.exports = {
-  authenticate,
-  getApiBaseUrl,
-  getIsOpen,
-  getActivity
-}

package/src/server/lib/utils.js

@@ -1,23 +0,0 @@
-const { DateTime } = require('luxon')
-
-const getHour = time => Number(time.split(':')[0])
-
-const isWithinHours = (days, date) => {
-  const now = date ? DateTime.fromISO(date) : DateTime.local()
-  now.setZone('Europe/London')
-
-  const newDate = date ? new Date(date) : new Date()
-
-  const today = newDate.toLocaleDateString('en-GB', { weekday: 'long' })
-  const dateParts = newDate.toLocaleDateString('en-GB').split('/')
-
-  const todaysAvailability = days.find(item => item.day === today)
-  const todaysDateTimeOpen = DateTime.local(Number(dateParts[2]), Number(dateParts[1]), Number(dateParts[0]), getHour(todaysAvailability.openTime))
-  const todaysDateTimeClose = DateTime.local(Number(dateParts[2]), Number(dateParts[1]), Number(dateParts[0]), getHour(todaysAvailability.closeTime))
-
-  return now.diff(todaysDateTimeOpen).milliseconds >= 0 && now.diff(todaysDateTimeClose).milliseconds <= 0
-}
-
-module.exports = {
-  isWithinHours
-}

package/webpack.config.mjs

@@ -1,30 +0,0 @@
-import path from 'path'
-
-import nodeExternals from 'webpack-node-externals'
-
-const __dirname = path.dirname(new URL(import.meta.url).pathname)
-
-export default {
-  entry: {
-    client: path.join(__dirname, 'src/client/index.jsx'),
-    server: path.join(__dirname, 'src/server/index.js')
-  },
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    library: {
-      type: 'commonjs2'
-    }
-  },
-  target: 'node',
-  externals: [nodeExternals()],
-  module: {
-    rules: [
-      {
-        test: /\.jsx?$/i,
-        use: [
-          'babel-loader'
-        ]
-      }
-    ]
-  }
-}