@expofp/floorplan 0.0.0-experimental.2632d13

package/dist/esm/components/Exhibitor.js

@@ -0,0 +1,299 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/consistent-type-imports */
+/* eslint-disable @eslint-react/no-nested-component-definitions, @eslint-react/static-components */
+// @ts-nocheck
+import './Exhibitor.scss';
+import { Button } from '@expofp/ui';
+import classNames from 'classnames';
+import { observer, useLocalStore, useObserver } from 'mobx-react-lite';
+import React, { Suspense, useEffect, useRef, useState } from 'react';
+import { Transition } from 'react-transition-group';
+import data from '../data';
+import store, { uiState } from '../store';
+import { RegularBooth } from '../store/BoothStore';
+import { GaEventActions, sendEventToGa } from '../tools/gtag';
+import logger from '../tools/logger';
+import settings from '../tools/settings';
+import trackEvent from '../tools/track-event';
+import { t } from '../utils/i18n';
+import isMobile from '../utils/is-mobile';
+import { useReaction } from '../utils/mobx';
+import useHeatmapOverlay from '../utils/useHeatmapOverlay';
+import Alert from './AlertContainer';
+import DownloadListContainer from './DownloadListContainer';
+import ErrorBoundary from './ErrorBoundary';
+import RebookingNotesContainer from './RebookingNotesContainer';
+import RebookingRadioGroupContainer from './RebookingRadioGroupContainer';
+import Schedule from './Schedule';
+import ShowMoreButton from './ShowMoreButtonContainer';
+import SidebarActions from './SidebarActionsContainer';
+import { getDescription } from './utils/getDescription';
+const Gallery = React.lazy(() => import(/* webpackChunkName: "gallery" */ './GalleryContainer'));
+const ExhibitorComponent = observer(function ExhibitorComponent() {
+    const el = useRef(null);
+    const s = useLocalStore(() => ({
+        collapsed: true,
+        updateOverlayContent: null,
+        get exhibitor() {
+            return uiState.selectedExhibitor;
+        },
+        get websiteTrimmed() {
+            return this.exhibitor.website
+                ? this.exhibitor.website.replace(/^(http(s?):\/\/)([^/]+)(\/)?$/i, '$3')
+                : '';
+        },
+        get anySocial() {
+            if (uiState.kiosk)
+                return false;
+            return !![
+                'facebook',
+                'instagram',
+                'linkedin',
+                'twitter',
+                'googlePlus',
+                'xing',
+                'youtube',
+            ].find((s) => this.exhibitor[s]);
+        },
+        get anyAddress() {
+            return !!['address', 'address2', 'phone1', 'website', 'email'].find((s) => this.exhibitor[s]);
+        },
+        get anyMedia() {
+            return (!!this.exhibitor.videoUrl || !!(this.exhibitor.gallery && this.exhibitor.gallery.length));
+        },
+        get anyButtons() {
+            return !!(this.exhibitor.customButtonTitle ||
+                this.exhibitor.customButton2Title ||
+                this.exhibitor.customButton3Title);
+        },
+        get disableCollapse() {
+            return (!data.collapseDescriptions ||
+                (!this.anySocial && !this.anyAddress && !this.anyMedia && !this.anyButtons) ||
+                (uiState.overlayPosition === 'left' && (this.exhibitor.description || '').length < 800));
+        },
+        get showEdit() {
+            return !!(data.sendLoginLinkUrl && this.sendLinkEmail);
+        },
+        get sendLinkEmail() {
+            return this.exhibitor.privateEmail || this.exhibitor.email;
+        },
+    }));
+    const { heatmapBar } = useHeatmapOverlay(s.exhibitor);
+    const [isContentOverflowing, setIsContentOverflowing] = useState(false);
+    const [showKioskDetails, setShowKioskDetails] = useState(false);
+    const detailsRef = useRef(null);
+    useEffect(() => {
+        const checkHeight = () => {
+            if (detailsRef.current) {
+                const height = detailsRef.current.offsetHeight;
+                setIsContentOverflowing(height > 300);
+            }
+        };
+        checkHeight();
+        return () => {
+            store.exhibitorStore.rebookingStateChangeRequested = false;
+        };
+    }, []);
+    useReaction(() => s.exhibitor, () => {
+        if (el.current)
+            el.current.parentElement.scrollTop = 0;
+        s.collapsed = true;
+    });
+    function handleClick(e, action) {
+        itemClick(action);
+        if (uiState.kiosk)
+            return e.preventDefault();
+    }
+    function customButtonClick(buttonNumber, buttonUrl, e) {
+        sendEventToGa(GaEventActions.ClickCustomButton, s.exhibitor.name);
+        const data = {
+            externalId: s.exhibitor.externalId,
+            buttonNumber,
+            buttonUrl,
+            preventDefault: e.preventDefault.bind(e),
+        };
+        if (uiState.onExhibitorCustomButtonClick) {
+            uiState.onExhibitorCustomButtonClick(data);
+        }
+    }
+    function itemClick(action) {
+        sendEventToGa(action, s.exhibitor.name);
+    }
+    const transitionRef = useRef();
+    const transitionStyles = {
+        entering: { opacity: 1 },
+        entered: { opacity: 1 },
+        exiting: { opacity: 0 },
+        exited: { opacity: 0 },
+    };
+    const transitionDelay = 150;
+    return useObserver(() => {
+        const exhibitor = s.exhibitor;
+        const rebooking = data.isRebooking
+            ? (() => {
+                const uniqueSizes = new Set();
+                for (const booth of exhibitor.booths) {
+                    if (booth instanceof RegularBooth && booth.size) {
+                        uniqueSizes.add(booth.size);
+                    }
+                }
+                const sizesArray = Array.from(uniqueSizes);
+                return (_jsxs("div", { children: [sizesArray.length > 0 && (_jsx("div", { className: "booth__infos", style: { padding: '0 15px', marginBottom: '1rem' }, children: _jsxs("div", { className: "booth__info", children: [_jsx("div", { className: "booth__info-icon", children: _jsx("i", { className: "icon-size" }) }), _jsxs("div", { className: "booth__info-body", children: [_jsx("div", { className: "booth__info-title", children: t('Size') }), _jsx("div", { className: "booth__info-val", children: sizesArray.join(', ') })] })] }) })), _jsx(RebookingRadioGroupContainer, { value: exhibitor.rebookingState.toString(), onChange: (value) => store.exhibitorStore.setRebookingState(exhibitor, parseInt(value), exhibitor.rebookingNote) }), _jsx(RebookingNotesContainer, { value: exhibitor.rebookingNote || '', onSave: (val) => store.exhibitorStore.setRebookingState(exhibitor, exhibitor.rebookingState, val) }, exhibitor.id), _jsx(Transition, { in: store.exhibitorStore.rebookingStateChangeRequested, nodeRef: transitionRef, timeout: transitionDelay, appear: true, enter: true, exit: true, mountOnEnter: true, unmountOnExit: true, children: (state) => (_jsx("div", { ref: transitionRef, style: {
+                                    position: 'fixed',
+                                    bottom: '1rem',
+                                    left: '1rem',
+                                    zIndex: 9999,
+                                    transition: `opacity ${transitionDelay}ms ease-in-out`,
+                                    opacity: 0,
+                                    ...transitionStyles[state],
+                                }, children: _jsx(Alert, { title: store.exhibitorStore.rebookingStateSaved
+                                        ? t('Changes saved')
+                                        : t('Oops! Something went wrong'), variant: store.exhibitorStore.rebookingStateSaved ? 'success' : 'error', inline: true, closable: true, onClose: () => {
+                                        store.exhibitorStore.rebookingStateChangeRequested = false;
+                                    } }) })) })] }));
+            })()
+            : null;
+        const cls = classNames({
+            exhibitor: true,
+            'is-featured': exhibitor.featured,
+            bookmarked: exhibitor.bookmarked,
+            [uiState.responsiveClass]: true,
+        });
+        const expandDescription = () => {
+            s.collapsed = false;
+            setTimeout(s.updateOverlayContent);
+        };
+        function renderButton(title, url, buttonNumber) {
+            if (!title || !url || uiState.kiosk || uiState.previewMode)
+                return null;
+            return (_jsx("div", { className: "exhibitor-custom-button", children: _jsx(Button, { link: url, inline: true, onClick: (e) => {
+                        customButtonClick(buttonNumber, url, e);
+                    }, target: "_blank", children: title }) }, buttonNumber));
+        }
+        const ExhibitorCustomButtons = ({ exhibitor }) => {
+            const buttons = [
+                renderButton(exhibitor.customButtonTitle, exhibitor.customButtonUrl, 1),
+                renderButton(exhibitor.customButton2Title, exhibitor.customButton2Url, 2),
+                renderButton(exhibitor.customButton3Title, exhibitor.customButton3Url, 3),
+            ];
+            const validButtons = buttons.filter(Boolean);
+            if (validButtons.length === 0)
+                return null;
+            return _jsx("div", { className: "exhibitor-custom-buttons", children: validButtons });
+        };
+        function shareButtonVisible() {
+            return (!data.hideShareButton &&
+                !uiState.kiosk &&
+                window.location.host.endsWith('.expofp.com') &&
+                settings.EXPO !== 'globalaltsmiami2024');
+        }
+        function onUpdateGallery() {
+            s.updateOverlayContent();
+        }
+        const onClickDirections = () => {
+            store.routeStore.clickRoute(null, store.routeStore.tempToBooth || exhibitor.booths[0]);
+            store.routeStore.currentRouteExhibitor = exhibitor;
+        };
+        const shouldShowPrefix = (input) => {
+            return /^\d+$/.test(input);
+        };
+        const getBoothLevel = (booth) => data.hideBoothLevel
+            ? undefined
+            : data.shortLevelName
+                ? booth.layer?.shortName
+                : booth.layer?.description;
+        return (_jsxs("div", { className: cls, "aria-label": t('Details'), children: [_jsxs("div", { className: "exhibitor__header", children: [_jsxs("div", { className: "exhibitor__header-name", children: [_jsx("div", { className: "exhibitor__header-icon", children: _jsx("i", { className: "icon-exhibitor-solid" }) }), _jsx("span", { dir: "auto", children: exhibitor.name }), heatmapBar] }), _jsx("button", { type: "button", onClick: () => store.searchStore.handleBackAction(), className: "exhibitor__header-close", children: _jsx("i", { className: "icon-close" }) })] }), !rebooking ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "exhibitor__buttons", children: !uiState.isGuidedToursActive && (_jsx(SidebarActions, { showBookmark: !uiState.disableBookmarked && !data.hideBookmarks && !uiState.kiosk, showDirections: exhibitor.booths.length > 0 && settings.wayfinding, inBookmark: exhibitor.bookmarked, showShare: shareButtonVisible(), showVisited: !uiState.kiosk, visited: exhibitor.visited, onClickBookmark: bookmark, onClickShare: handleShare, onClickDirections: onClickDirections, onClickVisited: handleVisited })) }), exhibitor.leadingImageUrl ? (_jsx("div", { className: "exhibitor__leading-image-container exhibitor-slider", children: exhibitor.leadingImageLinkUrl ? (_jsx("a", { href: exhibitor.leadingImageLinkUrl, target: "_blank", rel: "noopener noreferrer", children: _jsx("img", { src: exhibitor.leadingImageUrl, className: "exhibitor__leading-image", alt: "", crossOrigin: "anonymous" }) })) : (_jsx(ErrorBoundary, { children: _jsx(Suspense, { fallback: null, children: _jsx(Gallery, { className: uiState.responsiveClass, onOpenGallery: () => store.openGallery(), onCloseGallery: () => store.closeGallery(), onImageLoadHeightUpdate: onUpdateGallery, leading: true, images: [exhibitor.leadingImageUrl] }) }) })) })) : null, _jsxs("div", { className: classNames('exhibitor__details', {
+                                'details-hidden': uiState.kiosk &&
+                                    data.collapseDescriptions &&
+                                    isContentOverflowing &&
+                                    !showKioskDetails,
+                            }), ref: detailsRef, children: [_jsxs("div", { className: classNames('exhibitor-categories', {
+                                        'is-links-disabled': uiState.isGuidedToursActive,
+                                    }), children: [exhibitor.featured && _jsx("div", { className: "exhibitor-featured", children: t('Featured') }), exhibitor.booths.map((booth) => {
+                                            const boothLevel = getBoothLevel(booth);
+                                            const handleClick = (e) => {
+                                                e.preventDefault();
+                                                store.toggleMapOverlay();
+                                                store.selectBooth(booth);
+                                            };
+                                            return (_jsxs("a", { href: `?${booth.slug}`, onClick: handleClick, className: "exhibitor-categories__booth", children: [_jsx("div", { className: "exhibitor-categories__booth-name", children: booth.name }), boothLevel && (_jsxs("div", { className: "exhibitor-categories__booth-level", children: [shouldShowPrefix(boothLevel) ? t('Level') + ' ' : '', boothLevel] }))] }, booth.id));
+                                        }), exhibitor.categories.map((c) => (_jsx("a", { href: '?' + encodeURIComponent(c.slug), onClick: (e) => {
+                                                e.preventDefault();
+                                                handleCategoryClick(c);
+                                            }, className: c.sponsorship
+                                                ? 'exhibitor-categories__sponsorship'
+                                                : 'exhibitor-categories__cat', children: c.name }, c.id)))] }), exhibitor.description || exhibitor.logo?.url ? (_jsxs("div", { className: classNames('exhibitor-description', {
+                                        collapsed: s.collapsed && !s.disableCollapse,
+                                    }), children: [exhibitor.logo?.url ? (_jsx("div", { className: classNames('exhibitor-description__logo', {
+                                                'exhibitor-description__logo--left': !exhibitor.description,
+                                            }), children: _jsx("img", { src: exhibitor.logo.url, alt: exhibitor.name, crossOrigin: "anonymous" }) })) : null, exhibitor.description ? (_jsx("span", { className: "exhibitor-description__content", dir: "auto", dangerouslySetInnerHTML: { __html: getDescription(exhibitor.description) }, onClick: expandDescription })) : null] })) : null, (!!exhibitor.schedule?.length || !!exhibitor.booths[0]?.schedule.length) && (_jsx(Schedule, { events: [...(exhibitor.schedule || exhibitor.booths[0]?.schedule || [])].sort((a, b) => new Date(a.startDate).getTime() - new Date(b.startDate).getTime()) })), !uiState.kiosk && exhibitor.videoUrl && navigator.onLine && (_jsx("div", { className: "exhibitor-video", children: _jsx("iframe", { src: exhibitor.videoUrl, "data-allow": "encrypted-media; autoplay; fullscreen", title: t('Exhibitor Video'), allowFullScreen: true }) })), exhibitor.gallery && (_jsx("div", { className: "exhibitor-slider", onClick: () => itemClick(GaEventActions.ViewGallery), children: _jsx(ErrorBoundary, { children: _jsx(Suspense, { fallback: null, children: _jsx(Gallery, { className: uiState.responsiveClass, onOpenGallery: () => store.openGallery(), onCloseGallery: () => store.closeGallery(), onImageLoadHeightUpdate: onUpdateGallery, images: exhibitor.gallery }) }) }) })), !uiState.kiosk && exhibitor.marketMaterials && (_jsxs(_Fragment, { children: [_jsx("div", { className: "exhibitor-sep" }), _jsx(DownloadListContainer, { list: exhibitor.marketMaterials })] })), s.showEdit && _jsx("div", { className: "exhibitor-sep" }), !uiState.kiosk && s.showEdit && (_jsx("div", { className: "exhibitor-edit", children: _jsx(Button, { size: "sm", variant: "secondary", onClick: sendLoginLink, children: t('Edit') }) })), s.anyAddress && (_jsxs("div", { className: "exhibitor-meta", children: [!!(exhibitor.address || exhibitor.address2) && (_jsxs("div", { className: "exhibitor-meta__item", children: [_jsx("div", { className: "exhibitor-meta__icon", children: _jsx("i", { className: "icon-marker-pin-solid" }) }), _jsxs("div", { className: "exhibitor-meta__content", children: [exhibitor.address, !!exhibitor.address2 && _jsx("div", { children: exhibitor.address2 }), !!(exhibitor.city || exhibitor.state || exhibitor.zip) && (_jsxs("div", { children: [exhibitor.city, !!(exhibitor.city && exhibitor.state) && _jsx("span", { children: " " }), exhibitor.state, !!(exhibitor.state && exhibitor.zip) && _jsx("span", { children: "\u00A0" }), ' ', exhibitor.zip] })), !!exhibitor.country && _jsx("div", { children: exhibitor.country })] })] })), !!exhibitor.phone1 && (_jsxs("div", { className: "exhibitor-meta__item", children: [_jsx("div", { className: "exhibitor-meta__icon", children: _jsx("i", { className: "icon-phone-solid" }) }), _jsx("div", { className: "exhibitor-meta__content", children: _jsx("a", { dir: "ltr", href: 'tel:' + exhibitor.phone1, className: "exhibitor-meta__link", onClick: (e) => handleClick(e, GaEventActions.ClickPhone), children: exhibitor.phone1 }) })] })), !!exhibitor.website && (_jsxs("div", { className: "exhibitor-meta__item", children: [_jsx("div", { className: "exhibitor-meta__icon", children: _jsx("i", { className: "icon-globe-solid" }) }), _jsx("div", { className: "exhibitor-meta__content", children: _jsx("a", { href: exhibitor.website, target: "_blank", rel: "noopener noreferrer", className: "exhibitor-meta__link", onClick: (e) => handleClick(e, GaEventActions.ClickWebsite), children: s.websiteTrimmed }) })] })), !!exhibitor.email && (_jsxs("div", { className: "exhibitor-meta__item", children: [_jsx("div", { className: "exhibitor-meta__icon", children: _jsx("i", { className: "icon-mail-at-solid" }) }), _jsx("div", { className: "exhibitor-meta__content", children: _jsx("a", { href: 'mailto:' + exhibitor.email, target: "_blank", rel: "noopener noreferrer", className: "exhibitor-meta__link", onClick: (e) => handleClick(e, GaEventActions.ClickEmail), children: exhibitor.email }) })] })), s.anySocial && (_jsxs("div", { className: "exhibitor-meta__socials", children: [_jsx("a", { href: exhibitor.facebook, className: "exhibitor-meta__social", onClick: () => itemClick(GaEventActions.ClickFacebook), target: "_blank", rel: "noopener noreferrer", children: _jsx("i", { className: "icon-facebook" }) }), _jsx("a", { href: exhibitor.instagram, className: "exhibitor-meta__social", onClick: () => itemClick(GaEventActions.ClickInstagaram), target: "_blank", rel: "noopener noreferrer", children: _jsx("i", { className: "icon-instagram" }) }), _jsx("a", { href: exhibitor.linkedin, className: "exhibitor-meta__social", onClick: () => itemClick(GaEventActions.ClickLinkedin), target: "_blank", rel: "noopener noreferrer", children: _jsx("i", { className: "icon-linkedin" }) }), _jsx("a", { href: exhibitor.twitter, className: "exhibitor-meta__social", onClick: () => itemClick(GaEventActions.ClickTwitter), target: "_blank", rel: "noopener noreferrer", children: _jsx("i", { className: "icon-twitter-x" }) }), _jsx("a", { href: exhibitor.xing, className: "exhibitor-meta__social", onClick: () => itemClick(GaEventActions.ClickXing), target: "_blank", rel: "noopener noreferrer", children: _jsx("i", { className: "icon-xing" }) }), _jsx("a", { href: exhibitor.youtube, className: "exhibitor-meta__social", onClick: () => itemClick(GaEventActions.ClickYoutube), target: "_blank", rel: "noopener noreferrer", children: _jsx("i", { className: "icon-youtube" }) })] }))] })), _jsx(ExhibitorCustomButtons, { exhibitor: exhibitor })] }), uiState.kiosk && data.collapseDescriptions && isContentOverflowing && (_jsx(ShowMoreButton, { className: classNames('exhibitor__show-more', { 'is-sticky': showKioskDetails }), expanded: showKioskDetails, onClick: () => setShowKioskDetails((current) => !current) }))] })) : (rebooking)] }));
+    });
+    function handleShare() {
+        const navigator = window.navigator;
+        const data = {
+            title: uiState.selectedExhibitor.name,
+            // Native share of the address bar itself — with URL sync on it is the canonical
+            // deep link. A legitimate boundary read (plan §4.11).
+            url: window.location.href,
+        };
+        if (isMobile && navigator?.canShare && navigator.canShare(data)) {
+            navigator.share(data);
+        }
+        else {
+            store.toggleModal('share');
+        }
+    }
+    function handleCategoryClick(c) {
+        store.clickCategory(c);
+    }
+    function sendLoginLink(e) {
+        if (uiState.kiosk)
+            return e.preventDefault();
+        e.target.blur();
+        const email = s.sendLinkEmail;
+        if (!window.confirm(t('Send login instructions to {{email}} to edit profile?', { email })))
+            return;
+        if (settings.EXPO === 'expo')
+            return;
+        const xhr = new XMLHttpRequest();
+        xhr.open('POST', data.sendLoginLinkUrl);
+        xhr.setRequestHeader('Content-Type', 'application/json');
+        function er() {
+            alert(t('Error sending login instructions'));
+        }
+        xhr.onload = function (e) {
+            if (this.status !== 200) {
+                er();
+                return;
+            }
+            alert(t('A link to edit profile was sent to {{email}}', { email }));
+        };
+        xhr.onerror = function (e) {
+            logger.error('Error', e);
+            er();
+        };
+        xhr.send(JSON.stringify({ id: s.exhibitor.id }));
+    }
+    function bookmark() {
+        s.exhibitor.bookmarked = !s.exhibitor.bookmarked;
+        if (uiState.onBookmarkClick)
+            uiState.onBookmarkClick({
+                name: s.exhibitor.name,
+                bookmarked: s.exhibitor.bookmarked,
+                externalId: s.exhibitor.externalId,
+            });
+        if (s.exhibitor.bookmarked) {
+            trackEvent('bookmark', s.exhibitor.id, 'exhibitor');
+        }
+    }
+    function handleVisited() {
+        s.exhibitor.visited = !s.exhibitor.visited;
+        if (uiState.onVisitedClick)
+            uiState.onVisitedClick({
+                name: s.exhibitor.name,
+                visited: s.exhibitor.visited,
+                externalId: s.exhibitor.externalId,
+            });
+    }
+});
+export default () => useObserver(() => (_jsx(_Fragment, { children: !uiState.menu && uiState.selectedExhibitor ? _jsx(ExhibitorComponent, {}) : null })));

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

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

