@redneckz/wildless-cms-uni-blocks 0.3.57 → 0.3.58

package/mobile/lib/components/Calculator/renderCalculatorList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderCalculatorList.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderCalculatorList.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAuB,MAAM,wBAAwB,CAAC;AAQnF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,aAAa,EACb,OAAO,EACP,SAAS,GACY,EAAE,EAAE;IACzB,OAAO,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/F,CAAC,CAAC;AAEF,MAAM,WAAW,GACf,CAAC,EAAE,OAAO,EAAE,SAAS,EAAO,EAAE,EAAE,CAChC,CAAC,aAAiC,EAAE,CAAS,EAAE,EAAE;IAC/C,MAAM,IAAI,GAAG,aAAa,EAAE,QAAQ,CAAC;IACrC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,oBAAoB,CAAC,EAAE;QAC5C,OAAO,IAAI,CAAC;KACb;IACD,MAAM,aAAa,GAAkC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAChF,OAAO,CACL,kBAEE,SAAS,EAAE,uDAAuD,SAAS,EAAE,EAC7E,IAAI,EAAC,UAAU,YAEf,cAAK,SAAS,EAAE,uBAAuB,YACrC,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,KACZ,aAAa,EACjB,SAAS,EAAC,2BAA2B,GACrC,GACE,IAVD,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAWX,CACX,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/Calculator/renderInitialFeeInput.d.ts

@@ -0,0 +1,10 @@
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+import type { CalculatorParams } from './CalculatorContent';
+interface RenderWantedSumInputProps {
+    calculatorParams: CalculatorParams;
+    moneyValue: number | undefined;
+    defaultSum: number;
+    setMoneyValue: InputRangeProps['onChange'];
+}
+export declare function renderInitialFeeInput(props: RenderWantedSumInputProps): any;
+export {};

package/mobile/lib/components/Calculator/renderInitialFeeInput.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { InputRange } from '../../ui-kit/InputRange/InputRange.js';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
+import { DEFAULT_MAX_SUM, DEFAULT_MIN_SUM } from './constants.js';
+const STEP_MONEY = 1000;
+export function renderInitialFeeInput(props) {
+    const { calculatorParams, moneyValue, defaultSum, setMoneyValue } = props;
+    const minSum = calculatorParams?.minSum || DEFAULT_MIN_SUM;
+    const maxSum = calculatorParams?.maxSum || DEFAULT_MAX_SUM;
+    return (_jsx(InputRange, { className: "mt-6", title: "\u041F\u0435\u0440\u0432\u043E\u043D\u0430\u0447\u0430\u043B\u044C\u043D\u044B\u0439 \u0432\u0437\u043D\u043E\u0441, \u20BD ", items: [
+            `От ${addSpacesBetweenNumbers(minSum)} рублей`,
+            `До ${addSpacesBetweenNumbers(maxSum)} рублей`,
+        ], min: minSum, max: maxSum, step: STEP_MONEY, value: moneyValue || defaultSum, onChange: setMoneyValue }));
+}
+//# sourceMappingURL=renderInitialFeeInput.js.map

package/mobile/lib/components/Calculator/renderInitialFeeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderInitialFeeInput.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderInitialFeeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG/D,MAAM,UAAU,GAAG,IAAI,CAAC;AASxB,MAAM,UAAU,qBAAqB,CAAC,KAAgC;IACpE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE1E,MAAM,MAAM,GAAG,gBAAgB,EAAE,MAAM,IAAI,eAAe,CAAC;IAC3D,MAAM,MAAM,GAAG,gBAAgB,EAAE,MAAM,IAAI,eAAe,CAAC;IAE3D,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,8HAA0B,EAChC,KAAK,EAAE;YACL,MAAM,uBAAuB,CAAC,MAAM,CAAC,SAAS;YAC9C,MAAM,uBAAuB,CAAC,MAAM,CAAC,SAAS;SAC/C,EACD,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,UAAU,IAAI,UAAU,EAC/B,QAAQ,EAAE,aAAa,GACvB,CACH,CAAC;AACJ,CAAC"}

package/mobile/lib/components/Calculator/renderMonthsInput.d.ts

@@ -0,0 +1,11 @@
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+interface RenderMonthsInputProps {
+    title: string;
+    minMonths: number;
+    maxMonths: number;
+    monthsValue: number | undefined;
+    defaultMonths: number;
+    setMonthsValue: InputRangeProps['onChange'];
+}
+export declare function renderMonthsInput(props: RenderMonthsInputProps): any;
+export {};

