@mappedin/viewer 0.35.2-826fca7.0 → 0.35.2-9c5b2e5.0

package/dist/types/src/components/action-toast/action-toast.stories.d.ts

@@ -0,0 +1,2 @@
+import { Story } from '@ladle/react';
+export declare const Default: Story;

package/dist/types/src/components/action-toast/index.d.ts

@@ -0,0 +1,10 @@
+import { Trans } from 'react-i18next';
+import { ComponentProps, ReactElement } from 'react';
+type TActionToastProps = {
+    text: string | ReactElement<ComponentProps<typeof Trans>>;
+    action: string;
+    onClick?: () => void;
+    onClose?: () => void;
+};
+export declare const ActionToast: React.FC<TActionToastProps>;
+export {};

package/dist/types/src/components/area-marker/area-marker.stories.d.ts

@@ -0,0 +1,2 @@
+import { Story } from '@ladle/react';
+export declare const Default: Story;

package/dist/types/src/components/area-marker/index.d.ts

@@ -0,0 +1,6 @@
+import { Area } from '../../lib/sdk';
+type TAreaMarkerProps = {
+    area: Area;
+};
+declare const AreaMarker: React.FC<TAreaMarkerProps>;
+export default AreaMarker;

package/dist/types/src/components/button/index.d.ts

@@ -1,6 +1,6 @@
 import { TTheme } from 'lib/types/theme';
 import { TFocusOutlineOptions, Untrasient } from '../common/utils';
