@seamly/web-ui 20.5.0 → 20.7.0

package/build/dist/lib/style-guide.js

@@ -172,7 +172,8 @@ const baseState = {
   },
   currentUploads: []
 };
-const avatar = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxkZWZzLz48cGF0aCBmaWxsPSIjNEE0OEMxIiBkPSJNMCAwSDMyVjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExLjE3NSwxMi4yMjJjMC0zLjc5MywyLjE2LTUuNTY1LDQuODI1LTUuNTY1YzIuNjY0LDAsNC44MjYsMS43NzIsNC44MjYsNS41NjUJYzAsMy43OTQtMi4xNjIsNi45MDQtNC44MjYsNi45MDRDMTMuMzM1LDE5LjEyNiwxMS4xNzUsMTYuMDE2LDExLjE3NSwxMi4yMjJ6IE0yNi42NjYsMjMuMDg0Yy0wLjgzNC0xLjU4My00LjIxNi0yLjYyNS01Ljg0MS0yLjY2NwlzLTMuNTM0LDMtNC44MjUsM2MtMS4yOTMsMC0zLjIwMS0zLjA0Mi00LjgyNS0zYy0xLjYyNSwwLjA0Mi01LjAwOCwxLjA4NC01Ljg0MSwyLjY2N0M0LjAwNSwyNS42MDYsNC41ODMsMzIsNC41ODMsMzJIMTZoMTEuNDE2CUMyNy40MTYsMzIsMjcuOTk0LDI1LjYwNiwyNi42NjYsMjMuMDg0eiIvPjwvc3ZnPg==';
+const avatar = 'data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNEE0OEMxIiBkPSJNMTAsMTQuOGMtMS4xLDAtMi0wLjktMi0yczAuOS0yLDItMnMyLDAuOSwyLDJTMTEuMSwxNC44LDEwLDE0Ljh6IE0xNS45LDE0LjhjMS4xLDAsMi0wLjksMi0ycy0wLjktMi0yLTIKCXMtMiwwLjktMiwyUzE0LjgsMTQuOCwxNS45LDE0Ljh6IE0yMS44LDEwLjhjLTEuMSwwLTIsMC45LTIsMnMwLjksMiwyLDJzMi0wLjksMi0yUzIyLjksMTAuOCwyMS44LDEwLjh6IE0yMS4zLDE4LjFIMTAuNwoJQzExLjcsMjMuOSwyMC4yLDIzLjksMjEuMywxOC4xeiIvPgo8L3N2Zz4K';
+const transferAvatar = 'data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNEE0OEMxIiBkPSJNMTAuMSwxNC45Yy0xLjEsMC0yLTAuOS0yLTJzMC45LTIsMi0yczIsMC45LDIsMlMxMS4yLDE0LjksMTAuMSwxNC45eiBNMjEuOSwxMC45Yy0xLjEsMC0yLDAuOS0yLDIKCXMwLjksMiwyLDJzMi0wLjksMi0yUzIzLDEwLjksMjEuOSwxMC45eiBNMjEuNCwxOC4ySDEwLjhDMTEuOCwyNCwyMC4zLDI0LDIxLjQsMTguMnogTTE3LjIsMjUuM2gtMi40Yy0wLjYsMC0xLjIsMC40LTEuNCwxCgljLTUuMS0wLjItOS4yLTQuNC05LjQtOS42YzAuMSwwLDAuMiwwLjEsMC40LDAuMWgwLjFjMC44LDAsMS40LTAuNiwxLjQtMS40di00LjdjMC0wLjgtMC42LTEuNC0xLjQtMS40aDBjLTAuOCwwLTEuNCwwLjYtMS40LDEuNAoJdjIuN3YydjEuMWMwLDUuOSw0LjcsMTAuNiwxMC41LDEwLjhjMC4yLDAuNSwwLjcsMC44LDEuMiwwLjhoMi40YzAuOCwwLDEuNC0wLjYsMS40LTEuNFMxOCwyNS4zLDE3LjIsMjUuM3oiLz4KPC9zdmc+Cg==';
 const participantInfo = {
   participants: {
     agent: {
@@ -343,6 +344,33 @@ const participantMessage = {
     type: 'participant'
   }
 };
+const participantTransferMessage = {
+  type: 'participant',
+  payload: {
+    fromClient: false,
+    fromHistory: true,
+    id: (0,web_ui_namespaceObject.randomId)(),
+    messageStatus: 'received',
+    participant: {
+      introduction: 'Welcome, you are now chatting with Mrs. Bot 2, give me a minit to read back the chat history.',
+      id: 'agent',
+      avatar: transferAvatar,
+      name: 'Two',
+      service: {
+        expose: {
+          map: {},
+          version: 3
+        },
+        meta: {},
+        name: 'new service',
+        serviceSessionId: (0,web_ui_namespaceObject.randomId)(),
+        settings: {}
+      }
+    },
+    transactionId: (0,web_ui_namespaceObject.randomId)(),
+    type: 'participant'
+  }
+};
 const participantMessageDefaultIcon = {
   type: 'participant',
   payload: {
@@ -1148,7 +1176,7 @@ const standardState = {
       payload: states_objectSpread(states_objectSpread({}, choicePromptMessage.payload), {}, {
         id: `${choicePromptMessage.payload.id}XXX`
       })
-    }), longTextMessage, userMessage, textMessageBoldItalicUnderline, userMessageWithLinks, newTopicDivider, imageMessage, fileDownloadAgentMessage, deletedFileDownloadAgentMessage, userMessageLong, videoMessage, textMessageWithLinks, textMessageWithLongLink, imageMessageWithLightbox, fileDownloadUserMessage, emptyUrlFileDownloadUserMessage, textMesageWithBullets, choicePromptMessage, ctaMessage]
+    }), longTextMessage, participantTransferMessage, userMessage, textMessageBoldItalicUnderline, userMessageWithLinks, newTopicDivider, imageMessage, fileDownloadAgentMessage, deletedFileDownloadAgentMessage, userMessageLong, videoMessage, textMessageWithLinks, textMessageWithLongLink, imageMessageWithLightbox, fileDownloadUserMessage, emptyUrlFileDownloadUserMessage, textMesageWithBullets, choicePromptMessage, ctaMessage]
   }),
   userMessages: states_objectSpread(states_objectSpread({
     category: categoryKeys.messages,
@@ -1226,7 +1254,7 @@ const standardState = {
           type: 'text'
         }
       })
-    }, participantMessage, participantMessageDefaultIcon, newTopicDivider, transcriptInfoMessage, ...[newTranslationDividerStart, newTranslationDividerStop].map(addTranslationData), infoMessage]
+    }, participantMessage, participantMessageDefaultIcon, participantTransferMessage, newTopicDivider, transcriptInfoMessage, ...[newTranslationDividerStart, newTranslationDividerStop].map(addTranslationData), infoMessage]
   }),
   choicePromptMessages: states_objectSpread(states_objectSpread({
     category: categoryKeys.messages,
@@ -2224,6 +2252,7 @@ function seamly_utils_objectSpread(target) { for (var i = 1; i < arguments.lengt
 function seamly_utils_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
+
 const eventTypes = {
   info: 'info',
   message: 'message',
@@ -2515,9 +2544,9 @@ const seamlyStateReducer = (state, action) => {
 
 
       if (accountHasUploads && (eventType === eventTypes.message || eventType === eventTypes.participant) && !payload.fromClient) {
-        const {
-          type: entryType
-        } = payload.entry || {};
+        var _payload$entry;
+
+        const entryType = payload === null || payload === void 0 ? void 0 : (_payload$entry = payload.entry) === null || _payload$entry === void 0 ? void 0 : _payload$entry.type;
         newOptions = seamly_utils_objectSpread(seamly_utils_objectSpread({}, newOptions), {}, {
           features: seamly_utils_objectSpread(seamly_utils_objectSpread({}, newOptions.features), {}, {
             uploads: seamly_utils_objectSpread(seamly_utils_objectSpread({}, newOptions.features.uploads), {}, {
@@ -2547,7 +2576,10 @@ const seamlyStateReducer = (state, action) => {
           // event optimistically.
           payload: seamly_utils_objectSpread(seamly_utils_objectSpread({}, incrementUnread && {
             messageStatus: payload.fromClient ? readStates.read : readStates.received
-          }), payload)
+          }), {}, {
+            // We add a randomid to use as key for mapping of Events to avoid rerendering
+            key: id_randomId()
+          }, payload)
         })]
       });
 
@@ -2641,12 +2673,9 @@ const seamlyStateReducer = (state, action) => {
       const newFeaturesHasUpload = newFeatures.hasOwnProperty(featureKeys.uploads); // Only set uploads if it was initialised by the account config.
 
       if (newFeaturesHasUpload) {
-        const {
-          payload: lastParticipantEventPayload
-        } = lastParticipantEvent;
-        const {
-          type: entryType
-        } = lastParticipantEventPayload.entry || {};
+        var _lastParticipantEvent, _lastParticipantEvent2;
+
+        const entryType = lastParticipantEvent === null || lastParticipantEvent === void 0 ? void 0 : (_lastParticipantEvent = lastParticipantEvent.payload) === null || _lastParticipantEvent === void 0 ? void 0 : (_lastParticipantEvent2 = _lastParticipantEvent.entry) === null || _lastParticipantEvent2 === void 0 ? void 0 : _lastParticipantEvent2.type;
         newFeatures = seamly_utils_objectSpread(seamly_utils_objectSpread({}, newFeatures), {}, {
           uploads: {
             enabled: !!(uploads && uploads.enabled),
@@ -2996,7 +3025,7 @@ function createAction(type, identityReducer = payload => ({
 
   action.toString = () => String(type);
 
-  action.match = obj => obj?.type === String(type);
+  action.match = obj => (obj === null || obj === void 0 ? void 0 : obj.type) === String(type);
 
   return action;
 }
@@ -3086,7 +3115,7 @@ function createThunk(type, payloadCreator) {
 }
 function createReducer(domain, handlers = {}, defaultState) {
   const reducer = (state = defaultState, action) => {
-    const typeReducer = handlers?.[action?.type];
+    const typeReducer = handlers === null || handlers === void 0 ? void 0 : handlers[action === null || action === void 0 ? void 0 : action.type];
     return typeReducer ? typeReducer(state, action) : state;
   };
 
@@ -3517,7 +3546,7 @@ function selectors_defineProperty(obj, key, value) { if (key in obj) { Object.de
 
 const selectConfig = createSelector(selectState, config => {
   let newConfig = selectors_objectSpread({
-    visible: config?.layoutMode === 'inline' ? constants_visibilityStates.open : constants_visibilityStates.minimized,
+    visible: (config === null || config === void 0 ? void 0 : config.layoutMode) === 'inline' ? constants_visibilityStates.open : constants_visibilityStates.minimized,
     appContainerClassNames: config.appContainerClassNames || []
   }, config);
 
@@ -3609,6 +3638,8 @@ function hooks_useSelector(selector, deps = []) {
   useLayoutEffect(() => {
     // we subscribe to the store changes
     return store.subscribe(() => {
+      var _selectorRef$current;
+
       const newState = store.getState(); // prevent recalculating if the state hasn't changed
       // if the selector changed, it was already handled synchronously
 
@@ -3617,7 +3648,7 @@ function hooks_useSelector(selector, deps = []) {
       } // calculate the new value based on selector+state
 
 
-      const newValue = selectorRef.current?.(store.getState()); // only if the value changed we update. this saves heaps of re-rendering
+      const newValue = (_selectorRef$current = selectorRef.current) === null || _selectorRef$current === void 0 ? void 0 : _selectorRef$current.call(selectorRef, store.getState()); // only if the value changed we update. this saves heaps of re-rendering
 
       if (newValue !== valueRef.current) {
         valueRef.current = newValue;
@@ -3680,7 +3711,9 @@ const selectEventsWithSuggestion = createSelector(seamly_state_hooks_selectState
   events,
   serviceData
 }, config, userHasResponded) => {
-  if (userHasResponded || config.layoutMode === 'inline' || !serviceData.suggestion || !serviceData.suggestion?.body.length) {
+  var _serviceData$suggesti;
+
+  if (userHasResponded || config.layoutMode === 'inline' || !serviceData.suggestion || !((_serviceData$suggesti = serviceData.suggestion) !== null && _serviceData$suggesti !== void 0 && _serviceData$suggesti.body.length)) {
     return events;
   }
 
@@ -3691,10 +3724,12 @@ const selectEventsWithSuggestion = createSelector(seamly_state_hooks_selectState
   return [...events, suggestionsEvent];
 });
 const selectEvents = createSelector(selectEventsWithSuggestion, selectConfig, (events, config) => {
+  var _config$messages;
+
   const {
     enabled,
     threshold
-  } = config?.messages?.timeIndicator ?? {};
+  } = (config === null || config === void 0 ? void 0 : (_config$messages = config.messages) === null || _config$messages === void 0 ? void 0 : _config$messages.timeIndicator) ?? {};
 
   if (!enabled) {
     return events;
@@ -3728,8 +3763,10 @@ const seamly_state_hooks_useSkiplink = () => seamly_state_hooks_useSeamlyStateCo
 const useSeamlyParticipant = participantId => seamly_state_hooks_useSeamlyStateContext().participantInfo.participants[participantId];
 const useSeamlyServiceInfo = () => seamly_state_hooks_useSeamlyStateContext().serviceInfo;
 const selectLastMessageEventId = createSelector(selectEvents, events => {
+  var _filteredEvents;
+
   const filteredEvents = events.filter(event => event.type === 'message');
-  return filteredEvents[filteredEvents.length - 1]?.payload.id;
+  return (_filteredEvents = filteredEvents[filteredEvents.length - 1]) === null || _filteredEvents === void 0 ? void 0 : _filteredEvents.payload.id;
 });
 const useLastMessageEventId = () => useSelector(selectLastMessageEventId);
 const useSeamlyIsHistoryLoaded = () => seamly_state_hooks_useSeamlyStateContext().historyLoaded;
@@ -3898,11 +3935,13 @@ const actions_initialize = visibility_utils_createThunk('initialize', async (loc
     api
   }
 }) => {
+  var _api$store$get;
+
   // initialize stored visibility
   const {
     layoutMode
   } = selectConfig(getState());
-  const storedVisibility = api.store.get(StoreKey)?.[layoutMode];
+  const storedVisibility = (_api$store$get = api.store.get(StoreKey)) === null || _api$store$get === void 0 ? void 0 : _api$store$get[layoutMode];
 
   if (storedVisibility) {
     dispatch(setFromStorage(storedVisibility));
@@ -3940,13 +3979,13 @@ class SeamlyBaseError extends Error {
 
     this.originalError = originalError;
 
-    if (originalError?.payload) {
+    if (originalError !== null && originalError !== void 0 && originalError.payload) {
       this.originalEvent = originalError;
       this.originalError = originalError.payload.error;
       this.message = `Event of type ${originalError.payload.type} encountered`;
     }
 
-    if (originalError?.error) {
+    if (originalError !== null && originalError !== void 0 && originalError.error) {
       this.originalError = originalError.error;
     }
   }
@@ -3995,8 +4034,10 @@ const app_actions_initialize = app_utils_createThunk('initialize', async (_, {
     config
   }
 }) => {
+  var _config$context;
+
   dispatch(initialize(config));
-  let locale = config?.context?.locale;
+  let locale = config === null || config === void 0 ? void 0 : (_config$context = config.context) === null || _config$context === void 0 ? void 0 : _config$context.locale;
 
   try {
     const {
@@ -4023,7 +4064,7 @@ const app_actions_initialize = app_utils_createThunk('initialize', async (_, {
       startChatIcon
     }));
 
-    if (agentParticipant?.name) {
+    if (agentParticipant !== null && agentParticipant !== void 0 && agentParticipant.name) {
       dispatch({
         type: seamly_utils_seamlyActions.SET_HEADER_SUB_TITLE,
         title: agentParticipant.name
@@ -4035,18 +4076,22 @@ const app_actions_initialize = app_utils_createThunk('initialize', async (_, {
 
   try {
     if (api.hasConversation()) {
+      var _initialState$transla;
+
       const initialState = await api.getConversationIntitialState();
       dispatch({
         type: seamly_utils_seamlyActions.SET_INITIAL_STATE,
         initialState
       });
-      locale = initialState.translation?.locale || locale;
+      locale = ((_initialState$transla = initialState.translation) === null || _initialState$transla === void 0 ? void 0 : _initialState$transla.locale) || locale;
 
       if ('userResponded' in initialState) {
         dispatch(actions_setHasResponded(initialState.userResponded));
       }
     } else {
-      if (config?.context?.topic) {
+      var _config$context2, _config$context3;
+
+      if (config !== null && config !== void 0 && (_config$context2 = config.context) !== null && _config$context2 !== void 0 && _config$context2.topic) {
         api.send('action', {
           type: seamly_utils_actionTypes.setTopic,
           body: {
@@ -4058,7 +4103,7 @@ const app_actions_initialize = app_utils_createThunk('initialize', async (_, {
         });
       }
 
-      if (config?.context?.translationLocale) {
+      if (config !== null && config !== void 0 && (_config$context3 = config.context) !== null && _config$context3 !== void 0 && _config$context3.translationLocale) {
         locale = config.context.translationLocale;
         api.send('action', {
           type: seamly_utils_actionTypes.setTranslation,
@@ -4166,7 +4211,9 @@ function utils_validate(values, schema = {}) {
       validations = [validations];
     }
 
-    for (let i = 0; i < validations?.length ?? 0; i++) {
+    for (let i = 0; i < ((_validations = validations) === null || _validations === void 0 ? void 0 : _validations.length) ?? 0; i++) {
+      var _validations;
+
       if (!validations[i].fn(values[key], validations[i].compareValue)) {
         errors[key] = validations[i].errorText;
         break;
@@ -4226,7 +4273,7 @@ const getPropSelector = (propName, orDefault) => (_, props) => props[propName] |
 
 const getState = forms_utils_selectState;
 const selectors_getFormById = createSelector(getState, getPropSelector('formId'), (forms, formId) => forms[formId]);
-const getFormControlsByFormId = createSelector(selectors_getFormById, form => form?.controls || {});
+const getFormControlsByFormId = createSelector(selectors_getFormById, form => (form === null || form === void 0 ? void 0 : form.controls) || {});
 const selectors_getFormValuesByFormId = createSelector(getFormControlsByFormId, controls => {
   const valuesObj = {};
   Object.entries(controls).forEach(([key, {
@@ -4236,8 +4283,16 @@ const selectors_getFormValuesByFormId = createSelector(getFormControlsByFormId,
   });
   return valuesObj;
 });
-const selectors_getControlValueByName = createSelector(getFormControlsByFormId, getPropSelector('name'), (controls, name) => controls[name]?.value);
-const selectors_getControlTouchedByName = createSelector(getFormControlsByFormId, getPropSelector('name'), (controls, name) => controls[name]?.touched);
+const selectors_getControlValueByName = createSelector(getFormControlsByFormId, getPropSelector('name'), (controls, name) => {
+  var _controls$name;
+
+  return (_controls$name = controls[name]) === null || _controls$name === void 0 ? void 0 : _controls$name.value;
+});
+const selectors_getControlTouchedByName = createSelector(getFormControlsByFormId, getPropSelector('name'), (controls, name) => {
+  var _controls$name2;
+
+  return (_controls$name2 = controls[name]) === null || _controls$name2 === void 0 ? void 0 : _controls$name2.touched;
+});
 ;// CONCATENATED MODULE: ./src/javascripts/domains/forms/context.js
 
 const context_FormContext = (0,external_preact_namespaceObject.createContext)({});
@@ -4297,7 +4352,7 @@ function hooks_useFormControl(name) {
     formId,
     name
   }, [formId, name]);
-  const error = errors?.[name];
+  const error = errors === null || errors === void 0 ? void 0 : errors[name];
   const isValid = !error;
   useEffect(() => {
     // Make sure the form is registered
@@ -4399,9 +4454,11 @@ function provider_FormProvider(_ref) {
     });
   }, [setExternalErrors]);
   const handleSubmit = useCallback(e => {
+    var _e$submitter;
+
     e.preventDefault(); // If the submitter is set to being aria-disabled, block the submit action
 
-    const ariaDisabled = e.submitter?.ariaDisabled === 'true';
+    const ariaDisabled = ((_e$submitter = e.submitter) === null || _e$submitter === void 0 ? void 0 : _e$submitter.ariaDisabled) === 'true';
     setIsSubmitted(!ariaDisabled);
 
     if (!ariaDisabled && validationIsValid) {
@@ -4468,7 +4525,9 @@ const initialControlState = {
 };
 
 function updateFormControl(state, formId, name, controlState) {
-  const currentControlState = state[formId]?.controls[name] || initialControlState;
+  var _state$formId;
+
+  const currentControlState = ((_state$formId = state[formId]) === null || _state$formId === void 0 ? void 0 : _state$formId.controls[name]) || initialControlState;
   return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
     [formId]: reducer_objectSpread(reducer_objectSpread({}, state[formId]), {}, {
       controls: reducer_objectSpread(reducer_objectSpread({}, state[formId].controls), {}, {
@@ -4496,9 +4555,11 @@ function updateFormControl(state, formId, name, controlState) {
   [deregisterForm]: (state, {
     formId
   }) => {
+    var _newState$formId;
+
     const newState = reducer_objectSpread({}, state);
 
-    if (!newState[formId]?.persistData) {
+    if (!((_newState$formId = newState[formId]) !== null && _newState$formId !== void 0 && _newState$formId.persistData)) {
       delete newState[formId];
     }
 
@@ -5962,13 +6023,13 @@ const useIntersect = ({
 }) => {
   const [entry, setEntry] = useState(null);
   const containerRef = useRef(null);
-  const isVisible = !!entry?.isIntersecting || !enabled;
+  const isVisible = !!(entry !== null && entry !== void 0 && entry.isIntersecting) || !enabled;
   const frozen = isVisible && freezeOnceVisible;
 
   const observerCallback = ([updatedEntry]) => setEntry(updatedEntry);
 
   useEffect(() => {
-    const node = containerRef?.current;
+    const node = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
     const hasIOSupport = !!window.IntersectionObserver;
 
     if (!node && "production" === 'development') {} // Return an arrow function to have a consistent return value
@@ -6227,20 +6288,6 @@ const use_seamly_commands_useSeamlyCommands = () => {
       }
     });
   }, [dispatch]);
-  const sendInfo = useCallback(({
-    type,
-    subtype
-  }) => {
-    const info = {
-      type,
-      subtype,
-      id: randomId(),
-      transactionId: randomId(),
-      participant: userParticipantId,
-      fromClient: true
-    };
-    api.send('info', info);
-  }, [api]);
   const sendAction = useCallback(body => {
     if (!body) {
       return;
@@ -6283,7 +6330,6 @@ const use_seamly_commands_useSeamlyCommands = () => {
     connect,
     start,
     sendMessage,
-    sendInfo,
     sendAction,
     sendContext,
     reset,
@@ -6910,19 +6956,21 @@ function hooks_useTranslations() {
 function useTranslatedEventData({
   payload
 } = {}) {
-  const payloadId = payload?.id;
+  var _translatedBody, _translatedBody2, _translatedBody3;
+
+  const payloadId = payload === null || payload === void 0 ? void 0 : payload.id;
   let body;
   let translatedBody;
 
-  switch (payload?.type) {
+  switch (payload === null || payload === void 0 ? void 0 : payload.type) {
     case 'participant':
       body = payload.participant.introduction;
       translatedBody = payload.participant.translatedIntroduction;
       break;
 
     default:
-      body = payload?.body;
-      translatedBody = payload?.translatedBody;
+      body = payload === null || payload === void 0 ? void 0 : payload.body;
+      translatedBody = payload === null || payload === void 0 ? void 0 : payload.translatedBody;
   }
 
   const hasTranslation = !!translatedBody;
@@ -6937,12 +6985,12 @@ function useTranslatedEventData({
       dispatch(Actions.enableEvent(payloadId));
     }
   }, [isTranslated, payloadId, dispatch]);
-  return [hasTranslation && isTranslated ? translatedBody?.data : body, {
+  return [hasTranslation && isTranslated ? (_translatedBody = translatedBody) === null || _translatedBody === void 0 ? void 0 : _translatedBody.data : body, {
     hasTranslation,
     isTranslated: isTranslated && hasTranslation,
     toggleTranslation,
-    translatedBy: translatedBody?.translatedBy,
-    locale: translatedBody?.locale
+    translatedBy: (_translatedBody2 = translatedBody) === null || _translatedBody2 === void 0 ? void 0 : _translatedBody2.translatedBy,
+    locale: (_translatedBody3 = translatedBody) === null || _translatedBody3 === void 0 ? void 0 : _translatedBody3.locale
   }];
 }
 function hooks_useTranslationsContainer() {
@@ -6957,49 +7005,58 @@ function hooks_useLocaleNativeName(locale) {
   const {
     languages
   } = hooks_useTranslations();
-  return useMemo(() => languages?.find(lang => lang.locale === locale)?.nativeName, [locale, languages]);
+  return useMemo(() => {
+    var _languages$find;
+
+    return languages === null || languages === void 0 ? void 0 : (_languages$find = languages.find(lang => lang.locale === locale)) === null || _languages$find === void 0 ? void 0 : _languages$find.nativeName;
+  }, [locale, languages]);
 }
 ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/middleware.js
 
 
 
-function middleware_createMiddleware() {
-  return ({
-    dispatch,
-    getState
-  }) => next => action => {
-    const result = next(action);
+function middleware_createMiddleware({
+  dispatch,
+  getState
+}) {
+  return next => {
+    return action => {
+      var _action$history, _action$history$trans, _action$initialState, _action$initialState$, _action$event, _action$event$payload, _action$event$payload2;
+
+      const result = next(action);
 
-    switch (action.type) {
-      case String(seamlyActions.SET_HISTORY):
-        if (action.history?.translation?.enabled) {
-          dispatch(Actions.enable(action.history.translation.locale));
-        }
+      switch (action.type) {
+        case String(seamlyActions.SET_HISTORY):
+          if ((_action$history = action.history) !== null && _action$history !== void 0 && (_action$history$trans = _action$history.translation) !== null && _action$history$trans !== void 0 && _action$history$trans.enabled) {
+            dispatch(Actions.enable(action.history.translation.locale));
+            dispatch(I18nActions.setLocale(action.history.translation.locale));
+          }
 
-        break;
+          break;
 
-      case String(seamlyActions.SET_INITIAL_STATE):
-        if (action.initialState?.translation?.enabled) {
-          dispatch(Actions.enable(action.initialState.translation.locale));
-          dispatch(I18nActions.setLocale(action.locale));
-        }
+        case String(seamlyActions.SET_INITIAL_STATE):
+          if ((_action$initialState = action.initialState) !== null && _action$initialState !== void 0 && (_action$initialState$ = _action$initialState.translation) !== null && _action$initialState$ !== void 0 && _action$initialState$.enabled) {
+            dispatch(Actions.enable(action.initialState.translation.locale));
+            dispatch(I18nActions.setLocale(action.locale));
+          }
 
-        break;
+          break;
 
-      case String(seamlyActions.ADD_EVENT):
-        if (action.event.type === 'info' && action.event?.payload?.body?.subtype === 'new_translation' && action.event.payload.body.translationEnabled) {
-          dispatch(I18nActions.setLocale(action.event.payload.body.translationLocale));
-        }
+        case String(seamlyActions.ADD_EVENT):
+          if (action.event.type === 'info' && ((_action$event = action.event) === null || _action$event === void 0 ? void 0 : (_action$event$payload = _action$event.payload) === null || _action$event$payload === void 0 ? void 0 : (_action$event$payload2 = _action$event$payload.body) === null || _action$event$payload2 === void 0 ? void 0 : _action$event$payload2.subtype) === 'new_translation' && action.event.payload.body.translationEnabled) {
+            dispatch(I18nActions.setLocale(action.event.payload.body.translationLocale));
+          }
 
-        break;
+          break;
 
-      case String(Actions.disable):
-        const initialLocale = I18nSelectors.selectInitialLocale(getState());
-        dispatch(I18nActions.setLocale(initialLocale));
-        break;
-    }
+        case String(Actions.disable):
+          const initialLocale = I18nSelectors.selectInitialLocale(getState());
+          dispatch(I18nActions.setLocale(initialLocale));
+          break;
+      }
 
-    return result;
+      return result;
+    };
   };
 }
 ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/reducer.js
@@ -7024,7 +7081,9 @@ const translations_reducer_initialState = {
 };
 /* harmony default export */ const translations_reducer = (translations_utils_createReducer({
   [seamly_utils_seamlyActions.SET_FEATURES]: (state, action) => {
-    const feature = action?.features?.translation;
+    var _action$features;
+
+    const feature = action === null || action === void 0 ? void 0 : (_action$features = action.features) === null || _action$features === void 0 ? void 0 : _action$features.translation;
 
     if (!feature) {
       return state;
@@ -8423,7 +8482,7 @@ const StyleGuideApp = ({
         showFaq
       }),
       headerTitles: app_objectSpread(app_objectSpread({}, bareState.headerTitles), {}, {
-        subTitle: agent?.name || bareState.headerTitles.subTitle
+        subTitle: (agent === null || agent === void 0 ? void 0 : agent.name) || bareState.headerTitles.subTitle
       })
     });