@seatmap.pro/renderer 0.0.4 → 0.0.6

package/lib/index.d.ts

@@ -1,170 +1,415 @@
 import KDBush from 'kdbush';
 import { Machine, Service } from 'robot3';
 
-interface IPoint {
-    readonly x: number;
-    readonly y: number;
-}
-
-interface IPrice {
-    id: IPriceId;
-    name: string;
-}
-interface IColoredPrice extends IPrice {
-    color: string;
-}
-
 /**
- * @hidden
+ * Base interface for seat properties.
  */
-interface IRendererMachineContext {
-    mode?: string;
-    scale: number;
-    isEagleView: boolean;
-    events: DestEvent[];
-    hovered?: {
-        targetType: RendererTargetType;
-        id: number;
-    };
+interface IBaseSeat {
+    /**
+     * The unique identifier of the seat.
+     */
+    id: number;
+    /**
+     * The ID of the row this seat belongs to.
+     */
+    rowId: number;
+    /**
+     * The ID of the sector this seat belongs to.
+     */
+    sectorId: number;
+    /**
+     * The X coordinate of the seat within its section.
+     */
+    x: number;
+    /**
+     * The Y coordinate of the seat within its section.
+     */
+    y: number;
+    /**
+     * The name or number of the seat.
+     */
+    name: string;
+    /**
+     * Whether the seat is accessible for people with disabilities.
+     */
+    isAccessible?: boolean;
+    /**
+     * Whether the seat is marked with a special status.
+     */
+    isMarked?: boolean;
 }
 /**
- * @hidden
- */
-type RendererMachineReducer<T> = (ctx: IRendererMachineContext, src: T) => IRendererMachineContext;
-/**
- * @hidden
+ * Base interface for sector properties.
  */
-type RendererMachine = Machine<any, IRendererMachineContext, any>;
+interface IBaseSector {
+    /**
+     * The unique identifier of the sector.
+     */
+    id: number;
+    /**
+     * The globally unique identifier for the sector.
+     */
+    guid?: string;
+    /**
+     * Whether this is a general admission (GA) sector.
+     */
+    isGa: boolean;
+    /**
+     * The name of the sector.
+     */
+    name: string;
+    /**
+     * The rotation angle of the sector in degrees.
+     */
+    angle?: number | null;
+    /**
+     * The type of the sector.
+     */
+    type?: string | null;
+    /**
+     * Whether the sector is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the sector is filtered out by current filter criteria.
+     */
+    filtered?: boolean;
+    /**
+     * Whether the sector is currently selected.
+     */
+    selected?: boolean;
+}
 /**
+ * Interface representing the schema data transfer object from the API.
  * @hidden
  */
-type RendererMachineService = Service<RendererMachine>;
+interface ISchemaDTO {
+    plainSeats?: IPlainSeatsDTO;
+    seats: ISeatDTO[];
+    rows: IRowDTO[];
+    sectors: ISectorDTO[];
+    background: ISVGBackgroundDTO;
+    requestTime?: number;
+    responseSize?: number;
+    configuration?: IConfigurationDTO;
+}
 /**
+ * Interface representing the venue data transfer object from the API.
  * @hidden
  */
-declare enum RendererTargetType {
-    SEAT = "seat",
-    SECTION = "section"
+interface IVenueDTO {
+    guid: string;
+    name: string;
+    gaCapacity?: number;
+    seatsCapacity?: number;
+    seatmap: ISchemaDTO;
+    schema: ISchemaDTO;
 }
 /**
+ * Interface representing the plain seats data transfer object from the API.
  * @hidden
  */
-declare enum RendererSelectMode {
-    REPLACE = "replace",
-    ADD = "add",
-    SUBTRACT = "subtract"
+interface IPlainSeatsDTO {
+    ids: number[];
+    x: number[];
+    y: number[];
+    rowIds: [];
+    sectorIds: [];
+    names: string[];
 }
 /**
- * Source events
+ * Interface representing the base seat data transfer object from the API.
+ * Contains the core properties of a seat as received from the backend.
+ * @hidden
  */
+type ISeatDTO = IBaseSeat;
 /**
+ * Interface representing a row in the venue.
  * @hidden
  */
-declare enum SrcEventType {
-    DRAG_START = "srcDragStart",
-    DRAG_MOVE = "srcDragMove",
-    DRAG_END = "srcDragEnd",
-    CLICK = "srcClick",
-    MOUSE_MOVE = "srcMouseMove"
+interface IRowDTO {
+    id: number;
+    rowNumber: number;
+    sectorId: number;
+    name: string;
+    seatName: string;
 }
 /**
+ * Interface representing the base sector data transfer object from the API.
+ * Contains the core properties of a sector as received from the backend.
  * @hidden
  */
-type SrcEvent = IDragStartSrcEvent | IDragMoveSrcEvent | IDragEndSrcEvent | IClickSrcEvent | IMouseMoveSrcEvent;
+type ISectorDTO = IBaseSector;
 /**
+ * Interface representing the SVG background data transfer object from the API.
  * @hidden
  */
-interface IDragSrcEvent<T> {
-    type: T;
-    origin: {
-        x: number;
-        y: number;
-    };
-    delta: {
+interface ISVGBackgroundDTO {
+    svg: string;
+    viewBox: {
         x: number;
         y: number;
+        width: number;
+        height: number;
     };
-    shiftKey?: boolean;
-    altKey?: boolean;
+    svgLink?: string;
+    images?: IPngBackgroundDTO;
 }
 /**
+ * Interface representing the configuration data transfer object from the API.
  * @hidden
  */
-interface IDragStartSrcEvent extends IDragSrcEvent<SrcEventType.DRAG_START> {
+interface IConfigurationDTO {
+    accessible: number[];
+    marked: number[];
+    eventName?: string;
 }
 /**
- * @hidden
+ * Interface representing a special price option for seats, sections, or sectors.
+ * Contains information about a named price point with its identifier.
  */
-interface IDragMoveSrcEvent extends IDragSrcEvent<SrcEventType.DRAG_MOVE> {
+interface ISpecialPrice {
+    /**
+     * The name or label of the special price option.
+     */
+    name: string;
+    /**
+     * The unique identifier for this price option.
+     */
+    priceId: number;
 }
 /**
- * @hidden
+ * Interface representing special state information for seats, sections, or sectors.
+ * Contains additional properties that affect rendering or behavior.
  */
-interface IDragEndSrcEvent extends IDragSrcEvent<SrcEventType.DRAG_END> {
+interface ISpecialState {
+    /**
+     * Special state flag 1, used for custom state indicators.
+     */
+    s1?: number;
+    /**
+     * Array of special prices associated with this item.
+     */
+    prices?: ISpecialPrice[];
+    /**
+     * Category identifier for grouping items with similar special states.
+     */
+    category?: number;
 }
 /**
+ * Interface representing a price list data transfer object from the API.
  * @hidden
  */
-interface IClickSrcEvent {
-    type: SrcEventType.CLICK;
-    target: HTMLElement;
-    point: {
-        x: number;
-        y: number;
-    };
-    section?: ISection;
-    seat?: ISeat;
-    shiftKey?: boolean;
-    altKey?: boolean;
+interface IPriceListDTO {
+    seats: [number, IPriceId, ISpecialState?][];
+    groupOfSeats: [number, number, number, ISpecialState?][];
+    prices: IPriceDTO[];
+    requestTime?: number;
+    responseSize?: number;
 }
 /**
+ * Interface representing a price data transfer object from the API.
  * @hidden
  */
-interface IMouseMoveSrcEvent {
-    type: SrcEventType.MOUSE_MOVE;
-    target: HTMLElement;
-    section?: ISection;
-    seat?: ISeat;
+interface IPriceDTO {
+    id: IPriceId;
+    name: string;
 }
 /**
- * Output events
- */
-/**
+ * Type representing blurred image data.
  * @hidden
  */
-declare enum DestEventType {
-    PAN = "destPan",
-    RECT_SELECT = "destRectSelect",
-    DESELECT = "destDeselect",
-    PAN_ZOOM = "destPanZoom",
-    SEAT_SELECT = "destSeatSelect",
-    SEAT_CART_SWITCH = "destSeatCartSwitch",
-    SECTION_CLICK = "destSectionClick",
-    SEAT_MOUSE_ENTER = "destSeatMouseEnter",
-    SECTION_MOUSE_ENTER = "destSectionMouseEnter",
-    SEAT_MOUSE_LEAVE = "destSeatMouseLeave",
-    SECTION_MOUSE_LEAVE = "destSectionMouseLeave"
-}
+type IBlurred = {
+    data: string;
+    shrink_factor: number;
+    size: number;
+    status: string;
+};
 /**
+ * Type representing a PNG image loaded from a URL.
  * @hidden
  */
-type DestEvent = IPanDestEvent | IRectSelectDestEvent | IPanZoomDestEvent | IDeselectDestEvent | ISeatSelectDestEvent | ISeatCartSwitchDestEvent | ISectionClickDestEvent | ISeatMouseEnterDestEvent | ISectionMouseEnterDestEvent | ISeatMouseLeaveDestEvent | ISectionMouseLeaveDestEvent;
+type IPngFromUrl = {
+    height: number;
+    size: number;
+    width: number;
+    path: string;
+    status: string;
+};
 /**
+ * Interface representing PNG background images in different resolutions.
  * @hidden
  */
-interface IPanDestEvent {
-    type: DestEventType.PAN;
-    isStart?: boolean;
-    isFinish?: boolean;
-    delta: {
-        x: number;
-        y: number;
-    };
+interface IPngBackgroundDTO {
+    blurred: IBlurred;
+    preview: IPngFromUrl;
+    full: IPngFromUrl;
 }
+
 /**
+ * Settings for the BookingApiClient.
  * @hidden
  */
-interface IRectSelectDestEvent {
+interface IBookingApiClientSettings {
+    baseUrl: string;
+    publicKey: string;
+}
+/**
+ * Metrics for API requests.
+ * @hidden
+ */
+interface RequestMetrics {
+    data?: string;
+    requestTime: number;
+    responseSize: number;
+}
+/**
+ * API client for fetching schema and price data from the booking API.
+ * @hidden
+ */
+declare class BookingApiClient {
+    private settings;
+    constructor(settings: IBookingApiClientSettings);
+    /**
+     * Returns schema data
+     * @param schemaId Schema ID
+     */
+    fetchSchema(schemaId: number): Promise<ISchemaDTO>;
+    /**
+     * Returns schema data
+     * @param venueId Venue GUID
+     */
+    fetchSchemaForVenue(venueId: string): Promise<Omit<IVenueDTO, 'seatmap'>>;
+    /**
+     * Returns schema data
+     * @param eventId Event GUID
+     */
+    fetchSchemaForEvent(eventId: string): Promise<ISchemaDTO>;
+    private unpackSchemaDTO;
+    /**
+     * Return prices information
+     * @param eventId Event GUID
+     */
+    fetchPricesForEvent(eventId: string): Promise<IPriceListDTO>;
+    /**
+     * Return rows SVG information
+     * @param eventId Event GUID
+     */
+    fetchRowsSvgForEvent(eventId: string): Promise<RequestMetrics>;
+    /**
+     * Makes request to booking API
+     * @param url Relative API endpoint URL, e.g. 'event/prices/?id=XXX'
+     */
+    request<T>(url: string): Promise<T>;
+    /**
+     * Makes request to booking API
+     * @param url Relative API endpoint URL, e.g. 'event/prices/?id=XXX'
+     */
+    requestPlain<T extends RequestMetrics>(url: string): Promise<any>;
+    private restoreSeats;
+    private restoreIds;
+}
+
+interface IPoint {
+    readonly x: number;
+    readonly y: number;
+}
+/**
+ * @hidden
+ */
+declare const addPoints: (a: IPoint, b: IPoint) => IPoint;
+/**
+ * @hidden
+ */
+declare const subPoints: (a: IPoint, b: IPoint) => IPoint;
+
+interface IPrice {
+    id: IPriceId;
+    name: string;
+}
+interface IColoredPrice extends IPrice {
+    color: string;
+}
+/**
+ * @hidden
+ */
+type ColorSequenceSettings = string[][];
+
+/**
+ * @hidden
+ */
+interface IRendererMachineContext {
+    mode?: string;
+    scale: number;
+    isEagleView: boolean;
+    events: DestEvent[];
+    hovered?: {
+        targetType: RendererTargetType;
+        id: number;
+    };
+}
+/**
+ * @hidden
+ */
+type RendererMachine = Machine<any, IRendererMachineContext, any>;
+/**
+ * @hidden
+ */
+type RendererMachineService = Service<RendererMachine>;
+/**
+ * @hidden
+ */
+declare enum RendererTargetType {
+    SEAT = "seat",
+    SECTION = "section"
+}
+/**
+ * @hidden
+ */
+declare enum RendererSelectMode {
+    REPLACE = "replace",
+    ADD = "add",
+    SUBTRACT = "subtract"
+}
+/**
+ * Output events
+ */
+/**
+ * @hidden
+ */
+declare enum DestEventType {
+    PAN = "destPan",
+    RECT_SELECT = "destRectSelect",
+    DESELECT = "destDeselect",
+    PAN_ZOOM = "destPanZoom",
+    SEAT_SELECT = "destSeatSelect",
+    SEAT_CART_SWITCH = "destSeatCartSwitch",
+    SECTION_CLICK = "destSectionClick",
+    SEAT_MOUSE_ENTER = "destSeatMouseEnter",
+    SECTION_MOUSE_ENTER = "destSectionMouseEnter",
+    SEAT_MOUSE_LEAVE = "destSeatMouseLeave",
+    SECTION_MOUSE_LEAVE = "destSectionMouseLeave"
+}
+/**
+ * @hidden
+ */
+type DestEvent = IPanDestEvent | IRectSelectDestEvent | IPanZoomDestEvent | IDeselectDestEvent | ISeatSelectDestEvent | ISeatCartSwitchDestEvent | ISectionClickDestEvent | ISeatMouseEnterDestEvent | ISectionMouseEnterDestEvent | ISeatMouseLeaveDestEvent | ISectionMouseLeaveDestEvent;
+/**
+ * @hidden
+ */
+interface IPanDestEvent {
+    type: DestEventType.PAN;
+    isStart?: boolean;
+    isFinish?: boolean;
+    delta: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * @hidden
+ */
+interface IRectSelectDestEvent {
     type: DestEventType.RECT_SELECT;
     selectMode: RendererSelectMode;
     isStart?: boolean;
@@ -828,454 +1073,143 @@ interface IRendererSettings {
      *
      * @deprecated
      * Use onSectionClick instead
-     */
-    onSectorClick?: (section: ISection) => void;
-    /**
-     * Fires when the user clicks on a section.
-     *
-     * @remarks
-     *
-     * Section is passed as a param to the handler (see ISection).
-     */
-    onSectionClick?: (section: ISection) => void;
-    /**
-     * Fires before the zoom animation started.
-     */
-    onZoomStart?: (newZoom: number, oldZoom: number) => void;
-    /**
-     * Fires after the zoom animation ended.
-     */
-    onZoomEnd?: (newZoom: number, oldZoom?: number) => void;
-    /**
-     * Fires when component full redrawing starts.
-     */
-    onRedrawStart?: () => void;
-    /**
-     * Fires when component full redrawing ends.
-     */
-    onRedrawEnd?: () => void;
-    /**
-     * Fires when schema data has been successfully loaded and processed.
-     *
-     * @remarks
-     *
-     * This event is triggered after the schema data is fully loaded and all internal
-     * processing is complete. It can be used to perform actions that depend on the
-     * schema being fully initialized.
-     */
-    onSchemaDataLoaded?: () => void;
-    /**
-     * Fires while panning.
-     */
-    onPan?: (delta: IPoint, isFinish?: boolean) => void;
-    /**
-     * Fires after seat selection was updated.
-     */
-    onSeatSelectionChange?: () => void;
-    /**
-     * Fires after seats selection was updated.
-     */
-    onSeatsSelectionChange?: (seats: ISeat[]) => void;
-    /**
-     * You can control seats' styling by returning custom style for each seat
-     */
-    onBeforeSeatDraw?: (event: IBeforeSeatDrawEvent) => ISeatStyle;
-    lockedSeatsFilter?: (seat: ISeat) => boolean;
-}
-/**
- * Represents the possible interaction states of a seat.
- * Used to determine how a seat should be rendered based on user interaction.
- */
-type SeatInteractionState = 'default' | 'hovered' | 'selected';
-/**
- * Interface for the event data passed to the onBeforeSeatDraw callback.
- * Contains information about the seat being drawn and its current state.
- */
-interface IBeforeSeatDrawEvent {
-    /**
-     * The seat being drawn.
-     */
-    seat: ISeat;
-    /**
-     * The current interaction state of the seat.
-     */
-    state: SeatInteractionState;
-    /**
-     * The default style that will be applied to the seat.
-     */
-    style: ISeatStyle;
-    /**
-     * The rendering context.
-     */
-    context: Context;
-}
-interface IRendererSeatStyleSettings {
-    default?: ISeatStyle;
-    unavailable?: ISeatStyle;
-    filtered?: ISeatStyle;
-    hovered?: ISeatStyle;
-    selected?: ISeatStyle;
-}
-interface ISeatStyle {
-    size: number;
-    color: string;
-    seatName?: {
-        font: string;
-        color: string;
-    };
-    stroke?: {
-        width: number;
-        color: string;
-        align: 'center' | 'inside' | 'outside';
-    };
-    imageId?: string;
-    shadow?: {
-        blur: number;
-        color: string;
-        x?: number;
-        y?: number;
-    };
-    accessible?: ISeatStyle;
-}
-interface IRendererSvgSectionStylesSetting {
-    default?: Pick<ISvgSectionStyle, 'sectionName' | 'stroke' | 'cursor'>;
-    unavailable?: ISvgSectionStyle;
-    filtered?: ISvgSectionStyle;
-    hovered?: ISvgSectionStyle;
-    selected?: ISvgSectionStyle;
-}
-interface ISvgSectionStyle {
-    sectionName?: {
-        color?: string;
-    };
-    bgColor?: string;
-    stroke?: {
-        color?: string;
-        opacity?: number;
-    };
-    cursor?: string;
-}
-interface IRendererTheme {
-    gridStep?: number;
-    bgColor?: string;
-    priceColors?: string[][];
-    colorCategories?: string[];
-    images?: {
-        [id: string]: string;
-    };
-    seatStyles?: IRendererSeatStyleSettings;
-    svgSectionStyles?: IRendererSvgSectionStylesSetting;
-}
-
-/**
- * Base interface for seat properties.
- */
-interface IBaseSeat {
-    /**
-     * The unique identifier of the seat.
-     */
-    id: number;
-    /**
-     * The ID of the row this seat belongs to.
-     */
-    rowId: number;
-    /**
-     * The ID of the sector this seat belongs to.
-     */
-    sectorId: number;
-    /**
-     * The X coordinate of the seat within its section.
-     */
-    x: number;
-    /**
-     * The Y coordinate of the seat within its section.
-     */
-    y: number;
-    /**
-     * The name or number of the seat.
-     */
-    name: string;
-    /**
-     * Whether the seat is accessible for people with disabilities.
-     */
-    isAccessible?: boolean;
-    /**
-     * Whether the seat is marked with a special status.
-     */
-    isMarked?: boolean;
-}
-/**
- * Base interface for sector properties.
- */
-interface IBaseSector {
-    /**
-     * The unique identifier of the sector.
-     */
-    id: number;
-    /**
-     * The globally unique identifier for the sector.
-     */
-    guid?: string;
-    /**
-     * Whether this is a general admission (GA) sector.
-     */
-    isGa: boolean;
-    /**
-     * The name of the sector.
-     */
-    name: string;
-    /**
-     * The rotation angle of the sector in degrees.
-     */
-    angle?: number | null;
-    /**
-     * The type of the sector.
-     */
-    type?: string | null;
-    /**
-     * Whether the sector is disabled and cannot be interacted with.
-     */
-    disabled?: boolean;
-    /**
-     * Whether the sector is filtered out by current filter criteria.
-     */
-    filtered?: boolean;
-    /**
-     * Whether the sector is currently selected.
-     */
-    selected?: boolean;
-}
-/**
- * Interface representing the schema data transfer object from the API.
- * @hidden
- */
-interface ISchemaDTO {
-    plainSeats?: IPlainSeatsDTO;
-    seats: ISeatDTO[];
-    rows: IRowDTO[];
-    sectors: ISectorDTO[];
-    background: ISVGBackgroundDTO;
-    requestTime?: number;
-    responseSize?: number;
-    configuration?: IConfigurationDTO;
-}
-/**
- * Interface representing the venue data transfer object from the API.
- * @hidden
- */
-interface IVenueDTO {
-    guid: string;
-    name: string;
-    gaCapacity?: number;
-    seatsCapacity?: number;
-    seatmap: ISchemaDTO;
-    schema: ISchemaDTO;
-}
-/**
- * Interface representing the plain seats data transfer object from the API.
- * @hidden
- */
-interface IPlainSeatsDTO {
-    ids: number[];
-    x: number[];
-    y: number[];
-    rowIds: [];
-    sectorIds: [];
-    names: string[];
-}
-/**
- * Interface representing the base seat data transfer object from the API.
- * Contains the core properties of a seat as received from the backend.
- * @hidden
- */
-interface ISeatDTO extends IBaseSeat {
-}
-/**
- * Interface representing a row in the venue.
- * @hidden
- */
-interface IRowDTO {
-    id: number;
-    rowNumber: number;
-    sectorId: number;
-    name: string;
-    seatName: string;
-}
-/**
- * Interface representing the base sector data transfer object from the API.
- * Contains the core properties of a sector as received from the backend.
- * @hidden
- */
-interface ISectorDTO extends IBaseSector {
-}
-/**
- * Interface representing the SVG background data transfer object from the API.
- * @hidden
- */
-interface ISVGBackgroundDTO {
-    svg: string;
-    viewBox: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    svgLink?: string;
-    images?: IPngBackgroundDTO;
-}
-/**
- * Interface representing the configuration data transfer object from the API.
- * @hidden
- */
-interface IConfigurationDTO {
-    accessible: number[];
-    marked: number[];
-    eventName?: string;
-}
-/**
- * Interface representing a special price option for seats, sections, or sectors.
- * Contains information about a named price point with its identifier.
- */
-interface ISpecialPrice {
+     */
+    onSectorClick?: (section: ISection) => void;
     /**
-     * The name or label of the special price option.
+     * Fires when the user clicks on a section.
+     *
+     * @remarks
+     *
+     * Section is passed as a param to the handler (see ISection).
      */
-    name: string;
+    onSectionClick?: (section: ISection) => void;
     /**
-     * The unique identifier for this price option.
+     * Fires before the zoom animation started.
      */
-    priceId: number;
-}
-/**
- * Interface representing special state information for seats, sections, or sectors.
- * Contains additional properties that affect rendering or behavior.
- */
-interface ISpecialState {
+    onZoomStart?: (newZoom: number, oldZoom: number) => void;
     /**
-     * Special state flag 1, used for custom state indicators.
+     * Fires after the zoom animation ended.
      */
-    s1?: number;
+    onZoomEnd?: (newZoom: number, oldZoom?: number) => void;
     /**
-     * Array of special prices associated with this item.
+     * Fires when component full redrawing starts.
      */
-    prices?: ISpecialPrice[];
+    onRedrawStart?: () => void;
     /**
-     * Category identifier for grouping items with similar special states.
+     * Fires when component full redrawing ends.
      */
-    category?: number;
-}
-/**
- * Interface representing a price list data transfer object from the API.
- * @hidden
- */
-interface IPriceListDTO {
-    seats: [number, IPriceId, ISpecialState?][];
-    groupOfSeats: [number, number, number, ISpecialState?][];
-    prices: IPriceDTO[];
-    requestTime?: number;
-    responseSize?: number;
-}
-/**
- * Interface representing a price data transfer object from the API.
- * @hidden
- */
-interface IPriceDTO {
-    id: IPriceId;
-    name: string;
-}
-/**
- * Type representing blurred image data.
- * @hidden
- */
-type IBlurred = {
-    data: string;
-    shrink_factor: number;
-    size: number;
-    status: string;
-};
-/**
- * Type representing a PNG image loaded from a URL.
- * @hidden
- */
-type IPngFromUrl = {
-    height: number;
-    size: number;
-    width: number;
-    path: string;
-    status: string;
-};
-/**
- * Interface representing PNG background images in different resolutions.
- * @hidden
- */
-interface IPngBackgroundDTO {
-    blurred: IBlurred;
-    preview: IPngFromUrl;
-    full: IPngFromUrl;
-}
-
-/**
- * Settings for the BookingApiClient.
- * @hidden
- */
-interface IBookingApiClientSettings {
-    baseUrl: string;
-    publicKey: string;
-}
-/**
- * Metrics for API requests.
- * @hidden
- */
-interface RequestMetrics {
-    data?: string;
-    requestTime: number;
-    responseSize: number;
-}
-/**
- * API client for fetching schema and price data from the booking API.
- * @hidden
- */
-declare class BookingApiClient {
-    private settings;
-    constructor(settings: IBookingApiClientSettings);
+    onRedrawEnd?: () => void;
     /**
-     * Returns schema data
-     * @param schemaId Schema ID
+     * Fires when schema data has been successfully loaded and processed.
+     *
+     * @remarks
+     *
+     * This event is triggered after the schema data is fully loaded and all internal
+     * processing is complete. It can be used to perform actions that depend on the
+     * schema being fully initialized.
      */
-    fetchSchema(schemaId: number): Promise<ISchemaDTO>;
+    onSchemaDataLoaded?: () => void;
     /**
-     * Returns schema data
-     * @param venueId Venue GUID
+     * Fires while panning.
      */
-    fetchSchemaForVenue(venueId: string): Promise<Omit<IVenueDTO, 'seatmap'>>;
+    onPan?: (delta: IPoint, isFinish?: boolean) => void;
     /**
-     * Returns schema data
-     * @param eventId Event GUID
+     * Fires after seat selection was updated.
      */
-    fetchSchemaForEvent(eventId: string): Promise<ISchemaDTO>;
-    private unpackSchemaDTO;
+    onSeatSelectionChange?: () => void;
     /**
-     * Return prices information
-     * @param eventId Event GUID
+     * Fires after seats selection was updated.
      */
-    fetchPricesForEvent(eventId: string): Promise<IPriceListDTO>;
+    onSeatsSelectionChange?: (seats: ISeat[]) => void;
     /**
-     * Return rows SVG information
-     * @param eventId Event GUID
+     * You can control seats' styling by returning custom style for each seat
      */
-    fetchRowsSvgForEvent(eventId: string): Promise<RequestMetrics>;
+    onBeforeSeatDraw?: (event: IBeforeSeatDrawEvent) => ISeatStyle;
+    lockedSeatsFilter?: (seat: ISeat) => boolean;
+}
+/**
+ * Represents the possible interaction states of a seat.
+ * Used to determine how a seat should be rendered based on user interaction.
+ */
+type SeatInteractionState = 'default' | 'hovered' | 'selected';
+/**
+ * Interface for the event data passed to the onBeforeSeatDraw callback.
+ * Contains information about the seat being drawn and its current state.
+ */
+interface IBeforeSeatDrawEvent {
     /**
-     * Makes request to booking API
-     * @param url Relative API endpoint URL, e.g. 'event/prices/?id=XXX'
+     * The seat being drawn.
      */
-    request<T>(url: string): Promise<T>;
+    seat: ISeat;
     /**
-     * Makes request to booking API
-     * @param url Relative API endpoint URL, e.g. 'event/prices/?id=XXX'
+     * The current interaction state of the seat.
      */
-    requestPlain<T extends RequestMetrics>(url: string): Promise<any>;
-    private restoreSeats;
-    private restoreIds;
+    state: SeatInteractionState;
+    /**
+     * The default style that will be applied to the seat.
+     */
+    style: ISeatStyle;
+    /**
+     * The rendering context.
+     */
+    context: Context;
+}
+interface IRendererSeatStyleSettings {
+    default?: ISeatStyle;
+    unavailable?: ISeatStyle;
+    filtered?: ISeatStyle;
+    hovered?: ISeatStyle;
+    selected?: ISeatStyle;
+}
+interface ISeatStyle {
+    size: number;
+    color: string;
+    seatName?: {
+        font: string;
+        color: string;
+    };
+    stroke?: {
+        width: number;
+        color: string;
+        align: 'center' | 'inside' | 'outside';
+    };
+    imageId?: string;
+    shadow?: {
+        blur: number;
+        color: string;
+        x?: number;
+        y?: number;
+    };
+    accessible?: ISeatStyle;
+}
+interface IRendererSvgSectionStylesSetting {
+    default?: Pick<ISvgSectionStyle, 'sectionName' | 'stroke' | 'cursor'>;
+    unavailable?: ISvgSectionStyle;
+    filtered?: ISvgSectionStyle;
+    hovered?: ISvgSectionStyle;
+    selected?: ISvgSectionStyle;
+}
+interface ISvgSectionStyle {
+    sectionName?: {
+        color?: string;
+    };
+    bgColor?: string;
+    stroke?: {
+        color?: string;
+        opacity?: number;
+    };
+    cursor?: string;
+}
+interface IRendererTheme {
+    gridStep?: number;
+    bgColor?: string;
+    priceColors?: string[][];
+    colorCategories?: string[];
+    images?: {
+        [id: string]: string;
+    };
+    seatStyles?: IRendererSeatStyleSettings;
+    svgSectionStyles?: IRendererSvgSectionStylesSetting;
 }
 
 /**
@@ -1854,7 +1788,7 @@ declare class Renderer implements IRenderer {
      */
     getSeatSelection(): IExtendedSeat[];
     setSectionSelection(sections?: number[] | string[]): void;
-    getSvgSectionBySelection(): ISectorDTO[];
+    getSvgSectionBySelection(): IBaseSector[];
     disableSvgSectionsByIds(ids: number[], options?: {
         resetAll?: boolean;
     }): void;
@@ -1975,6 +1909,19 @@ interface IAdminRendererSettings extends IRendererSettings {
      */
     env?: string;
 }
+/**
+ * Interface for the Admin Renderer functionality.
+ * Extends the base renderer interface with admin-specific methods.
+ */
+interface IAdminRenderer extends IRenderer {
+    /**
+     * Loads an event by its ID.
+     *
+     * @param eventId - The ID of the event to load
+     * @returns A promise that resolves when the event is loaded
+     */
+    loadEvent: (eventId: string) => Promise<void>;
+}
 /**
  * Admin Renderer class for seatmap administration.
  * Extends the base Renderer with admin-specific functionality.
@@ -2121,6 +2068,49 @@ interface IBookingRendererSettings extends IRendererSettings {
      */
     backgroundLoadStepTime?: number;
 }
+/**
+ * Interface for the Booking Renderer functionality.
+ * Extends the base renderer interface with booking-specific methods.
+ *
+ * @hidden
+ */
+interface IBookingRenderer extends IRenderer {
+    /**
+     * Loads an event by its ID.
+     *
+     * @param eventId - The ID of the event to load
+     * @returns A promise that resolves when the event is loaded
+     */
+    loadEvent: (eventId: string) => Promise<void>;
+}
+/**
+ * Interface defining the view box properties for the booking renderer.
+ * Contains information about the current viewport dimensions and transformations.
+ *
+ * @hidden
+ */
+interface IViewBox {
+    /**
+     * The width of the view box in pixels.
+     */
+    readonly width: number;
+    /**
+     * The height of the view box in pixels.
+     */
+    readonly height: number;
+    /**
+     * The current scale factor of the view.
+     */
+    readonly scale: number;
+    /**
+     * The X translation of the view in pixels.
+     */
+    readonly translateX: number;
+    /**
+     * The Y translation of the view in pixels.
+     */
+    readonly translateY: number;
+}
 /**
  * Booking Renderer class for seatmap booking.
  * Extends the base Renderer with booking-specific functionality.
@@ -2205,4 +2195,4 @@ declare class SeatmapBookingRenderer extends Renderer {
 
 declare const mergeSettings: <TSettings extends IRendererSettings>(defaults: IRendererSettings, settings?: TSettings | undefined) => IRendererSettings & TSettings;
 
-export { BookingApiClient, type ById, type DestEvent, DestEventType, type IAdminRendererSettings, type IBaseSeat, type IBaseSector, type IBeforeSeatDrawEvent, type IBookingRendererSettings, type ICart, type ICartGa, type ICartSeat, type IClickSrcEvent, type IDragEndSrcEvent, type IDragMoveSrcEvent, type IDragStartSrcEvent, type IExtendedSeat, type IMouseMoveSrcEvent, type IPoint, type IPriceId, type IPriceListDTO, type IRemovedCartGa, type IRenderer, type IRendererMachineContext, type IRendererSeatStyleSettings, type IRendererSettings, type IRendererSvgSectionStylesSetting, type IRendererTheme, type IRowDTO, type ISchemaDTO, type ISeat, type ISeatDTO, type ISeatPriceScheme, type ISeatStyle, type ISection, type ISectionRect, type ISectionWithCoords, type ISector, type ISectorDTO, type ISpecialState, type ISvgSectionStyle, Renderer, type RendererMachine, type RendererMachineReducer, type RendererMachineService, RendererSelectMode, RendererTargetType, type SeatFilter, type SeatInteractionState, SeatmapAdminRenderer, SeatmapBookingRenderer, type SrcEvent, SrcEventType, type TransformArray, mergeSettings };
+export { BookingApiClient, type ById, type ColorSequenceSettings, type IAdminRenderer, type IAdminRendererSettings, type IBaseSeat, type IBaseSector, type IBeforeSeatDrawEvent, type IBookingRenderer, type IBookingRendererSettings, type ICart, type ICartGa, type ICartSeat, type IColoredPrice, type IConfigurationDTO, type IExtendedSeat, type IPlainSeatsDTO, type IPngBackgroundDTO, type IPoint, type IPrice, type IPriceDTO, type IPriceId, type IPriceListDTO, type IRemovedCartGa, type IRenderer, type IRendererSeatStyleSettings, type IRendererSettings, type IRendererSvgSectionStylesSetting, type IRendererTheme, type IRowDTO, type ISVGBackgroundDTO, type ISchemaDTO, type ISeat, type ISeatDTO, type ISeatPriceScheme, type ISeatStyle, type ISection, type ISectionRect, type ISectionWithCoords, type ISector, type ISectorDTO, type ISpecialPrice, type ISpecialState, type ISvgSectionStyle, type IVenueDTO, type IViewBox, Renderer, type RendererMachine, type RendererMachineService, RendererSelectMode, RendererTargetType, type SeatFilter, type SeatInteractionState, SeatmapAdminRenderer, SeatmapBookingRenderer, type TransformArray, addPoints, mergeSettings, subPoints };