@seamly/web-ui 21.0.3-beta.1 → 21.0.3-beta.2

package/build/dist/lib/components.js

@@ -1198,7 +1198,7 @@ function createDispatchHook(context = Context_ReactReduxContext) {
  * }
  */
 
-const useDispatch = /*#__PURE__*/createDispatchHook();
+const useDispatch_useDispatch = /*#__PURE__*/createDispatchHook();
 ;// CONCATENATED MODULE: ./node_modules/react-redux/es/exports.js
 
 
@@ -2251,7 +2251,7 @@ const formatter = new MessageFormatter('en-GB', {
   plural: pluralTypeHandler,
   select: selectTypeHandler
 });
-function useI18n() {
+function hooks_useI18n() {
   const translations = useSelector_useSelector(selectTranslations);
   const locale = useSelector_useSelector(selectLocale);
   const initialLocale = useSelector_useSelector(selectors_selectInitialLocale);
@@ -2335,7 +2335,7 @@ const css_className = (...classes) => classes.flat().map(c => {
 const PrivacyDisclaimer = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     showDisclaimer
   } = useConfig();
@@ -2377,7 +2377,7 @@ const useSeamlyConversationUrl = () => {
   }
   return null;
 };
-const useSeamlyHasConversation = () => {
+const seamly_api_hooks_useSeamlyHasConversation = () => {
   const api = seamly_api_hooks_useSeamlyApiContext();
   const hasConversation = (0,hooks_.useCallback)(() => {
     return api.hasConversation();
@@ -5386,7 +5386,7 @@ const selectEvents = es_createSelector(selectEventsWithSuggestion, selectors_sel
   });
   return mappedEvents;
 });
-const useEvents = () => useSelector_useSelector(selectEvents);
+const seamly_state_hooks_useEvents = () => useSelector_useSelector(selectEvents);
 const selectEventIds = es_createSelector(selectEvents, events => {
   return events.map(event => event.payload.id);
 });
@@ -5436,7 +5436,7 @@ const useEntryTextLimit = () => {
     limit: limit !== null ? limit : null
   };
 };
-const useSeamlyLayoutMode = () => {
+const seamly_state_hooks_useSeamlyLayoutMode = () => {
   const {
     layoutMode
   } = useConfig();
@@ -5487,7 +5487,7 @@ const calculateVisibility = ({
 const selectVisibility = es_createSelector(({
   visibility
 }) => visibility, state => state.visibility);
-const selectShowInlineView = es_createSelector(({
+const selectors_selectShowInlineView = es_createSelector(({
   visibility
 }) => visibility, state => state.showInlineView);
 ;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/actions.ts
@@ -6276,7 +6276,7 @@ const {
   setHeaderTitle,
   setHistory: slice_setHistory,
   setInitialState: slice_setInitialState,
-  setIsLoading,
+  setIsLoading: slice_setIsLoading,
   setLoadedImageEventIds,
   setParticipant,
   setSeamlyContainerElement,
@@ -6312,7 +6312,7 @@ const useSeamlyContainerElement = () => {
   const {
     seamlyContainerElement
   } = useSeamlyStateContext();
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const dispatchSeamlyContainerElement = (0,hooks_.useCallback)(element => {
     dispatch(setSeamlyContainerElement(element));
   }, [dispatch]);
@@ -6413,7 +6413,7 @@ const useFileUploads = () => {
   const {
     currentUploads
   } = useSeamlyStateContext();
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const upload = useSeamlyFileUploadContext();
   const uploadFile = (0,hooks_.useCallback)(file => {
     upload(file);
@@ -6437,7 +6437,7 @@ const SeamlyLiveRegionContext = (0,external_preact_.createContext)(null);
 
 
 const useSeamlyLiveRegionContext = () => (0,hooks_.useContext)(SeamlyLiveRegionContext);
-const useLiveRegion = () => {
+const live_region_hooks_useLiveRegion = () => {
   const sendMessage = useSeamlyLiveRegionContext();
   const sendPolite = (0,hooks_.useCallback)(messageText => {
     if (!messageText) return;
@@ -6472,7 +6472,7 @@ function seamly_option_hooks_defineProperty(obj, key, value) { if (key in obj) {
 const useSeamlyOptions = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     options
   } = useSeamlyStateContext();
@@ -6498,7 +6498,7 @@ const useSeamlyOptions = () => {
     available: optionsObj[option].enabled
   }));
   const allowOptionSelection = cobrowsing || sendTranscript;
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const {
     get,
     set
@@ -7317,7 +7317,7 @@ function store_createStore({
   });
   return store;
 }
-const useAppDispatch = useDispatch;
+const useAppDispatch = useDispatch_useDispatch;
 ;// CONCATENATED MODULE: ./src/javascripts/domains/visibility/hooks.ts
 
 
@@ -7328,7 +7328,7 @@ const useAppDispatch = useDispatch;
 
 
 
-const useVisibility = () => {
+const hooks_useVisibility = () => {
   const dispatch = useAppDispatch();
   const visible = useSelector_useSelector(selectVisibility);
   const isVisible = visible ? visible !== visibilityStates.hidden : false;
@@ -7384,11 +7384,11 @@ const useIntersect = ({
   };
 };
 const useShowInlineView = () => {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const {
     connectWhenInView
   } = useConfig();
-  const showInlineView = useSelector_useSelector(selectShowInlineView);
+  const showInlineView = useSelector_useSelector(selectors_selectShowInlineView);
   const {
     containerRef,
     isVisible
@@ -7425,17 +7425,17 @@ function use_seamly_commands_defineProperty(obj, key, value) { if (key in obj) {
 
 
 
-const useSeamlyCommands = () => {
+const use_seamly_commands_useSeamlyCommands = () => {
   const api = seamly_api_hooks_useSeamlyApiContext();
   const appConfig = useConfig();
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const eventBus = (0,hooks_.useContext)(SeamlyEventBusContext);
   const userHasResponded = useUserHasResponded();
-  const hasConversation = useSeamlyHasConversation();
+  const hasConversation = seamly_api_hooks_useSeamlyHasConversation();
   const {
     visible: visibility,
     setVisibility
-  } = useVisibility();
+  } = hooks_useVisibility();
   const unreadMessageCount = useSeamlyUnreadCount();
   const emitEvent = (0,hooks_.useCallback)((...args) => {
     eventBus.emit(...args);
@@ -7591,7 +7591,7 @@ const useSeamlyCommands = () => {
     apiConfigReady: api.configReady
   };
 };
-/* harmony default export */ const use_seamly_commands = (useSeamlyCommands);
+/* harmony default export */ const use_seamly_commands = (use_seamly_commands_useSeamlyCommands);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-chat.js
 
 
@@ -7617,23 +7617,23 @@ const useSeamlyChat = () => {
     isOpen,
     isVisible
   } = useVisibility();
-  const showInlineView = useSelector_useSelector(selectShowInlineView);
+  const showInlineView = useSelector(selectShowInlineView);
   const dispatch = useDispatch();
-  const spinnerTimeout = (0,hooks_.useRef)(null);
+  const spinnerTimeout = useRef(null);
   const {
     start,
     connect,
     apiConfigReady,
     apiConnected
-  } = use_seamly_commands();
+  } = useSeamlyCommands();
   const hasConversation = useSeamlyHasConversation();
-  const prevIsOpen = (0,hooks_.useRef)(null);
-  const prevIsVisible = (0,hooks_.useRef)(null);
-  const connectCalled = (0,hooks_.useRef)(false);
+  const prevIsOpen = useRef(null);
+  const prevIsVisible = useRef(null);
+  const connectCalled = useRef(false);
   const {
     sendAssertive
   } = useLiveRegion();
-  (0,hooks_.useEffect)(() => {
+  useEffect(() => {
     if (isVisible) {
       // Wait for the live containers to stabilise in the DOM before injecting
       // the message or some screen readers will swallow it.
@@ -7642,7 +7642,7 @@ const useSeamlyChat = () => {
       }, 500);
     }
   }, [isVisible, sendAssertive, t]);
-  (0,hooks_.useEffect)(() => {
+  useEffect(() => {
     if (isVisible !== prevIsVisible.current) {
       prevIsOpen.current = isOpen;
       prevIsVisible.current = isVisible;
@@ -7658,7 +7658,7 @@ const useSeamlyChat = () => {
     prevIsOpen.current = isOpen;
     prevIsVisible.current = isVisible;
   }, [isOpen, isVisible, sendAssertive, t]);
-  (0,hooks_.useEffect)(() => {
+  useEffect(() => {
     // This delays the start of the loading inidicator we set when we initialise
     // the application. This is done to only avoid BSOD on initial load if DCX is slow.
     spinnerTimeout.current = setTimeout(() => {
@@ -7668,7 +7668,7 @@ const useSeamlyChat = () => {
       clearTimeout(spinnerTimeout.current);
     };
   }, [dispatch]);
-  (0,hooks_.useEffect)(() => {
+  useEffect(() => {
     if (events.length) {
       spinnerTimeout.current = setTimeout(() => {
         dispatch(setIsLoading(false));
@@ -7678,14 +7678,14 @@ const useSeamlyChat = () => {
       clearTimeout(spinnerTimeout.current);
     };
   }, [events, dispatch]);
-  (0,hooks_.useEffect)(() => {
+  useEffect(() => {
     // This is needed to reset the ref to allow connect and start to happen again.
     // Mostly due to Interrupt situations and a reset being called.
     if (!apiConfigReady || !apiConnected) {
       connectCalled.current = false;
     }
   }, [apiConfigReady, apiConnected]);
-  const connectAndStart = (0,hooks_.useCallback)(async () => {
+  const connectAndStart = useCallback(async () => {
     // We don't connect if we are already connected to the api to avoid multiple in-flight connection processes.
     if (!apiConnected) {
       connectCalled.current = true;
@@ -7697,7 +7697,7 @@ const useSeamlyChat = () => {
       start();
     }
   }, [apiConnected, connect, isApp, isInline, isOpen, isVisible, start]);
-  (0,hooks_.useEffect)(() => {
+  useEffect(() => {
     // We dont't connect or start when the apiConfig is not ready yet.
     // We also keep track of whether start has been called to avoid multiple in-flight connection processes.
     // We check if the window view is not open and no conversation is started yet.
@@ -7714,7 +7714,7 @@ const useSeamlyChat = () => {
     connectAndStart();
   }, [apiConfigReady, connectAndStart, dispatch, hasConversation, isInline, isOpen, isWindow, isVisible, showInlineView]);
 };
-/* harmony default export */ const use_seamly_chat = (useSeamlyChat);
+/* harmony default export */ const use_seamly_chat = ((/* unused pure expression or super */ null && (useSeamlyChat)));
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-idle-detach-countdown.js
 function use_seamly_idle_detach_countdown_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function use_seamly_idle_detach_countdown_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? use_seamly_idle_detach_countdown_ownKeys(Object(source), !0).forEach(function (key) { use_seamly_idle_detach_countdown_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : use_seamly_idle_detach_countdown_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -7731,13 +7731,13 @@ function use_seamly_idle_detach_countdown_defineProperty(obj, key, value) { if (
 
 
 const useSeamlyIdleDetachCountdown = () => {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const {
     idleDetachCountdown
   } = useSeamlyStateContext();
   const {
     isOpen: isSeamlyOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   const stableState = (0,hooks_.useRef)({});
   stableState.current = {
     hasCountdown: idleDetachCountdown.hasCountdown,
@@ -7752,11 +7752,11 @@ const useSeamlyIdleDetachCountdown = () => {
   } = use_seamly_commands();
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     sendAssertive,
     sendPolite
-  } = useLiveRegion();
+  } = live_region_hooks_useLiveRegion();
   const sendAssertiveIfOpen = (0,hooks_.useCallback)(text => {
     const {
       isOpen
@@ -7848,17 +7848,17 @@ const useSeamlyIdleDetachCountdown = () => {
 
 
 const useSeamlyResumeConversationPrompt = () => {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const hasPrompt = useSeamlyStateContext().resumeConversationPrompt;
   const {
     sendAction
   } = use_seamly_commands();
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     sendAssertive
-  } = useLiveRegion();
+  } = live_region_hooks_useLiveRegion();
   const continueChat = () => {
     sendAction({
       type: actionTypes.dismiss,
@@ -7979,7 +7979,7 @@ function useTranslations() {
   const {
     sendAction
   } = use_seamly_commands();
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const enableTranslations = (0,hooks_.useCallback)((locale, source = sourceTypes.translationChoice) => {
     sendAction({
       type: actionTypes.setTranslation,
@@ -8073,7 +8073,7 @@ const useTranslationProposal = () => {
     isActive,
     languages
   } = useTranslations();
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const {
     sendAction
   } = use_seamly_commands();
@@ -8085,10 +8085,10 @@ const useTranslationProposal = () => {
   } = useTranslations();
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   const {
     locale
-  } = useI18n();
+  } = hooks_useI18n();
   const proposedLocale = translationProposal === null || translationProposal === void 0 ? void 0 : translationProposal.proposedLocale;
   const proposedLocaleNativeName = useLocaleNativeName(proposedLocale);
   const showProposal = (0,hooks_.useMemo)(() => translationProposal !== null && !isActive && isOpen && locale !== proposedLocale && languages.some(language => language.locale === proposedLocale), [translationProposal, isActive, isOpen, locale, proposedLocale, languages]);
@@ -8124,7 +8124,7 @@ const EventParticipant = ({
 }) => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     fromClient,
     participant: participantId
@@ -8384,7 +8384,7 @@ function CarouselMessageSlide({
 }) {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   return (0,jsx_runtime_namespaceObject.jsx)("div", {
     className: css_className('carousel-item', `carousel-item--${slide.type}`),
     role: "group",
@@ -8534,7 +8534,7 @@ function CarouselControls({
 }) {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const itemCount = items.length;
   const handlePrevious = () => {
     onChange((currentIndex - 1 + itemCount) % itemCount);
@@ -8822,7 +8822,7 @@ const ChoicePrompt = _ref => {
     props = choice_prompt_objectWithoutProperties(_ref, choice_prompt_excluded);
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const descriptorId = useGeneratedId();
   const {
     body,
@@ -8973,7 +8973,7 @@ const ConversationSuggestions = _ref => {
     } = _ref,
     props = conversation_suggestions_objectWithoutProperties(_ref, conversation_suggestions_excluded);
   const [isExpanded, setIsExpanded] = (0,hooks_.useState)(true);
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const userHasResponded = useUserHasResponded();
   const {
     sendAction,
@@ -8986,10 +8986,10 @@ const ConversationSuggestions = _ref => {
   const {
     showSuggestions
   } = useConfig();
-  const events = useEvents();
+  const events = seamly_state_hooks_useEvents();
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const headingText = t('suggestions.headingText');
   const footerText = t('suggestions.footerText');
 
@@ -9176,7 +9176,7 @@ const Divider = ({
 }) => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     subtype
   } = event.payload.body;
@@ -9207,8 +9207,8 @@ const NewTranslationDivider = ({
 }) => {
   const {
     t
-  } = useI18n();
-  const events = useEvents();
+  } = hooks_useI18n();
+  const events = seamly_state_hooks_useEvents();
   const {
     body: {
       restartButtonText,
@@ -9223,7 +9223,7 @@ const NewTranslationDivider = ({
     enableTranslations
   } = useTranslations();
   const translatedEventGroups = useSelector_useSelector(state => state.translations.translatedEventGroups);
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const toggleTranslations = (0,hooks_.useCallback)(() => {
     if (!translatedEventGroups[id]) {
       dispatch(disableEventsTranslation({
@@ -9305,7 +9305,7 @@ const timeFormatOptions = {
 const useFormattedDate = date => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const config = useConfig();
   const locale = config?.context?.locale ?? [];
   const eventDate = new Date(date);
@@ -10659,7 +10659,7 @@ const Lightbox = ({
   const focusContainer = (0,hooks_.useRef)(null);
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
 
   // TODO: Change incorrect usage of css modifiers
   const defaultClassNames = [`app--layout-${layoutMode}`, `namespace--${namespace}`];
@@ -10733,7 +10733,7 @@ const ImageLightbox = ({
 }) => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const [showLightBox, setShowLightBox] = (0,hooks_.useState)(false);
   const onOpenLightboxHandler = () => {
     setShowLightBox(true);
@@ -10790,7 +10790,7 @@ const Image = _ref => {
     isZoomable
   } = body;
   const [showLighbox, setShowLightbox] = (0,hooks_.useState)(false);
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const handleOnLoad = () => {
     dispatch(setLoadedImageEventIds(event.payload.id));
     setShowLightbox(true);
@@ -10934,7 +10934,7 @@ const Translation = _ref => {
     props = translation_objectWithoutProperties(_ref, translation_excluded);
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     body
   } = useTranslatedEventData(event);
@@ -10982,7 +10982,7 @@ const Upload = _ref => {
     props = upload_objectWithoutProperties(_ref, upload_excluded);
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     body
   } = useTranslatedEventData(event);
@@ -11182,7 +11182,7 @@ const Event = ({ event, newParticipant }) => {
         containerRef: ref,
         freezeOnceVisible: true,
     });
-    const dispatch = useDispatch();
+    const dispatch = useDispatch_useDispatch();
     const [Component, SubComponent] = use_event_component_mapping(event);
     (0,compat_namespaceObject.useEffect)(() => {
         if (isVisible && (unreadIds === null || unreadIds === void 0 ? void 0 : unreadIds.includes(event.payload.id))) {
@@ -11261,7 +11261,7 @@ const Loader = () => {
 
 
 const Events = () => {
-    const events = useEvents();
+    const events = seamly_state_hooks_useEvents();
     let prevParticipant = null;
     return ((0,jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, { children: events.map((event) => {
             const { type, payload } = event;
@@ -11280,9 +11280,9 @@ const Events = () => {
         }) }));
 };
 const Conversation = () => {
-    const { t } = useI18n();
+    const { t } = hooks_useI18n();
     const isLoading = useSeamlyIsLoading();
-    const { isOpen } = useVisibility();
+    const { isOpen } = hooks_useVisibility();
     const skiplinkTargetId = useSkiplink();
     const focusSkiplinkTarget = useSkiplinkTargetFocusing();
     const onClickHandler = (e) => {
@@ -11308,7 +11308,7 @@ const selectError = es_createSelector(({
 function useInterrupt() {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const error = useSelector_useSelector(selectError);
   const hasInterrupt = Boolean(error);
   const meta = (0,hooks_.useMemo)(() => {
@@ -11355,11 +11355,11 @@ const DeprecatedToggleButton = ({
 }) => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const titleId = useGeneratedId();
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   const prevIsOpen = (0,hooks_.useRef)(null);
   const buttonRef = (0,hooks_.useRef)(null);
   const lastEventRef = (0,hooks_.useRef)();
@@ -11462,7 +11462,7 @@ const Prompt = ({
 const IdleDetachWarning = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const focusSkiplinkTarget = useSkiplinkTargetFocusing();
   const sendActivity = use_seamly_activity_event_handler();
   const {
@@ -11532,7 +11532,7 @@ const IdleDetachWarning = () => {
 const ResumeConversationPrompt = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const sendActivity = use_seamly_activity_event_handler();
   const {
     name: currentAgentName
@@ -11643,7 +11643,7 @@ const useSeamlyEntry = () => {
     options: entryOptions,
     optionsOverride: entryOptionsOverride
   } = useSeamlyStateContext().entryMeta;
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const activeEntry = userSelected || active || defaultEntry;
   const activeEntryOptions = entryOptionsOverride[activeEntry] || entryOptions[activeEntry] || {};
   const dispatchBlockAutoEntrySwitch = (0,hooks_.useCallback)(value => {
@@ -11760,7 +11760,7 @@ function useValidations(values, validationSchema) {
   };
 }
 function useFormControl(name) {
-  const dispatch = useDispatch();
+  const dispatch = useDispatch_useDispatch();
   const {
     formId,
     updateControlValue,
@@ -11841,7 +11841,7 @@ var provider_rest = (undefined && undefined.__rest) || function (s, e) {
 
 function FormProvider(_a) {
     var { children, formId, persistData, onError, onSubmit, validationSchema } = _a, props = provider_rest(_a, ["children", "formId", "persistData", "onError", "onSubmit", "validationSchema"]);
-    const dispatch = useDispatch();
+    const dispatch = useDispatch_useDispatch();
     const values = useSelector_useSelector((store) => getFormValuesByFormId(store, { formId }));
     const [isSubmitted, setIsSubmitted] = (0,hooks_.useState)(false);
     const [externalErrors, setExternalErrors] = (0,hooks_.useState)({});
@@ -12093,10 +12093,10 @@ function Input(_ref) {
 function useCharacterLimit(controlName) {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     sendAssertive
-  } = useLiveRegion();
+  } = live_region_hooks_useLiveRegion();
   const {
     hasLimit,
     limit
@@ -12147,10 +12147,10 @@ function TextEntryForm({
 }) {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     sendAssertive
-  } = useLiveRegion();
+  } = live_region_hooks_useLiveRegion();
   const {
     emitEvent
   } = use_seamly_commands();
@@ -12255,7 +12255,7 @@ function TextEntry(_ref) {
   const {
     isOpen,
     setVisibility
-  } = useVisibility();
+  } = hooks_useVisibility();
   const skipLinkId = useSkiplink();
   const focusSkipLinkTarget = useSkiplinkTargetFocusing();
   const {
@@ -12293,7 +12293,7 @@ function TextEntry(_ref) {
 const UploadProgress = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     currentUploads
   } = useFileUploads();
@@ -12512,7 +12512,7 @@ function FileInputForm({
 }) {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const [{
     value: fileList
   }] = useFormControl(controlName);
@@ -12567,11 +12567,11 @@ const fileInputName = 'fileList';
 const upload_Upload = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     sendPolite,
     sendAssertive
-  } = useLiveRegion();
+  } = live_region_hooks_useLiveRegion();
   const skiplinkTargetId = useSkiplink();
   const focusSkiplinkTarget = useSkiplinkTargetFocusing();
   // This hook should be refactored at some point
@@ -12809,7 +12809,7 @@ const InOutTransition = ({
 const UploadToggle = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     showFileUpload,
     serviceAllowsUploads
@@ -12824,7 +12824,7 @@ const UploadToggle = () => {
   const uploadButton = (0,hooks_.useRef)(null);
   const {
     sendPolite
-  } = useLiveRegion();
+  } = live_region_hooks_useLiveRegion();
   const hasAgent = !!useSeamlyCurrentAgent();
   (0,hooks_.useEffect)(() => {
     const focusFn = () => {
@@ -12901,7 +12901,7 @@ function entry_container_defineProperty(obj, key, value) { if (key in obj) { Obj
 const EntryContainer = () => {
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   const entryContainer = (0,hooks_.useRef)(null);
   const {
     hasCountdown
@@ -12979,7 +12979,7 @@ const EntryContainer = () => {
 const AgentInfo = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     title,
     subTitle
@@ -12987,7 +12987,7 @@ const AgentInfo = () => {
   const unreadMessageCount = useSeamlyUnreadCount();
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   const currentAgent = useSeamlyCurrentAgent();
   const {
     hasInterrupt
@@ -13060,10 +13060,10 @@ const Suggestions = ({
   // generic hooks
   const {
     isInline
-  } = useSeamlyLayoutMode();
+  } = seamly_state_hooks_useSeamlyLayoutMode();
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     sendAction,
     addMessageBubble
@@ -13071,7 +13071,7 @@ const Suggestions = ({
   const {
     isOpen,
     setVisibility
-  } = useVisibility();
+  } = hooks_useVisibility();
   const {
     showSuggestions
   } = useConfig();
@@ -13081,7 +13081,7 @@ const Suggestions = ({
   const containerRef = (0,hooks_.useRef)(null);
   const {
     sendPolite
-  } = useLiveRegion();
+  } = live_region_hooks_useLiveRegion();
   // interrupt & countdown hooks
   const {
     hasInterrupt
@@ -13217,19 +13217,19 @@ const Chat = (0,compat_namespaceObject.forwardRef)(({
     isOpen,
     isVisible,
     setVisibility
-  } = useVisibility();
+  } = hooks_useVisibility();
   const {
     namespace,
     layoutMode
   } = useConfig();
   const {
     isInline
-  } = useSeamlyLayoutMode();
+  } = seamly_state_hooks_useSeamlyLayoutMode();
   const appContainerClassNames = useSeamlyAppContainerClassNames();
   const userHasResponded = useUserHasResponded();
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const defaultClassNames = ['chat', `chat--layout-${layoutMode}`, `namespace--${namespace}`];
   const classNames = [...defaultClassNames, ...appContainerClassNames, givenClassName];
   if (!isOpen && layoutMode !== 'app') {
@@ -13339,7 +13339,7 @@ function TranscriptForm({
 }) {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   return (0,jsx_runtime_namespaceObject.jsxs)(form_controls_form, {
     noValidate: "true",
     className: css_className('options__form'),
@@ -13383,7 +13383,7 @@ const Transcript = () => {
   } = useOptionButton();
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const transcriptDescriptionId = useGeneratedId();
   const {
     sendAction
@@ -13473,7 +13473,7 @@ const Options = () => {
 const OptionsButton = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     menuOptions,
     showOption,
@@ -13691,7 +13691,7 @@ const TranslationOption = ({ label, checked, description, onChange, id, }) => {
 
 const TranslationOptions = ({ onChange, describedById, }) => {
     const { context: { locale: defaultLocale }, } = useConfig();
-    const { t } = useI18n();
+    const { t } = hooks_useI18n();
     const { focusContainer } = useTranslationsContainer();
     const { languages, currentLocale, enableTranslations, disableTranslations } = useTranslations();
     const handleChange = ({ locale }) => () => {
@@ -13730,7 +13730,7 @@ const TranslationOptions = ({ onChange, describedById, }) => {
 
 
 function TranslationsOptionsDialog({ onClose, position, }) {
-    const { t } = useI18n();
+    const { t } = hooks_useI18n();
     const descriptionId = useGeneratedId();
     return ((0,jsx_runtime_namespaceObject.jsx)(options_frame, Object.assign({ onCancel: onClose, headingText: t('translations.menu.title'), cancelButtonText: t('translations.settings.cancelButtonText'), description: t('translations.menu.description'), descriptionId: descriptionId, position: position, disableButtonFocusing: true }, { children: (0,jsx_runtime_namespaceObject.jsx)(translation_options, { describedById: descriptionId, onChange: onClose }) })));
 }
@@ -13804,7 +13804,7 @@ function AppOptions() {
   const {
     t,
     locale
-  } = useI18n();
+  } = hooks_useI18n();
   const localeNativeName = useLocaleNativeName(locale);
   if (!isTranslationsAvailable && (!allowOptionSelection || !menuOptions.length) || hasInterrupt) {
     return null;
@@ -13845,8 +13845,8 @@ function AppOptions() {
 
 const UnreadMessagesButton = () => {
     const { scrollToRef, unreadIds } = (0,hooks_.useContext)(chat_scroll_context);
-    const { isMinimized } = useVisibility();
-    const { t } = useI18n();
+    const { isMinimized } = hooks_useVisibility();
+    const { t } = hooks_useI18n();
     return ((0,jsx_runtime_namespaceObject.jsx)(in_out_transition, Object.assign({ isActive: !!unreadIds.length && !isMinimized }, { children: (0,jsx_runtime_namespaceObject.jsx)("div", Object.assign({ className: css_className('unread-messages') }, { children: (0,jsx_runtime_namespaceObject.jsxs)("button", Object.assign({ type: "button", className: css_className('button', 'button--primary'), onClick: scrollToRef }, { children: [t('message.unreadMessagesCount', { unreadCount: unreadIds.length }), (0,jsx_runtime_namespaceObject.jsx)(layout_icon, { name: "chevronDown", size: "32", alt: "" })] })) })) })));
 };
 /* harmony default export */ const unread_messages_button = (UnreadMessagesButton);
@@ -13904,11 +13904,11 @@ const useChatScroll = eventRefs => {
   const containerRef = (0,hooks_.useRef)();
   const [hasScrolledToBottom, setHasScrolledToBottom] = (0,hooks_.useState)(true);
   const unreadIds = useSelector_useSelector(selectUnreadEventIds);
-  const events = useEvents();
+  const events = seamly_state_hooks_useEvents();
   const isLoading = useSeamlyIsLoading();
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   const loadedImageEventIds = useLoadedImageEventIds();
   const isLastEventFromClient = useSelector_useSelector(state => state.state.isLastEventFromClient);
   (0,hooks_.useEffect)(() => {
@@ -13974,7 +13974,7 @@ const useChatScroll = eventRefs => {
 
 
 const ChatScrollProvider = ({ children }) => {
-    const events = useEvents();
+    const events = seamly_state_hooks_useEvents();
     const eventRefs = (0,hooks_.useMemo)(() => events.reduce((acc, value) => {
         acc[value.payload.id] = (0,external_preact_.createRef)();
         return acc;
@@ -14000,14 +14000,14 @@ const ChatScrollProvider = ({ children }) => {
 const CollapseButton = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     isOpen,
     closeChat
-  } = useVisibility();
+  } = hooks_useVisibility();
   const {
     isWindow
-  } = useSeamlyLayoutMode();
+  } = seamly_state_hooks_useSeamlyLayoutMode();
   return isOpen && isWindow ? (0,jsx_runtime_namespaceObject.jsx)("button", {
     type: "button",
     className: css_className('button', 'collapse-button'),
@@ -14040,7 +14040,7 @@ const ChatStatus = ({ children, handleClose, title, closeButtonText, srCloseButt
 
 
 function TranslationChatStatus() {
-    const { t } = useI18n();
+    const { t } = hooks_useI18n();
     const { id } = useTranslationsContainer();
     const { hasInterrupt } = useInterrupt();
     const { disableTranslations, currentLocale } = useTranslations();
@@ -14118,7 +14118,7 @@ function ChatFrame({
   } = useInterrupt();
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   if (hasInterrupt) {
     if (isOpen) {
       return (0,jsx_runtime_namespaceObject.jsx)(InterruptComponent, chat_frame_objectSpread({}, meta));
@@ -14153,7 +14153,7 @@ const Header = ({
   const closeButton = (0,hooks_.useRef)(null);
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   return (0,jsx_runtime_namespaceObject.jsxs)("header", {
     className: css_className('chat__header'),
     children: [children, (0,jsx_runtime_namespaceObject.jsx)("div", {
@@ -14194,7 +14194,7 @@ const Interrupt = ({
   const headingId = useGeneratedId();
   const {
     sendPolite
-  } = useLiveRegion();
+  } = live_region_hooks_useLiveRegion();
   const focusSkiplinkTarget = useSkiplinkTargetFocusing();
   const isExpiredError = originalError.name === 'SeamlySessionExpiredError';
   (0,hooks_.useEffect)(() => {
@@ -14282,7 +14282,7 @@ function PreChatMessages() {
   } = useInterrupt();
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   const isVisible = !(hasInterrupt || !preChatEvents?.length || isOpen);
   return isVisible && (0,jsx_runtime_namespaceObject.jsx)("ul", {
     className: css_className('pre-chat-messages', `pre-chat-messages--${layoutMode}`),
@@ -14319,7 +14319,7 @@ const InlineView = () => {
   } = useShowInlineView();
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   const {
     hasInterrupt,
     meta
@@ -14384,15 +14384,15 @@ const ButtonIcon = () => {
 const WindowOpenButton = ({
   onClick
 }) => {
-  const hasConversation = useSeamlyHasConversation();
+  const hasConversation = seamly_api_hooks_useSeamlyHasConversation();
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const ariaLabel = hasConversation() ? t('window.openButton.srContinue') : t('window.openButton.srStart');
   const focusSkiplinkTarget = useSkiplinkTargetFocusing();
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   const count = useSeamlyUnreadCount();
   const handleClick = (0,hooks_.useCallback)(() => {
     onClick();
@@ -14436,11 +14436,11 @@ const WindowView = () => {
   const {
     isOpen,
     openChat
-  } = useVisibility();
+  } = hooks_useVisibility();
   const userHasResponded = useUserHasResponded();
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const continueChatText = t('window.chat.continue');
   const continueChatEvent = (0,hooks_.useMemo)(() => ({
     payload: {
@@ -14511,12 +14511,12 @@ const View = ({
   const {
     isOpen,
     isVisible
-  } = useVisibility();
+  } = hooks_useVisibility();
   const appContainerClassNames = useSeamlyAppContainerClassNames();
   const userHasResponded = useUserHasResponded();
   const {
     locale
-  } = useI18n();
+  } = hooks_useI18n();
   const ViewComponent = ViewComponentsMap[layoutMode];
   const containerElementRef = (0,hooks_.useCallback)(container => {
     setSeamlyContainerElement(container);
@@ -14579,7 +14579,7 @@ function deprecated_chat_frame_ChatFrame({
   } = useInterrupt();
   const {
     isOpen
-  } = useVisibility();
+  } = hooks_useVisibility();
   if (hasInterrupt) {
     if (isOpen) {
       return (0,jsx_runtime_namespaceObject.jsx)(InterruptComponent, deprecated_chat_frame_objectSpread({}, meta));
@@ -14625,7 +14625,7 @@ function faq_objectWithoutPropertiesLoose(source, excluded) { if (source == null
 const Faq = () => {
   const {
     t
-  } = useI18n();
+  } = hooks_useI18n();
   const {
     sendAction,
     addMessageBubble
@@ -14634,7 +14634,7 @@ const Faq = () => {
   const focusSkiplinkTarget = useSkiplinkTargetFocusing();
   const {
     sendPolite
-  } = useLiveRegion();
+  } = live_region_hooks_useLiveRegion();
   const {
     hasInterrupt
   } = useInterrupt();
@@ -14670,7 +14670,7 @@ const Faq = () => {
   const prevHasFaqs = (0,hooks_.useRef)(false);
   const {
     isInline
-  } = useSeamlyLayoutMode();
+  } = seamly_state_hooks_useSeamlyLayoutMode();
   const userHasResponded = useUserHasResponded();
   const hideForWindow = !isInline && userHasResponded;
   const prevHideForWindow = (0,hooks_.useRef)(hideForWindow);
@@ -14779,7 +14779,7 @@ const DeprecatedAppFrame = ({
     isOpen,
     isVisible,
     setVisibility
-  } = useVisibility();
+  } = hooks_useVisibility();
   const {
     zIndex,
     showFaq,
@@ -14787,12 +14787,12 @@ const DeprecatedAppFrame = ({
   } = useConfig();
   const {
     isInline
-  } = useSeamlyLayoutMode();
+  } = seamly_state_hooks_useSeamlyLayoutMode();
   const appContainerClassNames = useSeamlyAppContainerClassNames();
   const userHasResponded = useUserHasResponded();
   const {
     locale
-  } = useI18n();
+  } = hooks_useI18n();
   const containerElementRef = (0,hooks_.useCallback)(container => {
     setSeamlyContainerElement(container);
   }, [setSeamlyContainerElement]);
@@ -14846,7 +14846,6 @@ const DeprecatedAppFrame = ({
 
 
 
-
 const ShowInlineView = ({
   children
 }) => {
@@ -14860,12 +14859,11 @@ const ShowInlineView = ({
   });
 };
 const DeprecatedView = () => {
-  use_seamly_chat();
   const {
     isVisible,
     openChat,
     closeChat
-  } = useVisibility();
+  } = hooks_useVisibility();
   return isVisible && (0,jsx_runtime_namespaceObject.jsx)(ShowInlineView, {
     children: (0,jsx_runtime_namespaceObject.jsxs)(deprecated_app_frame, {
       children: [(0,jsx_runtime_namespaceObject.jsx)(deprecated_toggle_button, {