@redneckz/wildless-cms-uni-blocks 0.14.671 → 0.14.673

package/bundle/api/RetailAPI/getCardTypes.d.ts

@@ -0,0 +1,8 @@
+export declare type CardTypeData = {
+    type: string;
+    key: string;
+    value: string;
+    displayOrder: number;
+    description: string;
+};
+export declare const getCardTypes: (paymentSystemType: string) => Promise<CardTypeData[]>;

package/bundle/api/RetailAPI/getPaymentSystems.d.ts

@@ -0,0 +1,4 @@
+export declare const getPaymentSystems: () => Promise<{
+    id: string;
+    text: string;
+}[] | undefined>;

package/bundle/bundle.umd.js

@@ -1975,7 +1975,7 @@
     //       Сейчас реализован поиск среди тестовых данных
     // TODO: Также выяснить что делать когда ничего не найдено
     // TODO: На макетах также когда есть поле поиска нет кнопки открыть на карте.
-    const YandexMap = JSX(({ points, className = '', zoom = 5, isLoad }) => {
+    const YandexMap = JSX(({ points, className = '', zoom = 5, isLoad, selectedAddress }) => {
         const map = useRef(null);
         const parentDiv = useRef(null);
         const yandexMaps = useYandexMaps();
@@ -1999,7 +1999,16 @@
                     renderClusterer({ yandexMaps, map: map.current, points, isLoad });
                 });
             }
-        }, [yandexMaps, points, zoom, isLoad]);
+            // zoom к выбранному отделению банка в рамках задачи по retail
+            if (map.current && selectedAddress) {
+                yandexMaps?.geocode(selectedAddress).then((res) => {
+                    const firstGeoObject = res.geoObjects.get(0);
+                    const coords = firstGeoObject.geometry.getCoordinates();
+                    map.current.setCenter(coords);
+                    map.current.setZoom(18);
+                });
+            }
+        }, [yandexMaps, points, zoom, isLoad, selectedAddress]);
         if (!yandexMaps) {
             return null;
         }
@@ -2027,7 +2036,7 @@
         }
     };
     async function doRequest(url, method, body) {
-        return await fetch(`${API_BASE_URI}${url}`, {
+        return globalThis?.fetch?.(`${API_BASE_URI}${url}`, {
             method,
             headers: {
                 'Content-Type': 'application/json',
@@ -2475,7 +2484,7 @@
         const { data } = useLeadFormData('REGION_RF');
         const regionValue = field('regionRetail')?.value || {};
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        field('addressRetail');
+        const fieldBranch = field('addressRetail');
         useEffect(() => {
             (async () => {
                 const officesList = await fetchRegionOffices(regionValue?.key ?? '');
@@ -2494,7 +2503,7 @@
         return (jsxs("div", { children: [jsx(SelectControl, { label: "\u0410\u0434\u0440\u0435\u0441 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435", options: offices.map(({ id, address = '' }) => ({
                         key: id?.toString() || '',
                         text: address,
-                    })), ...getValidation(field('addressRetail'), validatorObj.addressRetail, input?.required && isRegionSelected), isSearch: true }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: !data, className: "h-full" }) }) })] }));
+                    })), ...getValidation(field('addressRetail'), validatorObj.addressRetail, input?.required && isRegionSelected), isSearch: true }), jsx("div", { className: "h-[600px]", children: jsx(ClientOnly, { children: jsx(YandexMap, { points: points, isLoad: !data, className: "h-full", selectedAddress: fieldBranch?.value?.text }) }) })] }));
     });
 
     const useNormalizedInput = (props, { normalize, format }) => {
@@ -2885,9 +2894,25 @@
     const FIELD_NAME$7 = 'birthPlace';
     const BirthPlaceField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthPlace'), validatorObj.birthPlace, input?.required), ...input, disabled: input?.filledByEsia && isEsiaAuthorize(field, FIELD_NAME$7) })));
 
+    const getCardTypes = async (paymentSystemType) => {
+        const response = await doRequest('/dictionaryFiltered', 'POST', {
+            type: 'CARD_TYPE',
+            presets: { paymentSystemType, creditProgramId: 13 },
+        });
+        const data = await response?.json();
+        return data;
+    };
+
     const CardCategoryField = JSX(({ field, input }) => {
-        const { data: cardCategory } = useLeadFormData('CARD_TYPE');
-        return (jsx(SelectField, { field: field, source: cardCategory, label: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u043A\u0430\u0440\u0442\u044B", fieldName: "cardCategory", input: input }));
+        const [cardTypes, setCardTypes] = useState([]);
+        const selectedPaymentSystem = field('paymentSystem').value;
+        useEffect(() => {
+            (async () => {
+                const fetchedCardTypes = await getCardTypes(selectedPaymentSystem);
+                setCardTypes(fetchedCardTypes);
+            })();
+        }, [selectedPaymentSystem]);
+        return (jsx(SelectField, { field: field, source: cardTypes, label: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u043A\u0430\u0440\u0442\u044B", fieldName: "cardCategory", input: input }));
     });
 
     const ChildrenField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('children'), validatorObj.children, input?.required), ...input })));
@@ -3188,13 +3213,27 @@
         return (jsx(InputControl, { ...getValidation(field('partnerComments'), validatorObj.partnerComments, required), placeholder: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441", isTextarea: true, ...rest }));
     });
 
-    const PAYMENT_SYSTEM_TYPES = [
-        { id: 'mir', text: 'Карта МИР' },
-        { id: 'union_pay', text: 'UnionPay' },
-    ];
+    const getPaymentSystems = async () => {
+        const response = await doRequest('/public-data/creditProgramConditions', 'POST', {
+            creditProgramId: 13,
+        });
+        const data = await response?.json();
+        return data?.paymentSystems?.map((paymentSystem) => ({
+            id: paymentSystem.type,
+            text: paymentSystem.name,
+        }));
+    };
+
     const PaymentSystemField = JSX(({ field, input }) => {
         const { value, onChange } = field('paymentSystem');
-        return (jsx(RadioButtonGroupControl, { label: "\u041F\u043B\u0430\u0442\u0435\u0436\u043D\u0430\u044F \u0441\u0438\u0441\u0442\u0435\u043C\u0430", orientation: "horizontal", items: PAYMENT_SYSTEM_TYPES, value: value, onChange: (_) => onChange?.(_), ...getValidation(field('paymentSystem'), validatorObj.paymentSystem, input?.required) }));
+        const [paymentSystemOptions, setPaymentSystemOptions] = useState([]);
+        useEffect(() => {
+            (async () => {
+                const fetchedPaymentSystems = await getPaymentSystems();
+                setPaymentSystemOptions(fetchedPaymentSystems || []);
+            })();
+        }, []);
+        return (jsx(RadioButtonGroupControl, { label: "\u041F\u043B\u0430\u0442\u0435\u0436\u043D\u0430\u044F \u0441\u0438\u0441\u0442\u0435\u043C\u0430", orientation: "horizontal", items: paymentSystemOptions, value: value, onChange: (_) => onChange?.(_), ...getValidation(field('paymentSystem'), validatorObj.paymentSystem, input?.required) }));
     });
 
     const isPlaceholder = (_) => _ === '_';
@@ -6176,7 +6215,7 @@
 
     const formStateMap$1 = [
         {
-            paymentSystem: PAYMENT_SYSTEM_TYPES[0].id,
+            paymentSystem: '',
             currency: 'rub',
             codeWord: '',
         },
@@ -9982,7 +10021,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.670";
+    const packageVersion = "0.14.672";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;