@expofp/floorplan 0.0.0-experimental.cf063fc

package/dist/esm/components/ShowMoreButtonContainer.d.ts

@@ -0,0 +1,5 @@
+import { type ShowMoreButtonProps } from '@expofp/ui';
+type ShowMoreButtonContainerProps = Omit<ShowMoreButtonProps, 'showMoreLabel' | 'showLessLabel'>;
+declare const ShowMoreButtonContainer: import("react").FunctionComponent<ShowMoreButtonContainerProps>;
+export default ShowMoreButtonContainer;
+//# sourceMappingURL=ShowMoreButtonContainer.d.ts.map

package/dist/esm/components/ShowMoreButtonContainer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ShowMoreButton } from '@expofp/ui';
+import { observer } from 'mobx-react-lite';
+import { t } from '../utils/i18n';
+const ShowMoreButtonContainer = observer((props) => {
+    return (_jsx(ShowMoreButton, { ...props, showMoreLabel: t('Show more'), showLessLabel: t('Show less') }));
+});
+export default ShowMoreButtonContainer;

package/dist/esm/components/SidebarActionsContainer.d.ts

@@ -0,0 +1,5 @@
+import { type SidebarActionsProps } from '@expofp/ui';
+type SidebarActionsContainerProps = Omit<SidebarActionsProps, 'directionsLabel' | 'visitedLabel' | 'notVisitedLabel' | 'saveBookmarkLabel' | 'removeBookmarkLabel' | 'routePlannerLabel' | 'shareLabel'>;
+declare const SidebarActionsContainer: import("react").FunctionComponent<SidebarActionsContainerProps>;
+export default SidebarActionsContainer;
+//# sourceMappingURL=SidebarActionsContainer.d.ts.map

package/dist/esm/components/SidebarActionsContainer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarActions } from '@expofp/ui';
+import { observer } from 'mobx-react-lite';
+import { t } from '../utils/i18n';
+const SidebarActionsContainer = observer((props) => {
+    return (_jsx(SidebarActions, { ...props, directionsLabel: t('Directions'), visitedLabel: t('Visited'), notVisitedLabel: t('Not visited'), saveBookmarkLabel: t('Save to Bookmarks'), removeBookmarkLabel: t('Remove from Bookmarks'), routePlannerLabel: t('Route planner'), shareLabel: t('Share') }));
+});
+export default SidebarActionsContainer;

package/dist/esm/components/SimpleRowContainer.d.ts

@@ -0,0 +1,8 @@
+import { type SimpleRowProps } from '@expofp/ui';
+type SimpleRowContainerProps = Omit<SimpleRowProps, 'title'> & {
+    title: string;
+    highlight?: boolean;
+};
+declare const SimpleRowContainer: ({ title, highlight, style, ...rest }: SimpleRowContainerProps) => import("react").JSX.Element;
+export default SimpleRowContainer;
+//# sourceMappingURL=SimpleRowContainer.d.ts.map

package/dist/esm/components/SimpleRowContainer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SimpleRow } from '@expofp/ui';
+import data from '../data';
+import HighlightTextContainer from './HighlightTextContainer';
+const SimpleRowContainer = ({ title, highlight = true, style, ...rest }) => {
+    return (_jsx(SimpleRow, { ...rest, title: highlight ? _jsx(HighlightTextContainer, { text: title }) : title, style: { marginLeft: data.isRebooking ? '5px' : undefined, ...style } }));
+};
+export default SimpleRowContainer;

package/dist/esm/components/Speaker.d.ts

@@ -0,0 +1,5 @@
+import './Speaker.scss';
+import React from 'react';
+declare const SpeakerWrapper: React.FC;
+export default SpeakerWrapper;
+//# sourceMappingURL=Speaker.d.ts.map

