@redneckz/wildless-cms-uni-blocks 0.14.1069 → 0.14.1071

package/lib/ui-kit/RichText/RichText.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
-export const RichText = JSX(({ __html = '', richVersion = '', itemSize = 'list-m', isDotted = true, children }) => {
+export const RichText = JSX(({ __html = '', richVersion = '', itemSize = 'list-m', className, isDotted = true, children, }) => {
     const dotStyle = isDotted ? '' : 'without-dots';
     return __html || children ? (
     /* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
-    _jsx("div", { "data-component": "rich-text-container", children: _jsx("div", { className: style(richVersion, itemSize, 'md-container group-data-secondary:text-white group-data-gray:text-secondary-text', dotStyle), dangerouslySetInnerHTML: __html ? { __html } : undefined, children: children }) })) : null;
+    _jsx("div", { "data-component": "rich-text-container", children: _jsx("div", { className: style(richVersion, itemSize, 'md-container group-data-secondary:text-white group-data-gray:text-secondary-text', dotStyle, className), dangerouslySetInnerHTML: __html ? { __html } : undefined, children: children }) })) : null;
 });
 //# sourceMappingURL=RichText.js.map

package/lib/ui-kit/RichText/RichText.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../src/ui-kit/RichText/RichText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,GAAG,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC;IAEhD,OAAO,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC;IAC1B,uFAAuF;IACvF,gCAAoB,qBAAqB,YACvC,cACE,SAAS,EAAE,KAAK,CACd,WAAW,EACX,QAAQ,EACR,kFAAkF,EAClF,QAAQ,CACT,EACD,uBAAuB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAEvD,QAAQ,GACL,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
+{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../src/ui-kit/RichText/RichText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,MAAM,GAAG,EAAE,EACX,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,QAAQ,EACnB,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC;IAEhD,OAAO,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC;IAC1B,uFAAuF;IACvF,gCAAoB,qBAAqB,YACvC,cACE,SAAS,EAAE,KAAK,CACd,WAAW,EACX,QAAQ,EACR,kFAAkF,EAClF,QAAQ,EACR,SAAS,CACV,EACD,uBAAuB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAEvD,QAAQ,GACL,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/lib/ui-kit/RichText/RichTextProps.d.ts

@@ -16,5 +16,7 @@ export declare type RichTextProps = BulletsProps & {
     richVersion?: RichVersion;
     /** @hidden */
     itemSize?: RichTextItemSize;
+    /** @hidden */
+    className?: string;
 };
 export {};

package/mobile/bundle/bundle.umd.js

@@ -831,11 +831,11 @@
             ? 'bg-secondary-light text-primary-main'
             : 'bg-primary-main text-black group-data-secondary:bg-white/30 group-data-secondary:text-black'), children: jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion: icon.iconVersion || benefitsVersion } }) })) : null;
 
