@redneckz/wildless-cms-uni-blocks 0.8.23 → 0.8.24

package/bundle/bundle.umd.js

@@ -370,10 +370,7 @@
         const ref = useBlockIntersectionObserver(block);
         const [isHidden, setHidden] = useState(false);
         useEffect(() => defaultEventBus.subscribe('tab', (event) => {
-            setHidden(Boolean(event.type === 'group' &&
-                event.label &&
-                block?.labels?.length &&
-                !block.labels.includes(event.label)));
+            setHidden(Boolean(event.label && block?.labels?.length && !block.labels.includes(event.label)));
         }), [block]);
         return (jsx(Tag, { className: style(isTheme ? 'group' : '', blockStyles[version], isHidden ? 'hidden' : '', className), ...(version && isTheme ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor, ref } : {}), role: role, children: children }));
     });
@@ -873,7 +870,7 @@
             handleSubmit &&
                 (await handleSubmit({
                     typeForm: 'acqr',
-                    region,
+                    region: regions.find((_) => _.code === selectedRegion)?.name || '',
                     PartnerComments,
                     fullName,
                     inn,
@@ -914,7 +911,7 @@
             handleSubmit &&
                 (await handleSubmit({
                     typeForm: 'bcrd',
-                    region,
+                    region: regions.find((_) => _.code === selectedRegion)?.name || '',
                     name,
                     phone,
                     inn,
@@ -930,15 +927,15 @@
     const renderDataOrganization$3 = ({ name, phone, mail, inn, handleChange, }) => (jsxs("div", { className: "flex justify-between gap-5", children: [jsxs("div", { className: "w-1/2", children: [jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", "aria-label": "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", label: "\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0435 \u043B\u0438\u0446\u043E", value: name, onChange: (value) => handleChange({ name: value }) }), jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", "aria-label": "\u0418\u041D\u041D", label: "\u0418\u041D\u041D", value: inn, onChange: (value) => handleChange({ inn: value }) })] }), jsxs("div", { className: "w-1/2", children: [jsx(Input, { className: "shrink-0 text-l w-full mb-5", type: "text", "aria-label": "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", label: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D", value: phone, onChange: (value) => handleChange({ phone: value }) }), jsx(Input, { className: "shrink-0 text-l w-full ", type: "text", "aria-label": "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", value: mail, onChange: (value) => handleChange({ mail: value }) })] })] }));
     const renderRegion$1 = ({ regions, region, handleChange }) => (jsx("div", { className: "flex justify-between gap-5 mb-5", children: jsx("div", { className: "w-full", children: jsx(WrapperSelect$1, { data: regions, fieldValue: "code", fieldLabel: "name", selected: region, setSelected: (value) => handleChange({ region: value }), label: "\u0420\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D" }) }) }));
 
-    const SAFEBOXES_URL = '/api/v1/safeboxes';
-    const EMPTY_VALUE = [];
-    function useSafeBoxes(regionCode) {
-        const { data } = useAsyncData(regionCode ? `${SAFEBOXES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes);
-        return data || EMPTY_VALUE;
+    const BRANCHES_URL = '/api/v1/branches';
+    const EMPTY_VALUE$1 = [];
+    function useBranches(regionCode) {
+        const { data } = useAsyncData(regionCode ? `${BRANCHES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes$1);
+        return data || EMPTY_VALUE$1;
     }
-    const fetchSafeBoxes = async (url) => {
+    const fetchSafeBoxes$1 = async (url) => {
         const result = await fetchJSON(url, { method: 'GET' });
-        return result || EMPTY_VALUE;
+        return result || EMPTY_VALUE$1;
     };
 
     const MIN_CREDIT_AMOUNT = 50000;
@@ -1013,8 +1010,8 @@
         const { handleChange } = useFormHandlers({
             setFormState,
         });
-        const selectedRegion = normalizeSelectedRegion$1(formState.region, regions);
-        const branches = useSafeBoxes(region);
+        const selectedRegion = normalizeSelectedRegion$1(region, regions);
+        const branches = useBranches(selectedRegion).filter((branch) => branch.address);
         useEffect(() => {
             handleChange({
                 department: '',
@@ -1031,8 +1028,8 @@
                     name,
                     phone,
                     mail,
-                    region,
-                    department,
+                    region: regions.find((_) => _.code === selectedRegion)?.name || '',
+                    department: branches.find((_) => _.branchCode === department)?.address || '',
                     PartnerComments,
                 }));
         };
@@ -1244,8 +1241,8 @@
     const renderBonusImage = (_) => _.image ? jsx(ImgInner, { className: `w-12 h-12 min-w-12 p-3 rounded-full`, image: _.image }) : null;
 
     const BonusBenefitsBlock = JSX(({ bonusBenefits, cardTextAlign = 'center', className = '', columnsCount = '4', subtitle, title, ...rest }) => (jsxs(BlockWrapper, { className: `font-sans text-primary-text bg-white p-12 flex flex-col text-center ${className}`, ...rest, children: [jsx(Headline, { className: "!p-0 mb-8", title: title, description: subtitle, headlineVersion: "M" }), bonusBenefits?.length ? (jsx("div", { className: `grid gap-1 ${AlignText[cardTextAlign]} ${getElementsColsValue(columnsCount)}`, children: bonusBenefits.map(renderBonusBenefit) })) : null] })));
-    const renderBonusBenefit = ({ icon, label, description }, i) => {
-        return (jsxs("div", { className: "flex flex-col items-center text-h6", children: [description ? jsx("span", { children: description }) : null, icon ? jsx(ImgInner, { image: icon, height: "180", width: "auto", className: "h-[180px] w-auto" }) : null, jsx("div", { children: label ? jsx("span", { children: label }) : null })] }, String(i)));
+    const renderBonusBenefit = ({ icon, title, description }, i) => {
+        return (jsxs("div", { className: "flex flex-col items-center text-h6", children: [title ? jsx("span", { children: title }) : null, icon ? jsx(ImgInner, { image: icon, height: "180", width: "auto", className: "h-[180px] w-auto" }) : null, jsx("div", { children: description ? jsx("span", { children: description }) : null })] }, String(i)));
     };
     const getElementsColsValue = (colValue) => {
         switch (colValue) {
@@ -1616,7 +1613,10 @@
      */
     const getMonthlyPayment = (rate, params) => {
         const { isAnnuity, moneyValue, monthsValue } = params;
-        if (isAnnuity) {
+        if (rate === 0) {
+            return 0;
+        }
+        else if (isAnnuity) {
             const i = rate / MONTHLY_INTEREST_RATE; // Используется значение ставки в процентах
             return moneyValue * (i + i / (Math.pow(1 + i, monthsValue) - 1));
         }
@@ -2842,7 +2842,11 @@
         const [isShowLocationModal, { setTrue: showLocationModal, setFalse: hideLocationModal }] = useBool();
         const [location, onChangeLocation] = useLocation(defaultLocation);
         const iconVersion = version === 'transparent' ? 'white' : 'black';
-        return (jsxs("div", { className: style('flex items-center', className), children: [jsx(TopItem, { className: "mr-5", flat: true, href: "#", text: location.name, onClick: showLocationModal }), officesLink ? (jsx(TopItem, { className: "mr-7", flat: true, href: officesLink, text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" })) : null, projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { className: "mr-5", iconVersion: iconVersion, chat: projectSettings.CHAT_BOT })) : null, isShowLocationModal ? (jsx(Location, { currentLocation: location, foreignOffices: foreignOffices, onChangeLocation: onChangeLocation, close: hideLocationModal })) : null] }));
+        const handleShowLocationModal = useCallback((ev) => {
+            ev?.preventDefault();
+            showLocationModal();
+        }, []);
+        return (jsxs("div", { className: style('flex items-center', className), children: [jsx(TopItem, { className: "mr-5", flat: true, href: "#", text: location.name, onClick: handleShowLocationModal }), officesLink ? (jsx(TopItem, { className: "mr-7", flat: true, href: officesLink, text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" })) : null, projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { className: "mr-5", iconVersion: iconVersion, chat: projectSettings.CHAT_BOT })) : null, isShowLocationModal ? (jsx(Location, { currentLocation: location, foreignOffices: foreignOffices, onChangeLocation: onChangeLocation, close: hideLocationModal })) : null] }));
     });
 
     const findActiveSubItem = (router) => (items = []) => {
@@ -3775,6 +3779,17 @@
     };
     const renderPrimaryFoldButton = ({ label, icon, onToggle }) => (jsxs("button", { className: "border-none bg-transparent px-9 pt-5 pb-3.5 flex justify-between text-left w-full font-sans text-h6 cursor-pointer", onClick: onToggle, children: [jsx("span", { className: "text-xl font-medium pr-2.5", children: label }), icon ? jsx(ImgInner, { image: getIconWithVersion({ icon }), width: "24", height: "24", asSVG: true }) : null] }));
 
+    const SAFEBOXES_URL = '/api/v1/safeboxes';
+    const EMPTY_VALUE = [];
+    function useSafeBoxes(regionCode) {
+        const { data } = useAsyncData(regionCode ? `${SAFEBOXES_URL}?regionCode=${regionCode}` : null, fetchSafeBoxes);
+        return data || EMPTY_VALUE;
+    }
+    const fetchSafeBoxes = async (url) => {
+        const result = await fetchJSON(url, { method: 'GET' });
+        return result || EMPTY_VALUE;
+    };
+
     const WrapperSelect = JSX(({ data, fieldLabel, fieldValue, selected, placeholder = '', setSelected, label }) => {
         const dataFormat = data
             .filter(Boolean)
@@ -4048,11 +4063,15 @@
     };
 
     const LinkTab = JSX((props) => {
-        const { tab, currentTab, isScrollable = false } = props;
+        const { tab, currentTab, onClick, isScrollable = false } = props;
         const active = currentTab?.type === 'link' && currentTab.href === tab.href;
         const link = useLink();
         const adjustedProps = link(tab);
-        return (jsx("a", { role: "tab", className: getLinkTabClassName('link', active, isScrollable), target: tab.target, href: adjustedProps.href, onClick: adjustedProps.onClick, children: jsx("span", { className: getLinkTabClassName('text', active, isScrollable), children: tab.text }) }));
+        const handleClick = (ev) => {
+            adjustedProps.onClick(ev);
+            onClick(tab);
+        };
+        return (jsx("a", { role: "tab", className: getLinkTabClassName('link', active, isScrollable), target: tab.target, href: adjustedProps.href, onClick: handleClick, children: jsx("span", { className: getLinkTabClassName('text', active, isScrollable), children: tab.text }) }));
     });
 
     const BADGE_CLASSES = 'min-w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
@@ -4085,7 +4104,7 @@
             case 'group':
                 return renderGroupTab({ page, currentTab, showCounter, onClick, isScrollable })(tab, i);
             case 'link': {
-                return (jsx(LinkTab, { tab: tab, currentTab: currentTab, isScrollable: isScrollable }, String(i)));
+                return (jsx(LinkTab, { tab: tab, currentTab: currentTab, isScrollable: isScrollable, onClick: onClick }, String(i)));
             }
             default:
                 assertUnreachable(type);
@@ -4112,15 +4131,19 @@
     const Tabs = JSX((props) => {
         const { className = '', tabs, showCounter, isSticky, tabsMode, ...rest } = props;
         const [currentTab, setCurrentTab] = useState(tabs ? tabs[0] : undefined);
+        useEffect(() => {
+            if (!tabs || !tabs[0]) {
+                return;
+            }
+            fireTabEvent(tabs[0]);
+        }, []);
         useEffect(() => {
             if (currentTab?.type === 'group') {
                 defaultEventBus.subject('tab', { type: currentTab.type, label: currentTab.ref });
             }
         }, [currentTab]);
         const handleClick = useCallback((selectedTab) => {
-            if (selectedTab?.type === 'group') {
-                defaultEventBus.fire('tab', { type: selectedTab.type, label: selectedTab.ref });
-            }
+            fireTabEvent(selectedTab);
             setCurrentTab(selectedTab);
         }, []);
         return (jsx(BlockWrapper, { className: `relative box-border flex gap-x-1 w-full ${isSticky ? 'sticky top-1 z-20' : ''} ${className}`, role: "tablist", ...rest, children: tabsMode === 'scrollable' ? (jsx(ScrollableTabs, { tabs: tabs, onClick: handleClick, currentTab: currentTab, showCounter: showCounter, ...rest })) : (tabs?.map(renderTab({
@@ -4130,6 +4153,14 @@
                 ...rest,
             }))) }));
     });
+    const fireTabEvent = (tab) => {
+        if (tab.type === 'group') {
+            defaultEventBus.fire('tab', { type: tab.type, label: tab.ref });
+        }
+        if (tab.type === 'link') {
+            defaultEventBus.fire('tab', { type: tab.type, label: tab.href });
+        }
+    };
 
     const DIVIDER_CLASSES = 'border-main-divider border border-t-0 border-x-0';
     const FIRST_CELL_CLASSES = 'w-[354px] flex-shrink-0';
@@ -4535,7 +4566,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.8.23";
+    const packageVersion = "0.8.24";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;