@seatmap.pro/renderer 0.0.4 → 0.0.5

package/lib/index.d.ts

@@ -1,149 +1,459 @@
 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
  */
+type IBlurred = {
+    data: string;
+    shrink_factor: number;
+    size: number;
+    status: string;
+};
 /**
+ * Type representing a PNG image loaded from a URL.
  * @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 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);
+    /**
+     * 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;
+}
+
+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 RendererMachineReducer<T> = (ctx: IRendererMachineContext, src: T) => IRendererMachineContext;
+/**
+ * @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"
+}
+/**
+ * Source events
+ */
+/**
+ * @hidden
+ */
+declare enum SrcEventType {
+    DRAG_START = "srcDragStart",
+    DRAG_MOVE = "srcDragMove",
+    DRAG_END = "srcDragEnd",
+    CLICK = "srcClick",
+    MOUSE_MOVE = "srcMouseMove"
+}
+/**
+ * @hidden
+ */
+type SrcEvent = IDragStartSrcEvent | IDragMoveSrcEvent | IDragEndSrcEvent | IClickSrcEvent | IMouseMoveSrcEvent;
+/**
+ * @hidden
+ */
+interface IDragSrcEvent<T> {
+    type: T;
+    origin: {
+        x: number;
+        y: number;
+    };
+    delta: {
+        x: number;
+        y: number;
+    };
+    shiftKey?: boolean;
+    altKey?: boolean;
+}
+/**
+ * @hidden
+ */
+type IDragStartSrcEvent = IDragSrcEvent<SrcEventType.DRAG_START>;
+/**
+ * @hidden
+ */
+type IDragMoveSrcEvent = IDragSrcEvent<SrcEventType.DRAG_MOVE>;
+/**
+ * @hidden
+ */
+type IDragEndSrcEvent = IDragSrcEvent<SrcEventType.DRAG_END>;
+/**
+ * @hidden
+ */
+interface IClickSrcEvent {
+    type: SrcEventType.CLICK;
+    target: HTMLElement;
+    point: {
+        x: number;
+        y: number;
+    };
+    section?: ISection;
+    seat?: ISeat;
+    shiftKey?: boolean;
+    altKey?: boolean;
+}
+/**
+ * @hidden
+ */
+interface IMouseMoveSrcEvent {
+    type: SrcEventType.MOUSE_MOVE;
+    target: HTMLElement;
+    section?: ISection;
+    seat?: ISeat;
+}
+/**
+ * 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
@@ -801,481 +1111,170 @@ interface IRendererSettings {
      *
      * Seats are passed as a param to the handler (see ISeat).
      *
-     */
-    onSeatsDeselect?: (seats: ISeat[]) => void;
-    /**
-     * Fires when the cart was modified.
-     *
-     * @remarks
-     *
-     * Cart state is passed as a param to the handler (see ICart).
-     */
-    onCartChange?: (cart: ICart, prevCart?: ICart) => void;
-    /**
-     * Fires when the mouse pointer moves above a section.
-     *
-     * @remarks
-     *
-     * Section is passed as a param to the handler (see ISection).
-     */
-    onSectorMouseEnter?: (section: ISection) => void;
-    /**
-     * Fires when the mouse pointer leaves a section.
-     */
-    onSectorMouseLeave?: () => void;
-    /**
-     * Fires when the user clicks on a section.
-     *
-     * @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 {
+     */
+    onSeatsDeselect?: (seats: ISeat[]) => void;
     /**
-     * The name or label of the special price option.
+     * Fires when the cart was modified.
+     *
+     * @remarks
+     *
+     * Cart state is passed as a param to the handler (see ICart).
      */
-    name: string;
+    onCartChange?: (cart: ICart, prevCart?: ICart) => void;
     /**
-     * The unique identifier for this price option.
+     * Fires when the mouse pointer moves above a section.
+     *
+     * @remarks
+     *
+     * Section is passed as a param to the handler (see ISection).
      */
-    priceId: number;
-}
-/**
- * Interface representing special state information for seats, sections, or sectors.
- * Contains additional properties that affect rendering or behavior.
- */
-interface ISpecialState {
+    onSectorMouseEnter?: (section: ISection) => void;
     /**
-     * Special state flag 1, used for custom state indicators.
+     * Fires when the mouse pointer leaves a section.
      */
-    s1?: number;
+    onSectorMouseLeave?: () => void;
     /**
-     * Array of special prices associated with this item.
+     * Fires when the user clicks on a section.
+     *
+     * @deprecated
+     * Use onSectionClick instead
      */
-    prices?: ISpecialPrice[];
+    onSectorClick?: (section: ISection) => void;
     /**
-     * Category identifier for grouping items with similar special states.
+     * Fires when the user clicks on a section.
+     *
+     * @remarks
+     *
+     * Section is passed as a param to the handler (see ISection).
      */
-    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);
+    onSectionClick?: (section: ISection) => void;
     /**
-     * Returns schema data
-     * @param schemaId Schema ID
+     * Fires before the zoom animation started.
      */