package/dist/esm/components/Speaker.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable import/no-duplicates */
+// @ts-nocheck
+import './Speaker.scss';
+import classNames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useObserver } from 'mobx-react-lite';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import data from '../data';
+import store, { uiState } from '../store';
+import { GaEventActions, sendEventToGa } from '../tools/gtag';
+import trackEvent from '../tools/track-event';
+import { t } from '../utils/i18n';
+import { Schedule, SidebarActionsContainer as SidebarActions } from './';
+const Speaker = observer(() => {
+    const el = useRef(null);
+    const detailsRef = useRef(null);
+    const [isContentOverflowing, setIsContentOverflowing] = useState(false);
+    const speaker = store.speakerStore.selectedSpeaker;
+    if (!speaker) {
+        return _jsx("div", { className: "efp-speaker-empty", children: t('Speaker not found') });
+    }
+    const speakerEvents = store.speakerStore.getEventsBySpeaker(speaker.id);
+    const sortedEvents = useMemo(() => {
+        return [...speakerEvents].sort((a, b) => {
+            const dateA = new Date(a.startDate).getTime();
+            const dateB = new Date(b.startDate).getTime();
+            return dateA - dateB;
+        });
+    }, [speakerEvents]);
+    useEffect(() => {
+        const checkHeight = () => {
+            if (detailsRef.current) {
+                const height = detailsRef.current.offsetHeight;
+                setIsContentOverflowing(height > 300);
+            }
+        };
+        checkHeight();
+    }, []);
+    const handleEventClick = (event) => {
+        store.selectEventItem(event, true);
+    };
+    const bookmark = () => {
+        speaker.bookmarked = !speaker.bookmarked;
+        sendEventToGa(GaEventActions.ClickBookmark, speaker.name);
+        if (speaker.bookmarked) {
+            trackEvent('bookmark', speaker.name, 'speaker');
+        }
+    };
+    const handleShare = () => {
+        sendEventToGa(GaEventActions.ClickCustomButton, speaker.name);
+        store.toggleModal('share');
+    };
+    const handleVisited = () => {
+        sendEventToGa(GaEventActions.ClickCustomButton, speaker.name);
+    };
+    const cls = classNames({
+        'efp-speaker': true,
+        [uiState.responsiveClass]: true,
+    });
+    return useObserver(() => (_jsxs("div", { className: cls, children: [_jsxs("div", { className: "efp-speaker__header", children: [_jsx("div", { className: "efp-speaker__icon", children: _jsx("i", { className: "icon-speaker-solid" }) }), _jsxs("div", { className: "efp-speaker__content", children: [_jsx("div", { className: "efp-speaker__name", children: speaker.name }), speaker.company && _jsx("div", { className: "efp-speaker__company", children: speaker.company }), speaker.jobTitle && _jsx("div", { className: "efp-speaker__job-title", children: speaker.jobTitle })] }), speaker.photoFile && (_jsx("div", { className: "efp-speaker__photo", children: _jsx("img", { src: speaker.photoFile, alt: speaker.name }) }))] }), _jsx("div", { className: "efp-speaker__buttons", children: !uiState.isGuidedToursActive && (_jsx(SidebarActions, { showBookmark: !uiState.disableBookmarked && !data.hideBookmarks && !uiState.kiosk, showDirections: false, inBookmark: speaker.bookmarked || false, showShare: true, showVisited: false, visited: false, onClickBookmark: bookmark, onClickShare: handleShare, onClickVisited: handleVisited })) }), _jsx("div", { className: classNames('efp-speaker__details', {
+                    'details-hidden': uiState.kiosk && isContentOverflowing,
+                }), ref: detailsRef, children: sortedEvents.length > 0 && (_jsxs("div", { className: "efp-speaker-events", children: [_jsx("h3", { className: "efp-speaker-events__title", children: t('Sessions') }), _jsx(Schedule, { events: sortedEvents, showBooths: true, isSessions: false, onEventClick: handleEventClick })] })) })] })));
+});
+const SpeakerWrapper = observer(() => {
+    const details = store.uiState.details;
+    if (!details || details?.entity?.type !== 'speaker')
+        return null;
+    return _jsx(Speaker, {});
+});
+export default SpeakerWrapper;

package/dist/esm/components/Speakers.d.ts

