@seamly/web-ui 20.2.0-alpha.3 → 20.2.0-alpha.4

package/build/dist/lib/index.js

@@ -8098,7 +8098,7 @@ function useStoreContext() {
 function useStoreDispatch() {
   return useStoreContext().dispatch;
 }
-function useSelector(selector, deps = []) {
+function hooks_useSelector(selector, deps = []) {
   const store = useStoreContext(); // we need a force-update because we're manually updating a ref instead of a useState
 
   const [, forceUpdate] = (0,hooks_namespaceObject.useReducer)(x => x + 1, 0); // we're keeping the value to compare against
@@ -8156,7 +8156,7 @@ const useSelectorWithProps = function useSelectorWithProps(selector, props, inpu
 ) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const wrappedMapper = (0,hooks_namespaceObject.useCallback)(state => selector(state, props), inputs);
-  return useSelector(wrappedMapper, inputs);
+  return hooks_useSelector(wrappedMapper, inputs);
 };
 ;// CONCATENATED MODULE: ./src/javascripts/domains/redux/index.js
 
@@ -8168,13 +8168,13 @@ const useSelectorWithProps = function useSelectorWithProps(selector, props, inpu
 
 
 function useConfig() {
-  return useSelector(selectConfig);
+  return hooks_useSelector(selectConfig);
 }
 function useParticipants() {
   const {
     agentParticipant,
     userParticipant
-  } = useSelector(selectConfig);
+  } = useSelector(Selectors.selectConfig);
   return {
     agent: agentParticipant,
     user: userParticipant
@@ -8183,7 +8183,7 @@ function useParticipants() {
 function useStartChatIcon() {
   const {
     startChatIcon
-  } = useSelector(selectConfig);
+  } = hooks_useSelector(selectConfig);
   return startChatIcon;
 }
 ;// CONCATENATED MODULE: ./src/javascripts/config.js
@@ -9318,7 +9318,7 @@ function seamly_state_hooks_defineProperty(obj, key, value) { if (key in obj) {
 
 
 const seamly_state_hooks_selectState = state => state.state;
-const useSeamlyStateContext = () => useSelector(seamly_state_hooks_selectState);
+const useSeamlyStateContext = () => hooks_useSelector(seamly_state_hooks_selectState);
 const selectEventsWithSuggestion = createSelector(seamly_state_hooks_selectState, selectConfig, selectUserHasResponded, ({
   events,
   serviceData
@@ -9366,7 +9366,7 @@ const selectEvents = createSelector(selectEventsWithSuggestion, selectConfig, (e
   });
   return mappedEvents;
 });
-const useEvents = () => useSelector(selectEvents, []);
+const useEvents = () => hooks_useSelector(selectEvents, []);
 const useSeamlyIsLoading = () => useSeamlyStateContext().isLoading;
 const useSeamlyHeaderData = () => useSeamlyStateContext().headerTitles;
 const useSeamlyUnreadCount = () => useSeamlyStateContext().unreadEvents;
@@ -9379,7 +9379,7 @@ const selectLastMessageEventId = createSelector(selectEvents, events => {
   const filteredEvents = events.filter(event => event.type === 'message');
   return (_filteredEvents = filteredEvents[filteredEvents.length - 1]) === null || _filteredEvents === void 0 ? void 0 : _filteredEvents.payload.id;
 });
-const useLastMessageEventId = () => useSelector(selectLastMessageEventId);
+const useLastMessageEventId = () => hooks_useSelector(selectLastMessageEventId);
 const useSeamlyIsHistoryLoaded = () => useSeamlyStateContext().historyLoaded;
 const useSeamlyCurrentAgent = () => {
   const {
@@ -10518,9 +10518,9 @@ const formatter = new MessageFormatter('en-GB', {
   select: selectTypeHandler
 });
 function useI18n() {
-  const translations = useSelector(selectTranslations);
-  const locale = useSelector(selectLocale);
-  const initialLocale = useSelector(selectInitialLocale);
+  const translations = hooks_useSelector(selectTranslations);
+  const locale = hooks_useSelector(selectLocale);
+  const initialLocale = hooks_useSelector(selectInitialLocale);
   const t = (0,hooks_namespaceObject.useCallback)((key, values = {}) => {
     const translation = translations[key];
 
@@ -10910,7 +10910,7 @@ function useInterrupt() {
   const {
     t
   } = useI18n();
-  const error = useSelector(selectError);
+  const error = hooks_useSelector(selectError);
   const hasInterrupt = Boolean(error);
   const meta = (0,hooks_namespaceObject.useMemo)(() => {
     if (!error) return {};
@@ -11049,7 +11049,7 @@ const handleError = (state, {
 
 
 function useUserHasResponded() {
-  return useSelector(selectUserHasResponded);
+  return hooks_useSelector(selectUserHasResponded);
 }
 ;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/hooks.js
 
@@ -11059,7 +11059,7 @@ function useUserHasResponded() {
 
 const useVisibility = () => {
   const dispatch = useStoreDispatch();
-  const visible = useSelector(selectVisibility);
+  const visible = hooks_useSelector(selectVisibility);
   const isVisible = visible ? visible !== visibilityStates.hidden : false;
   const isOpen = visible === visibilityStates.open;
   const isMinimized = visible === visibilityStates.minimized;
@@ -11947,7 +11947,7 @@ function useTranslations() {
     isActive,
     isAvailable,
     currentLocale
-  } = useSelector(getState, []);
+  } = hooks_useSelector(getState, []);
   return {
     languages,
     isActive,
@@ -11998,7 +11998,7 @@ function useTranslatedEventData({
   }];
 }
 function useTranslationsContainer() {
-  const id = useSelector(getState, []).containerId;
+  const id = hooks_useSelector(getState, []).containerId;
   const focusContainer = useElementFocusingById(id);
   return {
     id,
@@ -19495,13 +19495,9 @@ const Translation = _ref => {
 
 
 
-
 const Participant = ({
   event
 }) => {
-  const {
-    agent
-  } = useParticipants();
   const {
     participant
   } = event.payload;
@@ -19514,11 +19510,10 @@ const Participant = ({
     return null;
   }
 
-  const avatar = participant.avatar || (agent === null || agent === void 0 ? void 0 : agent.avatar);
   return (0,jsx_runtime_namespaceObject.jsx)(EventDivider, {
-    graphicSrc: avatar,
-    graphicType: avatar ? 'avatar' : undefined,
-    iconName: !avatar ? 'balloon' : undefined,
+    graphicSrc: participant.avatar,
+    graphicType: participant.avatar ? 'avatar' : undefined,
+    iconName: !participant.avatar ? 'balloon' : undefined,
     childrenHTML: intro,
     dividerType: "participant"
   });
@@ -25326,7 +25321,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.layoutMode,
-      clientVersion: "20.2.0-alpha.3",
+      clientVersion: "20.2.0-alpha.4",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),