package/dist/esm/components/Filter.js

@@ -0,0 +1,24 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable @eslint-react/exhaustive-deps */
+// @ts-nocheck
+import { useLocalStore, useObserver } from 'mobx-react-lite';
+import { useCallback, useRef } from 'react';
+import { uiState } from '../store';
+import EntityList from './EntityList';
+function Filter() {
+    const scrollableRef = useRef();
+    const s = useLocalStore(() => ({
+        updateOverlayContent: null,
+        get list() {
+            return uiState.list;
+        },
+    }));
+    const updateContent = useCallback(() => {
+        if (s.updateOverlayContent)
+            s.updateOverlayContent();
+    }, [s.updateOverlayContent]);
+    return useObserver(() => {
+        return _jsx(EntityList, { updateScroll: updateContent, updatedScrollableRef: scrollableRef });
+    });
+}
+export default () => useObserver(() => (_jsx(_Fragment, { children: !uiState.details && !uiState.menu && uiState.list.type === 'filter' && _jsx(Filter, {}) })));

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

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

package/dist/esm/components/Free.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+import './Free.scss';
+import classNames from 'classnames';
+import { useLocalStore, useObserver } from 'mobx-react-lite';
+import { uiState } from '../store';
+import { buildFreeBannerCtaUrl, writeFreeBannerDismissed } from '../tools/freeBanner';
+import { t } from '../utils/i18n';
+import { useInit } from '../utils/mobx';
+export default function Free() {
+    const s = useLocalStore(() => ({
+        hidden: true,
+        get classes() {
+            return classNames('free', { hidden: this.hidden });
+        },
+    }));
+    useInit(() => {
+        if (uiState.freeBannerDismissed)
+            return;
+        const timer = window.setTimeout(() => {
+            s.hidden = false;
+        }, 2000);
+        return () => window.clearTimeout(timer);
+    });
+    return useObserver(() => (_jsx("div", { className: s.classes, children: _jsxs("section", { children: [_jsx("div", { className: "free__message", children: _jsxs("span", { children: [t('Create a free floor plan at'), "\u00A0", _jsx("a", { href: buildFreeBannerCtaUrl(), target: "_blank", rel: "noopener noreferrer", children: "ExpoFP.com" })] }) }), _jsx("button", { type: "button", className: "free__dismiss", onClick: dismiss, "aria-label": t('Dismiss'), children: _jsx("i", { className: "icon-close", "aria-hidden": "true" }) })] }) })));
+    function dismiss() {
+        s.hidden = true;
+        writeFreeBannerDismissed(sessionStorage);
+        uiState.freeBannerDismissed = true;
+    }
+}

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