-    fetchSchema(schemaId: number): Promise<ISchemaDTO>;
+    onZoomStart?: (newZoom: number, oldZoom: number) => void;
     /**
-     * Returns schema data
-     * @param venueId Venue GUID
+     * Fires after the zoom animation ended.
      */
-    fetchSchemaForVenue(venueId: string): Promise<Omit<IVenueDTO, 'seatmap'>>;
+    onZoomEnd?: (newZoom: number, oldZoom?: number) => void;
     /**
-     * Returns schema data
-     * @param eventId Event GUID
+     * Fires when component full redrawing starts.
      */
-    fetchSchemaForEvent(eventId: string): Promise<ISchemaDTO>;
-    private unpackSchemaDTO;
+    onRedrawStart?: () => void;
     /**
-     * Return prices information
-     * @param eventId Event GUID
+     * Fires when component full redrawing ends.
      */
-    fetchPricesForEvent(eventId: string): Promise<IPriceListDTO>;
+    onRedrawEnd?: () => void;
     /**
-     * Return rows SVG information
-     * @param eventId Event GUID
+     * 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.
      */
-    fetchRowsSvgForEvent(eventId: string): Promise<RequestMetrics>;
+    onSchemaDataLoaded?: () => void;
     /**
-     * Makes request to booking API
-     * @param url Relative API endpoint URL, e.g. 'event/prices/?id=XXX'
+     * Fires while panning.
      */
-    request<T>(url: string): Promise<T>;
+    onPan?: (delta: IPoint, isFinish?: boolean) => void;
     /**
-     * Makes request to booking API
-     * @param url Relative API endpoint URL, e.g. 'event/prices/?id=XXX'
+     * Fires after seat selection was updated.
      */
-    requestPlain<T extends RequestMetrics>(url: string): Promise<any>;
-    private restoreSeats;
-    private restoreIds;
+    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;
 }
 
 /**
@@ -1854,7 +1853,7 @@ declare class Renderer implements IRenderer {
      */
     getSeatSelection(): IExtendedSeat[];
     setSectionSelection(sections?: number[] | string[]): void;
-    getSvgSectionBySelection(): ISectorDTO[];
+    getSvgSectionBySelection(): IBaseSector[];
     disableSvgSectionsByIds(ids: number[], options?: {
         resetAll?: boolean;
     }): void;
@@ -2205,4 +2204,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 DestEvent, DestEventType, type IAdminRendererSettings, type IBaseSeat, type IBaseSector, type IBeforeSeatDrawEvent, type IBookingRendererSettings, type ICart, type ICartGa, type ICartSeat, type IClickSrcEvent, type IColoredPrice, type IConfigurationDTO, type IDeselectDestEvent, type IDragEndSrcEvent, type IDragMoveSrcEvent, type IDragStartSrcEvent, type IExtendedSeat, type IMouseMoveSrcEvent, type IPanDestEvent, type IPanZoomDestEvent, type IPlainSeatsDTO, type IPngBackgroundDTO, type IPoint, type IPrice, type IPriceDTO, type IPriceId, type IPriceListDTO, type IRectSelectDestEvent, type IRemovedCartGa, type IRenderer, type IRendererMachineContext, type IRendererSeatStyleSettings, type IRendererSettings, type IRendererSvgSectionStylesSetting, type IRendererTheme, type IRowDTO, type ISVGBackgroundDTO, type ISchemaDTO, type ISeat, type ISeatCartSwitchDestEvent, type ISeatDTO, type ISeatMouseEnterDestEvent, type ISeatMouseLeaveDestEvent, type ISeatPriceScheme, type ISeatSelectDestEvent, type ISeatStyle, type ISection, type ISectionClickDestEvent, type ISectionMouseEnterDestEvent, type ISectionMouseLeaveDestEvent, type ISectionRect, type ISectionWithCoords, type ISector, type ISectorDTO, type ISpecialPrice, type ISpecialState, type ISvgSectionStyle, type IVenueDTO, Renderer, type RendererMachine, type RendererMachineReducer, type RendererMachineService, RendererSelectMode, RendererTargetType, type SeatFilter, type SeatInteractionState, SeatmapAdminRenderer, SeatmapBookingRenderer, type SrcEvent, SrcEventType, type TransformArray, mergeSettings };