@redneckz/wildless-cms-uni-blocks 0.14.1026 → 0.14.1027

package/bundle/bundle.umd.js

@@ -400,24 +400,28 @@
         className,
     ].join(' ');
 
-    /* eslint-disable @typescript-eslint/ban-types */
-    const handlerDecorator = (handler) => {
-        return handlerDecorator._impl(handler);
-    };
-    handlerDecorator._impl = (handler) => handler;
-    handlerDecorator.setup = (impl) => {
-        handlerDecorator._impl = impl;
-    };
+    function copy(source, target) {
+        for (const [k, v] of source.entries()) {
+            if (v !== null && v !== undefined) {
+                target.setItem(k, v);
+            }
+            else {
+                target.removeItem(k);
+            }
+        }
+    }
 
-    function useEmitterWithActions(eventBus, type) {
-        const cache = useRef({});
-        return useMemo(() => new Proxy({}, {
-            get(_, actionType) {
-                cache.current ||= {};
-                cache.current[actionType] ||= action => eventBus.fire(type, { ...(action ?? {}), type: actionType });
-                return cache.current[actionType];
+    function replicate(primary, secondary) {
+        copy(primary, secondary);
+        copy(secondary, primary);
+        return primary.bus.watch(({ type, event }) => {
+            if (event !== null && event !== undefined) {
+                secondary.setItem(type, event);
             }
-        }), [eventBus, type]);
+            else {
+                secondary.removeItem(type);
+            }
+        });
     }
 
     class EventBus {
@@ -469,6 +473,146 @@
         }
     }
 
+    class StorageAdapter {
+        storage;
+        bus;
+        get size() {
+            return this.storage?.length ?? 0;
+        }
+        constructor(storage, bus = new EventBus()) {
+            this.storage = storage;
+            this.bus = bus;
+        }
+        hasItem(key) {
+            return Boolean(this.storage?.getItem(String(key)));
+        }
+        getItem(key) {
+            const _ = this.storage?.getItem(String(key)) ?? null;
+            try {
+                return JSON.parse(String(_));
+            }
+            catch (ex) {
+                return null;
+            }
+        }
+        entries() {
+            return Array.from({ length: this.size }, (_, i) => {
+                const k = String(this.storage?.key(i));
+                return [k, this.getItem(k)];
+            });
+        }
+        setItem(key, value) {
+            if (value !== null) {
+                this.storage?.setItem(String(key), JSON.stringify(value));
+            }
+            else {
+                this.storage?.removeItem(String(key));
+            }
+            this.bus?.subject(key, value);
+        }
+        removeItem(key) {
+            this.storage?.removeItem(String(key));
+            this.bus?.subject(key, null);
+        }
+    }
+
+    class Store {
+        bus;
+        store = new Map();
+        get size() {
+            return this.store.size;
+        }
+        constructor(bus = new EventBus()) {
+            this.bus = bus;
+        }
+        hasItem(key) {
+            return this.store.has(key);
+        }
+        getItem(key) {
+            return this.store.get(key);
+        }
+        entries() {
+            return this.store.entries();
+        }
+        setItem(key, value) {
+            this.store.set(key, value);
+            this.bus.subject(key, value);
+        }
+        removeItem(key) {
+            this.store.delete(key);
+            this.bus.subject(key, null);
+        }
+    }
+
+    function useRerender() {
+        const [, setCount] = useState(0);
+        return useCallback(() => setCount(_ => (_ + 1) % (1 << 16)), []);
+    }
+
+    const DEFAULT_METHODS = {};
+    /**
+     * MobX like reactivity (simplified).
+     * Can be used to migrate from Redux/MobX or something else
+     *
+     * @param store
+     * @returns reactive proxy backed by store
+     */
+    function useStore(store, methods = DEFAULT_METHODS) {
+        const deps = useRef(null);
+        const render = useRerender();
+        useEffect(() => store.bus.watch(ev => {
+            if (deps.current?.has(String(ev.type))) {
+                render();
+            }
+        }), [store, render]);
+        return useMemo(() => new Proxy(methods, {
+            get(_, key) {
+                deps.current ||= new Set();
+                deps.current.add(key);
+                return store.getItem(key);
+            },
+            has(_, key) {
+                deps.current ||= new Set();
+                deps.current.add(key);
+                return store.hasItem(key);
+            },
+            set(_, key, value) {
+                store.setItem(key, value);
+                return true;
+            },
+            deleteProperty(_, key) {
+                store.removeItem(key);
+                return true;
+            }
+        }), [store]);
+    }
+
+    const localStore = new Store(); // localStorage cache
+    replicate(localStore, new StorageAdapter(globalThis?.localStorage));
+    function useLocalStore(methods) {
+        return useStore(localStore, methods);
+    }
+
+    /* eslint-disable @typescript-eslint/ban-types */
+    const handlerDecorator = (handler) => {
+        return handlerDecorator._impl(handler);
+    };
+    handlerDecorator._impl = (handler) => handler;
+    handlerDecorator.setup = (impl) => {
+        handlerDecorator._impl = impl;
+    };
+
+    function useEmitterWithActions(eventBus, type) {
+        const cache = useRef({});
+        return useMemo(() => new Proxy({}, {
+            get(_, actionType) {
+                cache.current ||= {};
+                cache.current[actionType] ||= action => eventBus.fire(type, { ...(action ?? {}), type: actionType });
+                return cache.current[actionType];
+            }
+        }), [eventBus, type]);
+    }
+
     const defaultEventBus = new EventBus();
 
     const useDialogManager = () => useEmitterWithActions(defaultEventBus.emitter, 'dialog');
@@ -562,15 +706,48 @@
     }, [method, href]);
 
     /** @deprecated */
