@redneckz/wildless-cms-uni-blocks 0.14.1072 → 0.14.1074
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +279 -412
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/CashbackCalculator/CashbackCalculator.d.ts +2 -7
- package/bundle/components/CashbackCalculator/CashbackCalculatorContent.d.ts +25 -0
- package/bundle/components/CashbackCalculator/CashbackCalculatorResult.d.ts +1 -2
- package/bundle/components/CashbackCalculator/CashbackCategory.d.ts +2 -6
- package/bundle/components/CashbackCalculator/useCashbackCalculator.d.ts +2 -4
- package/bundle/components/GalleryLayout/utils.d.ts +0 -1
- package/bundle/ui-kit/RichText/RichTextProps.d.ts +0 -2
- package/dist/components/Blocks.js +2 -4
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/CashbackCalculator/CashbackCalculator.d.ts +2 -7
- package/dist/components/CashbackCalculator/CashbackCalculator.js +14 -25
- package/dist/components/CashbackCalculator/CashbackCalculator.js.map +1 -1
- package/dist/components/CashbackCalculator/CashbackCalculatorContent.d.ts +25 -0
- package/dist/components/CashbackCalculator/CashbackCalculatorContent.js +1 -0
- package/dist/components/CashbackCalculator/CashbackCalculatorResult.d.ts +1 -2
- package/dist/components/CashbackCalculator/CashbackCalculatorResult.js +11 -9
- package/dist/components/CashbackCalculator/CashbackCalculatorResult.js.map +1 -1
- package/dist/components/CashbackCalculator/CashbackCategory.d.ts +2 -6
- package/dist/components/CashbackCalculator/CashbackCategory.js +54 -33
- package/dist/components/CashbackCalculator/CashbackCategory.js.map +1 -1
- package/dist/components/CashbackCalculator/useCashbackCalculator.d.ts +2 -4
- package/dist/components/CashbackCalculator/useCashbackCalculator.js +15 -17
- package/dist/components/CashbackCalculator/useCashbackCalculator.js.map +1 -1
- package/dist/components/CreditCardForm/FailedStatusContent.js +1 -1
- package/dist/components/CreditCardForm/FailedStatusContent.js.map +1 -1
- package/dist/components/CreditCardForm/PendingStatusContent.js +1 -1
- package/dist/components/CreditCardForm/PendingStatusContent.js.map +1 -1
- package/dist/components/CreditCardForm/ReworkStatusContent.js +2 -2
- package/dist/components/CreditCardForm/ReworkStatusContent.js.map +1 -1
- package/dist/components/CreditCardForm/SuccessStatusCardContent.js +1 -1
- package/dist/components/CreditCardForm/SuccessStatusCardContent.js.map +1 -1
- package/dist/components/GalleryLayout/utils.d.ts +0 -1
- package/dist/ui-kit/RichText/RichText.js +2 -2
- package/dist/ui-kit/RichText/RichText.js.map +1 -1
- package/dist/ui-kit/RichText/RichTextProps.d.ts +0 -2
- package/lib/common.css +1 -1
- package/lib/components/Blocks.js +2 -4
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/CashbackCalculator/CashbackCalculator.d.ts +2 -7
- package/lib/components/CashbackCalculator/CashbackCalculator.js +14 -25
- package/lib/components/CashbackCalculator/CashbackCalculator.js.map +1 -1
- package/lib/components/CashbackCalculator/CashbackCalculatorContent.d.ts +25 -0
- package/lib/components/CashbackCalculator/CashbackCalculatorContent.js +1 -0
- package/lib/components/CashbackCalculator/CashbackCalculatorResult.d.ts +1 -2
- package/lib/components/CashbackCalculator/CashbackCalculatorResult.js +11 -9
- package/lib/components/CashbackCalculator/CashbackCalculatorResult.js.map +1 -1
- package/lib/components/CashbackCalculator/CashbackCategory.d.ts +2 -6
- package/lib/components/CashbackCalculator/CashbackCategory.js +54 -33
- package/lib/components/CashbackCalculator/CashbackCategory.js.map +1 -1
- package/lib/components/CashbackCalculator/useCashbackCalculator.d.ts +2 -4
- package/lib/components/CashbackCalculator/useCashbackCalculator.js +16 -18
- package/lib/components/CashbackCalculator/useCashbackCalculator.js.map +1 -1
- package/lib/components/CreditCardForm/FailedStatusContent.js +1 -1
- package/lib/components/CreditCardForm/FailedStatusContent.js.map +1 -1
- package/lib/components/CreditCardForm/PendingStatusContent.js +1 -1
- package/lib/components/CreditCardForm/PendingStatusContent.js.map +1 -1
- package/lib/components/CreditCardForm/ReworkStatusContent.js +2 -2
- package/lib/components/CreditCardForm/ReworkStatusContent.js.map +1 -1
- package/lib/components/CreditCardForm/SuccessStatusCardContent.js +1 -1
- package/lib/components/CreditCardForm/SuccessStatusCardContent.js.map +1 -1
- package/lib/components/GalleryLayout/utils.d.ts +0 -1
- package/lib/ui-kit/RichText/RichText.js +2 -2
- package/lib/ui-kit/RichText/RichText.js.map +1 -1
- package/lib/ui-kit/RichText/RichTextProps.d.ts +0 -2
- package/mobile/bundle/bundle.umd.js +72 -158
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/CashbackCalculator/CashbackCalculator.d.ts +2 -7
- package/mobile/bundle/components/CashbackCalculator/CashbackCalculatorContent.d.ts +25 -0
- package/mobile/bundle/components/CashbackCalculator/CashbackCalculatorResult.d.ts +1 -2
- package/mobile/bundle/components/CashbackCalculator/CashbackCategory.d.ts +2 -6
- package/mobile/bundle/components/CashbackCalculator/useCashbackCalculator.d.ts +2 -4
- package/mobile/bundle/components/GalleryLayout/utils.d.ts +0 -1
- package/mobile/bundle/ui-kit/RichText/RichTextProps.d.ts +0 -2
- package/mobile/dist/components/CashbackCalculator/CashbackCalculator.d.ts +2 -7
- package/mobile/dist/components/CashbackCalculator/CashbackCalculator.js +14 -25
- package/mobile/dist/components/CashbackCalculator/CashbackCalculator.js.map +1 -1
- package/mobile/dist/components/CashbackCalculator/CashbackCalculatorContent.d.ts +25 -0
- package/mobile/dist/components/CashbackCalculator/CashbackCalculatorContent.js +1 -0
- package/mobile/dist/components/CashbackCalculator/CashbackCalculatorResult.d.ts +1 -2
- package/mobile/dist/components/CashbackCalculator/CashbackCalculatorResult.js +11 -9
- package/mobile/dist/components/CashbackCalculator/CashbackCalculatorResult.js.map +1 -1
- package/mobile/dist/components/CashbackCalculator/CashbackCategory.d.ts +2 -6
- package/mobile/dist/components/CashbackCalculator/CashbackCategory.js +54 -33
- package/mobile/dist/components/CashbackCalculator/CashbackCategory.js.map +1 -1
- package/mobile/dist/components/CashbackCalculator/useCashbackCalculator.d.ts +2 -4
- package/mobile/dist/components/CashbackCalculator/useCashbackCalculator.js +15 -17
- package/mobile/dist/components/CashbackCalculator/useCashbackCalculator.js.map +1 -1
- package/mobile/dist/components/CreditCardForm/FailedStatusContent.js +1 -1
- package/mobile/dist/components/CreditCardForm/FailedStatusContent.js.map +1 -1
- package/mobile/dist/components/CreditCardForm/PendingStatusContent.js +1 -1
- package/mobile/dist/components/CreditCardForm/PendingStatusContent.js.map +1 -1
- package/mobile/dist/components/CreditCardForm/ReworkStatusContent.js +2 -2
- package/mobile/dist/components/CreditCardForm/ReworkStatusContent.js.map +1 -1
- package/mobile/dist/components/CreditCardForm/SuccessStatusCardContent.js +1 -1
- package/mobile/dist/components/CreditCardForm/SuccessStatusCardContent.js.map +1 -1
- package/mobile/dist/components/GalleryLayout/utils.d.ts +0 -1
- package/mobile/dist/ui-kit/RichText/RichText.js +2 -2
- package/mobile/dist/ui-kit/RichText/RichText.js.map +1 -1
- package/mobile/dist/ui-kit/RichText/RichTextProps.d.ts +0 -2
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/CashbackCalculator/CashbackCalculator.d.ts +2 -7
- package/mobile/lib/components/CashbackCalculator/CashbackCalculator.js +14 -25
- package/mobile/lib/components/CashbackCalculator/CashbackCalculator.js.map +1 -1
- package/mobile/lib/components/CashbackCalculator/CashbackCalculatorContent.d.ts +25 -0
- package/mobile/lib/components/CashbackCalculator/CashbackCalculatorContent.js +1 -0
- package/mobile/lib/components/CashbackCalculator/CashbackCalculatorResult.d.ts +1 -2
- package/mobile/lib/components/CashbackCalculator/CashbackCalculatorResult.js +11 -9
- package/mobile/lib/components/CashbackCalculator/CashbackCalculatorResult.js.map +1 -1
- package/mobile/lib/components/CashbackCalculator/CashbackCategory.d.ts +2 -6
- package/mobile/lib/components/CashbackCalculator/CashbackCategory.js +54 -33
- package/mobile/lib/components/CashbackCalculator/CashbackCategory.js.map +1 -1
- package/mobile/lib/components/CashbackCalculator/useCashbackCalculator.d.ts +2 -4
- package/mobile/lib/components/CashbackCalculator/useCashbackCalculator.js +16 -18
- package/mobile/lib/components/CashbackCalculator/useCashbackCalculator.js.map +1 -1
- package/mobile/lib/components/CreditCardForm/FailedStatusContent.js +1 -1
- package/mobile/lib/components/CreditCardForm/FailedStatusContent.js.map +1 -1
- package/mobile/lib/components/CreditCardForm/PendingStatusContent.js +1 -1
- package/mobile/lib/components/CreditCardForm/PendingStatusContent.js.map +1 -1
- package/mobile/lib/components/CreditCardForm/ReworkStatusContent.js +2 -2
- package/mobile/lib/components/CreditCardForm/ReworkStatusContent.js.map +1 -1
- package/mobile/lib/components/CreditCardForm/SuccessStatusCardContent.js +1 -1
- package/mobile/lib/components/CreditCardForm/SuccessStatusCardContent.js.map +1 -1
- package/mobile/lib/components/GalleryLayout/utils.d.ts +0 -1
- package/mobile/lib/ui-kit/RichText/RichText.js +2 -2
- package/mobile/lib/ui-kit/RichText/RichText.js.map +1 -1
- package/mobile/lib/ui-kit/RichText/RichTextProps.d.ts +0 -2
- package/mobile/src/components/CashbackCalculator/CashbackCalculator.example.json +1 -0
- package/mobile/src/components/CashbackCalculator/CashbackCalculator.tsx +69 -73
- package/mobile/src/components/{CashbackCalculatorLayout/CashbackCalculatorLayout.ui.json → CashbackCalculator/CashbackCalculator.ui.json} +0 -6
- package/mobile/src/components/CashbackCalculator/CashbackCalculatorContent.ts +28 -0
- package/mobile/src/components/CashbackCalculator/CashbackCalculatorResult.tsx +23 -23
- package/mobile/src/components/CashbackCalculator/CashbackCategory.tsx +71 -69
- package/mobile/src/components/CashbackCalculator/useCashbackCalculator.ts +17 -26
- package/mobile/src/components/CreditCardForm/FailedStatusContent.tsx +1 -1
- package/mobile/src/components/CreditCardForm/PendingStatusContent.tsx +1 -1
- package/mobile/src/components/CreditCardForm/ReworkStatusContent.tsx +2 -2
- package/mobile/src/components/CreditCardForm/SuccessStatusCardContent.tsx +2 -2
- package/mobile/src/ui-kit/RichText/RichText.tsx +1 -9
- package/mobile/src/ui-kit/RichText/RichTextProps.ts +0 -2
- package/package.json +2 -2
- package/src/components/Blocks.ts +2 -4
- package/src/components/CashbackCalculator/CashbackCalculator.example.json +1 -0
- package/src/components/CashbackCalculator/CashbackCalculator.tsx +69 -73
- package/src/components/{CashbackCalculatorLayout/CashbackCalculatorLayout.ui.json → CashbackCalculator/CashbackCalculator.ui.json} +0 -6
- package/src/components/CashbackCalculator/CashbackCalculatorContent.ts +28 -0
- package/src/components/CashbackCalculator/CashbackCalculatorResult.tsx +23 -23
- package/src/components/CashbackCalculator/CashbackCategory.tsx +71 -69
- package/src/components/CashbackCalculator/useCashbackCalculator.ts +17 -26
- package/src/components/CreditCardForm/FailedStatusContent.tsx +1 -1
- package/src/components/CreditCardForm/PendingStatusContent.tsx +1 -1
- package/src/components/CreditCardForm/ReworkStatusContent.tsx +2 -2
- package/src/components/CreditCardForm/SuccessStatusCardContent.tsx +2 -2
- package/src/ui-kit/RichText/RichText.tsx +1 -9
- package/src/ui-kit/RichText/RichTextProps.ts +0 -2
- package/bundle/components/CashbackCalculator/constants.d.ts +0 -16
- package/bundle/components/CashbackCalculator/getPercentCategories.d.ts +0 -1
- package/bundle/components/CashbackCalculator/renderButtons.d.ts +0 -9
- package/bundle/components/CashbackCalculatorLayout/CashbackCalculatorLayout.d.ts +0 -6
- package/bundle/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.d.ts +0 -38
- package/dist/components/CashbackCalculator/constants.d.ts +0 -16
- package/dist/components/CashbackCalculator/constants.js +0 -89
- package/dist/components/CashbackCalculator/constants.js.map +0 -1
- package/dist/components/CashbackCalculator/getPercentCategories.d.ts +0 -1
- package/dist/components/CashbackCalculator/getPercentCategories.js +0 -16
- package/dist/components/CashbackCalculator/getPercentCategories.js.map +0 -1
- package/dist/components/CashbackCalculator/renderButtons.d.ts +0 -9
- package/dist/components/CashbackCalculator/renderButtons.js +0 -10
- package/dist/components/CashbackCalculator/renderButtons.js.map +0 -1
- package/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayout.d.ts +0 -6
- package/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayout.js +0 -56
- package/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayout.js.map +0 -1
- package/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.d.ts +0 -38
- package/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.js +0 -2
- package/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.js.map +0 -1
- package/lib/components/CashbackCalculator/constants.d.ts +0 -16
- package/lib/components/CashbackCalculator/constants.js +0 -87
- package/lib/components/CashbackCalculator/constants.js.map +0 -1
- package/lib/components/CashbackCalculator/getPercentCategories.d.ts +0 -1
- package/lib/components/CashbackCalculator/getPercentCategories.js +0 -13
- package/lib/components/CashbackCalculator/getPercentCategories.js.map +0 -1
- package/lib/components/CashbackCalculator/renderButtons.d.ts +0 -9
- package/lib/components/CashbackCalculator/renderButtons.js +0 -7
- package/lib/components/CashbackCalculator/renderButtons.js.map +0 -1
- package/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayout.d.ts +0 -6
- package/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayout.fixture.d.ts +0 -5
- package/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayout.js +0 -54
- package/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayout.js.map +0 -1
- package/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.d.ts +0 -38
- package/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.js +0 -2
- package/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.js.map +0 -1
- package/mobile/bundle/components/CashbackCalculator/constants.d.ts +0 -16
- package/mobile/bundle/components/CashbackCalculator/getPercentCategories.d.ts +0 -1
- package/mobile/bundle/components/CashbackCalculator/renderButtons.d.ts +0 -9
- package/mobile/bundle/components/CashbackCalculatorLayout/CashbackCalculatorLayout.d.ts +0 -6
- package/mobile/bundle/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.d.ts +0 -38
- package/mobile/dist/components/CashbackCalculator/constants.d.ts +0 -16
- package/mobile/dist/components/CashbackCalculator/constants.js +0 -89
- package/mobile/dist/components/CashbackCalculator/constants.js.map +0 -1
- package/mobile/dist/components/CashbackCalculator/getPercentCategories.d.ts +0 -1
- package/mobile/dist/components/CashbackCalculator/getPercentCategories.js +0 -16
- package/mobile/dist/components/CashbackCalculator/getPercentCategories.js.map +0 -1
- package/mobile/dist/components/CashbackCalculator/renderButtons.d.ts +0 -9
- package/mobile/dist/components/CashbackCalculator/renderButtons.js +0 -10
- package/mobile/dist/components/CashbackCalculator/renderButtons.js.map +0 -1
- package/mobile/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayout.d.ts +0 -6
- package/mobile/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayout.js +0 -56
- package/mobile/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayout.js.map +0 -1
- package/mobile/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.d.ts +0 -38
- package/mobile/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.js +0 -2
- package/mobile/dist/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.js.map +0 -1
- package/mobile/lib/components/CashbackCalculator/constants.d.ts +0 -16
- package/mobile/lib/components/CashbackCalculator/constants.js +0 -87
- package/mobile/lib/components/CashbackCalculator/constants.js.map +0 -1
- package/mobile/lib/components/CashbackCalculator/getPercentCategories.d.ts +0 -1
- package/mobile/lib/components/CashbackCalculator/getPercentCategories.js +0 -13
- package/mobile/lib/components/CashbackCalculator/getPercentCategories.js.map +0 -1
- package/mobile/lib/components/CashbackCalculator/renderButtons.d.ts +0 -9
- package/mobile/lib/components/CashbackCalculator/renderButtons.js +0 -7
- package/mobile/lib/components/CashbackCalculator/renderButtons.js.map +0 -1
- package/mobile/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayout.d.ts +0 -6
- package/mobile/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayout.js +0 -54
- package/mobile/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayout.js.map +0 -1
- package/mobile/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.d.ts +0 -38
- package/mobile/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.js +0 -2
- package/mobile/lib/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.js.map +0 -1
- package/mobile/src/components/CashbackCalculator/constants.ts +0 -97
- package/mobile/src/components/CashbackCalculator/getPercentCategories.ts +0 -24
- package/mobile/src/components/CashbackCalculator/renderButtons.tsx +0 -38
- package/mobile/src/components/CashbackCalculatorLayout/CashbackCalculatorLayout.example.json +0 -47
- package/mobile/src/components/CashbackCalculatorLayout/CashbackCalculatorLayout.tsx +0 -116
- package/mobile/src/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.ts +0 -49
- package/src/components/CashbackCalculator/constants.ts +0 -97
- package/src/components/CashbackCalculator/getPercentCategories.ts +0 -24
- package/src/components/CashbackCalculator/renderButtons.tsx +0 -38
- package/src/components/CashbackCalculatorLayout/CashbackCalculatorLayout.example.json +0 -47
- package/src/components/CashbackCalculatorLayout/CashbackCalculatorLayout.fixture.tsx +0 -61
- package/src/components/CashbackCalculatorLayout/CashbackCalculatorLayout.tsx +0 -116
- package/src/components/CashbackCalculatorLayout/CashbackCalculatorLayoutContent.ts +0 -49
|
@@ -4,46 +4,67 @@ import { useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
|
4
4
|
import { Button } from '../../ui-kit/Button/Button.js';
|
|
5
5
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
6
6
|
import { InputRange } from '../../ui-kit/InputRange/InputRange.js';
|
|
7
|
-
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
8
7
|
import { Select } from '../../ui-kit/Select/Select.js';
|
|
9
8
|
import { Text } from '../../ui-kit/Text/Text.js';
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
const AllPercentCategories = [
|
|
10
|
+
{
|
|
11
|
+
text: 'Категория 1,5%',
|
|
12
|
+
key: '1.5',
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
text: 'Категория 3%',
|
|
16
|
+
key: '3',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
text: 'Категория 5%',
|
|
20
|
+
key: '5',
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
text: 'Категория 10%',
|
|
24
|
+
key: '10',
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
text: 'Категория 15%',
|
|
28
|
+
key: '15',
|
|
29
|
+
},
|
|
30
|
+
];
|
|
31
|
+
const PercentCategoriesWithoutIncreased = [
|
|
32
|
+
{
|
|
33
|
+
text: 'Категория 1,5%',
|
|
34
|
+
key: '1.5',
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
text: 'Категория 3%',
|
|
38
|
+
key: '3',
|
|
39
|
+
},
|
|
40
|
+
];
|
|
41
|
+
export const CashbackCategory = JSX(({ categories, cashback, showIncreasedPercents, maxInputRange, deleteImage, onDelete, onChange, }) => {
|
|
19
42
|
const [currentCategory, setCurrentCategory] = useState(getRandomElement(categories));
|
|
20
|
-
const isMainCashback = cashback.
|
|
21
|
-
const onChangePercent =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
43
|
+
const isMainCashback = cashback.id === 0;
|
|
44
|
+
const onChangePercent = (value) => {
|
|
45
|
+
onChange({
|
|
46
|
+
...cashback,
|
|
47
|
+
percent: value,
|
|
48
|
+
});
|
|
49
|
+
};
|
|
50
|
+
const onChangeSum = (value) => {
|
|
51
|
+
onChange({
|
|
52
|
+
...cashback,
|
|
53
|
+
sum: value,
|
|
54
|
+
});
|
|
26
55
|
};
|
|
27
|
-
return (_jsxs("div", { className: "w-full space-y-m", children: [_jsxs("div", { className: "space-y-xs", children: [_jsx(
|
|
56
|
+
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 })] }));
|
|
28
57
|
});
|
|
29
58
|
const getRandomElement = (arr) => arr?.[new Date().getTime().toString().slice(-1)];
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const updateSelectedCategories = (prev, cashback, value) => {
|
|
37
|
-
const newItem = { id: cashback.id, category: value };
|
|
38
|
-
if (prev.length === 0) {
|
|
39
|
-
return [newItem];
|
|
59
|
+
const getPercentCategories = (isMainCashback, showIncreasedPercents) => {
|
|
60
|
+
if (isMainCashback) {
|
|
61
|
+
return [];
|
|
62
|
+
}
|
|
63
|
+
else if (showIncreasedPercents) {
|
|
64
|
+
return AllPercentCategories;
|
|
40
65
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
const updated = [...prev];
|
|
44
|
-
updated[index] = newItem;
|
|
45
|
-
return updated;
|
|
66
|
+
else {
|
|
67
|
+
return PercentCategoriesWithoutIncreased;
|
|
46
68
|
}
|
|
47
|
-
return [...prev, newItem];
|
|
48
69
|
};
|
|
49
70
|
//# sourceMappingURL=CashbackCategory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CashbackCategory.js","sourceRoot":"","sources":["../../../src/components/CashbackCalculator/CashbackCategory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"CashbackCategory.js","sourceRoot":"","sources":["../../../src/components/CashbackCalculator/CashbackCategory.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { type Option } from '../../ui-kit/Select/Option';
|
|
2
|
-
import { type Cashback
|
|
3
|
-
|
|
4
|
-
export declare const useCashbackCalculator: (calculatorType: CashbackCalculatorType) => {
|
|
2
|
+
import { type Cashback } from './CashbackCalculatorContent';
|
|
3
|
+
export declare const useCashbackCalculator: () => {
|
|
5
4
|
cashbacks: Cashback[];
|
|
6
5
|
categories: Option[];
|
|
7
6
|
onAddNewCashback: () => void;
|
|
8
7
|
onChangeCashback: (item: Cashback) => void;
|
|
9
8
|
onDeleteCashback: (id: number) => void;
|
|
10
9
|
onResetCashback: () => void;
|
|
11
|
-
onChangeCategory: (value: SelectedCategory[] | ((prevState: SelectedCategory[]) => SelectedCategory[])) => void;
|
|
12
10
|
};
|
|
@@ -1,27 +1,26 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
2
2
|
import { useLeadFormData } from '../../retail/hooks/useLeadFormData.js';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
const DEFAULT_CASHBACK = [
|
|
4
|
+
{
|
|
5
|
+
id: 0,
|
|
6
|
+
percent: {
|
|
7
|
+
text: 'Категория 1% "На всё"',
|
|
8
|
+
key: '1',
|
|
9
|
+
},
|
|
10
|
+
sum: 5000,
|
|
11
|
+
},
|
|
12
|
+
];
|
|
13
|
+
export const useCashbackCalculator = () => {
|
|
9
14
|
const { data } = useLeadFormData('CASHBACK_CATEGORY');
|
|
10
|
-
const [cashbacks, setCashbacks] = useState(
|
|
11
|
-
const [selectedCategories, setSelectedCategories] = useState([]);
|
|
15
|
+
const [cashbacks, setCashbacks] = useState(DEFAULT_CASHBACK);
|
|
12
16
|
const categories = data?.map((_) => ({
|
|
13
17
|
key: _.key || '',
|
|
14
18
|
text: _.value,
|
|
15
19
|
})) || [];
|
|
16
|
-
const filteredCategories = useMemo(() => {
|
|
17
|
-
const categoriesToRemove = selectedCategories.map((obj) => obj.category);
|
|
18
|
-
const keysToRemove = new Set(categoriesToRemove.map((item) => item.key));
|
|
19
|
-
return categories.filter((item) => !keysToRemove.has(item.key));
|
|
20
|
-
}, [selectedCategories, categories]);
|
|
21
20
|
const onAddNewCashback = () => setCashbacks((_) => [
|
|
22
21
|
..._,
|
|
23
22
|
{
|
|
24
|
-
id: _
|
|
23
|
+
id: _[_.length - 1].id + 1,
|
|
25
24
|
percent: {
|
|
26
25
|
text: 'Категория 1,5%',
|
|
27
26
|
key: '1.5',
|
|
@@ -36,15 +35,14 @@ export const useCashbackCalculator = (calculatorType) => {
|
|
|
36
35
|
return _;
|
|
37
36
|
}));
|
|
38
37
|
const onDeleteCashback = (id) => setCashbacks((prev) => prev.filter((_) => _.id !== id));
|
|
39
|
-
const onResetCashback = () => setCashbacks(
|
|
38
|
+
const onResetCashback = () => setCashbacks(DEFAULT_CASHBACK);
|
|
40
39
|
return {
|
|
41
40
|
cashbacks,
|
|
42
|
-
categories
|
|
41
|
+
categories,
|
|
43
42
|
onAddNewCashback,
|
|
44
43
|
onChangeCashback,
|
|
45
44
|
onDeleteCashback,
|
|
46
45
|
onResetCashback,
|
|
47
|
-
onChangeCategory: setSelectedCategories,
|
|
48
46
|
};
|
|
49
47
|
};
|
|
50
48
|
//# sourceMappingURL=useCashbackCalculator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCashbackCalculator.js","sourceRoot":"","sources":["../../../src/components/CashbackCalculator/useCashbackCalculator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useCashbackCalculator.js","sourceRoot":"","sources":["../../../src/components/CashbackCalculator/useCashbackCalculator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAKrE,MAAM,gBAAgB,GAAe;IACnC;QACE,EAAE,EAAE,CAAC;QACL,OAAO,EAAE;YACP,IAAI,EAAE,uBAAuB;YAC7B,GAAG,EAAE,GAAG;SACT;QACD,GAAG,EAAE,IAAI;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAa,gBAAgB,CAAC,CAAC;IAEzE,MAAM,UAAU,GACd,IAAI,EAAE,GAAG,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC;QAChC,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE;QAChB,IAAI,EAAE,CAAC,CAAC,KAAK;KACd,CAAC,CAAC,IAAI,EAAE,CAAC;IAEZ,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAC5B,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAClB,GAAG,CAAC;QACJ;YACE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;YAC1B,OAAO,EAAE;gBACP,IAAI,EAAE,gBAAgB;gBACtB,GAAG,EAAE,KAAK;aACX;YACD,GAAG,EAAE,IAAI;SACV;KACF,CAAC,CAAC;IAEL,MAAM,gBAAgB,GAAG,CAAC,IAAc,EAAE,EAAE,CAC1C,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CACpB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACb,IAAI,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE;YACpB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CACH,CAAC;IAEJ,MAAM,gBAAgB,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAEjG,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAE7D,OAAO;QACL,SAAS;QACT,UAAU;QACV,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;QAChB,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { FormStatus } from '../../retail/components/FormStatus/FormStatus.js';
|
|
4
|
-
export const FailedStatusContent = JSX(() => (_jsx(FormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435", description: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0411\u0430\u043D\u043A \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043E\u0434\u043E\u0431\u0440\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443 \u043D\u0430 \u043A\u0440\u0435\u0434\u0438\u0442. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435. \u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u0432 \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB.", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
|
|
4
|
+
export const FailedStatusContent = JSX(() => (_jsx(FormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435", description: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0411\u0430\u043D\u043A \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043E\u0434\u043E\u0431\u0440\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443 \u043D\u0430 \u043A\u0440\u0435\u0434\u0438\u0442\u043D\u0443\u044E \u043A\u0430\u0440\u0442\u0443. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435. \u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u0432 \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB.", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
|
|
5
5
|
//# sourceMappingURL=FailedStatusContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FailedStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditCardForm/FailedStatusContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAE3E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,CAC3C,KAAC,UAAU,IACT,KAAK,EAAC,+IAA4B,EAClC,WAAW,EAAC,
|
|
1
|
+
{"version":3,"file":"FailedStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditCardForm/FailedStatusContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAE3E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,CAC3C,KAAC,UAAU,IACT,KAAK,EAAC,+IAA4B,EAClC,WAAW,EAAC,wwBAAuJ,EACnK,UAAU,EAAC,gHAAsB,GACjC,CACH,CAAC,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { FormStatus } from '../../retail/components/FormStatus/FormStatus.js';
|
|
|
4
4
|
import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore.js';
|
|
5
5
|
export const PendingStatusContent = JSX(({ onExpire }) => {
|
|
6
6
|
const { statusInfo } = useRetailFormStore();
|
|
7
|
-
return (_jsx(FormStatus, { interval: 300, title: "\u0417\u0430\u044F\u0432\u043A\u0430 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0430", description: "\u041D\u0435 \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0439\u0442\u0435 \u043E\u043A\u043D\u043E, \u0441\u043A\u043E\u0440\u043E \u0441\u043E\u043E\u0431\u0449\u0438\u043C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442", sectionInfoTitle: "\u0417\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u043E \u043A\u0440\u0435\u0434\u0438\u0442\
|
|
7
|
+
return (_jsx(FormStatus, { interval: 300, title: "\u0417\u0430\u044F\u0432\u043A\u0430 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0430", description: "\u041D\u0435 \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0439\u0442\u0435 \u043E\u043A\u043D\u043E, \u0441\u043A\u043E\u0440\u043E \u0441\u043E\u043E\u0431\u0449\u0438\u043C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442", sectionInfoTitle: "\u0417\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u043E \u043A\u0440\u0435\u0434\u0438\u0442\u043D\u043E\u0439 \u043A\u0430\u0440\u0442\u0435", sectionInfo: [
|
|
8
8
|
{
|
|
9
9
|
label: 'Название продукта',
|
|
10
10
|
description: 'Кредитная карта',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PendingStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditCardForm/PendingStatusContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACjF,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE5C,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,KAAK,EAAC,8IAA2B,EACjC,WAAW,EAAC,sOAA6C,EACzD,gBAAgB,EAAC,
|
|
1
|
+
{"version":3,"file":"PendingStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditCardForm/PendingStatusContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACjF,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE5C,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,KAAK,EAAC,8IAA2B,EACjC,WAAW,EAAC,sOAA6C,EACzD,gBAAgB,EAAC,4MAAuC,EACxD,WAAW,EAAE;YACX;gBACE,KAAK,EAAE,mBAAmB;gBAC1B,WAAW,EAAE,iBAAiB;aAC/B;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,UAAU,EAAE,YAAY;aACtC;SACF,EACD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -21,9 +21,9 @@ export const ReworkStatusContent = JSX(() => {
|
|
|
21
21
|
description: statusInfo?.addressRetail,
|
|
22
22
|
},
|
|
23
23
|
];
|
|
24
|
-
return (_jsx(FormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \
|
|
24
|
+
return (_jsx(FormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435, \u043D\u043E \u043D\u0430\u043C \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u0431\u043E\u043B\u044C\u0448\u0435 \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0434\u043B\u044F \u043F\u0440\u0438\u043D\u044F\u0442\u0438\u044F \u0440\u0435\u0448\u0435\u043D\u0438\u044F", description: isCourierDelivery
|
|
25
25
|
? ''
|
|
26
|
-
: 'Посетите выбранное отделение банка с необходимыми документами и так завершите оформление
|
|
26
|
+
: 'Посетите выбранное отделение банка с необходимыми документами и так завершите оформление кредитной карты.', sectionAdditionalTitle: isCourierDelivery ? 'Адрес доставки' : 'В отделении Банка', sectionInfoAdditional: infoAdditional, sectionInfo: [
|
|
27
27
|
{
|
|
28
28
|
label: 'Основные документы:',
|
|
29
29
|
description: '- Паспорт РФ',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReworkStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditCardForm/ReworkStatusContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE3E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC,GAAG,EAAE;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE5C,MAAM,iBAAiB,GAAG,UAAU,EAAE,YAAY,KAAK,SAAS,CAAC;IAEjE,MAAM,cAAc,GAAG,iBAAiB;QACtC,CAAC,CAAC;YACE;gBACE,WAAW,EAAE,UAAU,EAAE,eAAe;aACzC;SACF;QACH,CAAC,CAAC;YACE;gBACE,KAAK,EAAE,QAAQ;gBACf,WAAW,EAAE,UAAU,EAAE,YAAY;aACtC;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,UAAU,EAAE,aAAa;aACvC;SACF,CAAC;IAEN,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAC,saAAkF,EACxF,WAAW,EACT,iBAAiB;YACf,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"ReworkStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditCardForm/ReworkStatusContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE3E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC,GAAG,EAAE;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE5C,MAAM,iBAAiB,GAAG,UAAU,EAAE,YAAY,KAAK,SAAS,CAAC;IAEjE,MAAM,cAAc,GAAG,iBAAiB;QACtC,CAAC,CAAC;YACE;gBACE,WAAW,EAAE,UAAU,EAAE,eAAe;aACzC;SACF;QACH,CAAC,CAAC;YACE;gBACE,KAAK,EAAE,QAAQ;gBACf,WAAW,EAAE,UAAU,EAAE,YAAY;aACtC;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,UAAU,EAAE,aAAa;aACvC;SACF,CAAC;IAEN,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAC,saAAkF,EACxF,WAAW,EACT,iBAAiB;YACf,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,2GAA2G,EAEjH,sBAAsB,EAAE,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB,EAClF,qBAAqB,EAAE,cAAc,EACrC,WAAW,EAAE;YACX;gBACE,KAAK,EAAE,qBAAqB;gBAC5B,WAAW,EAAE,cAAc;aAC5B;SACF,EACD,UAAU,EAAC,gHAAsB,GACjC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { useRetailFormStore } from '../../retail/hooks/useRetailFormStore.js';
|
|
|
5
5
|
import { formatDate } from '../../utils/formatDate.js';
|
|
6
6
|
export const SuccessStatusCardContent = JSX(() => {
|
|
7
7
|
const { statusInfo } = useRetailFormStore();
|
|
8
|
-
return (_jsx(FormStatus, { title: "\u0411\u0430\u043D\u043A \u043E\u0434\u043E\u0431\u0440\u0438\u043B \
|
|
8
|
+
return (_jsx(FormStatus, { title: "\u0411\u0430\u043D\u043A \u043E\u0434\u043E\u0431\u0440\u0438\u043B \u0412\u0430\u043C \u043A\u0440\u0435\u0434\u0438\u0442\u043D\u0443\u044E \u043A\u0430\u0440\u0442\u0443", description: "\u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u043A\u0440\u0435\u0434\u0438\u0442\u043D\u0443\u044E \u043A\u0430\u0440\u0442\u0443", sectionInfo: getSectionInfo(statusInfo), buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" }));
|
|
9
9
|
});
|
|
10
10
|
const getSectionInfo = (statusInfo) => {
|
|
11
11
|
const sectionInfo = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SuccessStatusCardContent.js","sourceRoot":"","sources":["../../../src/components/CreditCardForm/SuccessStatusCardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAwB,MAAM,uCAAuC,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC,GAAG,EAAE;IAC/C,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE5C,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"SuccessStatusCardContent.js","sourceRoot":"","sources":["../../../src/components/CreditCardForm/SuccessStatusCardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAwB,MAAM,uCAAuC,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC,GAAG,EAAE;IAC/C,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE5C,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAC,8KAAkC,EACxC,WAAW,EAAC,sdAA0F,EACtG,WAAW,EAAE,cAAc,CAAC,UAAU,CAAC,EACvC,UAAU,EAAC,gHAAsB,GACjC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,UAAkC,EAAE,EAAE;IAC5D,MAAM,WAAW,GAAG;QAClB;YACE,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,iBAAiB;SAC/B;QACD;YACE,KAAK,EAAE,WAAW;YAClB,WAAW,EAAE,UAAU,EAAE,YAAY;SACtC;KACF,CAAC;IAEF,IAAI,UAAU,EAAE,eAAe,IAAI,UAAU,EAAE,YAAY,EAAE;QAC3D,OAAO,WAAW,CAAC,MAAM,CAAC;YACxB;gBACE,KAAK,EAAE,gBAAgB;gBACvB,WAAW,EAAE,UAAU,EAAE,eAAe;aACzC;YACD;gBACE,KAAK,EAAE,eAAe;gBACtB,WAAW,EAAE,UAAU,CAAC,UAAU,EAAE,YAAY,CAAC;aAClD;SACF,CAAC,CAAC;KACJ;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC"}
|
|
@@ -8,7 +8,6 @@ export declare const modifyBlock: (block: BlockDef, i: number) => {
|
|
|
8
8
|
__html?: string | undefined;
|
|
9
9
|
richVersion?: import("../../ui-kit/RichText/RichTextProps").RichVersion | undefined;
|
|
10
10
|
itemSize?: import("../../ui-kit/RichText/RichTextProps").RichTextItemSize | undefined;
|
|
11
|
-
className?: string | undefined;
|
|
12
11
|
} & import("../../ui-kit/Tags/TagsContent").TagsContent & import("../../ui-kit/LinkButton/ButtonsSectionContent").ButtonsSectionContent & import("../../ui-kit/Img/ImgProps").ImageContent & import("../../ui-kit/BaseProductTile/BaseProductTileContent").PriceListProps & {
|
|
13
12
|
imageOptions?: import("../../ui-kit/BaseProductTile/BaseProductTileContent").TileImageOptions | undefined;
|
|
14
13
|
isFullWidthTitle?: boolean | undefined;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { style } from '../../utils/style.js';
|
|
4
|
-
export const RichText = JSX(({ __html = '', richVersion = '', itemSize = 'list-m',
|
|
4
|
+
export const RichText = JSX(({ __html = '', richVersion = '', itemSize = 'list-m', isDotted = true, children }) => {
|
|
5
5
|
const dotStyle = isDotted ? '' : 'without-dots';
|
|
6
6
|
return __html || children ? (
|
|
7
7
|
/* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
|
|
8
|
-
_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
|
|
8
|
+
_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;
|
|
9
9
|
});
|
|
10
10
|
//# sourceMappingURL=RichText.js.map
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{}
|
|
@@ -1,24 +1,16 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
-
import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
-
import { type Picture } from '../../model/Picture';
|
|
4
2
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
3
|
+
import { Button } from '../../ui-kit/Button/Button';
|
|
5
4
|
import { Img } from '../../ui-kit/Img/Img';
|
|
6
5
|
import { InfoCard } from '../../ui-kit/InfoCard/InfoCard';
|
|
7
6
|
import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
|
|
8
|
-
import type
|
|
9
|
-
import { RichText } from '../../ui-kit/RichText/RichText';
|
|
10
|
-
import { type Option } from '../../ui-kit/Select/Option';
|
|
11
|
-
import { Text } from '../../ui-kit/Text/Text';
|
|
7
|
+
import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
|
|
12
8
|
import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
|
|
13
9
|
import { style } from '../../utils/style';
|
|
14
|
-
import {
|
|
15
|
-
|
|
16
|
-
type CashbackCalculatorLayoutContent,
|
|
17
|
-
} from '../CashbackCalculatorLayout/CashbackCalculatorLayoutContent';
|
|
10
|
+
import { Headline } from '../Headline/Headline';
|
|
11
|
+
import { type Cashback, type CashbackCalculatorContent } from './CashbackCalculatorContent';
|
|
18
12
|
import { CashbackCalculatorResult } from './CashbackCalculatorResult';
|
|
19
13
|
import { CashbackCategory } from './CashbackCategory';
|
|
20
|
-
import { INFO_BLOCK_HTML, MAIN_CASHBACK_KEY, MAX_MONTH_CASHBACK } from './constants';
|
|
21
|
-
import { renderButtons } from './renderButtons';
|
|
22
14
|
import { useCashbackCalculator } from './useCashbackCalculator';
|
|
23
15
|
|
|
24
16
|
const defaultButton: LinkButtonContent = {
|
|
@@ -27,25 +19,22 @@ const defaultButton: LinkButtonContent = {
|
|
|
27
19
|
target: '_self',
|
|
28
20
|
};
|
|
29
21
|
|
|
30
|
-
|
|
31
|
-
extends CalculatorParams,
|
|
32
|
-
CashbackCalculatorLayoutContent,
|
|
33
|
-
UniBlockProps {}
|
|
22
|
+
const INCREASED_PERCENTS = ['5', '10', '15'];
|
|
34
23
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
24
|
+
const MAX_CATEGORIES = 5;
|
|
25
|
+
|
|
26
|
+
const INFO_BLOCK_HTML = `<p>Полученные баллы можно конвертировать в рубли и компенсировать покупки у партнеров. Подробнее в <a href='#docs'>документах</a></p>`;
|
|
27
|
+
|
|
28
|
+
interface CashbackCalculatorProps extends CashbackCalculatorContent, UniBlockProps {}
|
|
39
29
|
|
|
40
30
|
export const CashbackCalculator = JSX<CashbackCalculatorProps>(
|
|
41
|
-
// eslint-disable-next-line max-lines-per-function
|
|
42
31
|
({
|
|
43
32
|
maxInputRange = 300000,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
button = defaultButton,
|
|
33
|
+
image,
|
|
34
|
+
deleteImage,
|
|
35
|
+
infoImage,
|
|
48
36
|
className = '',
|
|
37
|
+
button = defaultButton,
|
|
49
38
|
...rest
|
|
50
39
|
}) => {
|
|
51
40
|
const {
|
|
@@ -55,53 +44,41 @@ export const CashbackCalculator = JSX<CashbackCalculatorProps>(
|
|
|
55
44
|
onChangeCashback,
|
|
56
45
|
onDeleteCashback,
|
|
57
46
|
onResetCashback,
|
|
58
|
-
|
|
59
|
-
} = useCashbackCalculator(calculatorType);
|
|
60
|
-
|
|
61
|
-
const { deleteImage, infoImage, image } = rest;
|
|
62
|
-
const [isMainCashbackAdded, setIsMainCashbackAdded] = useState(false);
|
|
47
|
+
} = useCashbackCalculator();
|
|
63
48
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
);
|
|
68
|
-
}, [cashbacks]);
|
|
49
|
+
const img = image?.src ? (
|
|
50
|
+
<Img image={image} className="hidden w-full @xl:block" imageClassName="justify-self-center" />
|
|
51
|
+
) : null;
|
|
69
52
|
|
|
70
53
|
return (
|
|
71
54
|
<BlockWrapper
|
|
72
55
|
className={style('flex flex-col justify-center items-center gap-lg', className)}
|
|
73
|
-
defaultPadding={style('p-
|
|
56
|
+
defaultPadding={style('p-6xl')}
|
|
74
57
|
{...rest}
|
|
75
58
|
>
|
|
76
|
-
<
|
|
59
|
+
<Headline
|
|
60
|
+
title="Калькулятор расчета баллов"
|
|
61
|
+
description="Можно выбрать не более 5 категорий, одна из них из повышенной категории"
|
|
62
|
+
headlineVersion="XL"
|
|
63
|
+
isEmbedded={true}
|
|
64
|
+
/>
|
|
65
|
+
<div className="flex flex-row items-start gap-lg">
|
|
77
66
|
<div className="w-full flex flex-col justify-center items-center gap-lg">
|
|
78
|
-
{cashbacks.
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
/>
|
|
93
|
-
))
|
|
94
|
-
: renderNoCategoryText()}
|
|
95
|
-
{renderButtons({
|
|
96
|
-
cashbacksLength: cashbacks.length,
|
|
97
|
-
onAddNewCashback: onAddNewCashback,
|
|
98
|
-
onResetCashback: onResetCashback,
|
|
99
|
-
calculatorType: calculatorType,
|
|
100
|
-
maxCategories,
|
|
101
|
-
})}
|
|
102
|
-
<CashbackCalculatorResult cashbacks={cashbacks} maxMonthCashback={maxMonthCashback} />
|
|
67
|
+
{cashbacks.map((_) => (
|
|
68
|
+
<CashbackCategory
|
|
69
|
+
key={String(_.id)}
|
|
70
|
+
categories={categories}
|
|
71
|
+
cashback={_}
|
|
72
|
+
showIncreasedPercents={showIncreasedPercents(_, cashbacks)}
|
|
73
|
+
maxInputRange={maxInputRange}
|
|
74
|
+
deleteImage={deleteImage}
|
|
75
|
+
onDelete={onDeleteCashback}
|
|
76
|
+
onChange={onChangeCashback}
|
|
77
|
+
/>
|
|
78
|
+
))}
|
|
79
|
+
{renderButtons(cashbacks.length, onAddNewCashback, onResetCashback)}
|
|
80
|
+
<CashbackCalculatorResult cashbacks={cashbacks} />
|
|
103
81
|
<InfoCard __html={INFO_BLOCK_HTML} image={infoImage} />
|
|
104
|
-
<RichText __html='* Подробнее по условиям и начислениям можно узнать во вкладке <a href="#docs">документы</a>' />
|
|
105
82
|
<LinkButton
|
|
106
83
|
className="w-full @lg:w-auto self-start"
|
|
107
84
|
href={button.href}
|
|
@@ -110,20 +87,39 @@ export const CashbackCalculator = JSX<CashbackCalculatorProps>(
|
|
|
110
87
|
version="primary"
|
|
111
88
|
/>
|
|
112
89
|
</div>
|
|
113
|
-
{
|
|
90
|
+
{img}
|
|
114
91
|
</div>
|
|
115
92
|
</BlockWrapper>
|
|
116
93
|
);
|
|
117
94
|
},
|
|
118
95
|
);
|
|
119
96
|
|
|
120
|
-
const
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
)
|
|
97
|
+
const renderButtons = (
|
|
98
|
+
cashbacksLength: number,
|
|
99
|
+
onAddNewCashback: () => void,
|
|
100
|
+
onResetCashback: () => void,
|
|
101
|
+
) => {
|
|
102
|
+
return (
|
|
103
|
+
<div className="w-full flex flex-col gap-lg">
|
|
104
|
+
{cashbacksLength < MAX_CATEGORIES ? (
|
|
105
|
+
<Button
|
|
106
|
+
className="self-start text-primary-main"
|
|
107
|
+
embedded
|
|
108
|
+
version="secondary"
|
|
109
|
+
onClick={onAddNewCashback}
|
|
110
|
+
>
|
|
111
|
+
Добавить еще
|
|
112
|
+
</Button>
|
|
113
|
+
) : null}
|
|
114
|
+
{cashbacksLength > 2 ? (
|
|
115
|
+
<Button className="self-start" version="secondary" onClick={onResetCashback}>
|
|
116
|
+
Сбросить все категории
|
|
117
|
+
</Button>
|
|
118
|
+
) : null}
|
|
119
|
+
</div>
|
|
120
|
+
);
|
|
121
|
+
};
|
|
125
122
|
|
|
126
|
-
const
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
) : null;
|
|
123
|
+
const showIncreasedPercents = (currentCashback: Cashback, cashback: Cashback[]) =>
|
|
124
|
+
INCREASED_PERCENTS.includes(currentCashback.percent.key) ||
|
|
125
|
+
!cashback.some((_) => INCREASED_PERCENTS.includes(_.percent.key));
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type TitleProps } from '../../model/HeadlineType';
|
|
2
|
+
import { type Picture } from '../../model/Picture';
|
|
3
|
+
import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
|
|
4
|
+
import { type Option } from '../../ui-kit/Select/Option';
|
|
5
|
+
import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
|
|
6
|
+
|
|
7
|
+
export type Cashback = {
|
|
8
|
+
id: number;
|
|
9
|
+
percent: Option;
|
|
10
|
+
sum: number;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* @title Блок калькулятора кэшбека
|
|
15
|
+
*/
|
|
16
|
+
export type CashbackCalculatorContent = UniBlockContent &
|
|
17
|
+
TitleProps & {
|
|
18
|
+
/** @title Кнопка */
|
|
19
|
+
button?: LinkButtonContent;
|
|
20
|
+
/** @title Максимальное значение поля 'Сумма покупок в категории' */
|
|
21
|
+
maxInputRange?: number;
|
|
22
|
+
/** @title Изображение */
|
|
23
|
+
image?: Picture;
|
|
24
|
+
/** @title Иконка кнопки удаления категории */
|
|
25
|
+
deleteImage?: Picture;
|
|
26
|
+
/** @title Иконка информационного блока */
|
|
27
|
+
infoImage?: Picture;
|
|
28
|
+
};
|