@@ -0,0 +1,6 @@
+import { type GalleryProps } from '@expofp/ui';
+declare const GalleryContainer: import("react").FunctionComponent<Omit<GalleryProps, "closeLabel" | "fullscreenLabel" | "images" | "itemLabel" | "nextSlideLabel" | "onSlideActivate" | "prevSlideLabel" | "renderTarget" | "zoomInLabel" | "zoomOutLabel"> & {
+    images: string[];
+}>;
+export default GalleryContainer;
+//# sourceMappingURL=GalleryContainer.d.ts.map

package/dist/esm/components/GalleryContainer.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Gallery } from '@expofp/ui';
+import { observer } from 'mobx-react-lite';
+import { useCallback, useState } from 'react';
+import { eventScopedCache } from '../tools/event-scoped-cache.js';
+import { t } from '../utils/i18n';
+import { loadImage } from '../utils/loadImage';
+import { useRenderTarget } from '../utils/useRenderTarget';
+const originalImageFromThumb = (url) => {
+    const paths = url.split('/');
+    const fileName = paths[paths.length - 1];
+    if (!fileName.includes('original-')) {
+        paths[paths.length - 1] = 'original-' + fileName;
+    }
+    return paths.join('/');
+};
+// Probing an original actually downloads it, so in-flight and settled probes
+// alike are memoized across instances — for the live event only: the URLs are
+// its assets, and a probe still in flight when it is destroyed resolves
+// against nothing the next plan shows (ADR-0011).
+const fullUrlCache = eventScopedCache();
+const resolveFullUrl = (thumbnailUrl) => {
+    const cached = fullUrlCache().get(thumbnailUrl);
+    if (cached)
+        return cached;
+    const originalUrl = originalImageFromThumb(thumbnailUrl);
+    const pending = originalUrl === thumbnailUrl
+        ? Promise.resolve(thumbnailUrl)
+        : loadImage(originalUrl).then((loaded) => (loaded ? originalUrl : thumbnailUrl));
+    fullUrlCache().set(thumbnailUrl, pending);
+    return pending;
+};
+const GalleryContainer = observer((props) => {
+    const { images: thumbnailUrls, ...rest } = props;
+    const renderTarget = useRenderTarget();
+    // Keyed by thumbnail URL — entries left from a previous exhibitor never match.
+    const [fullUrls, setFullUrls] = useState({});
+    // Originals are resolved only for a slide actually shown fullscreen.
+    const handleSlideActivate = useCallback((index) => {
+        const thumbnailUrl = thumbnailUrls[index];
+        if (!thumbnailUrl)
+            return;
+        void resolveFullUrl(thumbnailUrl).then((fullUrl) => {
+            if (fullUrl === thumbnailUrl)
+                return;
+            setFullUrls((state) => state[thumbnailUrl] === fullUrl ? state : { ...state, [thumbnailUrl]: fullUrl });
+        });
+    }, [thumbnailUrls]);
+    const images = thumbnailUrls.map((thumbnailUrl) => ({
+        thumbnailUrl,
+        fullUrl: fullUrls[thumbnailUrl] ?? thumbnailUrl,
+    }));
+    return (_jsx(Gallery, { ...rest, images: images, closeLabel: t('Close'), zoomInLabel: t('Zoom In'), zoomOutLabel: t('Zoom Out'), nextSlideLabel: t('Next slide'), prevSlideLabel: t('Prev slide'), fullscreenLabel: t('View fullscreen'), itemLabel: (index) => t('View image {{index}}', { index: index + 1 }), renderTarget: renderTarget, onSlideActivate: handleSlideActivate }));
+});
+export default GalleryContainer;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const GlobalErrorMessage: React.FunctionComponent<object>;
+export default GlobalErrorMessage;
+//# sourceMappingURL=GlobalErrorMessage.d.ts.map