-    const LinkButton = JSX(({ disabled, children, method = 'LINK', href, ...rest }) => {
+    const LinkButton = JSX(({ disabled, children, method = 'LINK', href, id, additionalHrefs, ...rest }) => {
         const handleFormSubmit = useFormSubmit({ method, href });
+        const linksStore = useLocalStore();
+        saveLinksToStore({ linksStore, href, id, additionalHrefs });
+        const adjustedHref = additionalHrefs
+            ? (linksStore.links || []).find((store) => store.id === id)?.lastLink
+            : href;
         const link = useLink();
-        const adjustedProps = link({ onClick: handleFormSubmit, href, ...rest });
+        const adjustedProps = link({ onClick: handleFormSubmit, href: adjustedHref, ...rest });
         const buttonInner = children ?? jsx(ButtonInner, { ...adjustedProps });
         return disabled ? (jsx(DisabledButton, { ...adjustedProps, children: buttonInner })) : (jsx(RegularButton, { ...adjustedProps, children: buttonInner }));
     });
     const RegularButton = JSX(({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, type, data, children, text, }) => (jsx("a", { className: getRegularButtonClasses({ className, version, rounded }), href: href, rel: rel, target: target, "aria-label": ariaLabel || `Ссылка на ${text}`, role: href ? 'link' : 'button', onClick: onClick, type: type, ...getAspectsAttributes(data), children: children })));
     const DisabledButton = JSX(({ className, ariaLabel, version, rounded, children }) => (jsx("button", { type: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: -1, className: getDisabledButtonClasses({ className, rounded, version }), children: children })));
+    const getRandomHref = (href = '', additionalHrefs = []) => {
+        const hrefs = [href, ...additionalHrefs];
+        return hrefs[Math.floor(Math.random() * hrefs.length)];
+    };
+    // Отсчитываем 7 длей с текущей даты
+    const getTimeAfter7days = () => Date.now() + 7 * 24 * 60 * 60 * 1000;
+    // Сохраняем или заменяем рандомную ссылку в localStorage
+    const saveLinksToStore = ({ linksStore, id, href, additionalHrefs }) => {
+        const buttonLinkStore = (linksStore.links || []).find((store) => store.id === id);
+        // Если хранилища вообще нет
+        if (!linksStore.links) {
+            linksStore.links = [];
+        }
+        if ((!buttonLinkStore || buttonLinkStore.nextDueAt <= Date.now()) && additionalHrefs) {
+            // Получаем рандомную ссылку
+            const randomHref = getRandomHref(href, additionalHrefs);
+            // При наличии ссылки для этой кнопки в хранилище удаляем этот элемент из массива ссылок
+            const updatedLinks = linksStore.links?.filter((item) => item.id !== id);
+            // Добавляем новый элемент
+            updatedLinks.push({
+                id: id ?? '',
+                lastLink: randomHref,
+                nextDueAt: getTimeAfter7days(),
+            });
+            // Добавляем это все в хранилище
+            linksStore.links = updatedLinks;
+        }
+    };
 
     // TODO Заменить LinkButton на Button и применить RoundedIcon
     function renderBackwardButton({ version, handleClick, text = 'Вернуться назад', alwaysVisible = false, }) {
@@ -1376,150 +1553,6 @@
         return (jsx(Dialog, { maxWidth: "lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center rounded-md space-x-m", children: [jsx(Img, { image: { icon: statusIcon, iconVersion: 'normal' }, width: "136", height: "136" }), jsx(Headline, { className: "w-full", title: ok ? 'Ваша заявка отправлена' : 'Не удалось отправить заявку', description: ok ? responseOKDescription : responseFailDescription, headlineVersion: "XS", isEmbedded: true }), jsx(Button, { type: "button", onClick: onClose, children: "\u0425\u043E\u0440\u043E\u0448\u043E" })] }) }));
     });
 