-    const RichText = JSX(({ __html = '', richVersion = '', itemSize = 'list-m', isDotted = true, children }) => {
+    const RichText = JSX(({ __html = '', richVersion = '', itemSize = 'list-m', className, isDotted = true, children, }) => {
         const dotStyle = isDotted ? '' : 'without-dots';
         return __html || children ? (
         /* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
-        jsx("div", { "data-component": "rich-text-container", children: jsx("div", { className: style(richVersion, itemSize, 'md-container group-data-secondary:text-white group-data-gray:text-secondary-text', dotStyle), dangerouslySetInnerHTML: __html ? { __html } : undefined, children: children }) })) : null;
+        jsx("div", { "data-component": "rich-text-container", children: jsx("div", { className: style(richVersion, itemSize, 'md-container group-data-secondary:text-white group-data-gray:text-secondary-text', dotStyle, className), dangerouslySetInnerHTML: __html ? { __html } : undefined, children: children }) })) : null;
     });
 
     const renderBenefitDescription = (description, i) => description ? (jsx(Paragraph, { font: "font-light", size: "text-m", color: "text-secondary-text group-data-secondary:text-white", children: description }, `description-${i}`)) : null;
@@ -6905,7 +6905,7 @@
         return res || {};
     };
 
-    const createParticipant = (body) => fetchRetailJSON('/external/public-data/createParticipant', 'POST', body).then((res) => res || null);
+    const createParticipant = (body) => fetchRetailJSON('/internal/entities/createParticipant', 'POST', body).then((res) => res || null);
 
     const createUserProfile = (body) => fetchRetailJSON('/public-data/createUserProfile', 'POST', body).then((res) => res?.profile?.id || null);
 
@@ -6974,7 +6974,7 @@
         'bg-white': 'text-primary-main',
         transparent: 'text-white',
     };
-    const renderImage = (bgColor, image, size) => {
+    const renderImage$1 = (bgColor, image, size) => {
         const img = image?.src
             ? image
             : {
@@ -6988,7 +6988,7 @@
         'bg-white': 'text-primary-text',
         transparent: 'text-white',
     };
-    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, data, size = ICON_SIZE, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: logo?.href ?? href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', ...getAspectsAttributes(data), children: [renderImage(bgColor, logo?.image, size), showTitle
+    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, data, size = ICON_SIZE, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: logo?.href ?? href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', ...getAspectsAttributes(data), children: [renderImage$1(bgColor, logo?.image, size), showTitle
                 ? children ?? (jsx("div", { className: "ml-s", children: jsx(Text, { font: "font-medium", color: TEXT_COLOR[bgColor], size: logoTitleSizeStyle, children: logo?.title ?? 'Россельхозбанк' }) }))
                 : null] })));
 
@@ -7845,43 +7845,26 @@
             try {
                 startSending();
                 const transformedFormData = transformFormData(formData);
-                const participantData = await createParticipant({
-                    phone: formatPhone(transformedFormData.phone),
-                    email: transformedFormData.email,
-                });
                 const referalData = leadFormStore.referalData;
                 const marketingInfo = sessionStore.marketingInfo;
-                if (!participantData) {
-                    throw new Error();
-                }
-                const { participantId, userId } = participantData;
-                if (!participantId) {
-                    throw new Error();
-                }
                 const common = {
                     programId,
-                    userId,
                     productType,
                     sendAspects,
                     verifyPhoneDialog,
                     handleFailSendForm,
                 };
                 const taskData = {
-                    participantId,
                     formData: transformedFormData,
                     referalData,
                     marketingInfo,
                     saveUserData,
                 };
-                const sendCurrentTask = createSendCurrentTaskNew({
-                    common,
-                    taskData,
-                    consentBkiDialog,
-                });
                 const handleSuccessVerify = createHandleSuccessVerifyNew({
                     common,
+                    taskData,
                     draftDialog,
-                    sendCurrentTask,
+                    consentBkiDialog,
                 });
                 const acceptedConsents = getAcceptedConsents(transformedFormData, productType);
                 verifyPhoneDialog.open({
@@ -7906,6 +7889,9 @@
     const createSendCurrentTaskNew = ({ common, taskData, consentBkiDialog, }) => async () => {
         const { programId, userId, productType, sendAspects, verifyPhoneDialog, handleFailSendForm } = common;
         const { participantId, formData, referalData, marketingInfo, saveUserData } = taskData;
+        if (!participantId) {
+            throw new Error();
+        }
         const taskId = await updateUserDataNewMicroservice({
             programId,
             participantId,
@@ -7925,9 +7911,34 @@
             onFail: handleFailSendForm,
         });
     };
-    const createHandleSuccessVerifyNew = ({ common, draftDialog, sendCurrentTask, }) => async () => {
-        const { verifyPhoneDialog, sendAspects, handleFailSendForm, userId, programId, productType } = common;
+    const createHandleSuccessVerifyNew = ({ common, taskData, draftDialog, consentBkiDialog, }) => async () => {
+        const { programId, productType, sendAspects, verifyPhoneDialog, handleFailSendForm } = common;
+        const { formData } = taskData;
         try {
+            const participantData = await createParticipant({
+                phone: formatPhone(formData.phone),
+                email: formData.email,
+            });
+            if (!participantData) {
+                throw new Error();
+            }
+            const { participantId, userId } = participantData;
+            if (!participantId) {
+                throw new Error();
+            }
+            const updatedCommon = {
+                ...common,
+                userId,
+            };
+            const updatedTaskData = {
+                ...taskData,
+                participantId,
+            };
+            const sendCurrentTask = createSendCurrentTaskNew({
+                common: updatedCommon,
+                taskData: updatedTaskData,
+                consentBkiDialog,
+            });
             const lastTaskId = await getLastTaskStatus({ userId, programId });
             if (lastTaskId) {
                 const task = await getTaskById({ taskId: lastTaskId });
@@ -7944,7 +7955,8 @@
                 await sendCurrentTask();
             }
         }
-        catch {
+        catch (error) {
+            console.error('Error in handleSuccessVerify:', error);
             handleFailSendForm();
         }
     };
@@ -10244,27 +10256,30 @@
         return (jsxs(BlockWrapper, { className: style('flex flex-col', className), defaultPadding: "p-2xl", ...rest, children: [jsx(Img, { className: "self-center", image: icon }), title ? (jsx(Heading, { className: style('pt-xs', align), headingType: "h5", title: title })) : null, button?.text ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, hiddenCells.length ? (jsxs(Foldable, { children: [jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isVisible, children: hiddenCells })] }), cardCells.length >= visibleCellsCount ? (jsx(DefaultFoldButton, { className: "mt-m", label: isVisible ? 'Скрыть' : 'Подробнее о тарифе', isUnfolded: isVisible, embedded: true, data: data, onClick: handleFold })) : null] })) : (jsx("div", { children: visibleCells }))] }));
     });
 
-    const MAX_MONTH_CASHBACK = 5000;
-    const MAX_YEAR_CASHBACK = 60000;
     const ResultText = JSX(({ text, value }) => (jsxs("div", { className: "space-y-xs w-full", children: [jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: text }), jsx("div", { className: "w-full text-2xl bg-main-gray px-4 py-3 rounded-md", children: toLocalNumberFormat()(value) })] })));
-    const CashbackCalculatorResult = JSX(({ cashbacks }) => {
-        const { mounth, year } = getResult(cashbacks);
-        return (jsxs("div", { className: "w-full flex flex-col gap-lg", children: [jsx(Heading, { className: "text-left", headingType: "h5", as: "h2", title: "\u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442 \u0440\u0430\u0441\u0447\u0435\u0442\u0430" }), jsx(RichText, { __html: '\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438 \u043F\u043E\u043A\u0443\u043F\u043E\u043A \u0434\u043B\u044F \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u0431\u0430\u043B\u043B\u043E\u0432 \u043F\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435.<br />\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435 \u043F\u043E \u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C \u0438 \u043D\u0430\u0447\u0438\u0441\u043B\u0435\u043D\u0438\u044F\u043C \u043C\u043E\u0436\u043D\u043E \u0443\u0437\u043D\u0430\u0442\u044C \u0432\u043E \u0432\u043A\u043B\u0430\u0434\u043A\u0435 <a href="#docs">\u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B</a>' }), jsxs("div", { className: "flex flex-col @xs:flex-row gap-lg", children: [jsx(ResultText, { text: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0432 \u043C\u0435\u0441\u044F\u0446", value: mounth }), jsx(ResultText, { text: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0432 \u0433\u043E\u0434", value: year })] })] }));
+    const CashbackCalculatorResult = JSX(({ cashbacks, maxMonthCashback }) => {
+        const { month, year } = getResult(cashbacks, maxMonthCashback);
+        return (jsxs("div", { className: "w-full flex flex-col gap-lg", children: [jsx(Heading, { className: "text-left", headingType: "h5", as: "h2", title: "\u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442 \u0440\u0430\u0441\u0447\u0435\u0442\u0430" }), jsxs("div", { className: "flex flex-col @xs:flex-row gap-lg", children: [jsx(ResultText, { text: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0432 \u043C\u0435\u0441\u044F\u0446", value: month }), jsx(ResultText, { text: "\u0411\u0430\u043B\u043B\u043E\u0432 \u0432 \u0433\u043E\u0434", value: year })] })] }));
     });
-    const getResult = (cashbacks) => {
+    const getResult = (cashbacks, maxMonthCashback) => {
         return cashbacks.reduce((acc, val) => {
-            const mounthSum = (Number(val.percent.key) / 100) * val.sum;
+            const mounthSum = (formatKey(val.percent.key) / 100) * val.sum;
             return {
-                mounth: Math.min(acc.mounth + mounthSum, MAX_MONTH_CASHBACK),
-                year: Math.min(acc.year + mounthSum * 12, MAX_YEAR_CASHBACK),
+                month: Math.min(acc.month + mounthSum, maxMonthCashback),
+                year: Math.min(acc.year + mounthSum * 12, maxMonthCashback * 12),
             };
         }, {
-            mounth: 0,
+            month: 0,
             year: 0,
         });
     };
+    const formatKey = (key) => Number(key.replace('-main', ''));
 
-    const AllPercentCategories = [
+    const ALL_PERCENT_STANDARD_CATEGORIES = [
+        {
+            text: 'Категория 1% «На всё»',
+            key: '1-main',
+        },
         {
             text: 'Категория 1,5%',
             key: '1.5',
@@ -10286,7 +10301,11 @@
             key: '15',
         },
     ];
-    const PercentCategoriesWithoutIncreased = [
+    const ALL_PERCENT_PREMIUM_CATEGORIES = [
+        {
+            text: 'Категория 1,5% «На всё»',
+            key: '1.5-main',
+        },
         {
             text: 'Категория 1,5%',
             key: '1.5',
@@ -10295,58 +10314,128 @@
             text: 'Категория 3%',
             key: '3',
         },
+        {
+            text: 'Категория 5%',
+            key: '5',
+        },
+        {
+            text: 'Категория 10%',
+            key: '10',
+        },
+        {
+            text: 'Категория 15%',
+            key: '15',
+        },
     ];
-    const CashbackCategory = JSX(({ categories, cashback, showIncreasedPercents, maxInputRange, deleteImage, onDelete, onChange, }) => {
-        const [currentCategory, setCurrentCategory] = useState(getRandomElement(categories));
-        const isMainCashback = cashback.id === 0;
-        const onChangePercent = (value) => {
-            onChange({
-                ...cashback,
-                percent: value,
-            });
-        };
-        const onChangeSum = (value) => {
-            onChange({
-                ...cashback,
-                sum: value,
-            });
-        };
-        return (jsxs("div", { className: "w-full space-y-m", children: [jsxs("div", { className: "space-y-xs", children: [jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E" }), jsxs("div", { className: "flex gap-m", children: [jsx(Select, { className: "w-full", isManualInput: isMainCashback, placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E", options: getPercentCategories(isMainCashback, showIncreasedPercents), value: cashback.percent, onChange: onChangePercent }), !isMainCashback ? (jsx(Button, { version: "secondary", onClick: () => onDelete(cashback.id), shape: "round", className: "px-4 rounded-md", children: jsx(Img, { image: deleteImage }) })) : null] })] }), categories?.length && !isMainCashback ? (jsx(Select, { label: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E \u043F\u043E\u043A\u0443\u043F\u043E\u043A", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E \u043F\u043E\u043A\u0443\u043F\u043E\u043A", options: categories, value: currentCategory, onChange: setCurrentCategory })) : null, jsx(InputRange, { step: 500, title: "\u0421\u0443\u043C\u043C\u0430 \u043F\u043E\u043A\u0443\u043F\u043E\u043A \u0432 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438", min: 0, max: maxInputRange, value: cashback.sum, onChange: onChangeSum })] }));
-    });
-    const getRandomElement = (arr) => arr?.[new Date().getTime().toString().slice(-1)];
-    const getPercentCategories = (isMainCashback, showIncreasedPercents) => {
-        if (isMainCashback) {
-            return [];
-        }
-        else if (showIncreasedPercents) {
-            return AllPercentCategories;
-        }
-        else {
-            return PercentCategoriesWithoutIncreased;
-        }
+    const MAIN_CASHBACK_KEY = {
+        standard: '1-main',
+        premium: '1.5-main',
     };
-
-    const DEFAULT_CASHBACK = [
+    const DEFAULT_STANDARD_CASHBACK = [
         {
             id: 0,
             percent: {
-                text: 'Категория 1% "На всё"',
-                key: '1',
+                text: 'Категория 1% «На всё»',
+                key: '1-main',
             },
             sum: 5000,
         },
     ];
-    const useCashbackCalculator = () => {
+    const DEFAULT_PREMIUM_CASHBACK = [
+        {
+            id: 0,
+            percent: {
+                text: 'Категория 1,5% «На всё»',
+                key: '1.5-main',
+            },
+            sum: 5000,
+        },
+    ];
+    // export const INCREASED_PERCENTS = ['5', '10', '15'];
+    const MAX_CATEGORIES = {
+        standard: 5,
+        premium: 7,
+    };
+    const INFO_BLOCK_HTML = `<p>Полученные баллы можно конвертировать в рубли и компенсировать покупки у партнеров.</p>`;
+    const MAX_MONTH_CASHBACK = {
+        standard: 5000,
+        premium: 15000,
+    };
+
+    const getPercentCategories = (isMainCashbackAdded, calculatorType) => {
+        const allPercentCategories = calculatorType === 'premium' ? ALL_PERCENT_PREMIUM_CATEGORIES : ALL_PERCENT_STANDARD_CATEGORIES;
+        let updatedCategories = allPercentCategories;
+        if (!isMainCashbackAdded) {
+            return allPercentCategories;
+        }
+        if (isMainCashbackAdded) {
+            updatedCategories = updatedCategories.filter((_) => _.key !== MAIN_CASHBACK_KEY[calculatorType]);
+        }
+        return updatedCategories;
+    };
+
+    const defaultDeleteImage = {
+        src: 'IconDelete.svg',
+        format: 'webp',
+        alt: 'Иконка кнопки удаления блока кэшбека',
+    };
+    const CashbackCategory = JSX(({ categories, cashback, maxInputRange, deleteImage = defaultDeleteImage, isMainCashbackAdded = false, calculatorType = 'standard', onDelete, onChange, isShowDisclaimer = false, onChangeCategory = noop, }) => {
+        const [currentCategory, setCurrentCategory] = useState(getRandomElement(categories));
+        const isMainCashback = cashback.percent.key === MAIN_CASHBACK_KEY[calculatorType];
+        const onChangePercent = createChangeHandler(cashback, 'percent', onChange);
+        const onChangeSum = createChangeHandler(cashback, 'sum', onChange);
+        const onChangeCashbackCategory = (value) => {
+            setCurrentCategory(value);
+            onChangeCategory((prev) => updateSelectedCategories(prev, cashback, value));
+        };
+        return (jsxs("div", { className: "w-full space-y-m", children: [jsxs("div", { className: "space-y-xs", children: [jsx(Paragraph, { size: "text-m", color: "text-primary-text", font: "font-light", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E" }), isShowDisclaimer ? (jsx(Text, { size: "text-s", color: "text-primary-text", font: "font-light", className: "italic", children: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438 \u043F\u043E\u043A\u0443\u043F\u043E\u043A \u0434\u043B\u044F \u0440\u0430\u0441\u0447\u0451\u0442\u0430 \u0431\u0430\u043B\u043B\u043E\u0432 \u043F\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435" })) : null, jsxs("div", { className: "flex gap-m", children: [jsx(Select, { className: "w-full", isManualInput: isMainCashback, placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E", options: getPercentCategories(isMainCashbackAdded, calculatorType), value: cashback.percent, onChange: onChangePercent }), jsx(Button, { version: "secondary", onClick: () => onDelete(cashback.id), shape: "round", className: "px-4 rounded-md", children: jsx(Img, { image: deleteImage }) })] })] }), categories?.length && !isMainCashback ? (jsx(Select, { label: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E \u043F\u043E\u043A\u0443\u043F\u043E\u043A", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044E \u043F\u043E\u043A\u0443\u043F\u043E\u043A", options: categories, value: currentCategory, onChange: onChangeCashbackCategory })) : null, jsx(InputRange, { step: 500, title: "\u0421\u0443\u043C\u043C\u0430 \u043F\u043E\u043A\u0443\u043F\u043E\u043A \u0432 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438", min: 0, max: maxInputRange, value: cashback.sum, onChange: onChangeSum })] }));
+    });
+    const getRandomElement = (arr) => arr?.[new Date().getTime().toString().slice(-1)];
+    const createChangeHandler = (obj, field, onChange) => (value) => {
+        onChange({
+            ...obj,
+            [field]: value,
+        });
+    };
+    const updateSelectedCategories = (prev, cashback, value) => {
+        const newItem = { id: cashback.id, category: value };
+        if (prev.length === 0) {
+            return [newItem];
+        }
+        const index = prev.findIndex((item) => item.id === cashback.id);
+        if (index !== -1) {
+            const updated = [...prev];
+            updated[index] = newItem;
+            return updated;
+        }
+        return [...prev, newItem];
+    };
+
+    const renderButtons$1 = ({ cashbacksLength, onAddNewCashback, onResetCashback, calculatorType = 'standard', maxCategories = MAX_CATEGORIES[calculatorType], }) => {
+        return (jsxs("div", { className: "w-full flex flex-col gap-lg", children: [cashbacksLength < maxCategories ? (jsx(Button, { className: "self-start text-primary-main", embedded: true, version: "secondary", onClick: onAddNewCashback, children: cashbacksLength ? 'Добавить ещё категорию' : 'Добавить категорию' })) : null, cashbacksLength > 2 ? (jsx(Button, { className: "self-start", version: "secondary", onClick: onResetCashback, children: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0432\u0441\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438" })) : null] }));
+    };
+
+    const CashbackType = {
+        standard: DEFAULT_STANDARD_CASHBACK,
+        premium: DEFAULT_PREMIUM_CASHBACK,
+    };
+    const useCashbackCalculator = (calculatorType) => {
         const { data } = useLeadFormData('CASHBACK_CATEGORY');
-        const [cashbacks, setCashbacks] = useState(DEFAULT_CASHBACK);
+        const [cashbacks, setCashbacks] = useState(CashbackType[calculatorType]);
+        const [selectedCategories, setSelectedCategories] = useState([]);
         const categories = data?.map((_) => ({
             key: _.key || '',
             text: _.value,
         })) || [];
+        const filteredCategories = useMemo(() => {
+            const categoriesToRemove = selectedCategories.map((obj) => obj.category);
+            const keysToRemove = new Set(categoriesToRemove.map((item) => item.key));
+            return categories.filter((item) => !keysToRemove.has(item.key));
+        }, [selectedCategories, categories]);
         const onAddNewCashback = () => setCashbacks((_) => [
             ..._,
             {
-                id: _[_.length - 1].id + 1,
+                id: _ && _.length > 0 ? _[_.length - 1]?.id + 1 : 1,
                 percent: {
                     text: 'Категория 1,5%',
                     key: '1.5',
@@ -10361,14 +10450,15 @@
             return _;
         }));
         const onDeleteCashback = (id) => setCashbacks((prev) => prev.filter((_) => _.id !== id));
-        const onResetCashback = () => setCashbacks(DEFAULT_CASHBACK);
+        const onResetCashback = () => setCashbacks(CashbackType[calculatorType]);
         return {
             cashbacks,
-            categories,
+            categories: filteredCategories,
             onAddNewCashback,
             onChangeCashback,
             onDeleteCashback,
             onResetCashback,
+            onChangeCategory: setSelectedCategories,
         };
     };
 
@@ -10377,19 +10467,27 @@
         text: 'Оформить карту',
         target: '_self',
     };
-    const INCREASED_PERCENTS = ['5', '10', '15'];
-    const MAX_CATEGORIES = 5;
-    const INFO_BLOCK_HTML = `<p>Полученные баллы можно конвертировать в рубли и компенсировать покупки у партнеров. Подробнее в <a href='#docs'>документах</a></p>`;
-    const CashbackCalculator = JSX(({ maxInputRange = 300000, image, deleteImage, infoImage, className = '', button = defaultButton, ...rest }) => {
-        const { cashbacks, categories, onAddNewCashback, onChangeCashback, onDeleteCashback, onResetCashback, } = useCashbackCalculator();
-        const img = image?.src ? (jsx(Img, { image: image, className: "hidden w-full @xl:block", imageClassName: "justify-self-center" })) : null;
-        return (jsxs(BlockWrapper, { className: style('flex flex-col justify-center items-center gap-lg', className), defaultPadding: style('p-6xl'), ...rest, children: [jsx(Headline, { title: "\u041A\u0430\u043B\u044C\u043A\u0443\u043B\u044F\u0442\u043E\u0440 \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u0431\u0430\u043B\u043B\u043E\u0432", description: "\u041C\u043E\u0436\u043D\u043E \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u043D\u0435 \u0431\u043E\u043B\u0435\u0435 5 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0439, \u043E\u0434\u043D\u0430 \u0438\u0437 \u043D\u0438\u0445 \u0438\u0437 \u043F\u043E\u0432\u044B\u0448\u0435\u043D\u043D\u043E\u0439 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438", headlineVersion: "XL", isEmbedded: true }), jsxs("div", { className: "flex flex-row items-start gap-lg", children: [jsxs("div", { className: "w-full flex flex-col justify-center items-center gap-lg", children: [cashbacks.map((_) => (jsx(CashbackCategory, { categories: categories, cashback: _, showIncreasedPercents: showIncreasedPercents(_, cashbacks), maxInputRange: maxInputRange, deleteImage: deleteImage, onDelete: onDeleteCashback, onChange: onChangeCashback }, String(_.id)))), renderButtons$1(cashbacks.length, onAddNewCashback, onResetCashback), jsx(CashbackCalculatorResult, { cashbacks: cashbacks }), jsx(InfoCard, { __html: INFO_BLOCK_HTML, image: infoImage }), jsx(LinkButton, { className: "w-full @lg:w-auto self-start", href: button.href, text: button.text, target: button.target, version: "primary" })] }), img] })] }));
-    });
-    const renderButtons$1 = (cashbacksLength, onAddNewCashback, onResetCashback) => {
-        return (jsxs("div", { className: "w-full flex flex-col gap-lg", children: [cashbacksLength < MAX_CATEGORIES ? (jsx(Button, { className: "self-start text-primary-main", embedded: true, version: "secondary", onClick: onAddNewCashback, children: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0435\u0449\u0435" })) : null, cashbacksLength > 2 ? (jsx(Button, { className: "self-start", version: "secondary", onClick: onResetCashback, children: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0432\u0441\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438" })) : null] }));
-    };
-    const showIncreasedPercents = (currentCashback, cashback) => INCREASED_PERCENTS.includes(currentCashback.percent.key) ||
-        !cashback.some((_) => INCREASED_PERCENTS.includes(_.percent.key));
+    const CashbackCalculator = JSX(
+    // eslint-disable-next-line max-lines-per-function
+    ({ maxInputRange = 300000, maxCategories, calculatorType = 'standard', maxMonthCashback = MAX_MONTH_CASHBACK[calculatorType], button = defaultButton, className = '', ...rest }) => {
+        const { cashbacks, categories, onAddNewCashback, onChangeCashback, onDeleteCashback, onResetCashback, onChangeCategory, } = useCashbackCalculator(calculatorType);
+        const { deleteImage, infoImage, image } = rest;
+        const [isMainCashbackAdded, setIsMainCashbackAdded] = useState(false);
+        useEffect(() => {
+            setIsMainCashbackAdded(Boolean(cashbacks.find((item) => item.percent.key === MAIN_CASHBACK_KEY[calculatorType])));
+        }, [cashbacks]);
+        return (jsx(BlockWrapper, { className: style('flex flex-col justify-center items-center gap-lg', className), defaultPadding: style('p-0'), ...rest, children: jsxs("div", { className: "flex flex-row items-start gap-lg mt-5", children: [jsxs("div", { className: "w-full flex flex-col justify-center items-center gap-lg", children: [cashbacks.length
+                                ? cashbacks.map((_, index) => (jsx(CashbackCategory, { categories: categories, cashback: _, maxInputRange: maxInputRange, deleteImage: deleteImage, onDelete: onDeleteCashback, onChange: onChangeCashback, isMainCashbackAdded: isMainCashbackAdded, calculatorType: calculatorType, isShowDisclaimer: index === 0, onChangeCategory: onChangeCategory }, String(_.id))))
+                                : renderNoCategoryText(), renderButtons$1({
+                                cashbacksLength: cashbacks.length,
+                                onAddNewCashback: onAddNewCashback,
+                                onResetCashback: onResetCashback,
+                                calculatorType: calculatorType,
+                                maxCategories,
+                            }), jsx(CashbackCalculatorResult, { cashbacks: cashbacks, maxMonthCashback: maxMonthCashback }), jsx(InfoCard, { __html: INFO_BLOCK_HTML, image: infoImage }), jsx(RichText, { __html: '* \u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435 \u043F\u043E \u0443\u0441\u043B\u043E\u0432\u0438\u044F\u043C \u0438 \u043D\u0430\u0447\u0438\u0441\u043B\u0435\u043D\u0438\u044F\u043C \u043C\u043E\u0436\u043D\u043E \u0443\u0437\u043D\u0430\u0442\u044C \u0432\u043E \u0432\u043A\u043B\u0430\u0434\u043A\u0435 <a href="#docs">\u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B</a>' }), jsx(LinkButton, { className: "w-full @lg:w-auto self-start", href: button.href, text: button.text, target: button.target, version: "primary" })] }), renderImage(image)] }) }));
+    });
+    const renderNoCategoryText = () => (jsx(Text, { align: "text-left", className: "w-full", children: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u0430" }));
+    const renderImage = (image = {}) => image?.src ? (jsx(Img, { image: image, className: "hidden w-full @xl:block", imageClassName: "justify-self-center" })) : null;
 
     const CreditCardFormProgress = JSX(({ step = 1, totalSteps = 6, stepsTitles = [] }) => {
         const progress = useMemo(() => ((step + 1) / totalSteps) * 100, [step, totalSteps]);
@@ -14659,7 +14757,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.1068";
+    const packageVersion = "0.14.1070";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;