@gravity-ui/page-constructor 1.18.1 → 1.19.0

package/build/cjs/blocks/Media/schema.d.ts

@@ -133,32 +133,267 @@ export declare const Media: {
         };
     };
 };
-export declare const MediaBlock: {
-    'media-block': {
+export declare const MediaBlockBaseProps: {
+    description: {
+        type: string;
+        contentType: string;
+    };
+    direction: {
+        type: string;
+        enum: string[];
+    };
+    mobileDirection: {
+        type: string;
+        enum: string[];
+    };
+    largeMedia: {
+        type: string;
+    };
+    mediaOnly: {
+        type: string;
+    };
+    disableShadow: {
+        type: string;
+    };
+    button: {
+        type: string;
         additionalProperties: boolean;
-        required: string[];
         properties: {
-            description: {
+            text: {
                 type: string;
                 contentType: string;
             };
-            direction: {
+            url: {
+                type: string;
+            };
+            primary: {
+                type: string;
+            };
+            size: {
                 type: string;
                 enum: string[];
             };
-            mobileDirection: {
+            theme: {
                 type: string;
                 enum: string[];
             };
-            largeMedia: {
+            img: {
+                anyOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    required?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        data: {
+                            type: string;
+                        };
+                        position: {
+                            type: string;
+                            enum: string[];
+                        };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                    };
+                })[];
+            };
+            metrikaGoals: {
+                anyOf: ({
+                    type: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        additionalProperties?: undefined;
+                        required?: undefined;
+                        properties?: undefined;
+                    };
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            name: {
+                                type: string;
+                            };
+                            isCrossSite: {
+                                type: string;
+                            };
+                        };
+                    };
+                })[];
+            };
+            pixelEvents: {
+                type: string;
+                items: {
+                    type: string;
+                    required: string[];
+                    additionalProperties: boolean;
+                    properties: {
+                        name: {
+                            type: string;
+                            enum: import("../..").PixelEventType[];
+                        };
+                        data: {};
+                    };
+                    select: {
+                        $data: string;
+                    };
+                    selectCases: {
+                        SubmitApplication: {
+                            additionalProperties: boolean;
+                            properties: {
+                                name: {};
+                            };
+                        };
+                        Contact: {
+                            additionalProperties: boolean;
+                            properties: {
+                                name: {};
+                            };
+                        };
+                        Lead: {
+                            additionalProperties: boolean;
+                            properties: {
+                                name: {};
+                                data: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    properties: {
+                                        content_category: {
+                                            type: string;
+                                        };
+                                        content_name: {
+                                            type: string;
+                                        };
+                                        currency: {
+                                            type: string;
+                                        };
+                                        value: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+            target: {
                 type: string;
+                enum: string[];
             };
-            mediaOnly: {
+        };
+        if: {
+            properties: {
+                theme: {
+                    enum: string[];
+                };
+            };
+        };
+        then: {
+            required: string[];
+        };
+        else: {
+            required: string[];
+        };
+    };
+    title: {
+        oneOf: ({
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                text: {
+                    type: string;
+                    contentType: string;
+                };
+                textSize: {
+                    type: string;
+                    enum: string[];
+                };
+                url: {
+                    type: string;
+                };
+                resetMargin: {
+                    type: string;
+                };
+            };
+        } | {
+            type: string;
+            contentType: string;
+        })[];
+    };
+    size: {
+        type: string;
+        enum: string[];
+    };
+    additionalInfo: {
+        type: string;
+        contentType: string;
+    };
+    links: {
+        type: string;
+        items: {
+            type: string;
+            properties: {
+                when: {
+                    type: string;
+                };
+            };
+        };
+    };
+    buttons: {
+        type: string;
+        items: {
+            type: string;
+            properties: {
+                when: {
+                    type: string;
+                };
+            };
+        };
+    };
+    animated: {
+        type: string;
+    };
+    anchor: {
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            text: {
                 type: string;
+                contentType: string;
             };
-            disableShadow: {
+            url: {
                 type: string;
             };
+        };
+    };
+    visible: {
+        type: string;
+        enum: string[];
+    };
+    resetPaddings: {
+        type: string;
+    };
+    type: {};
+    when: {};
+};
+export declare const MediaBlock: {
+    'media-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
             media: {
                 type: string;
                 additionalProperties: boolean;
@@ -294,6 +529,27 @@ export declare const MediaBlock: {
                     };
                 };
             };
+            description: {
+                type: string;
+                contentType: string;
+            };
+            direction: {
+                type: string;
+                enum: string[];
+            };
+            mobileDirection: {
+                type: string;
+                enum: string[];
+            };
+            largeMedia: {
+                type: string;
+            };
+            mediaOnly: {
+                type: string;
+            };
+            disableShadow: {
+                type: string;
+            };
             button: {
                 type: string;
                 additionalProperties: boolean;

package/build/cjs/blocks/Media/schema.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaBlock = exports.Media = void 0;
+exports.MediaBlock = exports.MediaBlockBaseProps = exports.Media = void 0;
 const lodash_1 = require("lodash");
 const common_1 = require("../../schema/validators/common");
 const schema_1 = require("../../sub-blocks/Content/schema");
@@ -11,25 +11,26 @@ exports.Media = {
     properties: common_1.MediaProps,
 };
 const MediaBlockContentProps = (0, lodash_1.omit)(schema_1.ContentBase, ['text', 'theme']);
+exports.MediaBlockBaseProps = Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), MediaBlockContentProps), { description: {
+        type: 'string',
+        contentType: 'yfm',
+    }, direction: {
+        type: 'string',
+        enum: common_1.mediaDirection,
+    }, mobileDirection: {
+        type: 'string',
+        enum: common_1.mediaDirection,
+    }, largeMedia: {
+        type: 'boolean',
+    }, mediaOnly: {
+        type: 'boolean',
+    }, disableShadow: {
+        type: 'boolean',
+    }, button: common_1.ButtonBlock });
 exports.MediaBlock = {
     'media-block': {
         additionalProperties: false,
         required: ['title', 'media'],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), MediaBlockContentProps), { description: {
-                type: 'string',
-                contentType: 'yfm',
-            }, direction: {
-                type: 'string',
-                enum: common_1.mediaDirection,
-            }, mobileDirection: {
-                type: 'string',
-                enum: common_1.mediaDirection,
-            }, largeMedia: {
-                type: 'boolean',
-            }, mediaOnly: {
-                type: 'boolean',
-            }, disableShadow: {
-                type: 'boolean',
-            }, media: exports.Media, button: common_1.ButtonBlock }),
+        properties: Object.assign(Object.assign({}, exports.MediaBlockBaseProps), { media: exports.Media }),
     },
 };

package/build/cjs/blocks/index.d.ts

@@ -3,6 +3,7 @@ export { default as CompaniesBlock } from './Companies/Companies';
 export { default as SimpleBlock } from './Simple/Simple';
 export { default as InfoBlock } from './Info/Info';
 export { default as MediaBlock } from './Media/Media';
+export { default as MapBlock } from './Map/Map';
 export { default as PreviewBlock } from './Preview/Preview';
 export { default as SecurityBlock } from './Security/Security';
 export { default as SliderBlock } from './Slider/Slider';

package/build/cjs/blocks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.LinkTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.SecurityBlock = exports.PreviewBlock = exports.MediaBlock = exports.InfoBlock = exports.SimpleBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.LinkTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.SecurityBlock = exports.PreviewBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.SimpleBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var Companies_1 = require("./Companies/Companies");
@@ -14,6 +14,8 @@ var Info_1 = require("./Info/Info");
 Object.defineProperty(exports, "InfoBlock", { enumerable: true, get: function () { return __importDefault(Info_1).default; } });
 var Media_1 = require("./Media/Media");
 Object.defineProperty(exports, "MediaBlock", { enumerable: true, get: function () { return __importDefault(Media_1).default; } });
+var Map_1 = require("./Map/Map");
+Object.defineProperty(exports, "MapBlock", { enumerable: true, get: function () { return __importDefault(Map_1).default; } });
 var Preview_1 = require("./Preview/Preview");
 Object.defineProperty(exports, "PreviewBlock", { enumerable: true, get: function () { return __importDefault(Preview_1).default; } });
 var Security_1 = require("./Security/Security");

package/build/cjs/components/Map/GoogleMap.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { GMapProps } from '../../models';
+declare const GoogleMap: React.FC<GMapProps>;
+export default GoogleMap;

package/build/cjs/components/Map/GoogleMap.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const utils_1 = require("../../utils");
+const mapsContext_1 = require("../../context/mapsContext/mapsContext");
+const localeContext_1 = require("../../context/localeContext/localeContext");
+const mobileContext_1 = require("../../context/mobileContext");
+const helpers_1 = require("./helpers");
+const b = (0, utils_1.block)('map');
+function getScriptSrc(apiKey, scriptSrc, address, lang) {
+    return `${scriptSrc}?key=${apiKey}&language=${lang}&q=${encodeURI(address)}`;
+}
+const GoogleMap = (props) => {
+    const { address } = props;
+    const { apiKey, scriptSrc } = (0, react_1.useContext)(mapsContext_1.MapsContext);
+    const { lang = 'ru' } = (0, react_1.useContext)(localeContext_1.LocaleContext);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const [height, setHeight] = (0, react_1.useState)(undefined);
+    const ref = (0, react_1.useRef)(null);
+    const src = (0, react_1.useMemo)(() => getScriptSrc(apiKey, scriptSrc, address, lang), [apiKey, scriptSrc, address, lang]);
+    (0, react_1.useEffect)(() => {
+        const updateSize = lodash_1.default.debounce(() => {
+            if (ref.current) {
+                setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
+            }
+        }, 100);
+        updateSize();
+        window.addEventListener('resize', updateSize);
+        return () => {
+            window.removeEventListener('resize', updateSize);
+        };
+    }, [isMobile]);
+    if (!apiKey || !address) {
+        return null;
+    }
+    return (react_1.default.createElement("iframe", { className: b(), ref: ref, style: {
+            height,
+        }, loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade", src: src }));
+};
+exports.default = GoogleMap;

package/build/cjs/components/Map/Map.css

@@ -0,0 +1,20 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-map {
+  width: 100%;
+  height: 300px;
+  border: 0;
+  overflow: hidden;
+  display: flex;
+}
+.pc-map__spinner {
+  margin: 0 auto;
+  align-self: center;
+}
+.pc-map__wrapper {
+  min-height: 300px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}

package/build/cjs/components/Map/Map.d.ts

@@ -0,0 +1,3 @@
+import { MapProps } from '../../models';
+export declare const Map: (props: MapProps) => JSX.Element | null;
+export default Map;

package/build/cjs/components/Map/Map.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Map = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const mapsContext_1 = require("../../context/mapsContext/mapsContext");
+const YandexMap_1 = tslib_1.__importDefault(require("./YMap/YandexMap"));
+const GoogleMap_1 = tslib_1.__importDefault(require("./GoogleMap"));
+const Map = (props) => {
+    const { type } = (0, react_1.useContext)(mapsContext_1.MapsContext);
+    switch (type) {
+        case mapsContext_1.MapType.Yandex:
+            return react_1.default.createElement(YandexMap_1.default, Object.assign({}, props));
+        case mapsContext_1.MapType.Google:
+            return react_1.default.createElement(GoogleMap_1.default, Object.assign({}, props));
+        default:
+            return null;
+    }
+};
+exports.Map = Map;
+exports.default = exports.Map;

package/build/cjs/components/Map/YMap/YMap.d.ts

@@ -0,0 +1,13 @@
+import { YMapMarker } from '../../../models';
+export declare class YMap {
+    private ymap;
+    private mapRef;
+    private coords;
+    constructor(ymap: Ymaps.Map, mapRef: HTMLDivElement | null);
+    showPlacemarks(markers: YMapMarker[]): Promise<void>;
+    findAddress(marker: YMapMarker): Promise<void>;
+    findCoordinate(marker: YMapMarker): void;
+    private drawPlaceMarkStyle;
+    private recalcZoomAndCenter;
+    private clearOldPlacemarks;
+}

package/build/cjs/components/Map/YMap/YMap.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YMap = void 0;
+var GeoObjectTypes;
+(function (GeoObjectTypes) {
+    GeoObjectTypes["Properties"] = "properties";
+    GeoObjectTypes["Options"] = "options";
+})(GeoObjectTypes || (GeoObjectTypes = {}));
+const DEFAULT_PLACEMARKS_COLOR = '#dc534b';
+// presetStorage: https://yandex.com/dev/maps/jsapi/doc/2.1/ref/reference/option.presetStorage.html
+const DEFAULT_PLACEMARKS_PRESET = 'islands#dotIcon';
+const DEFAULT_MAP_CONTROL_BUTTON_HEIGHT = 30;
+const geoObjectPropsAndOptions = {
+    iconCaption: GeoObjectTypes.Properties,
+    iconContent: GeoObjectTypes.Properties,
+    iconColor: GeoObjectTypes.Options,
+    preset: GeoObjectTypes.Options,
+};
+class YMap {
+    constructor(ymap, mapRef) {
+        this.coords = [];
+        this.ymap = ymap;
+        this.mapRef = mapRef;
+    }
+    async showPlacemarks(markers) {
+        this.clearOldPlacemarks();
+        for (const marker of markers) {
+            if (marker.address) {
+                await this.findAddress(marker);
+            }
+            else if (marker.coordinate) {
+                this.findCoordinate(marker);
+            }
+        }
+        this.recalcZoomAndCenter();
+    }
+    async findAddress(marker) {
+        try {
+            const res = await window.ymaps.geocode(marker.address, { results: 1 });
+            const geoObject = res.geoObjects.get(0);
+            const coordinate = geoObject.geometry.getCoordinates();
+            this.coords.push(coordinate);
+            this.drawPlaceMarkStyle(geoObject, marker);
+            this.ymap.geoObjects.add(geoObject);
+        }
+        catch (_a) { } // If error - placemark will not be displayed
+    }
+    findCoordinate(marker) {
+        const geoObject = new window.ymaps.Placemark(marker.coordinate, {});
+        this.coords.push(marker.coordinate);
+        this.drawPlaceMarkStyle(geoObject, marker);
+        this.ymap.geoObjects.add(geoObject);
+    }
+    drawPlaceMarkStyle(geoObject, marker) {
+        if (!marker.label) {
+            return;
+        }
+        const { iconColor, preset = DEFAULT_PLACEMARKS_PRESET } = marker.label;
+        let localIconColor = iconColor;
+        // You can set the preset option together with the iconColor option only if it not a 'Stretchy' preset
+        if (!preset.includes('Stretchy') && !iconColor) {
+            localIconColor = DEFAULT_PLACEMARKS_COLOR;
+        }
+        Object.entries(Object.assign(Object.assign({}, marker.label), { iconColor: localIconColor, preset })).forEach(([key, value]) => {
+            const geoObjectParamType = geoObjectPropsAndOptions[key];
+            if (value && geoObjectParamType) {
+                geoObject[geoObjectParamType].set(key, value);
+            }
+        });
+    }
+    recalcZoomAndCenter() {
+        var _a, _b;
+        const coordsLength = this.coords.length;
+        if (!coordsLength) {
+            return;
+        }
+        let leftBottom = [Infinity, Infinity], rightTop = [-Infinity, -Infinity];
+        this.coords.forEach((point) => {
+            leftBottom = [Math.min(leftBottom[0], point[0]), Math.min(leftBottom[1], point[1])];
+            rightTop = [Math.max(rightTop[0], point[0]), Math.max(rightTop[1], point[1])];
+        });
+        const newMapParams = window.ymaps.util.bounds.getCenterAndZoom([leftBottom, rightTop], [(_a = this.mapRef) === null || _a === void 0 ? void 0 : _a.clientWidth, (_b = this.mapRef) === null || _b === void 0 ? void 0 : _b.clientHeight], undefined, { margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT });
+        this.ymap.setCenter(newMapParams.center);
+        // Use default zoom for one placemark
+        if (coordsLength > 1) {
+            this.ymap.setZoom(newMapParams.zoom);
+        }
+    }
+    clearOldPlacemarks() {
+        if (this.coords.length === 0) {
+            return;
+        }
+        this.ymap.geoObjects.removeAll();
+        this.coords = [];
+    }
+}
+exports.YMap = YMap;

package/build/cjs/components/Map/YMap/YandexMap.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { YMapProps } from '../../../models';
+declare const YandexMap: React.FC<YMapProps>;
+export default YandexMap;

package/build/cjs/components/Map/YMap/YandexMap.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../../utils");
+const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
+const localeContext_1 = require("../../../context/localeContext/localeContext");
+const ErrorWrapper_1 = tslib_1.__importDefault(require("../../ErrorWrapper/ErrorWrapper"));
+const YMap_1 = require("./YMap");
+const YandexMapApiLoader_1 = require("./YandexMapApiLoader");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
+const mobileContext_1 = require("../../../context/mobileContext");
+const helpers_1 = require("../helpers");
+const b = (0, utils_1.block)('map');
+const DEFAULT_CONTAINER_ID = 'ymap';
+const DEFAULT_ZOOM = 9;
+const YandexMap = (props) => {
+    const { markers, zoom, center, id } = props;
+    const { apiKey, scriptSrc, nonce } = (0, react_1.useContext)(mapsContext_1.MapsContext);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const { lang = 'ru' } = (0, react_1.useContext)(localeContext_1.LocaleContext);
+    const containerId = `${DEFAULT_CONTAINER_ID}-${id}`;
+    const [ymap, setYmaps] = (0, react_1.useState)(null);
+    const [height, setHeight] = (0, react_1.useState)(undefined);
+    const ref = (0, react_1.useRef)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [attemptsIndex, setAttemptsIndex] = (0, react_1.useState)(0);
+    const onTryAgain = (0, react_1.useCallback)(() => {
+        setAttemptsIndex(attemptsIndex + 1);
+    }, [attemptsIndex]);
+    (0, react_1.useEffect)(() => {
+        (async function () {
+            var _a;
+            if (!center) {
+                return;
+            }
+            setLoading(true);
+            await YandexMapApiLoader_1.YMapsApiLoader.loadApi(apiKey, scriptSrc, lang, nonce);
+            (_a = window.ymaps) === null || _a === void 0 ? void 0 : _a.ready(() => {
+                setYmaps(new YMap_1.YMap(new window.ymaps.Map(containerId, {
+                    center,
+                    zoom: zoom || DEFAULT_ZOOM,
+                }, { autoFitToViewport: 'always' }), ref.current));
+            });
+            setLoading(false);
+        })();
+    }, [apiKey, lang, scriptSrc, containerId, zoom, center, nonce, attemptsIndex, setLoading]);
+    (0, react_1.useEffect)(() => {
+        const updateSize = lodash_1.default.debounce(() => {
+            if (ref.current) {
+                setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
+            }
+        }, 100);
+        updateSize();
+        window.addEventListener('resize', updateSize);
+        return () => {
+            window.removeEventListener('resize', updateSize);
+        };
+    }, [markers, ymap, setYmaps, isMobile]);
+    (0, react_1.useEffect)(() => {
+        if (ymap) {
+            ymap.showPlacemarks(markers);
+        }
+    });
+    if (!center)
+        return null;
+    return (react_1.default.createElement(ErrorWrapper_1.default, { isError: YandexMapApiLoader_1.YMapsApiLoader.status === YandexMapApiLoader_1.MapApiStatus.Error, text: (0, i18n_1.default)('map-load-error'), buttonText: (0, i18n_1.default)('map-try-again'), handler: onTryAgain, className: b('wrapper') },
+        react_1.default.createElement("div", { id: containerId, className: b(), ref: ref, style: { height } }, loading ? react_1.default.createElement(uikit_1.Spin, { size: "xl", className: b('spinner') }) : null)));
+};
+exports.default = YandexMap;

package/build/cjs/components/Map/YMap/YandexMapApiLoader.d.ts

@@ -0,0 +1,11 @@
+export declare enum MapApiStatus {
+    NotStarted = "not_started",
+    Loading = "loading",
+    Loaded = "loaded",
+    Error = "error"
+}
+export declare class YMapsApiLoader {
+    static status: MapApiStatus;
+    static loader: Promise<unknown>;
+    static loadApi(apiKey: string, scriptSrc: string, lang: 'ru' | 'en', nonce?: string): Promise<unknown>;
+}