-    function copy(source, target) {
-        for (const [k, v] of source.entries()) {
-            if (v !== null && v !== undefined) {
-                target.setItem(k, v);
-            }
-            else {
-                target.removeItem(k);
-            }
-        }
-    }
-
-    function replicate(primary, secondary) {
-        copy(primary, secondary);
-        copy(secondary, primary);
-        return primary.bus.watch(({ type, event }) => {
-            if (event !== null && event !== undefined) {
-                secondary.setItem(type, event);
-            }
-            else {
-                secondary.removeItem(type);
-            }
-        });
-    }
-
-    class StorageAdapter {
-        storage;
-        bus;
-        get size() {
-            return this.storage?.length ?? 0;
-        }
-        constructor(storage, bus = new EventBus()) {
-            this.storage = storage;
-            this.bus = bus;
-        }
-        hasItem(key) {
-            return Boolean(this.storage?.getItem(String(key)));
-        }
-        getItem(key) {
-            const _ = this.storage?.getItem(String(key)) ?? null;
-            try {
-                return JSON.parse(String(_));
-            }
-            catch (ex) {
-                return null;
-            }
-        }
-        entries() {
-            return Array.from({ length: this.size }, (_, i) => {
-                const k = String(this.storage?.key(i));
-                return [k, this.getItem(k)];
-            });
-        }
-        setItem(key, value) {
-            if (value !== null) {
-                this.storage?.setItem(String(key), JSON.stringify(value));
-            }
-            else {
-                this.storage?.removeItem(String(key));
-            }
-            this.bus?.subject(key, value);
-        }
-        removeItem(key) {
-            this.storage?.removeItem(String(key));
-            this.bus?.subject(key, null);
-        }
-    }
-
-    class Store {
-        bus;
-        store = new Map();
-        get size() {
-            return this.store.size;
-        }
-        constructor(bus = new EventBus()) {
-            this.bus = bus;
-        }
-        hasItem(key) {
-            return this.store.has(key);
-        }
-        getItem(key) {
-            return this.store.get(key);
-        }
-        entries() {
-            return this.store.entries();
-        }
-        setItem(key, value) {
-            this.store.set(key, value);
-            this.bus.subject(key, value);
-        }
-        removeItem(key) {
-            this.store.delete(key);
-            this.bus.subject(key, null);
-        }
-    }
-
-    function useRerender() {
-        const [, setCount] = useState(0);
-        return useCallback(() => setCount(_ => (_ + 1) % (1 << 16)), []);
-    }
-
-    const DEFAULT_METHODS = {};
-    /**
-     * MobX like reactivity (simplified).
-     * Can be used to migrate from Redux/MobX or something else
-     *
-     * @param store
-     * @returns reactive proxy backed by store
-     */
-    function useStore(store, methods = DEFAULT_METHODS) {
-        const deps = useRef(null);
-        const render = useRerender();
-        useEffect(() => store.bus.watch(ev => {
-            if (deps.current?.has(String(ev.type))) {
-                render();
-            }
-        }), [store, render]);
-        return useMemo(() => new Proxy(methods, {
-            get(_, key) {
-                deps.current ||= new Set();
-                deps.current.add(key);
-                return store.getItem(key);
-            },
-            has(_, key) {
-                deps.current ||= new Set();
-                deps.current.add(key);
-                return store.hasItem(key);
-            },
-            set(_, key, value) {
-                store.setItem(key, value);
-                return true;
-            },
-            deleteProperty(_, key) {
-                store.removeItem(key);
-                return true;
-            }
-        }), [store]);
-    }
-
-    const localStore = new Store(); // localStorage cache
-    replicate(localStore, new StorageAdapter(globalThis?.localStorage));
-    function useLocalStore(methods) {
-        return useStore(localStore, methods);
-    }
-
     const sessionStore = new Store(); // sessionStorage cache
     replicate(sessionStore, new StorageAdapter(globalThis?.sessionStorage));
     function useSessionStore() {
@@ -14380,7 +14413,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.1025";
+    const packageVersion = "0.14.1026";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;