package/dist/esm/components/GlobalErrorMessage.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
+import { observer } from 'mobx-react-lite';
+import { uiState } from '../store';
+import Alert from './AlertContainer';
+const GlobalErrorMessage = observer(() => {
+    return uiState.globalErrorMessages?.length ? (_jsx("div", { className: "global-error-message", children: uiState.globalErrorMessages.map((message, i) => (_jsx(Alert, { variant: "error", closable: true, title: message.title, onClose: () => uiState.popGlobalErrorMessage(), children: message.body }, i))) })) : null;
+});
+export default GlobalErrorMessage;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export default function GpsLoader({ requestCompassAllowed }: {
+    requestCompassAllowed: boolean;
+}): React.JSX.Element;
+//# sourceMappingURL=GpsLoader.d.ts.map

package/dist/esm/components/GpsLoader.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
+import { useCallback, useState } from 'react';
+import { ORIENTATION_GRANTED_KEY } from '../constants';
+import store from '../store';
+import { CurrentPosition } from '../store/RouteStore';
+import { useReaction } from '../utils/mobx';
+import { GpsManager } from './gps';
+export default function GpsLoader({ requestCompassAllowed }) {
+    const [shouldRequest, setShouldRequest] = useState(false);
+    const onPositionUpdate = useCallback(({ lat, lng, angle, heading }) => {
+        store.routeStore.selectCurrentPosition(new CurrentPosition(0, 0, 0, angle || heading, lat, lng), false);
+    }, []);
+    const onReject = useCallback(() => {
+        store.routeStore.requestCompass = undefined;
+        setShouldRequest(false);
+    }, [setShouldRequest]);
+    const onAllow = useCallback(() => {
+        store.routeStore.requestCompass = undefined;
+        setShouldRequest(false);
+    }, [setShouldRequest]);
+    useReaction(() => store.uiState.hideCookieConsent, (hideCookieConsent) => {
+        setShouldRequest(hideCookieConsent);
+    });
+    useReaction(() => store.routeStore.requestCompass, (requestCompass) => {
+        setShouldRequest(requestCompass);
+    });
+    return (_jsx(GpsManager, { requestCompass: shouldRequest, requestCompassAllowed: requestCompassAllowed, onRejectCompass: onReject, onAllowCompass: onAllow, orientationStorageKey: ORIENTATION_GRANTED_KEY, onPositionUpdate: onPositionUpdate }));
+}

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