-export declare const clickableStyle: import("styled-components").RuleSet<object>;
+export declare const clickableStyle: readonly [import("styled-components").RuleSet<object>, import("styled-components").RuleSet<object>];
 export type TOnClickOrPressPayload = {
     type: 'click';
     event: React.MouseEvent<HTMLDivElement>;
@@ -24,6 +24,10 @@ type TButtonProps = {
      * If true, the button will be styled as if it is :focus-visible, even when it is not.
      */
     pseudoFocus?: boolean;
+    /**
+     * What hover and active styling set to use.
+     */
+    clickableStyling?: keyof typeof clickableStyle;
 } & Untrasient<TFocusOutlineOptions>;
 /**
  * Webkit has a bug where the relatedTarget of a focus event is null for buttons. In

package/dist/types/src/components/carousel/nav-chevrons.d.ts

@@ -272,6 +272,7 @@ export declare const SideNavButton: import("styled-components").IStyledComponent
     theme?: TTheme | undefined;
     disabled?: boolean | undefined;
     pseudoFocus?: boolean | undefined;
+    clickableStyling?: keyof typeof import("../button").clickableStyle | undefined;
     outlineOffset?: number | undefined;
     outlineColor?: string | undefined;
     outlineWidth?: number | undefined;

package/dist/types/src/components/categories-view/active-category.d.ts

@@ -0,0 +1,9 @@
+import { TCategory } from '../../lib/types/search';
+import { ComponentProps } from 'react';
+import CategoryResultList from './category-result-list';
+type TActiveCategoryProps = ComponentProps<typeof CategoryResultList> & {
+    category: TCategory;
+    onBackClick?: () => void;
+};
+declare const ActiveCategory: React.FC<TActiveCategoryProps>;
+export default ActiveCategory;

package/dist/types/src/components/categories-view/categories-view.stories.d.ts

@@ -0,0 +1,4 @@
+import { Story } from '@ladle/react';
+export declare const Item: Story;
+export declare const Content: Story;
+export declare const Default: Story;

package/dist/types/src/components/categories-view/categories.d.ts

@@ -0,0 +1,10 @@
+import { TCategory } from '../../lib/types/search';
+type TCategoriesProps = {
+    categories: TCategory[];
+    activeCategoryId?: string;
+    onCategoryClick?: (categoryId: string) => void;
+    onResultClick?: (ids: string[]) => void;
+    onBackClick?: () => void;
+};
+declare const Categories: import("react").ForwardRefExoticComponent<TCategoriesProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Categories;

package/dist/types/src/components/categories-view/category-item.d.ts

@@ -0,0 +1,15 @@
+import CategoryIcon from '../category-icon';
+import { ComponentProps } from 'react';
+type TCategoryItemProps = {
+    name: string;
+    className?: string;
+    icon?: ComponentProps<typeof CategoryIcon>['icon'];
+    onClick?: () => void;
+    textStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
+    pseudoFocus?: boolean;
+    tabIndex?: number;
+    left?: React.ReactNode;
+};
+declare const CategoryItem: import("react").ForwardRefExoticComponent<TCategoryItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export default CategoryItem;

package/dist/types/src/components/categories-view/category-result-list.d.ts

@@ -0,0 +1,9 @@
+import { TCategory } from '../../lib/types/search';
+type TListItem = TCategory['results'][number] | TCategory;
+type TCategoryResultListProps = {
+    results: TListItem[];
+    onCategoryClick?: (categoryId: string) => void;
+    onResultClick?: (ids: string[]) => void;
+};
+declare const CategoryResultList: React.FC<TCategoryResultListProps>;
+export default CategoryResultList;

package/dist/types/src/components/categories-view/index.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import Categories from './categories';
+type TCategoriesViewProps = {
+    visible: boolean;
+} & ComponentProps<typeof Categories>;
+declare const CategoriesView: React.FC<TCategoriesViewProps>;
+export default CategoriesView;

package/dist/types/src/components/categories-view/utils.d.ts

@@ -0,0 +1,13 @@
+import { TCategory } from '../../lib/types/search';
+export declare const CATEGORY_CARD_TOP_BOTTOM_PADDING = 8;
+export declare const CATEGORY_ITEM_HEIGHT = 40;
+export declare const MAX_CATEGORIES_DESKTOP: 6.5;
+export declare const MAX_CATEGORIES_MOBILE: 4.5;
+export declare const useActiveCategory: (categories: TCategory[], activeCategoryId: string | undefined) => {
+    activeCategory: TCategory | undefined;
+    rootCategories: TCategory[];
+    results: ({
+        label: string;
+        ids: string[];
+    } | TCategory)[];
+};

package/dist/types/src/components/categories-view/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/category-icon/category-icon.stories.d.ts

@@ -0,0 +1,2 @@
+import { Story } from '@ladle/react';
+export declare const Default: Story;

package/dist/types/src/components/category-icon/index.d.ts

@@ -0,0 +1,8 @@
+type TCategoryIconProps = {
+    className?: string;
+    icon?: string | React.ReactElement;
+    size?: number;
+    style?: React.CSSProperties;
+};
+declare const CategoryIcon: React.FC<TCategoryIconProps>;
+export default CategoryIcon;

package/dist/types/src/components/common/fullscreen-overlay.d.ts

@@ -13,7 +13,6 @@ export declare const FullscreenOverlay: import("styled-components").IStyledCompo
     children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
     nonce?: string | undefined | undefined;
     tabIndex?: number | undefined | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -194,6 +193,7 @@ export declare const FullscreenOverlay: import("styled-components").IStyledCompo
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;

package/dist/types/src/components/directions/warning-text.d.ts

@@ -14,7 +14,6 @@ declare const WarningText: import("styled-components").IStyledComponent<"web", i
     children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
     nonce?: string | undefined | undefined;
     tabIndex?: number | undefined | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -195,6 +194,7 @@ declare const WarningText: import("styled-components").IStyledComponent<"web", i
     onWaitingCapture?: import("react").ReactEventHandler<HTMLParagraphElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLParagraphElement> | undefined;

package/dist/types/src/components/legacy-metadata-card/card.d.ts

@@ -1,6 +1,7 @@
 import React, { ComponentProps } from 'react';
 import { TOnClickOrPressPayload } from '../button';
 import DetailsSection from './details-section';
+export declare const METADATA_CARD_WIDTH_DESKTOP = 320;
 export type TMetadataCardProps = {
     name: ComponentProps<typeof DetailsSection>['name'];
     description?: ComponentProps<typeof DetailsSection>['description'];

package/dist/types/src/components/search-results/search-result.d.ts

@@ -1,6 +1,6 @@
 import { TSearchResult } from '../../lib/types/search';
 import { TTheme } from '../../lib/types/theme';
-export declare const SEARCH_RESULT_MAX_WIDTH_DESKTOP: 320;
+export declare const SEARCH_RESULT_MAX_WIDTH_DESKTOP = 320;
 export declare const SEARCH_RESULT_HEIGHT: 38;
 export declare const SEARCH_RESULT_HEIGHT_WITH_MATCH_DETAILS: 48;
 export declare const ResultWrapper: import("styled-components").IStyledComponent<"web", {
@@ -276,6 +276,7 @@ export declare const ResultWrapper: import("styled-components").IStyledComponent
     theme?: TTheme | undefined;
     disabled?: boolean | undefined;
     pseudoFocus?: boolean | undefined;
+    clickableStyling?: keyof typeof import("../button").clickableStyle | undefined;
     outlineOffset?: number | undefined;
     outlineColor?: string | undefined;
     outlineWidth?: number | undefined;

package/dist/types/src/components/toast/index.d.ts

@@ -1,7 +1,13 @@
 import { TToast } from './utils';
-export declare const ToastContainer: React.FC;
+type TToastContainerProps = {
+    style?: React.CSSProperties;
+};
+export declare const ToastContainer: React.FC<TToastContainerProps>;
 /**
  * Render a toast on the page.
  */
-declare const toast: (content: TToast["content"], options?: Partial<Omit<TToast, "id" | "content">>) => void;
+declare const toast: {
+    (content: TToast["content"], options?: Partial<Omit<TToast, "id" | "content">>): string;
+    hide(id: string): void;
+};
 export default toast;

package/dist/types/src/components/toast/utils.d.ts

@@ -10,10 +10,12 @@ export type TToast = TBaseToast & {
     content: string | TCustomToastFn;
 };
 export declare enum E_TOAST_EVENT {
-    SHOW = "SHOW"
+    SHOW = "SHOW",
+    HIDE = "HIDE"
 }
 type TToastEventPayload = {
     [E_TOAST_EVENT.SHOW]: TToast;
+    [E_TOAST_EVENT.HIDE]: string;
 };
 /**
  * A singleton event bus for toast events.

package/dist/types/src/components/with-content/index.d.ts

@@ -13,7 +13,6 @@ declare const Wrapper: import("styled-components").IStyledComponent<"web", {
     children?: import("react").ReactNode | Iterable<import("react").ReactNode>;
     nonce?: string | undefined | undefined;
     tabIndex?: number | undefined | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -194,6 +193,7 @@ declare const Wrapper: import("styled-components").IStyledComponent<"web", {
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;

package/dist/types/src/lib/hooks/use-max-size-list.d.ts

@@ -0,0 +1,18 @@
+import { VariableSizeList } from 'react-window';
+type TUseMaxHeightListProps<T> = {
+    maxSize: number;
+    itemSize: number | ((index: number) => number);
+    items: T[];
+    ref?: React.RefObject<VariableSizeList>;
+};
+/**
+ * Returns some props that can be used with a react-window list to have the list grow naturally
+ * until a max size is reached. Optionally, a VariableSizeList ref can be provided to reset the
+ * list cache when the items change.
+ */
+declare const useMaxSizeList: <T>({ maxSize, itemSize, items, ref }: TUseMaxHeightListProps<T>) => {
+    size: number;
+    totalSize: number;
+    itemSize: number[];
+};
+export default useMaxSizeList;

package/dist/types/src/lib/hooks/use-max-size-list.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/lib/time/opening-hours.d.ts

@@ -0,0 +1,72 @@
+import Time from './time';
+import { TOpeningHours } from './types';
+/**
+ * Class with a time and day of the week.
+ */
+declare class TimeOfWeek {
+    #private;
+    constructor(time: Time, day: number);
+    get day(): number;
+    get time(): Time;
+    toLocaleString(locale: string, options?: Partial<{
+        includeDay: boolean;
+    }>): string;
+}
+/**
+ * A set of opening hours for a location defined in local time within a specific timezone.
+ */
+declare class OpeningHours {
+    #private;
+    /**
+     * Create a new OpeningHours object.
+     */
+    constructor(openingHours: TOpeningHours, tz: string);
+    /**
+     * Return a {@link Time} object in the store's timezone. Defaults to the current date.
+     */
+    getTime(date?: Date): Time;
+    /**
+     * Return a day of the week as a number in the store's timezone. Defaults to the current date.
+     */
+    getDay(date?: Date): number;
+    /**
+     * Return an array of localized, formatted string representations of the opening hours for each
+     * day of the week. The first entry in the array is the provided date's opening hours. If no
+     * date is provided, the current date is used.
+     */
+    toLocaleStrings(locale: string, date?: Date): (readonly [string, string])[];
+    /**
+     * Return true if the opening hours are open 24/7.
+     */
+    isOpen247(): boolean;
+    /**
+     * Return true if the opening hours are always closed.
+     */
+    isClosed247(): boolean;
+    /**
+     * Returns true if a given {@link Date} is within the opening hours. Defaults to checking the
+     * current date.
+     */
+    isOpen(date?: Date): boolean;
+    /**
+     * Return true if a given {@link Date} is within 1 hour of the opening hours. Returns false if
+     * the store is already open. Defaults to checking the current date.
+     */
+    isOpeningSoon(date?: Date): boolean;
+    /**
+     * Return true if a given {@link Date} is within 1 hour of the closing hours. Returns false if
+     * the store is already closed. Defaults to checking the current date.
+     */
+    isClosingSoon(date?: Date): boolean;
+    /**
+     * Returns the next time the store will open from a given date. Defaults to checking the current
+     * date.
+     */
+    opensAt(date?: Date): TimeOfWeek | null;
+    /**
+     * Returns the next time the store will close from a given date. Defaults to checking the current
+     * date.
+     */
+    closesAt(date?: Date): TimeOfWeek | null;
+}
+export default OpeningHours;

package/dist/types/src/lib/time/opening-hours.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/lib/time/time.d.ts

@@ -0,0 +1,64 @@
+/**
+ * A time in minutes and hours, without a date.
+ */
+declare class Time {
+    #private;
+    /**
+     * Create a new Time object. If no arguments are provided, the current time is used.
+     * If a Date is provided, the time is set to the time of the provided date. If two
+     * numbers are provided, the time is set to the given hours and minutes.
+     */
+    constructor();
+    constructor(date: Date);
+    constructor(hour: number, minute: number);
+    /**
+     * Get the hours of this time.
+     */
+    get hours(): number;
+    /**
+     * Get the minutes of this time.
+     */
+    get minutes(): number;
+    /**
+     * Returns true if this time is midnight. This can be either 00:00 or 24:00.
+     */
+    isMidnight(): boolean;
+    /**
+     * Returns true if this time is noon.
+     */
+    isNoon(): boolean;
+    /**
+     * Returns true if this time is equal to another time. 00:00 and 24:00 are considered
+     * to be equal.
+     */
+    isEqual(other: Time): boolean;
+    /**
+     * Returns true if this time is later than another time, assuming the times are on the
+     * same day. 00:00 is considered to be earlier than any other time; 24:00 is considered
+     * to be later than any other time.
+     */
+    isLaterThan(other: Time): boolean;
+    /**
+     * Returns true if this time is later than or equal to another time. Unlike {@link isLaterThan},
+     * 00:00 is considered to be equal to 24:00.
+     */
+    isLaterThanOrEqual(other: Time): boolean;
+    /**
+     * Returns true if the given time is between the start and end time, inclusive.
+     *
+     * Assumes the start time is on the same day. If the end time is earlier than the start time,
+     * it is assumed to be on the next day. If the start time is equal to the end time, it is
+     * assumed to include the entire day and this function will always return true.
+     */
+    isBetween(start: Time, end: Time): boolean;
+    /**
+     * Return the number of minutes forward in time required to reach another time. If the
+     * other time is earlier than this time, it is assumed to be on the next day.
+     */
+    minutesTo(other: Time): number;
+    /**
+     * Return a localized, formatted string representation of the time.
+     */
+    toLocaleString(locale?: string, options?: Intl.DateTimeFormatOptions): string;
+}
+export default Time;

package/dist/types/src/lib/time/time.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/lib/time/types.d.ts

@@ -0,0 +1,33 @@
+/**
+ * An array representing a time range in hours and minutes. If the second time is earlier
+ * than the first time, it is assumed to be on the next day.
+ */
+export type TTimeRange = [number, number, number, number];
+/**
+ * Opening hours for a single day. For a store with hours, it is either a {@link TTimeRange}
+ * or a pair of {@link TTimeRange}s, or null if the store is closed for the day. The second
+ * time range, if specified, must begin after the first time range ends. Otherwise, the meaning
+ * is undefined.
+ */
+export type TSingleDayOpeningHours = [TTimeRange] | [TTimeRange, TTimeRange] | null;
+/**
+ * A collection of {@link TSingleDayOpeningHours} for Sunday to Saturday.
+ */
+export type TRegularOpeningHours = [
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours,
+    TSingleDayOpeningHours
+];
+/**
+ * A collection of {@link TSingleDayOpeningHours} for every day of the week and for
+ * holidays. The first entry is for Sunday, the second for Monday, etc. The last entry
+ * is for holidays.
+ */
+export type TOpeningHours = TRegularOpeningHours | [
+    ...TRegularOpeningHours,
+    TSingleDayOpeningHours
+];

package/dist/types/src/lib/time/utils.d.ts

@@ -0,0 +1,34 @@
+import Time from './time';
+import { TSingleDayOpeningHours, TTimeRange } from './types';
+/**
+ * Returns true if the given locale uses a 24-hour time format.
+ */
+export declare const is24HourTime: (locale: string) => boolean;
+/**
+ * Convert the name of a day of the week to a number between 0 and 6. Returns -1 if the day is not
+ * valid.
+ */
+export declare const dayOfWeekNum: (day: string) => number;
+/**
+ * Get the current timezone of the client.
+ */
+export declare const getTZ: () => string;
+/**
+ * Given a timezone and a date, return the hours, minutes, and day of week in that timezone.
+ * Day of week is 0-6, where 0 is Sunday. If no timezone is specified, uses the client's local
+ * timezone. If no date is specified, uses the current date.
+ */
+export declare const getTimePartsAtTZ: (tz: string, date: Date) => {
+    hours: number;
+    minutes: number;
+    dayOfWeek: number;
+};
+/**
+ * Given a single day's opening hours, return the start and end times. If the opening
+ * hours are a pair of time ranges, return the start and end times for both ranges.
+ * Returns null if the store is closed for the day.
+ */
+export declare function singleDayOpeningHoursTimes(hours: null): null;
+export declare function singleDayOpeningHoursTimes(hours: [TTimeRange]): [Time, Time];
+export declare function singleDayOpeningHoursTimes(hours: [TTimeRange, TTimeRange]): [Time, Time, Time, Time];
+export declare function singleDayOpeningHoursTimes(hours: TSingleDayOpeningHours): [Time, Time] | [Time, Time, Time, Time] | null;

package/dist/types/src/lib/time/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/lib/types/search.d.ts

@@ -16,6 +16,8 @@ export type TSearchResult = {
 export type TCategory = {
     id: string;
     name: string;
+    icon?: string;
+    parent?: string;
     results: {
         label: string;
         ids: string[];

package/dist/types/src/lib/utils/language-utils.d.ts

@@ -0,0 +1 @@
+export declare const getLocale: (locale?: string) => string;

package/dist/types/src/stores/feature-flag-store/index.d.ts

@@ -14,7 +14,8 @@ export declare enum E_FEATURE_FLAGS {
     WINTER_MODE = "winter-mode",
     AUTH_URL = "auth-url",
     MULTI_FLOOR_VIEW = "multi-floor-view",
-    SAFETY_MODE = "safety-mode"
+    SAFETY_MODE = "safety-mode",
+    SIMILAR_PLACES_TOAST = "similar-places-toast"
 }
 type TFeatureFlagPayloads = {
     [E_FEATURE_FLAGS.MAKER_POP_UP]: boolean;
@@ -24,6 +25,7 @@ type TFeatureFlagPayloads = {
     [E_FEATURE_FLAGS.AUTH_URL]: string[];
     [E_FEATURE_FLAGS.MULTI_FLOOR_VIEW]: boolean;
     [E_FEATURE_FLAGS.SAFETY_MODE]: boolean;
+    [E_FEATURE_FLAGS.SIMILAR_PLACES_TOAST]: boolean;
 };
 type TFeatureFlag<Key extends E_FEATURE_FLAGS> = {
     /**

package/dist/types/src/stores/root-store/index.d.ts

@@ -107,7 +107,7 @@ declare class RootStore {
     get initialPitch(): number | undefined;
     get initialBearing(): number | undefined;
     get exteriorDoors(): {
-        "__#17@#private": any;
+        "__#15@#private": any;
         readonly __type: "door";
         readonly name: string;
         readonly externalId: string;
@@ -115,6 +115,13 @@ declare class RootStore {
         readonly floor: Floor;
         readonly center: Coordinate;
         readonly isExterior: boolean;
+        readonly geoJSON: {
+            properties: null;
+            type: import("@mappedin/mvf").FeatureType;
+            geometry: import("@mappedin/mvf").LineString;
+        };
+        readonly focusTarget: Coordinate;
+        readonly anchorTarget: Coordinate;
         toJSON(): {
             id: string;
             name: string;
@@ -128,7 +135,7 @@ declare class RootStore {
         destroy(): void;
         readonly id: string;
         links: {
-            "__#24@#private": any;
+            "__#22@#private": any;
             readonly url: string;
             readonly name: string | undefined;
             toJSON(): {
@@ -140,7 +147,7 @@ declare class RootStore {
             readonly id: string;
         }[];
         images: {
-            "__#25@#private": any;
+            "__#23@#private": any;
             readonly url: string | undefined;
             readonly name: string | undefined;
             readonly altText: string | undefined;
@@ -163,6 +170,7 @@ declare class RootStore {
     get selectedMVFFeatures(): Feature<MVFGeometry, {
         id: string;
     }>[] | undefined;
+    get similarPlaces(): Place[] | undefined;
     get departures(): Place[] | undefined;
     get placeIdsWithImageLabels(): Set<string>;
     get youAreHere(): Coordinate | undefined;

package/dist/types/src/stores/ui-store/index.d.ts

@@ -13,6 +13,9 @@ declare class UIStore {
     private makerPopUpDismissed;
     private searchBarFocusTimeout?;
     private themeBase;
+    reactiveToasts: {
+        cleanup: () => void;
+    }[];
     searchQuery: string;
     departureSearchQuery: string;
     droppedPinNotificationVisible: boolean;

package/dist/types/src/stores/ui-store/reactive-toasts/similar-places-toast.d.ts

@@ -0,0 +1,13 @@
+import type RootStore from '../../root-store';
+declare class SimilarPlacesToast {
+    rootStore: RootStore;
+    private toastId;
+    private reactionDisposers;
+    constructor(rootStore: RootStore);
+    private onClick;
+    private show;
+    private hide;
+    private update;
+    cleanup(): void;
+}
+export default SimilarPlacesToast;

package/dist/types/src/stores/ui-store/reactive-toasts/similar-places-toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/test-utils/test-suite.d.ts

@@ -0,0 +1,18 @@
+/**
+ * A set of given and expected values for testing.
+ */
+export type TTestCondition<Given, Expected> = readonly [Given, Expected];
+/**
+ * A test case with a name and a {@link TTestCondition}s.
+ */
+export type TTestCase<Given, Expected> = [string, readonly TTestCondition<Given, Expected>[]];
+/**
+ * A suite of {@link TTestCase}s.
+ */
+export type TTestSuite<Given, Expected> = readonly TTestCase<Given, Expected>[];
+/**
+ * Run a callback with tests for each {@link TTestCase} in a {@link TTestSuite}. This is useful for
+ * running many tests with the same exact format, where the input and output can be easily abstracted.
+ */
+declare const testSuite: <Given, Expected>(name: string, config: TTestSuite<Given, Expected>, cb: (language: string, value: TTestCondition<Given, Expected>) => void) => void;
+export default testSuite;