@@ -0,0 +1,8 @@
+import './Speakers.scss';
+import React from 'react';
+export interface SpeakersProps {
+    showFilters?: boolean;
+}
+declare const SpeakersWrapper: React.FC<SpeakersProps>;
+export default SpeakersWrapper;
+//# sourceMappingURL=Speakers.d.ts.map

package/dist/esm/components/Speakers.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @eslint-react/exhaustive-deps */
+/* eslint-disable import/no-duplicates */
+// @ts-nocheck
+import './Speakers.scss';
+import Fuse from 'fuse.js';
+import { useObserver } from 'mobx-react-lite';
+import { observer } from 'mobx-react-lite';
+import { useMemo, useRef } from 'react';
+import store, { uiState } from '../store';
+import { t } from '../utils/i18n';
+import EntityItemContainer from './EntityItemContainer';
+import { ShortcutsToolbar } from './Shortcuts';
+const Speakers = observer(({ showFilters = true }) => {
+    const scrollableRef = useRef();
+    const speakers = store.speakerStore.speakers;
+    const { filters: { selectedCompanies: { value: selectedCompanies }, selectedJobTitles: { value: selectedJobTitles }, }, } = store.speakerFilterStore.state;
+    const filteredSpeakers = useMemo(() => {
+        let filtered = speakers;
+        if (selectedCompanies.length > 0) {
+            filtered = filtered.filter((speaker) => selectedCompanies.includes(speaker.company));
+        }
+        if (selectedJobTitles.length > 0) {
+            filtered = filtered.filter((speaker) => selectedJobTitles.includes(speaker.jobTitle));
+        }
+        const searchText = store.searchStore.searchText;
+        if (searchText) {
+            const fuseOptions = {
+                keys: ['name', 'company', 'jobTitle'],
+                threshold: 0.3,
+                ignoreLocation: true,
+                includeScore: true,
+            };
+            const fuse = new Fuse(filtered, fuseOptions);
+            const searchResults = fuse.search(searchText);
+            filtered = searchResults.map((result) => result.item);
+        }
+        return filtered;
+    }, [
+        speakers,
+        store.searchStore.searchText,
+        selectedCompanies,
+        selectedJobTitles,
+        store.speakerFilterStore.state,
+    ]);
+    const sortedSpeakers = filteredSpeakers;
+    return useObserver(() => (_jsxs("div", { className: "efp-speakers-content", children: [showFilters && _jsx(ShortcutsToolbar, { interfaceId: "speakers" }), sortedSpeakers.length > 0 ? (_jsx("div", { className: "efp-speakers-list", ref: scrollableRef, children: sortedSpeakers.map((speaker) => {
+                    const speakerEvents = store.speakerStore.getEventsBySpeaker(speaker.id);
+                    const additionalInfo = [];
+                    if (speaker.jobTitle) {
+                        additionalInfo.push({ type: 'text', text: speaker.jobTitle });
+                    }
+                    return (_jsx(EntityItemContainer, { id: speaker.id.toString(), kind: "speaker", title: speaker.name, subtitle: speaker.company, image: speaker.photoFile, itemsCount: speakerEvents.length, additionalInfo: additionalInfo, bookmarked: speaker.bookmarked, onClick: () => store.selectSpeaker(speaker, true) }, speaker.id));
+                }) })) : (_jsx("div", { className: "list-empty", children: store.speakerFilterStore.activeFiltersCount > 0 || store.searchStore.searchText
+                    ? t('No speakers found. Try adjusting your filters.')
+                    : t('No speakers found') }))] })));
+});
+const SpeakersWrapper = observer((props) => {
+    if (uiState.list.type !== 'speakers' || uiState.details)
+        return null;
+    return _jsx(Speakers, { ...props });
+});
+export default SpeakersWrapper;

package/dist/esm/components/SpeakersFiltersModal.d.ts

@@ -0,0 +1,11 @@
+import './SpeakersFiltersModal.scss';
+import React from 'react';
+export interface SpeakersFiltersModalProps {
+    store: any;
+    visibleSections?: ('companies' | 'jobTitles')[];
+    open?: boolean;
+    onClose?: () => void;
+}
+declare const SpeakersFiltersModal: React.FC<SpeakersFiltersModalProps>;
+export default SpeakersFiltersModal;
+//# sourceMappingURL=SpeakersFiltersModal.d.ts.map