@@ -0,0 +1,5 @@
+import { type HeatmapLegendProps } from '@expofp/ui';
+type HeatmapLegendContainerProps = Omit<HeatmapLegendProps, 'ariaLabel' | 'ticks'>;
+declare const HeatmapLegendContainer: import("react").FunctionComponent<HeatmapLegendContainerProps>;
+export default HeatmapLegendContainer;
+//# sourceMappingURL=HeatmapLegendContainer.d.ts.map

package/dist/esm/components/HeatmapLegendContainer.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HeatmapLegend } from '@expofp/ui';
+import { observer } from 'mobx-react-lite';
+import { heatmapStore } from '../store';
+import settings from '../tools/settings';
+import { t } from '../utils/i18n';
+import { computeHeatmapTicks } from './heatmap-legend-ticks';
+const HeatmapLegendContainer = observer((props) => {
+    const { min, max } = heatmapStore.minAndMaxClicks;
+    const ticks = computeHeatmapTicks(min, max, settings.heatmapColors);
+    return _jsx(HeatmapLegend, { ...props, ticks: ticks, ariaLabel: t('Heatmap intensity scale') });
+});
+export default HeatmapLegendContainer;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const HighlightTextContainer: React.FunctionComponent<{
+    text: string;
+}>;
+export default HighlightTextContainer;
+//# sourceMappingURL=HighlightTextContainer.d.ts.map