package/mobile/lib/components/Calculator/renderMonthsInput.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { InputRange } from '../../ui-kit/InputRange/InputRange.js';
+const STEP_MONTHS = 1;
+export function renderMonthsInput(props) {
+    const { title, minMonths, maxMonths, monthsValue, defaultMonths, setMonthsValue } = props;
+    const monthText = (month) => {
+        const text = Number(month) % 10 === 1 ? 'месяца' : 'месяцев';
+        return `${month} ${text}`;
+    };
+    return (_jsx(InputRange, { className: "mt-6", title: title, items: [`От ${monthText(minMonths)}`, `До ${monthText(maxMonths)}`], min: minMonths, max: maxMonths, step: STEP_MONTHS, value: monthsValue || defaultMonths, onChange: setMonthsValue }));
+}
+//# sourceMappingURL=renderMonthsInput.js.map

package/mobile/lib/components/Calculator/renderMonthsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMonthsInput.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderMonthsInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAGhE,MAAM,WAAW,GAAG,CAAC,CAAC;AAWtB,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC1F,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;QAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7D,OAAO,GAAG,KAAK,IAAI,IAAI,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,MAAM,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,MAAM,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,EACnE,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,WAAW,IAAI,aAAa,EACnC,QAAQ,EAAE,cAAc,GACxB,CACH,CAAC;AACJ,CAAC"}

package/mobile/lib/components/Calculator/renderProposal.d.ts

@@ -0,0 +1 @@
+export declare function renderProposal(monthlyPayment: number): any;