package/dist/esm/components/SpeakersFiltersModal.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any, @eslint-react/exhaustive-deps */
+// @ts-nocheck
+import './SpeakersFiltersModal.scss';
+import { observer } from 'mobx-react-lite';
+import { useMemo } from 'react';
+import { t } from '../utils/i18n';
+import { ModalContainer } from './';
+import MultiSelectGroups from './MultiSelectGroupsContainer';
+const SpeakersFiltersModal = observer(({ store, visibleSections, open, onClose }) => {
+    const pending = store.state.filters;
+    const companyGroups = useMemo(() => {
+        const companies = store.rootStore.speakerStore.companies;
+        if (!companies.length)
+            return [];
+        return [
+            {
+                groupName: 'Companies',
+                items: companies.map((company) => ({
+                    id: company,
+                    name: company,
+                    countProvider: () => store.rootStore.speakerStore.getSpeakersByCompany(company).length,
+                })),
+                showGroupActions: true,
+                fullWidth: true,
+            },
+        ];
+    }, [store.rootStore.speakerStore.companies]);
+    const jobTitleGroups = useMemo(() => {
+        const jobTitles = store.rootStore.speakerStore.jobTitles;
+        if (!jobTitles.length)
+            return [];
+        return [
+            {
+                groupName: 'Job Titles',
+                items: jobTitles.map((jobTitle) => ({
+                    id: jobTitle,
+                    name: jobTitle,
+                    countProvider: () => store.rootStore.speakerStore.getSpeakersByJobTitle(jobTitle).length,
+                })),
+                showGroupActions: true,
+                fullWidth: true,
+            },
+        ];
+    }, [store.rootStore.speakerStore.jobTitles]);
+    const handleCompanyChange = (selectedIds) => {
+        const companies = selectedIds;
+        store.setPending('selectedCompanies', companies);
+    };
+    const handleJobTitleChange = (selectedIds) => {
+        const jobTitles = selectedIds;
+        store.setPending('selectedJobTitles', jobTitles);
+    };
+    const isOpen = open !== undefined ? open : store.state.isOpen;
+    const handleClose = onClose || (() => store.closeFilter());
+    const sections = visibleSections || store.state.visibleSections;
+    return (_jsx(ModalContainer, { open: isOpen, title: t('Speaker Filters'), maxWidth: 800, footerLeft: [
+            {
+                label: t('Clear all'),
+                variant: 'gray',
+                disabled: pending.selectedCompanies.pending.length === 0 &&
+                    pending.selectedJobTitles.pending.length === 0,
+                onClick: () => {
+                    store.resetFilters();
+                },
+            },
+        ], footerRight: [
+            {
+                label: t('Apply'),
+                variant: 'primary',
+                onClick: () => {
+                    store.applyFilters();
+                },
+            },
+        ], onClose: handleClose, children: _jsxs("div", { className: "efp-speakers-filters-modal", children: [sections.includes('companies') && companyGroups.length > 0 && (_jsx("div", { className: "efp-speakers-filters-modal__section", children: _jsx(MultiSelectGroups, { groups: companyGroups, selectedIds: pending.selectedCompanies.pending, onChange: handleCompanyChange, showItemCounts: true }) })), sections.includes('jobTitles') && jobTitleGroups.length > 0 && (_jsx("div", { className: "efp-speakers-filters-modal__section", children: _jsx(MultiSelectGroups, { groups: jobTitleGroups, selectedIds: pending.selectedJobTitles.pending, onChange: handleJobTitleChange, showItemCounts: true }) }))] }) }));
+});
+export default SpeakersFiltersModal;

package/dist/esm/components/TourPoints.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default _default;
+declare function _default(): false | React.JSX.Element | null;
+//# sourceMappingURL=TourPoints.d.ts.map

