@redneckz/wildless-cms-uni-blocks 0.5.6 → 0.5.7

package/bundle/bundle.umd.js

@@ -397,7 +397,7 @@
     var IconTitleMap;
     (function (IconTitleMap) {
         IconTitleMap["ActualBalanceIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
-        IconTitleMap["AirPlaneIcon"] = "\u0421\u0430\u043C\u043E\u043B\u0435\u0442";
+        IconTitleMap["AirPlaneIcon"] = "\u0421\u0430\u043C\u043E\u043B\u0451\u0442";
         IconTitleMap["AppleIcon"] = "\u041B\u043E\u0433\u043E \u00ABApple\u00BB";
         IconTitleMap["ArrowDownIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 '\u0412\u043D\u0438\u0437'";
         IconTitleMap["ArrowLeftIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430";
@@ -417,7 +417,7 @@
         IconTitleMap["CardWithGemIcon"] = "\u041A\u0430\u0440\u0442\u0430 \u0441 \u0434\u0440\u0430\u0433\u043E\u0446\u0435\u043D\u043D\u043E\u0441\u0442\u044F\u043C\u0438";
         IconTitleMap["CarIcon"] = "\u041C\u0430\u0448\u0438\u043D\u0430";
         IconTitleMap["ChartSquareIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430";
-        IconTitleMap["CinemaIcon"] = "\u041A\u0438\u043D\u043E";
+        IconTitleMap["CinemaIcon"] = "\u041A\u0438\u043D\u043E\u0442\u0435\u0430\u0442\u0440";
         IconTitleMap["ClockIcon"] = "\u0427\u0430\u0441\u044B";
         IconTitleMap["CloseIcon"] = "\u041A\u0440\u0435\u0441\u0442\u0438\u043A";
         IconTitleMap["ComfortableCompIcon"] = "\u041A\u0440\u0435\u0441\u043B\u043E";
@@ -457,7 +457,7 @@
         IconTitleMap["NewDocIcon"] = "\u041D\u043E\u0432\u044B\u0439 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
         IconTitleMap["OfficeIcon"] = "\u041E\u0444\u0438\u0441";
         IconTitleMap["OkIcon"] = "\u041B\u043E\u0433\u043E \u00AB\u041E\u0434\u043D\u043E\u043A\u043B\u0430\u0441\u0441\u043D\u0438\u043A\u0438\u00BB";
-        IconTitleMap["PackA4Icon"] = "PackA4Icon";
+        IconTitleMap["PackA4Icon"] = "\u041F\u0430\u0447\u043A\u0430 \u0431\u0443\u043C\u0430\u0433\u0438 \u04104";
         IconTitleMap["PassSendIcon"] = "\u0411\u0438\u0437\u043D\u0435\u0441";
         IconTitleMap["PercentageRoundIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B (\u043A\u0440\u0443\u0433.)";
         IconTitleMap["PercentageSquareIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B";
@@ -2004,13 +2004,13 @@
         useEffect(() => {
             setSelectedItem(value || { key: '', text: '' });
         }, [value]);
-        return (jsxs("div", { className: `${isOpen ? 'z-10' : ''} ${className}`, children: [label ? jsx("span", { className: "mb-2", children: label }) : null, jsxs("div", { className: `relative w-fit`, children: [jsxs("div", { className: `text-m-light flex justify-between min-h-[56px] mb-0.5 p-4 pr-8 text-primary-text cursor-pointer
-            ${getBorderStyle(isBorder)}`, onClick: () => setIsOpen(!isOpen), children: [selectedItem.text, jsx(Icon, { name: "ArrowUpIcon", className: `absolute right-3 ${isOpen ? '' : 'rotate-180'}` })] }), options.length > 0 ? (jsx("div", { className: `h-0 ${isOpen ? '' : 'overflow-hidden'}`, children: jsx("div", { className: `bg-white text-l rounded-md`, children: options.map(renderOption(choiceOption, isOpen, isSelected)) }) })) : null] })] }));
+        return (jsxs("div", { className: `${isOpen ? 'z-10' : ''} ${className}`, children: [label ? jsx("span", { className: "mb-2", children: label }) : null, jsxs("div", { className: `relative w-fit`, children: [jsxs("div", { className: `text-m-light flex justify-between items-center min-h-[56px] mb-0.5 p-4 pr-8 text-primary-text cursor-pointer
+            ${getBorderStyle(isBorder)}`, onClick: () => setIsOpen(!isOpen), children: [selectedItem.text, jsx(Icon, { name: "ArrowUpIcon", width: "16", height: "16", className: `absolute right-3 ${isOpen ? '' : 'rotate-180'}` })] }), options.length > 0 ? (jsx("div", { className: `h-0 ${isOpen ? '' : 'overflow-hidden'}`, children: jsx("div", { className: `bg-white text-l rounded-md`, children: options.map(renderOption(choiceOption, isOpen, isSelected)) }) })) : null] })] }));
     });
     const renderOption = (choiceOption, isOpen, isSelected) => (option, i) => {
         return (jsxs("div", { onClick: () => {
                 choiceOption(option);
-            }, className: "flex px-4 py-3 cursor-pointer hover:bg-main-divider pr-11", children: [jsx("span", { children: option.text }), jsx(Icon, { name: "DoneSimpleIcon", className: ['absolute right-4 pt-0.5', isSelected(option) && isOpen ? '' : 'hidden'].join(' ') })] }, String(i)));
+            }, className: "flex px-4 py-3 cursor-pointer hover:bg-main-divider pr-11", children: [jsx("span", { children: option.text }), jsx(Icon, { name: "DoneSimpleIcon", width: "16", height: "16", className: ['absolute right-4 pt-0.5', isSelected(option) && isOpen ? '' : 'hidden'].join(' ') })] }, String(i)));
     };
     function getBorderStyle(isBorder) {
         return isBorder ? 'border border-main-stroke rounded-md hover:border-primary-hover' : '';
@@ -2694,77 +2694,6 @@
             }) }));
     };
 