package/mobile/lib/components/Calculator/renderProposal.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
+import { Button } from '../../ui-kit/Button/Button.js';
+export function renderProposal(monthlyPayment) {
+    return (_jsxs("div", { className: "box-border ", children: [_jsx("div", { className: "text-base font-light", children: "\u0415\u0436\u0435\u043C\u0435\u0441\u044F\u0447\u043D\u044B\u0439 \u043F\u043B\u0430\u0442\u0451\u0436" }), _jsxs("div", { className: "text-title mb-3 font-normal", children: [addSpacesBetweenNumbers(Math.round(monthlyPayment)), " \u20BD"] }), _jsx(Button, { className: "mt-[50px] w-full", text: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443", version: "primary", href: "#" })] }));
+}
+//# sourceMappingURL=renderProposal.js.map

package/mobile/lib/components/Calculator/renderProposal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderProposal.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderProposal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,MAAM,UAAU,cAAc,CAAC,cAAsB;IACnD,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,cAAK,SAAS,EAAC,sBAAsB,wHAAyB,EAC9D,eAAK,SAAS,EAAC,6BAA6B,aACzC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,eAChD,EACN,KAAC,MAAM,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAC,6FAAkB,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,GAAG,IACtF,CACP,CAAC;AACJ,CAAC"}

package/mobile/lib/components/Calculator/renderProposalMortgage.d.ts

@@ -0,0 +1,7 @@
+declare type porposalMortgage = {
+    credit: number;
+    period: number;
+    taxRefund: number;
+};
+export declare function renderProposalMortgage({ credit, period, taxRefund }: porposalMortgage): any;
+export {};

package/mobile/lib/components/Calculator/renderProposalMortgage.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { CalculatorValueBlock } from './CalculatorValueBlock.js';
+export function renderProposalMortgage({ credit, period, taxRefund }) {
+    return (_jsxs("div", { children: [_jsx(CalculatorValueBlock, { title: "\u0421\u0443\u043C\u043C\u0430 \u043A\u0440\u0435\u0434\u0438\u0442\u0430", value: credit, postfix: "\u20BD" }), _jsx(CalculatorValueBlock, { title: "\u0421\u0440\u043E\u043A", value: period, postfix: "\u043B\u0435\u0442" }), _jsx(CalculatorValueBlock, { title: "\u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u0432\u044B\u0447\u0435\u0442", value: taxRefund, postfix: "\u20BD" })] }));
+}
+//# sourceMappingURL=renderProposalMortgage.js.map

package/mobile/lib/components/Calculator/renderProposalMortgage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderProposalMortgage.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderProposalMortgage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D,MAAM,UAAU,sBAAsB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAoB;IACpF,OAAO,CACL,0BACG,KAAC,oBAAoB,IAAC,KAAK,EAAC,2EAAe,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAC,QAAG,GAAG,EACzE,KAAC,oBAAoB,IAAC,KAAK,EAAC,0BAAM,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAC,oBAAK,GAAG,EAClE,KAAC,oBAAoB,IAAC,KAAK,EAAC,uFAAiB,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAC,QAAG,GAAG,IAC3E,CACP,CAAC;AACJ,CAAC"}

package/mobile/lib/components/Calculator/renderRate.d.ts

@@ -0,0 +1,8 @@
+declare type rateType = {
+    rate: number;
+    title?: string;
+    sup?: string;
+    className?: string;
+};
+export declare function renderRate({ rate, title, sup, className }: rateType): any;
+export {};

package/mobile/lib/components/Calculator/renderRate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+export function renderRate({ rate, title, sup, className = '' }) {
+    const rateFormat = String(rate).replace('.', ',');
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-sm font-light ml-3", children: title }), _jsxs("div", { className: "flex justify-start", children: [_jsx("span", { className: `calc-rate-text font-mohave text-[200px] leading-[250px] pr-4 mt-[-16px] ${className}`, children: rateFormat }), sup ? _jsx("span", { className: "calc-rate-text text-[65px] leading-[75px]", children: sup }) : ''] })] }));
+}
+//# sourceMappingURL=renderRate.js.map

package/mobile/lib/components/Calculator/renderRate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRate.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderRate.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,EAAY;IACvE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAClD,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,eAAK,SAAS,EAAC,oBAAoB,aACjC,eACE,SAAS,EAAE,2EAA2E,SAAS,EAAE,YAEhG,UAAU,GACN,EACN,GAAG,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,2CAA2C,YAAE,GAAG,GAAQ,CAAC,CAAC,CAAC,EAAE,IAChF,IACF,CACP,CAAC;AACJ,CAAC"}

package/mobile/lib/components/Calculator/renderRealEstateValue.d.ts

@@ -0,0 +1,10 @@
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+import type { CalculatorParams } from './CalculatorContent';
+interface RenderRealEstateValueInputProps {
+    calculatorParams: CalculatorParams;
+    moneyValue: number | undefined;
+    defaultSum: number;
+    setMoneyValue: InputRangeProps['onChange'];
+}
+export declare function renderRealEstateValue(props: RenderRealEstateValueInputProps): any;
+export {};

package/mobile/lib/components/Calculator/renderRealEstateValue.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { InputRange } from '../../ui-kit/InputRange/InputRange.js';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
+import { DEFAULT_MAX_SUM, DEFAULT_MIN_SUM } from './constants.js';
+const STEP_MONEY = 1000;
+export function renderRealEstateValue(props) {
+    const { calculatorParams, moneyValue, defaultSum, setMoneyValue } = props;
+    const minSum = calculatorParams?.minSum || DEFAULT_MIN_SUM;
+    const maxSum = calculatorParams?.maxSum || DEFAULT_MAX_SUM;
+    return (_jsx(InputRange, { title: "\u0421\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C \u043D\u0435\u0434\u0432\u0438\u0436\u0438\u043C\u043E\u0441\u0442\u0438, \u20BD ", items: [`От ${addSpacesBetweenNumbers(minSum)} ₽`, `До ${addSpacesBetweenNumbers(maxSum)} ₽`], min: minSum, max: maxSum, step: STEP_MONEY, value: moneyValue || defaultSum, onChange: setMoneyValue }));
+}
+//# sourceMappingURL=renderRealEstateValue.js.map

package/mobile/lib/components/Calculator/renderRealEstateValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRealEstateValue.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderRealEstateValue.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG/D,MAAM,UAAU,GAAG,IAAI,CAAC;AASxB,MAAM,UAAU,qBAAqB,CAAC,KAAsC;IAC1E,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE1E,MAAM,MAAM,GAAG,gBAAgB,EAAE,MAAM,IAAI,eAAe,CAAC;IAC3D,MAAM,MAAM,GAAG,gBAAgB,EAAE,MAAM,IAAI,eAAe,CAAC;IAE3D,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAC,0IAA4B,EAClC,KAAK,EAAE,CAAC,MAAM,uBAAuB,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,uBAAuB,CAAC,MAAM,CAAC,IAAI,CAAC,EAC7F,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,UAAU,IAAI,UAAU,EAC/B,QAAQ,EAAE,aAAa,GACvB,CACH,CAAC;AACJ,CAAC"}

package/mobile/lib/components/Calculator/renderWantedSumInput.d.ts

@@ -0,0 +1,13 @@
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+import type { CalculatorParams } from './CalculatorContent';
+interface RenderWantedSumInputProps {
+    className?: string;
+    title: string;
+    isShowItems?: boolean;
+    calculatorParams: CalculatorParams;
+    moneyValue: number | undefined;
+    defaultSum: number;
+    setMoneyValue: InputRangeProps['onChange'];
+}
+export declare function renderWantedSumInput(props: RenderWantedSumInputProps): any;
+export {};

package/mobile/lib/components/Calculator/renderWantedSumInput.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { InputRange } from '../../ui-kit/InputRange/InputRange.js';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
+import { DEFAULT_MAX_SUM, DEFAULT_MIN_SUM } from './constants.js';
+const STEP_MONEY = 1000;
+export function renderWantedSumInput(props) {
+    const { title, className = '', calculatorParams, moneyValue, defaultSum, setMoneyValue, isShowItems = true, } = props;
+    const minSum = calculatorParams?.minSum || DEFAULT_MIN_SUM;
+    const maxSum = calculatorParams?.maxSum || DEFAULT_MAX_SUM;
+    const items = [
+        `От ${addSpacesBetweenNumbers(minSum)} ₽`,
+        `До ${addSpacesBetweenNumbers(maxSum)} ₽`,
+    ];
+    return (_jsx(InputRange, { className: className, title: title, items: isShowItems ? items : [], min: minSum, max: maxSum, step: STEP_MONEY, value: moneyValue || defaultSum, onChange: setMoneyValue }));
+}
+//# sourceMappingURL=renderWantedSumInput.js.map

package/mobile/lib/components/Calculator/renderWantedSumInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderWantedSumInput.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderWantedSumInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG/D,MAAM,UAAU,GAAG,IAAI,CAAC;AAYxB,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,aAAa,EACb,WAAW,GAAG,IAAI,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,gBAAgB,EAAE,MAAM,IAAI,eAAe,CAAC;IAC3D,MAAM,MAAM,GAAG,gBAAgB,EAAE,MAAM,IAAI,eAAe,CAAC;IAC3D,MAAM,KAAK,GAAG;QACZ,MAAM,uBAAuB,CAAC,MAAM,CAAC,IAAI;QACzC,MAAM,uBAAuB,CAAC,MAAM,CAAC,IAAI;KAC1C,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC/B,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,UAAU,IAAI,UAAU,EAC/B,QAAQ,EAAE,aAAa,GACvB,CACH,CAAC;AACJ,CAAC"}

package/mobile/lib/components/ContentPage/ContentPage.d.ts

@@ -11,7 +11,7 @@ interface BlockDecoratorProps<VNode> {
     }) => VNode;
 }
 export declare type BlockDecorator<VNode = any> = (props: BlockDecoratorProps<VNode>, index?: number | string) => any;
-export declare type JSXBlock = (props: PropsWithChildren<UniBlockProps & BlockContent, any>, context?: any) => any;
+export declare type JSXBlock<BlockProps = BlockContent> = (props: PropsWithChildren<UniBlockProps & BlockProps, any>, context?: any) => any;
 export declare type BlocksRegistry = Record<string, JSXBlock>;
 export interface ContentPageProps extends UniBlockProps {
     blocksRegistry: BlocksRegistry;

package/mobile/lib/components/ProductGallery/ProductGalleryContent.d.ts

@@ -1,4 +1,5 @@
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
+import type { BlockVersion } from '../../model/BlockVersion';
 /** @title Кнопка под слайдом */
 interface ProductGalleryNav {
     /** @title Заголовок */
@@ -16,18 +17,14 @@ export interface ProductSlide {
     productBlock: ProductBlockInnerContent;
 }
 /**
- * @title Продуктовая галерея (для мобильных горизонтальная прокрутка shift+mouseScroll)
+ * @title Продуктовая галерея
  */
 export interface ProductGalleryContent {
-    /**
-     * @title Задержка
-     * @hidden //! temporary not used
-     */
-    duration?: number;
     /**
      * @title Слайды
      * @minItems 2
      */
     slides?: ProductSlide[];
+    version?: BlockVersion;
 }
 export {};

package/mobile/lib/types.d.ts

@@ -65,3 +65,4 @@ export interface DaDataSuggestion<T> {
 export interface DaDataAddress {
     city?: string | null;
 }
+export declare type FuncSetNumber = (value: number) => void;

package/mobile/lib/ui-kit/BlocksList/renderBlocksList.d.ts

@@ -7,5 +7,4 @@ declare type EmbeddableBlocksProps = {
     className?: string;
 };
 export declare const renderBlocksList: ({ blocks, context, className, columns }: EmbeddableBlocksProps) => any[] | null;
-export declare const renderBlock: ({ context, columns, className }: EmbeddableBlocksProps) => (block: BlockDef, i: number) => any;
 export {};

package/mobile/lib/ui-kit/BlocksList/renderBlocksList.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { EmbeddableBlocks } from './EmbeddableBlocks.js';
 export const renderBlocksList = ({ blocks, context, className, columns }) => blocks?.length ? blocks.map(renderBlock({ context, className, columns })) : null;
-export const renderBlock = ({ context, columns, className }) => (block, i) => {
+const renderBlock = ({ context, columns, className }) => (block, i) => {
     const type = block?.blockListType;
     if (!type || !(type in EmbeddableBlocks)) {
         return null;

package/mobile/lib/ui-kit/BlocksList/renderBlocksList.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderBlocksList.js","sourceRoot":"","sources":["../../../src/ui-kit/BlocksList/renderBlocksList.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAStD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAyB,EAAE,EAAE,CACjG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAEnF,MAAM,CAAC,MAAM,WAAW,GACtB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAyB,EAAE,EAAE,CAC3D,CAAC,KAAe,EAAE,CAAS,EAAE,EAAE;IAC7B,MAAM,IAAI,GAAG,KAAK,EAAE,aAAa,CAAC;IAClC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,EAAE;QACxC,OAAO,IAAI,CAAC;KACb;IACD,MAAM,iBAAiB,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACvD,MAAM,aAAa,GAAa,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACvD,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,SAAS,IAAI,iBAAiB,EAAE,YACjD,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,SAAS,EAAC,MAAM,GAAG,IADP,SAAS,CAAC,EAAE,CAEhE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"renderBlocksList.js","sourceRoot":"","sources":["../../../src/ui-kit/BlocksList/renderBlocksList.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAStD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAyB,EAAE,EAAE,CACjG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAEnF,MAAM,WAAW,GACf,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAyB,EAAE,EAAE,CAC3D,CAAC,KAAe,EAAE,CAAS,EAAE,EAAE;IAC7B,MAAM,IAAI,GAAG,KAAK,EAAE,aAAa,CAAC;IAClC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,EAAE;QACxC,OAAO,IAAI,CAAC;KACb;IACD,MAAM,iBAAiB,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACvD,MAAM,aAAa,GAAa,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACvD,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,SAAS,IAAI,iBAAiB,EAAE,YACjD,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,SAAS,EAAC,MAAM,GAAG,IADP,SAAS,CAAC,EAAE,CAEhE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/ui-kit/Checkbox/Checkbox.js

@@ -11,5 +11,5 @@ const CHECK_PATHS = [
 ];
 export const Checkbox = JSX(({ text, checked, onChange, className }) => (_jsx("div", { className: className, children: _jsxs("label", { className: "flex items-center cursor-pointer relative", children: [_jsx("input", { className: `peer appearance-none w-5 h-5 border-solid border ${checked ? 'border-black' : 'border-main-stroke'} rounded checked:bg-primary-main checked:border-primary-main m-0`, type: "checkbox", onChange: (e) => {
                     onChange(e.target.checked);
-                }, checked: checked }), _jsx(SVG, { paths: CHECK_PATHS, className: "hidden absolute left-1 ml-px peer-checked:block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }), text ? (_jsx("span", { className: "font-sans ml-3 text-sm leading-5 cursor-pointer", children: text })) : null] }) })));
+                }, checked: checked }), _jsx(SVG, { paths: CHECK_PATHS, className: "hidden absolute left-1 ml-px peer-checked:block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }), text ? _jsx("span", { className: "font-sans ml-3 text-m-base cursor-pointer", children: text }) : null] }) })));
 //# sourceMappingURL=Checkbox.js.map

package/mobile/lib/ui-kit/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui-kit/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,MAAM,WAAW,GAAG;IAClB;QACE,CAAC,EAAE,4HAA4H;QAC/H,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACrF,cAAK,SAAS,EAAE,SAAS,YACvB,iBAAO,SAAS,EAAC,2CAA2C,aAC1D,gBACE,SAAS,EAAE,oDACT,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,oBAC7B,kEAAkE,EAClE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC7B,CAAC,EACD,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,GAAG,IACF,KAAK,EAAE,WAAW,EAClB,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GAClB,EACD,IAAI,CAAC,CAAC,CAAC,CACN,eAAM,SAAS,EAAC,iDAAiD,YAAE,IAAI,GAAQ,CAChF,CAAC,CAAC,CAAC,IAAI,IACF,GACJ,CACP,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui-kit/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,MAAM,WAAW,GAAG;IAClB;QACE,CAAC,EAAE,4HAA4H;QAC/H,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACrF,cAAK,SAAS,EAAE,SAAS,YACvB,iBAAO,SAAS,EAAC,2CAA2C,aAC1D,gBACE,SAAS,EAAE,oDACT,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,oBAC7B,kEAAkE,EAClE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC7B,CAAC,EACD,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,GAAG,IACF,KAAK,EAAE,WAAW,EAClB,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GAClB,EACD,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,2CAA2C,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAClF,GACJ,CACP,CAAC,CAAC"}

package/mobile/lib/ui-kit/InputRange/InputRange.js

@@ -19,7 +19,7 @@ export const InputRange = JSX(({ className, title, items = [], min = 1, max = 10
         if (value > max)
             onChange(max);
     };
-    return (_jsxs("div", { className: className, children: [_jsxs("label", { className: "block relative", children: [title ? (_jsx("span", { className: "absolute text-xs text-secondary-text top-1 mt-0.5 pl-4 ml-0.5", children: title })) : null, _jsx("input", { className: `m-0 font-sans text-sm w-full h-12 border border-solid border-main-stroke rounded-md
-                        outline-none p-0 pl-4 m-0 box-border text-primary-text ${title ? 'pt-4' : ''}`, value: addSpacesBetweenNumbers(value), onChange: (e) => handleChange(e.target.value), onBlur: handleBlur }), _jsx("div", { className: "absolute inset-x-0 top-[35px] px-4 leading-[18px]", children: _jsx("input", { className: "box-border w-full m-0 cursor-pointer slider", type: "range", min: min, max: max, step: step, value: value, onChange: (e) => handleChange(e.target.value), style: inputStyle }) })] }), _jsx("div", { className: "flex justify-between my-3", children: items.map((item, i) => (_jsxs("span", { className: "text-xs leading-[14px] text-secondary-text pl-4", children: [" ", item, " "] }, String(i)))) })] }));
+    return (_jsxs("div", { className: className, children: [_jsxs("label", { className: "block relative", children: [title ? _jsx("span", { className: "text-base text-secondary-text pl-4", children: title }) : null, _jsx("input", { className: `m-0 mt-[5px] font-sans text-title w-full h-14 border border-solid border-main-stroke rounded-md
+                        outline-none p-0 pl-4 box-border text-primary-text`, value: addSpacesBetweenNumbers(value), onChange: (e) => handleChange(e.target.value), onBlur: handleBlur }), _jsx("div", { className: "absolute inset-x-0 bottom-[-4px] px-4 leading-[18px]", children: _jsx("input", { className: "box-border w-full m-0 cursor-pointer slider", type: "range", min: min, max: max, step: step, value: value, onChange: (e) => handleChange(e.target.value), style: inputStyle }) })] }), _jsx("div", { className: "flex justify-between my-3", children: items.map((item, i) => (_jsx("span", { className: "text-sm leading-[14px] text-secondary-text pl-4", children: item }, String(i)))) })] }));
 });
 //# sourceMappingURL=InputRange.js.map

package/mobile/lib/ui-kit/InputRange/InputRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputRange.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAG9E,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACxD,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC3B,CAAC,CAAC;IACF,MAAM,UAAU,GAAG;QACjB,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;KAC5E,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,iBAAO,SAAS,EAAC,gBAAgB,aAC9B,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,+DAA+D,YAC5E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBACE,SAAS,EAAE;iFAC2D,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAG,EAAE,EAC5F,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,UAAU,GAClB,EACF,cAAK,SAAS,EAAC,mDAAmD,YAChE,gBACE,SAAS,EAAC,6CAA6C,EACvD,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,KAAK,EAAE,UAAU,GACjB,GACE,IACA,EACR,cAAK,SAAS,EAAC,2BAA2B,YACvC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,gBAAsB,SAAS,EAAC,iDAAiD,kBAAG,IAAI,UAA7E,MAAM,CAAC,CAAC,CAAC,CAA6E,CAClG,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"InputRange.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAG9E,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACxD,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC3B,CAAC,CAAC;IACF,MAAM,UAAU,GAAG;QACjB,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;KAC5E,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,iBAAO,SAAS,EAAC,gBAAgB,aAC9B,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EACnF,gBACE,SAAS,EAAE;2EACoD,EAC/D,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,UAAU,GAClB,EACF,cAAK,SAAS,EAAC,sDAAsD,YACnE,gBACE,SAAS,EAAC,6CAA6C,EACvD,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,KAAK,EAAE,UAAU,GACjB,GACE,IACA,EACR,cAAK,SAAS,EAAC,2BAA2B,YACvC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAsB,SAAS,EAAC,iDAAiD,YAC9E,IAAI,IADI,MAAM,CAAC,CAAC,CAAC,CAEb,CACR,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/InputRange/InputRangeProps.d.ts

@@ -1,3 +1,4 @@
+import type { FuncSetNumber } from '../../types';
 export interface InputRangeProps {
     className?: string;
     items?: string[];
@@ -6,5 +7,5 @@ export interface InputRangeProps {
     step?: number;
     value?: number;
     title?: string;
-    onChange?: (value: number) => void;
+    onChange?: FuncSetNumber;
 }

package/mobile/lib/ui-kit/Tabs/TabsProps.d.ts

@@ -1,4 +1,5 @@
 import type { Picture } from '../../model/Picture';
+import { FuncSetNumber } from '../../types';
 /**
  * @title Вкладка
  */
@@ -9,7 +10,7 @@ export interface Tab {
     description?: string;
     icon?: Picture;
 }
-export declare type TabClickHandler = (value: number) => void;
+export declare type TabClickHandler = FuncSetNumber;
 export interface TabsProps {
     tabs?: Tab[];
     currentTabIndex: number;

package/mobile/src/common.css

@@ -72,6 +72,13 @@ html {
     width: 100%;
   }
 
+  .calc-rate-text {
+    background: linear-gradient(180deg, #42ab44 0%, #f6db7d 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    text-fill-color: transparent;
+  }
+
   input[type='range'].slider {
     -webkit-appearance: none;
     height: 4px;

package/mobile/src/components/Calculator/BonusCalculatorForm.tsx

@@ -0,0 +1,71 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import { CalculatorValueBlock } from './CalculatorValueBlock';
+import { getDefaultSum } from './getDefaultSum';
+import { renderWantedSumInput } from './renderWantedSumInput';
+import { renderRate } from './renderRate';
+import { renderButtonSection } from './renderButtonSection';
+import { BonusCalculatorParams, CommonCalculatorProps } from './CalculatorContent';
+
+export interface BonusCalculatorProp
+  extends BonusCalculatorParams,
+    CommonCalculatorProps,
+    UniBlockProps {}
+
+export const BonusCalculatorForm = JSX<BonusCalculatorProp>(
+  ({
+    context,
+    className = '',
+    buttons,
+    bonus,
+    minSumTrip,
+    maxSumTrip,
+    minSumOther,
+    maxSumOther,
+  }) => {
+    const [bonusTripValue, setBonusTripValue] = context.useState<number | undefined>(undefined);
+    const [bonusOtherValue, setBonusOtherValue] = context.useState<number | undefined>(undefined);
+    const calculatorTripParams = { minSum: minSumTrip, maxSum: maxSumTrip };
+    const calculatorOtherParams = { minSum: minSumOther, maxSum: maxSumOther };
+
+    const incomeBonus = 948841;
+    const bonusOrDef = bonus || 2528;
+
+    return (
+      <section className={className}>
+        <div className="w-[468px]">
+          {renderWantedSumInput({
+            title: 'Сумма покупок в категории путешествия, ₽',
+            calculatorParams: calculatorTripParams,
+            moneyValue: bonusTripValue,
+            defaultSum: getDefaultSum(calculatorTripParams),
+            setMoneyValue: setBonusTripValue,
+            isShowItems: false,
+          })}
+          {renderWantedSumInput({
+            className: 'mt-6',
+            title: 'Сумма покупок в остальных категориях, ₽',
+            calculatorParams: calculatorOtherParams,
+            moneyValue: bonusOtherValue,
+            defaultSum: getDefaultSum(calculatorOtherParams),
+            setMoneyValue: setBonusOtherValue,
+            isShowItems: false,
+          })}
+        </div>
+        <div>
+          {bonusOrDef
+            ? renderRate({
+                rate: bonusOrDef,
+                title: 'Баллов за месяц',
+                className: 'tracking-[-14px]',
+              })
+            : null}
+        </div>
+        <div className="w-[240px]">
+          {incomeBonus ? <CalculatorValueBlock title="Баллов за год" value={incomeBonus} /> : null}
+          {renderButtonSection(context, buttons)}
+        </div>
+      </section>
+    );
+  },
+);

package/mobile/src/components/Calculator/Calculator.tsx

@@ -0,0 +1,141 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import type { CalculatorContent, CalculatorBlockDef } from './CalculatorContent';
+import { ArrowButton } from '../../ui-kit/Button/ArrowButton';
+import { Img } from '../../ui-kit/Img/Img';
+import { renderCalculatorList } from './renderCalculatorList';
+import { CalculatorNav } from './CalculatorContent';
+
+export interface CalculatorProps extends CalculatorContent, UniBlockProps {}
+
+type TabsProps = {
+  tabsShift: number;
+  tabsNav: CalculatorNav[];
+  activeSlideIndex: number;
+  setActiveSlideIndex: (i: number) => void;
+};
+
+type NavButtonProps = {
+  tab: CalculatorNav;
+  i: number;
+  activeSlideIndex: number;
+  onClick: (ev: MouseEvent) => void;
+};
+
+const arrowBtnStyle =
+  'absolute w-[56px] h-[56px] min-h-[56px] max-h-[56px] top-1 z-10 mt-[25px] bg-white rounded-full';
+
+export const Calculator = JSX<CalculatorProps>(
+  ({ className = '', context, calcTabs = [], anchor = null }) => {
+    const tabsNav = calcTabs.map((_) => _.nav || ({} as CalculatorNav));
+    const blockCalcTabs = calcTabs.map(
+      ({ calculatorBlock }) => calculatorBlock || ({} as CalculatorBlockDef),
+    );
+    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
+    const [tabsShift, setTabsShift] = context.useState(0);
+
+    const handleNextClick = () => setTabsShift(tabsShift + 1);
+    const handlePrevClick = () => setTabsShift(tabsShift - 1);
+
+    const isGalleryScrollAvailable = calcTabs?.length > 3;
+    const showNextButton = isGalleryScrollAvailable && calcTabs?.length > tabsShift + 3;
+    const showPrevButton = tabsShift > 0;
+
+    return (
+      <section
+        id={anchor}
+        className={`box-border overflow-hidden relative font-sans w-100 bg-white text-primary-text ${className}`}
+      >
+        <div>
+          {tabsNav.length > 1
+            ? renderTabs({ tabsShift, tabsNav, activeSlideIndex, setActiveSlideIndex })
+            : null}
+          {showPrevButton ? (
+            <ArrowButton
+              className={`${arrowBtnStyle} left-3 top-3`}
+              onClick={handlePrevClick}
+              ariaLabel="Пролистать влево"
+              data-block-control="scroll-left"
+            />
+          ) : null}
+          {showNextButton ? (
+            <ArrowButton
+              className={`${arrowBtnStyle} right-3 top-3 rotate-180`}
+              onClick={handleNextClick}
+              ariaLabel="Пролистать вправо"
+              data-block-control="scroll-right"
+            />
+          ) : null}
+        </div>
+        <div
+          className="flex"
+          style={{ transform: `translateX(-${activeSlideIndex}00%)` }}
+          role="list"
+        >
+          {renderCalculatorList({
+            context,
+            className,
+            blockCalcTabs,
+          })}
+        </div>
+      </section>
+    );
+  },
+);
+
+function renderNavButton({ tab, i, activeSlideIndex, onClick }: NavButtonProps) {
+  const isActiveBtn = i === activeSlideIndex;
+
+  const btnClassName = isActiveBtn
+    ? 'h-[88px] w-[387px] min-w-[387px] p-5 border-none bg-primary-main text-white'
+    : `h-[77px] w-[322px] min-w-[322px] px-5 py-4 ease-in duration-300 bg-white text-primary-text`;
+  const btnTitleClassName = isActiveBtn ? 'text-md-new mb-1.5' : `text-base mb-[3px]`;
+  const btnDescClassName = isActiveBtn ? 'text-base text-white' : `text-m-md`;
+  const iconClassName = isActiveBtn ? '' : `text-primary-main`;
+
+  return (
+    <button
+      type="button"
+      key={String(i)}
+      onClick={onClick}
+      aria-label={tab?.title}
+      className={`box-border font-sans relative border-[1px] border-main-stroke cursor-pointer text-left border-b-0 flex
+      ${btnClassName}`}
+    >
+      <Img
+        className={`h-[24px] w-[24px] min-w-[24px] min-h-[24px] mr-4 ${iconClassName}`}
+        image={{ ...tab?.icon, iconVersion: isActiveBtn ? 'white' : 'normal' }}
+        width="24"
+        height="24"
+        asSVG
+      />
+      <div className="border-0">
+        <div className={`font-medium ${btnTitleClassName}`}>{tab?.title}</div>
+        <div className={`text-secondary-text ${btnDescClassName}`}>{tab.description}</div>
+      </div>
+    </button>
+  );
+}
+
+function renderTabs({ tabsShift, tabsNav, activeSlideIndex, setActiveSlideIndex }: TabsProps) {
+  return (
+    <div>
+      <div
+        style={{ transform: `translateX(-${tabsShift * 388}px)` }}
+        className="flex flex-col justify-end items-center h-[126px] pt-[38px] box-border duration-1000"
+      >
+        <div className="w-full flex flex-nowrap items-end gap-2">
+          {tabsNav.map((tab, i) =>
+            renderNavButton({
+              tab,
+              i,
+              activeSlideIndex,
+              onClick: () => setActiveSlideIndex(i),
+            }),
+          )}
+        </div>
+      </div>
+      <div className="w-full h-2 bg-primary-main" />
+    </div>
+  );
+}