package/dist/esm/components/TourPoints.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+import classNames from 'classnames';
+import { useObserver } from 'mobx-react-lite';
+import { useRef } from 'react';
+import store, { uiState } from '../store';
+import EntityList from './EntityList';
+const TourPoints = () => {
+    const scrollableRef = useRef(null);
+    return useObserver(() => {
+        const tour = store.toursStore.currentTour;
+        if (!tour)
+            return null;
+        const hasPoints = tour.points && tour.points.length > 0;
+        return (_jsxs("div", { className: classNames('efp-tour-points', {
+                hidden: uiState.kiosk,
+            }), children: [uiState.tourDescription && (_jsx("div", { className: "efp-wayfinding-description", children: uiState.tourDescription })), hasPoints && _jsx(EntityList, { updatedScrollableRef: scrollableRef })] }));
+    });
+};
+export default () => useObserver(() => !uiState.menu && !uiState.details && store.toursStore.currentTour && _jsx(TourPoints, {}));

package/dist/esm/components/Tours.d.ts

@@ -0,0 +1,7 @@
+import './Tours.scss';
+import React from 'react';
+export interface ToursProps {
+}
+declare const ToursWrapper: React.FC<ToursProps>;
+export default ToursWrapper;
+//# sourceMappingURL=Tours.d.ts.map

package/dist/esm/components/Tours.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @eslint-react/exhaustive-deps, @typescript-eslint/no-empty-object-type, @typescript-eslint/consistent-type-imports */
+/* eslint-disable import/no-duplicates */
+import './Tours.scss';
+import Fuse from 'fuse.js';
+import { useObserver } from 'mobx-react-lite';
+import { observer } from 'mobx-react-lite';
+import { useMemo } from 'react';
+import store, { uiState } from '../store';
+import { t } from '../utils/i18n';
+import { ToursList } from './';
+const Tours = observer(() => {
+    const tours = store.toursStore.tourItems;
+    const hasTours = store.toursStore.hasTours;
+    const currentExpo = store.toursStore.currentExpo;
+    const error = store.toursStore.toursLoadError;
+    const filteredTours = useMemo(() => {
+        let filtered = tours;
+        const searchText = store.searchStore.searchText;
+        if (searchText) {
+            const fuseOptions = {
+                keys: ['name'],
+                threshold: 0.3,
+                ignoreLocation: true,
+                includeScore: true,
+            };
+            const fuse = new Fuse(filtered, fuseOptions);
+            const searchResults = fuse.search(searchText);
+            filtered = searchResults.map((result) => result.item);
+        }
+        return filtered;
+    }, [tours, store.searchStore.searchText]);
+    const handleTourClick = (route, name, description) => {
+        store.toursStore.launchTour(route, name, description);
+    };
+    return useObserver(() => {
+        if (error) {
+            return (_jsx("div", { className: "efp-tours-content", children: _jsx("div", { className: "efp-tours-empty", children: _jsxs("p", { children: [t('Error loading Guided Tours'), ": ", error] }) }) }));
+        }
+        if (!hasTours) {
+            return (_jsx("div", { className: "efp-tours-content", children: _jsx("div", { className: "efp-tours-empty", children: _jsxs("p", { children: [t('No Guided Tours available for'), " ", currentExpo] }) }) }));
+        }
+        if (filteredTours.length === 0) {
+            return (_jsx("div", { className: "efp-tours-content", children: _jsx("div", { className: "efp-tours-empty", children: _jsx("p", { children: t('No Guided Tours found matching your search') }) }) }));
+        }
+        return (_jsx("div", { className: "efp-tours-content", children: _jsx(ToursList, { tours: filteredTours, onTourClick: handleTourClick }) }));
+    });
+});
+const ToursWrapper = observer((props) => {
+    if (uiState.list.type !== 'tours' || uiState.details)
+        return null;
+    return _jsx(Tours, { ...props });
+});
+export default ToursWrapper;

package/dist/esm/components/ToursList.d.ts