-    const cachedScriptStatuses = {};
-    function getScriptNode(src) {
-        const node = document.querySelector(`script[src="${src}"]`);
-        const status = node?.getAttribute('data-status');
-        return {
-            node,
-            status,
-        };
-    }
-    function getScriptStatus(type) {
-        return type === 'load' ? 'ready' : 'error';
-    }
-    function getInitialValueStatus(src, options) {
-        if (!src || options?.shouldPreventLoad) {
-            return 'idle';
-        }
-        if (typeof window === 'undefined') {
-            return 'loading';
-        }
-        return cachedScriptStatuses[src] ?? 'loading';
-    }
-    function useScript(src, options) {
-        const [status, setStatus] = useState(getInitialValueStatus(src, options));
-        // eslint-disable-next-line complexity
-        useEffect(() => {
-            if (!src || options?.shouldPreventLoad) {
-                return undefined;
-            }
-            const cachedScriptStatus = cachedScriptStatuses[src];
-            if (cachedScriptStatus === 'ready' || cachedScriptStatus === 'error') {
-                setStatus(cachedScriptStatus);
-                return undefined;
-            }
-            const script = getScriptNode(src);
-            let scriptNode = script.node;
-            if (!scriptNode) {
-                scriptNode = document.createElement('script');
-                scriptNode.src = src;
-                scriptNode.async = true;
-                scriptNode.setAttribute('data-status', 'loading');
-                document.body.appendChild(scriptNode);
-                const setAttributeFromEvent = (event) => {
-                    const scriptStatus = getScriptStatus(event.type);
-                    scriptNode?.setAttribute('data-status', scriptStatus);
-                };
-                scriptNode.addEventListener('load', setAttributeFromEvent);
-                scriptNode.addEventListener('error', setAttributeFromEvent);
-            }
-            else {
-                setStatus(script.status ?? cachedScriptStatus ?? 'loading');
-            }
-            const setStateFromEvent = (event) => {
-                const newStatus = getScriptStatus(event.type);
-                setStatus(newStatus);
-                cachedScriptStatuses[src] = newStatus;
-            };
-            scriptNode.addEventListener('load', setStateFromEvent);
-            scriptNode.addEventListener('error', setStateFromEvent);
-            return () => {
-                if (scriptNode) {
-                    scriptNode.removeEventListener('load', setStateFromEvent);
-                    scriptNode.removeEventListener('error', setStateFromEvent);
-                }
-                if (scriptNode && options?.removeOnUnmount) {
-                    scriptNode.remove();
-                }
-            };
-        }, [src, options?.shouldPreventLoad, options?.removeOnUnmount]);
-        return status;
-    }
-
     const SAFEBOXES_URL = '/api/v1/safeboxes';
     function useFetchSafeBoxes(regionCode) {
         const { data } = useAsyncData(regionCode ? `${SAFEBOXES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes);
@@ -2908,11 +2837,10 @@
         return data || [];
     }
 
-    function renderClusterer(Map, points) {
-        Map.geoObjects.removeAll();
-        const pointsList = points;
-        const clusterIconContentLayout = ymaps.templateLayoutFactory.createClass('<div style="margin-top: -3px;">{{properties.geoObjects.length}}</div>');
-        const clusterer = new ymaps.Clusterer({
+    function renderClusterer(yandexMaps, map, points) {
+        map.geoObjects.removeAll();
+        const clusterIconContentLayout = yandexMaps.templateLayoutFactory.createClass('<div style="margin-top: -3px;">{{properties.geoObjects.length}}</div>');
+        const clusterer = new yandexMaps.Clusterer({
             clusterIcons: [
                 {
                     href: 'icons/MapMarkerClusterIcon.svg',
@@ -2924,37 +2852,83 @@
             clusterHideIconOnBalloonOpen: false,
             geoObjectHideIconOnBalloonOpen: false,
         });
-        const geoObjects = [];
-        for (let i = 0, len = pointsList.length; i < len; i++) {
-            geoObjects[i] = new ymaps.Placemark(pointsList[i], null, {
-                iconLayout: 'default#image',
-                iconImageHref: 'icons/MapMarkerSingleIcon.svg',
-                iconImageSize: [78, 84],
-                iconImageOffset: [-35, -50],
-            });
-        }
+        const geoObjects = points.map((point) => new yandexMaps.Placemark(point, {}, {
+            iconLayout: 'default#image',
+            iconImageHref: 'icons/MapMarkerSingleIcon.svg',
+            iconImageSize: [78, 84],
+            iconImageOffset: [-35, -50],
+        }));
         clusterer.add(geoObjects);
-        Map.geoObjects.add(clusterer);
-        Map.setBounds(ymaps.util.bounds.fromPoints(pointsList)).then(() => {
-            if (Map.getZoom() > 10) {
-                Map.setZoom(10);
+        map.geoObjects.add(clusterer);
+        // TODO: Fix
+        // @ts-ignore
+        map.setBounds(yandexMaps.util.bounds.fromPoints(points)).then(() => {
+            if (map.getZoom() > 10) {
+                map.setZoom(10);
             }
         });
     }
 
+    const getNS = (_) => globalThis[_];
+    function useExternalNS(namespaceName, url) {
+        const [externalNS, setExternalNS] = useState();
+        const setNS = useCallback(() => setExternalNS(getNS(namespaceName)), [namespaceName]);
+        useEffect(() => {
+            const script = document.getElementById(url);
+            if (script) {
+                if (getNS(namespaceName)) {
+                    setNS();
+                }
+                else {
+                    script.addEventListener('load', setNS);
+                    return () => {
+                        script.removeEventListener('load', setNS);
+                    };
+                }
+            }
+            else {
+                const newScript = document.createElement('script');
+                newScript.src = url;
+                newScript.async = true;
+                newScript.id = url;
+                newScript.addEventListener('load', setNS);
+                document.head.appendChild(newScript);
+                return () => {
+                    document.head.removeChild(newScript);
+                    setExternalNS(undefined);
+                };
+            }
+            return undefined;
+        }, [namespaceName, url]);
+        return externalNS;
+    }
+
+    const YMAPS_NAMESPACE = 'ymaps';
+    const useYandexMaps = () => {
+        const url = `https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY}&lang=ru_RU`;
+        const yandexMaps = useExternalNS(YMAPS_NAMESPACE, url);
+        return yandexMaps;
+    };
+
     const YandexMap = JSX(({ points }) => {
         const map = useRef(null);
+        const yandexMaps = useYandexMaps();
         useEffect(() => {
-            ymaps.ready(() => {
-                map.current = new ymaps.Map('map', {
+            yandexMaps?.ready(() => {
+                map.current = new yandexMaps.Map('map', {
                     center: points[0],
                     zoom: 10,
                 });
-                renderClusterer(map.current, points);
+                renderClusterer(yandexMaps, map.current, points);
             });
-        }, []);
-        if (map.current && points) {
-            renderClusterer(map.current, points);
+        }, [yandexMaps]);
+        useEffect(() => {
+            if (map.current && points && yandexMaps) {
+                renderClusterer(yandexMaps, map.current, points);
+            }
+        }, [map, points, yandexMaps]);
+        if (!yandexMaps) {
+            return null;
         }
         return (jsxs("div", { className: "pt-12 mt-1 bg-white", children: [jsx(Heading, { title: "\u041E\u0444\u0438\u0441\u044B \u043D\u0430 \u043A\u0430\u0440\u0442\u0435", headingType: "h3", className: "mb-8 text-center" }), jsx("div", { id: "map", className: "h-[640px]" })] }));
     });
@@ -2963,13 +2937,10 @@
         const [points, setPoints] = useState([]);
         const [showMap, setShowMap] = useState(false);
         const regions = useGetRegions();
-        const statusScript = useScript(`https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY}&lang=ru_RU`, {
-            removeOnUnmount: true,
-        });
         const toggleShowMap = () => {
             setShowMap(!showMap);
         };
-        return (jsxs(BlockWrapper, { context: context, className: className, ...rest, children: [jsxs("div", { className: "bg-white px-8 py-12", children: [title ? (jsx(Heading, { title: title, headingType: "h3", as: "h2", className: "mb-2.5 text-center" })) : null, jsx(SafeDepositRentalForm, { regions: regions, setPoints: setPoints, toggleShowMap: toggleShowMap }), footnote ? jsx("p", { className: "text-s-light text-secondary-text", children: footnote }) : null] }), statusScript === 'ready' && points.length && showMap ? (jsx(YandexMap, { points: points })) : null] }));
+        return (jsxs(BlockWrapper, { context: context, className: className, ...rest, children: [jsxs("div", { className: "bg-white px-8 py-12", children: [title ? (jsx(Heading, { title: title, headingType: "h3", as: "h2", className: "mb-2.5 text-center" })) : null, jsx(SafeDepositRentalForm, { regions: regions, setPoints: setPoints, toggleShowMap: toggleShowMap }), footnote ? jsx("p", { className: "text-s-light text-secondary-text", children: footnote }) : null] }), points.length && showMap ? jsx(YandexMap, { points: points }) : null] }));
     });
 
     const checkIsIconRenderable = (icon) => Boolean(icon?.icon || icon?.src);