package/dist/esm/components/HighlightTextContainer.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-nocheck
+import { HighlightText } from '@expofp/ui';
+import { observer } from 'mobx-react-lite';
+import { uiState } from '../store';
+const HighlightTextContainer = observer(({ text }) => {
+    const highlight = uiState.list.type === 'search' ? uiState.list.text : undefined;
+    return _jsx(HighlightText, { text: text, highlight: highlight });
+});
+export default HighlightTextContainer;

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

@@ -0,0 +1,5 @@
+import './IntercomLauncher.scss';
+import React from 'react';
+declare const IntercomLauncher: React.FunctionComponent<object>;
+export default IntercomLauncher;
+//# sourceMappingURL=IntercomLauncher.d.ts.map

package/dist/esm/components/IntercomLauncher.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+import './IntercomLauncher.scss';
+import { observer } from 'mobx-react-lite';
+import { intercomStore, uiState } from '../store';
+import { t } from '../utils/i18n';
+const IntercomLauncher = observer(function IntercomLauncher() {
+    // Also hide if kiosk mode is toggled on mid-session, after Intercom already booted.
+    if (!intercomStore.enabled || uiState.kiosk)
+        return null;
+    const handleClick = () => {
+        const w = window;
+        if (typeof w.Intercom === 'function') {
+            w.Intercom('show');
+        }
+    };
+    const unread = intercomStore.unreadCount;
+    return (_jsxs("button", { className: "efp-intercom-launcher", type: "button", "aria-label": t('Open chat'), onClick: handleClick, children: [_jsx("svg", { width: "24", height: "24", viewBox: "0 0 28 32", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "M28 32s-4.714-1.855-8.527-3.34H3.437C1.54 28.66 0 27.026 0 25.013V3.644C0 1.633 1.54 0 3.437 0h21.125c1.898 0 3.437 1.632 3.437 3.645v18.404H28V32zm-4.139-11.982a.88.88 0 00-1.292-.105c-.03.026-3.015 2.681-8.57 2.681-5.486 0-8.517-2.636-8.571-2.684a.88.88 0 00-1.29.107 1.01 1.01 0 00-.219.708.992.992 0 00.318.664c.142.128 3.537 3.15 9.762 3.15 6.226 0 9.621-3.022 9.763-3.15a.992.992 0 00.317-.664 1.01 1.01 0 00-.218-.707z" }) }), unread > 0 && (_jsx("span", { className: "efp-intercom-launcher__badge", "aria-label": t('Unread messages'), children: unread > 99 ? '99+' : unread }))] }));
+});
+export default IntercomLauncher;

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