@@ -0,0 +1,10 @@
+import './ToursList.scss';
+import React from 'react';
+import { type TourItem } from '../store/types';
+export interface ToursListProps {
+    tours: TourItem[];
+    onTourClick?: (tour: TourItem, name: string, description?: string) => void;
+}
+declare const ToursList: React.FC<ToursListProps>;
+export default ToursList;
+//# sourceMappingURL=ToursList.d.ts.map

package/dist/esm/components/ToursList.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ToursList.scss';
+import { observer } from 'mobx-react-lite';
+import { t } from '../utils/i18n';
+import HighlightTextContainer from './HighlightTextContainer';
+const ToursList = observer(({ tours, onTourClick }) => {
+    const handleTourClick = (tour, name, description) => {
+        if (onTourClick) {
+            onTourClick(tour, name, description);
+        }
+    };
+    if (tours.length === 0) {
+        return (_jsx("div", { className: "efp-tours-empty", children: _jsx("p", { children: t('No Guided Tours found') }) }));
+    }
+    return (_jsx("div", { className: "efp-tours-list", children: tours.map((tour) => (_jsx("div", { className: "efp-tour-item", onClick: () => handleTourClick(tour, tour.name, tour.description), role: "button", tabIndex: 0, onKeyDown: (e) => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    handleTourClick(tour, tour.name, tour.description);
+                }
+            }, children: _jsxs("div", { className: "efp-tour-item__body", children: [_jsx("div", { className: "efp-tour-item__left", children: _jsx("div", { className: "efp-tour-item__icon", children: _jsx("i", { className: "icon-route-solid" }) }) }), _jsx("div", { className: "efp-tour-item__right", children: _jsx("div", { className: "efp-tour-item__content", children: _jsx("div", { className: "efp-tour-item__title", children: _jsx(HighlightTextContainer, { text: tour.name }) }) }) })] }) }, tour.id))) }));
+});
+export default ToursList;

package/dist/esm/components/ViewerMenuPanel.d.ts

@@ -0,0 +1,5 @@
+import './ViewerMenuPanel.scss';
+import React from 'react';
+declare const ViewerMenuPanel: React.FC;
+export default ViewerMenuPanel;
+//# sourceMappingURL=ViewerMenuPanel.d.ts.map

package/dist/esm/components/ViewerMenuPanel.js

