@redneckz/wildless-cms-uni-blocks 0.14.213 → 0.14.215

package/bundle/bundle.umd.js

@@ -467,6 +467,8 @@
         }
     }
 
+    const dataAttributes = (data = {}) => Object.entries(data).reduce((res, [k, v]) => ({ ...res, [`data-${k.toLowerCase()}`]: v }), {});
+
     /** @deprecated */
     const ButtonInner = JSX((props) => {
         const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
@@ -522,7 +524,7 @@
         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, children }) => (jsx("a", { className: getRegularButtonClasses({ className, version, rounded }), href: href, rel: rel, target: target, "aria-label": ariaLabel, role: href ? 'link' : 'button', onClick: onClick, type: type, children: children })));
+    const RegularButton = JSX(({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, type, data, children, }) => (jsx("a", { className: getRegularButtonClasses({ className, version, rounded }), href: href, rel: rel, target: target, "aria-label": ariaLabel, role: href ? 'link' : 'button', onClick: onClick, type: type, ...dataAttributes(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 })));
 
     function renderBackwardButton(version, handleClick) {
@@ -1492,12 +1494,12 @@
 
     const RegionField = JSX(({ field, input }) => {
         const regions = useRegions();
-        return (jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: useMemo(() => regions.map(({ code = '', name = '' }) => ({ key: code, text: name })), [regions]), ...getValidation(field('region'), validatorObj.region, input?.required) }));
+        return (jsx(SelectControl, { label: "\u0424\u0438\u043B\u0438\u0430\u043B", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0438\u043B\u0438\u0430\u043B", isSearch: true, options: useMemo(() => regions?.map(({ code = '', name = '' }) => ({ key: code, text: name })), [regions]), ...getValidation(field('region'), validatorObj.region, input?.required) }));
     });
 
     const RegionPremiumField = JSX(({ field, input }) => {
         const branchByRegions = usePremiumBranchesByRegions();
-        const regions = useMemo(() => branchByRegions.map(({ region }) => ({
+        const regions = useMemo(() => branchByRegions?.map(({ region }) => ({
             key: region,
             text: region,
         })), []);
@@ -1549,8 +1551,8 @@
     const AddressBranchField = JSX(({ field, input, isPremium = false }) => {
         const regionKey = field('region')?.value?.text;
         const addressBranch = isPremium
-            ? usePremiumBranchesByRegions().find((_) => _?.region === regionKey)?.branches
-            : useBranches(regionKey).filter((branch) => branch?.address);
+            ? usePremiumBranchesByRegions()?.find((_) => _?.region === regionKey)?.branches
+            : useBranches(regionKey)?.filter((branch) => branch?.address);
         const { value, onChange } = field?.('addressBranch') || {};
         useEffect(() => {
             if (value?.key !== '') {
@@ -1592,7 +1594,7 @@
     function useButton() {
         return (props) => ({
             ...props,
-            onClick: handlerDecorator(handleClick(props), props),
+            onClick: handlerDecorator(handleClick(props)),
         });
     }
     function handleClick({ disabled, onClick }) {
@@ -1807,7 +1809,7 @@
         const { acquiringType, onlineCheckout, posTerminal, amount, term, annualRevenue, serviceType, ...usedData } = data;
         const partnerComments = acquiringType || annualRevenue ? getPartnerComments(data) : null;
         const formatData = { ...usedData, ...(partnerComments ? { partnerComments } : {}) };
-        return Object.fromEntries(Object.entries(formatData).map(([k, v]) => [
+        return Object.fromEntries(Object.entries(formatData)?.map(([k, v]) => [
             k,
             (k === 'region' ? v?.text : v?.key) || v,
         ]));
@@ -1864,7 +1866,7 @@
         return (jsx(ApplicationFormLayout, { className: style(formStyle, className), title: title, responseType: responseType, children: jsxs("form", { className: "", onSubmit: onSubmit, children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [_?.title ? jsx("div", { className: "@xl:text-center @xl:col-span-2", children: _.title }) : null, _?.inputs?.map(getField(field, typeForm))] }, `section-${i}`))), renderAgreementSubmit(fieldName ? field('consentDataProcessing') : undefined, link, button)] }) }));
     });
     const inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '';
-    const getConsentDataProcessing = (inputs) => inputs.find((_) => _?.name === 'consentDataProcessing');
+    const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
 
     /** @deprecated */
     const AlignStyles = 'text-center';
@@ -5780,16 +5782,22 @@
         return url.toString();
     };
 
-    const useNavigateHandler = () => {
+    const useNavigateHandler = handlerDecorator(() => {
         useEffect(() => {
             getSessionQuery(); //? Call first time for save query in sessionStorage
         }, []);
         useEventListener(globalThis, 'click', navigationHandler);
-    };
+    });
     const navigationHandler = (ev) => {
         const element = getAnchorElement(ev.target);
+        const [ymID] = projectSettings._.YANDEX_METRIKA_ID?.split(',').reverse() ?? [];
+        const targetName = element?.dataset?.ymtarget;
+        if ([ymID, targetName, globalThis.ym].every(Boolean)) {
+            globalThis.ym(ymID, 'reachGoal', targetName);
+        }
         if (isURL(element?.href)) {
             ev.preventDefault();
+            ev.stopPropagation();
             const url = adjustSessionQuery(element?.href) || element?.href;
             if (url) {
                 globalThis.location.href = url;
@@ -5954,7 +5962,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.212";
+    const packageVersion = "0.14.214";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;