@@ -0,0 +1,35 @@
+import './JourneyPanel.scss';
+import React from 'react';
+import { type Journey, type JourneyStage } from '../journey';
+export interface JourneyPanelProps {
+    journey: Journey;
+    stage?: JourneyStage | null;
+    planUnits?: string;
+    /**
+     * The walk the map is showing for the current indoor leg, already formatted
+     * (distance and travel time). The engine routes one leg at a time, so only
+     * the leg on the map has numbers — the trip as a whole has none to give.
+     */
+    legWalk?: string;
+    deepLinkUrl?: string;
+    onExternalHandoff?: (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+}
+/**
+ * The journey a disconnected pair of places gets instead of a dead end: the two
+ * places, the legs between them in walking order with the current one marked,
+ * and the external handoff — always a deliberate user action, never automatic
+ * (ADR-0010).
+ *
+ * Either end may be a venue or an outdoor PoI, so no sentence the visitor reads
+ * classifies an end: the note speaks only of the distance, and each place row
+ * gives a place's name and its role in the trip rather than what kind it is.
+ * The title's `{{venue}}` placeholder is the deliberate exception — it is a
+ * translation key, not text on screen.
+ *
+ * A journey of one leg is as ordinary as a journey of three: a plan that
+ * authored no doors has no indoor legs to show, and the list simply says the
+ * one thing there is to do.
+ */
+declare const JourneyPanel: React.FC<JourneyPanelProps>;
+export default JourneyPanel;
+//# sourceMappingURL=JourneyPanel.d.ts.map