@@ -0,0 +1,61 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ViewerMenuPanel.scss';
+import { observer } from 'mobx-react-lite';
+import React from 'react';
+import data from '../data';
+import store, { uiState } from '../store';
+import { isEventNow, msUntilEventNowChanges } from '../utils/event-now.js';
+import { t } from '../utils/i18n';
+import { Button } from './';
+/** `setTimeout` fires at once past a signed 32-bit delay (~24.8 days). */
+const MAX_TIMEOUT_MS = 2 ** 31 - 1;
+function parseSubtitle(subtitle) {
+    if (!subtitle)
+        return { venue: '', dateRange: '' };
+    const parts = subtitle.split(' | ');
+    return {
+        venue: parts[0]?.trim() || '',
+        dateRange: parts[1]?.trim() || '',
+    };
+}
+/**
+ * {@link isEventNow}, re-evaluated when the event starts or ends: the viewer menu
+ * can stay open across that moment, and nothing else would re-render it.
+ */
+function useIsEventNow(startDate, endDate) {
+    const [, rerender] = React.useReducer((tick) => tick + 1, 0);
+    React.useEffect(() => {
+        const delay = msUntilEventNowChanges(startDate, endDate);
+        if (delay === null)
+            return undefined;
+        const timer = setTimeout(rerender, Math.min(delay, MAX_TIMEOUT_MS));
+        return () => clearTimeout(timer);
+    });
+    return isEventNow(startDate, endDate);
+}
+const ViewerMenuPanel = observer(() => {
+    const { venue, dateRange } = parseSubtitle(data.subtitle);
+    const hasDates = !!data.startDate && !!data.endDate;
+    const isOngoing = !hasDates;
+    const isNow = useIsEventNow(data.startDate, data.endDate);
+    const hasSessions = store.eventStore.eventItems.length > 0;
+    const hasTours = store.toursStore.hasTours;
+    function handleMap(e) {
+        e.preventDefault();
+        uiState.menu = false;
+    }
+    function handleExhibitors(e) {
+        e.preventDefault();
+        store.selectExhibitors();
+    }
+    function handleSessions(e) {
+        e.preventDefault();
+        store.selectSessions();
+    }
+    function handleTours(e) {
+        e.preventDefault();
+        store.selectTours();
+    }
+    return (_jsxs("div", { className: "viewer-panel", children: [_jsxs("div", { className: "viewer-panel__info", children: [_jsx("div", { className: "viewer-panel__title", children: data.title }), _jsxs("div", { className: "viewer-panel__row", children: [_jsx("i", { className: "viewer-panel__icon icon-schedule" }), isOngoing ? (_jsx("span", { children: t('Ongoing') })) : (_jsxs("div", { className: "viewer-panel__date-range", children: [dateRange, isNow && (_jsxs(_Fragment, { children: ['\u00A0\u00A0', _jsx("div", { className: "viewer-panel__now-badge", children: t('Now') })] }))] }))] }), venue && (_jsxs("div", { className: "viewer-panel__row", children: [_jsx("i", { className: "viewer-panel__icon icon-marker-pin" }), _jsx("span", { children: venue })] }))] }), _jsxs("div", { className: "viewer-panel__buttons", children: [_jsx(Button, { variant: "gray", size: "lg", text: t('Map'), onClick: handleMap }), _jsx(Button, { variant: "gray", size: "lg", text: t('Exhibitors'), onClick: handleExhibitors }), hasSessions && (_jsx(Button, { variant: "gray", size: "lg", text: t('Sessions'), onClick: handleSessions })), hasTours && (_jsx(Button, { variant: "gray", size: "lg", text: t('Guided Tours'), onClick: handleTours }))] })] }));
+});
+export default ViewerMenuPanel;

package/dist/esm/components/Visited.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default _default;
+declare function _default(): false | React.JSX.Element;
+//# sourceMappingURL=Visited.d.ts.map

package/dist/esm/components/Visited.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
+import { useObserver } from 'mobx-react-lite';
+import { useRef } from 'react';
+import { uiState } from '../store';
+import { EntityList } from './';
+function Visited() {
+    const scrollableRef = useRef();
+    return useObserver(() => {
+        return _jsx(EntityList, { updatedScrollableRef: scrollableRef });
+    });
+}
+export default () => useObserver(() => !uiState.details && uiState.list.type === 'visited' && _jsx(Visited, {}));

package/dist/esm/components/WayInformation.d.ts

@@ -0,0 +1,14 @@
+import './WayInformation.scss';
+import React from 'react';
+export interface WayInformationItem {
+    title: string;
+    text: string;
+}
+export interface WayInformationProps {
+    items: WayInformationItem[];
+    accessible?: boolean;
+    onClick?: () => void;
+}
+declare const WayInformation: React.FC<WayInformationProps>;
+export default WayInformation;
+//# sourceMappingURL=WayInformation.d.ts.map

package/dist/esm/components/WayInformation.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './WayInformation.scss';
+import classNames from 'classnames';
+import { t } from '../utils/i18n';
+const WayInformation = ({ items, accessible, onClick }) => items?.length ? (_jsx("div", { className: "efp-wayInformation", onClick: onClick, role: "button", tabIndex: 0, "aria-label": t('Show detailed route steps'), children: items.map((item, index) => (_jsxs("div", { className: classNames('efp-wayInformation__item', {
+            'is-accessible': accessible && index === 0,
+        }), children: [_jsx("span", { children: item.title }), _jsx("strong", { children: item.text })] }, index))) })) : null;
+export default WayInformation;

package/dist/esm/components/Wayfinding.d.ts

@@ -0,0 +1,4 @@
+import './Wayfinding.scss';
+declare function WayfindingWrapper(): false | import("react").JSX.Element | null;
+export default WayfindingWrapper;
+//# sourceMappingURL=Wayfinding.d.ts.map