@redneckz/wildless-cms-uni-blocks 0.14.938 → 0.14.940
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 +26 -50
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/CashbackCalculator/CashbackCalculatorContent.d.ts +0 -2
- package/bundle/components/CashbackCalculator/useCashbackCalculator.d.ts +1 -1
- package/dist/components/ApplicationLeadForm/ApplicationLeadForm.js +3 -1
- package/dist/components/ApplicationLeadForm/ApplicationLeadForm.js.map +1 -1
- package/dist/components/CashbackCalculator/CashbackCalculator.js +3 -3
- package/dist/components/CashbackCalculator/CashbackCalculator.js.map +1 -1
- package/dist/components/CashbackCalculator/CashbackCalculatorContent.d.ts +0 -2
- package/dist/components/CashbackCalculator/CashbackCalculatorResult.js +4 -3
- package/dist/components/CashbackCalculator/CashbackCalculatorResult.js.map +1 -1
- package/dist/components/CashbackCalculator/CashbackCategory.js +8 -8
- package/dist/components/CashbackCalculator/CashbackCategory.js.map +1 -1
- package/dist/components/CashbackCalculator/useCashbackCalculator.d.ts +1 -1
- package/dist/components/CashbackCalculator/useCashbackCalculator.js +4 -30
- package/dist/components/CashbackCalculator/useCashbackCalculator.js.map +1 -1
- package/dist/components/ContentPage/ContentPage.js +3 -3
- package/dist/components/ContentPage/ContentPage.js.map +1 -1
- package/dist/components/TabsLayout/TabsLayout.js +4 -2
- package/dist/components/TabsLayout/TabsLayout.js.map +1 -1
- package/lib/components/ApplicationLeadForm/ApplicationLeadForm.js +3 -1
- package/lib/components/ApplicationLeadForm/ApplicationLeadForm.js.map +1 -1
- package/lib/components/CashbackCalculator/CashbackCalculator.fixture.d.ts +0 -1
- package/lib/components/CashbackCalculator/CashbackCalculator.js +3 -3
- package/lib/components/CashbackCalculator/CashbackCalculator.js.map +1 -1
- package/lib/components/CashbackCalculator/CashbackCalculatorContent.d.ts +0 -2
- package/lib/components/CashbackCalculator/CashbackCalculatorResult.js +4 -3
- package/lib/components/CashbackCalculator/CashbackCalculatorResult.js.map +1 -1
- package/lib/components/CashbackCalculator/CashbackCategory.js +8 -8
- package/lib/components/CashbackCalculator/CashbackCategory.js.map +1 -1
- package/lib/components/CashbackCalculator/useCashbackCalculator.d.ts +1 -1
- package/lib/components/CashbackCalculator/useCashbackCalculator.js +4 -30
- package/lib/components/CashbackCalculator/useCashbackCalculator.js.map +1 -1
- package/lib/components/ContentPage/ContentPage.js +3 -3
- package/lib/components/ContentPage/ContentPage.js.map +1 -1
- package/lib/components/TabsLayout/TabsLayout.js +4 -2
- package/lib/components/TabsLayout/TabsLayout.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +26 -50
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/CashbackCalculator/CashbackCalculatorContent.d.ts +0 -2
- package/mobile/bundle/components/CashbackCalculator/useCashbackCalculator.d.ts +1 -1
- package/mobile/dist/components/ApplicationLeadForm/ApplicationLeadForm.js +3 -1
- package/mobile/dist/components/ApplicationLeadForm/ApplicationLeadForm.js.map +1 -1
- package/mobile/dist/components/CashbackCalculator/CashbackCalculator.js +3 -3
- package/mobile/dist/components/CashbackCalculator/CashbackCalculator.js.map +1 -1
- package/mobile/dist/components/CashbackCalculator/CashbackCalculatorContent.d.ts +0 -2
- package/mobile/dist/components/CashbackCalculator/CashbackCalculatorResult.js +4 -3
- package/mobile/dist/components/CashbackCalculator/CashbackCalculatorResult.js.map +1 -1
- package/mobile/dist/components/CashbackCalculator/CashbackCategory.js +8 -8
- package/mobile/dist/components/CashbackCalculator/CashbackCategory.js.map +1 -1
- package/mobile/dist/components/CashbackCalculator/useCashbackCalculator.d.ts +1 -1
- package/mobile/dist/components/CashbackCalculator/useCashbackCalculator.js +4 -30
- package/mobile/dist/components/CashbackCalculator/useCashbackCalculator.js.map +1 -1
- package/mobile/dist/components/ContentPage/ContentPage.js +3 -3
- package/mobile/dist/components/ContentPage/ContentPage.js.map +1 -1
- package/mobile/dist/components/TabsLayout/TabsLayout.js +4 -2
- package/mobile/dist/components/TabsLayout/TabsLayout.js.map +1 -1
- package/mobile/lib/components/ApplicationLeadForm/ApplicationLeadForm.js +3 -1
- package/mobile/lib/components/ApplicationLeadForm/ApplicationLeadForm.js.map +1 -1
- package/mobile/lib/components/CashbackCalculator/CashbackCalculator.js +3 -3
- package/mobile/lib/components/CashbackCalculator/CashbackCalculator.js.map +1 -1
- package/mobile/lib/components/CashbackCalculator/CashbackCalculatorContent.d.ts +0 -2
- package/mobile/lib/components/CashbackCalculator/CashbackCalculatorResult.js +4 -3
- package/mobile/lib/components/CashbackCalculator/CashbackCalculatorResult.js.map +1 -1
- package/mobile/lib/components/CashbackCalculator/CashbackCategory.js +8 -8
- package/mobile/lib/components/CashbackCalculator/CashbackCategory.js.map +1 -1
- package/mobile/lib/components/CashbackCalculator/useCashbackCalculator.d.ts +1 -1
- package/mobile/lib/components/CashbackCalculator/useCashbackCalculator.js +4 -30
- package/mobile/lib/components/CashbackCalculator/useCashbackCalculator.js.map +1 -1
- package/mobile/lib/components/ContentPage/ContentPage.js +3 -3
- package/mobile/lib/components/ContentPage/ContentPage.js.map +1 -1
- package/mobile/lib/components/TabsLayout/TabsLayout.js +4 -2
- package/mobile/lib/components/TabsLayout/TabsLayout.js.map +1 -1
- package/mobile/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx +3 -1
- package/mobile/src/components/CashbackCalculator/CashbackCalculator.tsx +4 -12
- package/mobile/src/components/CashbackCalculator/CashbackCalculatorContent.ts +0 -2
- package/mobile/src/components/CashbackCalculator/CashbackCalculatorResult.tsx +7 -11
- package/mobile/src/components/CashbackCalculator/CashbackCategory.tsx +11 -11
- package/mobile/src/components/CashbackCalculator/useCashbackCalculator.ts +4 -33
- package/mobile/src/components/ContentPage/ContentPage.tsx +10 -5
- package/mobile/src/components/TabsLayout/TabsLayout.tsx +7 -2
- package/package.json +1 -1
- package/src/components/ApplicationLeadForm/ApplicationLeadForm.tsx +3 -1
- package/src/components/CashbackCalculator/CashbackCalculator.fixture.mobile.tsx +1 -6
- package/src/components/CashbackCalculator/CashbackCalculator.fixture.tsx +0 -13
- package/src/components/CashbackCalculator/CashbackCalculator.tsx +4 -12
- package/src/components/CashbackCalculator/CashbackCalculatorContent.ts +0 -2
- package/src/components/CashbackCalculator/CashbackCalculatorResult.tsx +7 -11
- package/src/components/CashbackCalculator/CashbackCategory.tsx +11 -11
- package/src/components/CashbackCalculator/useCashbackCalculator.ts +4 -33
- package/src/components/ContentPage/ContentPage.tsx +10 -5
- package/src/components/TabsLayout/TabsLayout.tsx +7 -2
|
@@ -8,33 +8,33 @@ import { Select } from '../../ui-kit/Select/Select.js';
|
|
|
8
8
|
import { Text } from '../../ui-kit/Text/Text.js';
|
|
9
9
|
const AllPercentCategories = [
|
|
10
10
|
{
|
|
11
|
-
text: 'Категория
|
|
11
|
+
text: 'Категория 1,5%',
|
|
12
12
|
key: '1.5',
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
|
-
text: 'Категория
|
|
15
|
+
text: 'Категория 3%',
|
|
16
16
|
key: '3',
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
text: 'Категория
|
|
19
|
+
text: 'Категория 5%',
|
|
20
20
|
key: '5',
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
text: 'Категория
|
|
23
|
+
text: 'Категория 10%',
|
|
24
24
|
key: '10',
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
|
-
text: 'Категория
|
|
27
|
+
text: 'Категория 15%',
|
|
28
28
|
key: '15',
|
|
29
29
|
},
|
|
30
30
|
];
|
|
31
31
|
const PercentCategoriesWithoutIncreased = [
|
|
32
32
|
{
|
|
33
|
-
text: 'Категория
|
|
33
|
+
text: 'Категория 1,5%',
|
|
34
34
|
key: '1.5',
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
text: 'Категория
|
|
37
|
+
text: 'Категория 3%',
|
|
38
38
|
key: '3',
|
|
39
39
|
},
|
|
40
40
|
];
|
|
@@ -53,7 +53,7 @@ export const CashbackCategory = JSX(({ categories, cashback, showIncreasedPercen
|
|
|
53
53
|
sum: value,
|
|
54
54
|
});
|
|
55
55
|
};
|
|
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
|
|
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 })] }));
|
|
57
57
|
});
|
|
58
58
|
const getRandomElement = (arr) => arr?.[new Date().getTime().toString().slice(-1)];
|
|
59
59
|
const getPercentCategories = (isMainCashback, showIncreasedPercents) => {
|
|
@@ -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;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAI9C,MAAM,oBAAoB,GAAa;IACrC;QACE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"CashbackCategory.js","sourceRoot":"","sources":["../../../src/components/CashbackCalculator/CashbackCategory.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Option } from '../../ui-kit/Select/Option';
|
|
2
2
|
import { type Cashback } from './CashbackCalculatorContent';
|
|
3
|
-
export declare const useCashbackCalculator: (
|
|
3
|
+
export declare const useCashbackCalculator: () => {
|
|
4
4
|
cashbacks: Cashback[];
|
|
5
5
|
categories: Option[];
|
|
6
6
|
onAddNewCashback: () => void;
|
|
@@ -1,44 +1,18 @@
|
|
|
1
1
|
import { useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
2
2
|
import { useLeadFormData } from '../../retail/hooks/useLeadFormData.js';
|
|
3
|
-
const DEFAULT_MULTIPLE_CASHBACK = [
|
|
4
|
-
{
|
|
5
|
-
id: 0,
|
|
6
|
-
percent: {
|
|
7
|
-
text: 'Категория на кешбэк 1%',
|
|
8
|
-
key: '1',
|
|
9
|
-
},
|
|
10
|
-
sum: 5000,
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
id: 1,
|
|
14
|
-
percent: {
|
|
15
|
-
text: 'Категория на кешбэк 1,5%',
|
|
16
|
-
key: '1.5',
|
|
17
|
-
},
|
|
18
|
-
sum: 5000,
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
id: 2,
|
|
22
|
-
percent: {
|
|
23
|
-
text: 'Категория на кешбэк 1,5%',
|
|
24
|
-
key: '1.5',
|
|
25
|
-
},
|
|
26
|
-
sum: 5000,
|
|
27
|
-
},
|
|
28
|
-
];
|
|
29
3
|
const DEFAULT_CASHBACK = [
|
|
30
4
|
{
|
|
31
5
|
id: 0,
|
|
32
6
|
percent: {
|
|
33
|
-
text: 'Категория
|
|
7
|
+
text: 'Категория 1% "На всё"',
|
|
34
8
|
key: '1',
|
|
35
9
|
},
|
|
36
10
|
sum: 5000,
|
|
37
11
|
},
|
|
38
12
|
];
|
|
39
|
-
export const useCashbackCalculator = (
|
|
13
|
+
export const useCashbackCalculator = () => {
|
|
40
14
|
const { data } = useLeadFormData('CASHBACK_CATEGORY');
|
|
41
|
-
const [cashbacks, setCashbacks] = useState(
|
|
15
|
+
const [cashbacks, setCashbacks] = useState(DEFAULT_CASHBACK);
|
|
42
16
|
const categories = data?.map((_) => ({
|
|
43
17
|
key: _.key || '',
|
|
44
18
|
text: _.value,
|
|
@@ -48,7 +22,7 @@ export const useCashbackCalculator = (isMultiple) => {
|
|
|
48
22
|
{
|
|
49
23
|
id: _[_.length - 1].id + 1,
|
|
50
24
|
percent: {
|
|
51
|
-
text: 'Категория
|
|
25
|
+
text: 'Категория 1,5%',
|
|
52
26
|
key: '1.5',
|
|
53
27
|
},
|
|
54
28
|
sum: 5000,
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"}
|
|
@@ -27,15 +27,15 @@ export const ContentPage = JSX(({ className, data = EMPTY_DATA, blocksRegistry,
|
|
|
27
27
|
blockDecorator,
|
|
28
28
|
parent: data,
|
|
29
29
|
};
|
|
30
|
-
return (_jsxs("div", { "data-theme": data.colorPalette || 'pc', children: [_jsxs("section", { className: style('@container relative', data.style, className), children: [
|
|
30
|
+
return (_jsxs("div", { "data-theme": data.colorPalette || 'pc', children: [_jsxs("section", { className: style('@container relative', data.style, className), children: [slots?.[HEADER_SLOT]?.length ? (_jsx("div", { className: style({ hidden: isFrame }, 'relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]'), children: renderBlocksList(slots?.[HEADER_SLOT], { ...options, slotName: HEADER_SLOT }) })) : null, _jsxs("div", { className: "container space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: [renderChildren({
|
|
31
31
|
block: data,
|
|
32
32
|
options,
|
|
33
33
|
extraProps: { className: 'scroll-mt-12' },
|
|
34
34
|
}), !isFrame &&
|
|
35
|
-
renderBlocksList(slots?.[FOOTER_SLOT], { ...options, slotName: FOOTER_SLOT })] })] }),
|
|
35
|
+
renderBlocksList(slots?.[FOOTER_SLOT], { ...options, slotName: FOOTER_SLOT })] })] }), slots?.[STICKY_FOOTER_SLOT]?.length ? (_jsx("div", { className: style({ hidden: isFrame }, 'fixed w-full bottom-0 left-0 z-[100]'), children: renderBlocksList(slots?.[STICKY_FOOTER_SLOT], {
|
|
36
36
|
...options,
|
|
37
37
|
slotName: STICKY_FOOTER_SLOT,
|
|
38
|
-
}) })) : null, _jsx(DialogManager, {}), _jsx(PopupManager, {}), _jsx(CookiePopup, { __html: resolvedPageContent?.cookieContent?.__html })] }));
|
|
38
|
+
}) })) : null, _jsx(DialogManager, {}), _jsx(PopupManager, {}), !isFrame ? _jsx(CookiePopup, { __html: resolvedPageContent?.cookieContent?.__html }) : null] }));
|
|
39
39
|
});
|
|
40
40
|
Object.assign(ContentPage, {
|
|
41
41
|
childrenTypes: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAK7D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAQ1C,MAAM,WAAW,GAAG,QAAQ,CAAC;AAC7B,MAAM,WAAW,GAAG,QAAQ,CAAC;AAC7B,MAAM,kBAAkB,GAAG,eAAe,CAAC;AAC3C,MAAM,UAAU,GAAG,EAAoB,CAAC;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,IAAI,CAAC;IACzD,MAAM,mBAAmB,GAAG,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,QAAQ,EAAE,CAAC;IAC3B,eAAe,EAAE,CAAC;IAClB,kBAAkB,EAAE,CAAC;IAErB,MAAM,OAAO,GAAyB;QACpC,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE;QACzD,cAAc;QACd,cAAc;QACd,MAAM,EAAE,IAAI;KACb,CAAC;IAEF,OAAO,CACL,6BAAiB,IAAI,CAAC,YAAY,IAAI,IAAI,aACxC,mBAAS,SAAS,EAAE,KAAK,CAAC,qBAAqB,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,aACpE,
|
|
1
|
+
{"version":3,"file":"ContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import { renderBlocksList } from '../../BlockRenderer/renderBlockList.js';
|
|
|
4
4
|
import { useRouter } from '../../external/useRouter.js';
|
|
5
5
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
6
6
|
import { UniBlock } from '../../UniBlock/UniBlock.js';
|
|
7
|
+
import { isIFrame } from '../../utils/isIFrame.js';
|
|
7
8
|
import { style } from '../../utils/style.js';
|
|
8
9
|
import { renderTabsLayout } from './renderTabsLayout.js';
|
|
9
10
|
const STICKY_STYLE = 'sticky top-1 z-20';
|
|
@@ -12,6 +13,7 @@ export const TabsLayout = UniBlock(
|
|
|
12
13
|
({ className = '', tabs = [], block, tabsType, showCounter = false, isSticky = false, ...rest }) => {
|
|
13
14
|
const id = getId(block || {});
|
|
14
15
|
const router = useRouter();
|
|
16
|
+
const isFrame = isIFrame();
|
|
15
17
|
const isEveryLink = tabs.every((_) => _?.type === 'link');
|
|
16
18
|
const query = new URLSearchParams(decodeURIComponent(globalThis?.location?.search || ''));
|
|
17
19
|
const tabId = getTabId(id);
|
|
@@ -44,10 +46,10 @@ export const TabsLayout = UniBlock(
|
|
|
44
46
|
updateUrlSearchTabParam(_, index);
|
|
45
47
|
}
|
|
46
48
|
}, [tabsCounted]);
|
|
47
|
-
return (_jsxs(BlockWrapper, { className: style({ [STICKY_STYLE]: [isSticky, isEveryLink].every(Boolean) }, className), defaultPadding: "p-0", block: block, ...rest, children: [renderTabsLayout({
|
|
49
|
+
return (_jsxs(BlockWrapper, { className: style({ [STICKY_STYLE]: [isSticky, isEveryLink, !isFrame].every(Boolean) }, className), defaultPadding: "p-0", block: block, ...rest, children: [renderTabsLayout({
|
|
48
50
|
className: style({
|
|
49
51
|
'pb-1': [block?.slots, tabsType === 'default'].every(Boolean),
|
|
50
|
-
[STICKY_STYLE]: [isSticky, !isEveryLink].every(Boolean),
|
|
52
|
+
[STICKY_STYLE]: [isSticky, !isEveryLink, !isFrame].every(Boolean),
|
|
51
53
|
}),
|
|
52
54
|
items: getItems(tabs, tabsCounted),
|
|
53
55
|
activeItem,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,YAAY,GAAG,mBAAmB,CAAC;AAOzC,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ;AAChC,kDAAkD;AAClD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;IAC1D,MAAM,KAAK,GAAG,IAAI,eAAe,CAAC,kBAAkB,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1F,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3B,MAAM,WAAW,GAAU,WAAW;QACpC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACf,GAAG,CAAC;YACJ,KAAK,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;SAC/E,CAAC,CAAC;QACL,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,uBAAuB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IACnF,MAAM,oBAAoB,GAAG,WAAW,CAAC,SAAS,CAChD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,EAAE,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CACpE,CAAC;IACF,MAAM,eAAe,GAAG,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,uBAAuB,CAAC;IAC/E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;IACvF,MAAM,UAAU,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAE/C,MAAM,QAAQ,GAAG,WAAW,CAAC,WAAW,CAAC,cAAc,CAAoB,EAAE,cAAc,CAAC,CAAC;IAE7F,MAAM,uBAAuB,GAAG,CAAC,CAAc,EAAE,CAAS,EAAE,EAAE;QAC5D,IAAI,CAAC,CAAC,IAAI,EAAE;YACV,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SACxC;aAAM;YACL,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;SAClB;QACD,MAAM,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,QAAQ,IAAI,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAc,EAAE,EAAE;QACjB,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAa,CAAC,CAAC;QACjD,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QAE/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAEzB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE;YACxB,uBAAuB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;SACnC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,KAAK,CACd,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EACpE,SAAS,CACV,EACD,cAAc,EAAC,KAAK,EACpB,KAAK,EAAE,KAAK,KACR,IAAI,aAEP,gBAAgB,CAAC;gBAChB,SAAS,EAAE,KAAK,CAAC;oBACf,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;oBAC7D,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;iBAClE,CAAC;gBACF,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;gBAClC,UAAU;gBACV,QAAQ;gBACR,QAAQ,EAAE,YAAY;aACvB,CAAC,EACF,cAAK,SAAS,EAAC,oEAAoE,YAChF,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CACvD,gBAAgB,CAAC,KAAK,EAAE;oBACtB,GAAG,IAAI,EAAE,OAAO;oBAChB,QAAQ;oBACR,MAAM,EAAE,KAAK;oBACb,UAAU,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE;iBAC5D,CAAC,CACH,GACG,IACO,CAChB,CAAC;AACJ,CAAC,EACD;IACE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE;CACnE,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAEhF,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAY,EAAE,EAAE,CAAC,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC;AAEvE,MAAM,QAAQ,GAAG,CAAC,IAAW,EAAE,WAAkB,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAEjG,MAAM,WAAW,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAU,EAAE,CACtD,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,IAAI,SAAS,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAEpE,MAAM,QAAQ,GAAG,CAAC,EAAW,EAAE,EAAE,CAC/B,kBAAkB,CAChB,UAAU,EAAE,QAAQ,EAAE,MAAM;KACzB,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;KAChB,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;KACjB,KAAK,CAAC,GAAG,CAAC;KACV,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;IACxD,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAC1B,CAAC"}
|
|
@@ -18,6 +18,7 @@ import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
|
|
|
18
18
|
import { ResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/ResponseTypeDialog';
|
|
19
19
|
import { Text } from '../../ui-kit/Text/Text';
|
|
20
20
|
import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
|
|
21
|
+
import { isIFrame } from '../../utils/isIFrame';
|
|
21
22
|
import { style } from '../../utils/style';
|
|
22
23
|
import { getApplicationFormData } from './applicationFormData';
|
|
23
24
|
import {
|
|
@@ -51,6 +52,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
|
|
|
51
52
|
const applicationFormData = useMemo(() => getApplicationFormData(productType), [productType]);
|
|
52
53
|
const inputs = useMemo(() => getInputs(applicationFormData), [applicationFormData]);
|
|
53
54
|
const noConsentDialog = useDialog(NoConsentDialog);
|
|
55
|
+
const isFrame = isIFrame();
|
|
54
56
|
useIFrameMode();
|
|
55
57
|
const extendedValidatorObj = useMemo(() => getExtendedValidatorObj(productType), [productType]);
|
|
56
58
|
const formValidator = useMemo(
|
|
@@ -120,7 +122,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
|
|
|
120
122
|
title={title}
|
|
121
123
|
{...rest}
|
|
122
124
|
>
|
|
123
|
-
{!esiaStatus ? (
|
|
125
|
+
{!esiaStatus && !isFrame ? (
|
|
124
126
|
<EsiaLoginBanner onChangeEsiaStatus={setEsiaStatus} productType={productType} />
|
|
125
127
|
) : null}
|
|
126
128
|
<form onSubmit={onSubmitWithPrecondition} className="space-y-m relative" ref={leadForm}>
|
|
@@ -21,15 +21,7 @@ const INFO_BLOCK_HTML = `<p>Полученные баллы можно конв
|
|
|
21
21
|
interface CashbackCalculatorProps extends CashbackCalculatorContent, UniBlockProps {}
|
|
22
22
|
|
|
23
23
|
export const CashbackCalculator = JSX<CashbackCalculatorProps>(
|
|
24
|
-
({
|
|
25
|
-
maxInputRange = 300000,
|
|
26
|
-
image,
|
|
27
|
-
deleteImage,
|
|
28
|
-
infoImage,
|
|
29
|
-
isMultiple = false,
|
|
30
|
-
className = '',
|
|
31
|
-
...rest
|
|
32
|
-
}) => {
|
|
24
|
+
({ maxInputRange = 300000, image, deleteImage, infoImage, className = '', ...rest }) => {
|
|
33
25
|
const {
|
|
34
26
|
cashbacks,
|
|
35
27
|
categories,
|
|
@@ -37,7 +29,7 @@ export const CashbackCalculator = JSX<CashbackCalculatorProps>(
|
|
|
37
29
|
onChangeCashback,
|
|
38
30
|
onDeleteCashback,
|
|
39
31
|
onResetCashback,
|
|
40
|
-
} = useCashbackCalculator(
|
|
32
|
+
} = useCashbackCalculator();
|
|
41
33
|
|
|
42
34
|
const img = image?.src ? (
|
|
43
35
|
<Img image={image} className="hidden w-full @xl:block" imageClassName="justify-self-center" />
|
|
@@ -50,8 +42,8 @@ export const CashbackCalculator = JSX<CashbackCalculatorProps>(
|
|
|
50
42
|
{...rest}
|
|
51
43
|
>
|
|
52
44
|
<Headline
|
|
53
|
-
title="Калькулятор
|
|
54
|
-
description="
|
|
45
|
+
title="Калькулятор расчета баллов"
|
|
46
|
+
description="Можно выбрать не более 5 категорий, одна из них из повышенной категории"
|
|
55
47
|
headlineVersion="XL"
|
|
56
48
|
isEmbedded={true}
|
|
57
49
|
/>
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
3
|
+
import { RichText } from '../../ui-kit/RichText/RichText';
|
|
2
4
|
import { Text } from '../../ui-kit/Text/Text';
|
|
3
5
|
import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
|
|
4
6
|
import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
|
|
5
|
-
import { Headline } from '../Headline/Headline';
|
|
6
7
|
import { type Cashback } from './CashbackCalculatorContent';
|
|
7
8
|
|
|
8
9
|
const MAX_MONTH_CASHBACK = 5000;
|
|
@@ -22,9 +23,9 @@ const ResultText = JSX<ResultTextProps>(({ text, value }) => (
|
|
|
22
23
|
<Text size="text-m" color="text-primary-text" font="font-light">
|
|
23
24
|
{text}
|
|
24
25
|
</Text>
|
|
25
|
-
<div className="w-full text-2xl bg-main-gray px-4 py-3 rounded-md">
|
|
26
|
-
value
|
|
27
|
-
|
|
26
|
+
<div className="w-full text-2xl bg-main-gray px-4 py-3 rounded-md">
|
|
27
|
+
{toLocalNumberFormat()(value)}
|
|
28
|
+
</div>
|
|
28
29
|
</div>
|
|
29
30
|
));
|
|
30
31
|
|
|
@@ -33,13 +34,8 @@ export const CashbackCalculatorResult = JSX<CashbackCalculatorResultProps>(({ ca
|
|
|
33
34
|
|
|
34
35
|
return (
|
|
35
36
|
<div className="w-full flex flex-col gap-lg">
|
|
36
|
-
<
|
|
37
|
-
|
|
38
|
-
description="Категории кешбэка предварительно"
|
|
39
|
-
headlineVersion="XS"
|
|
40
|
-
isEmbedded={true}
|
|
41
|
-
align="text-left"
|
|
42
|
-
/>
|
|
37
|
+
<Heading className="text-left" headingType="h5" as="h2" title="Результат расчета" />
|
|
38
|
+
<RichText __html='Категории покупок для расчета баллов предварительные.<br />Подробнее по условиям и начислениям можно узнать во вкладке <a href="#docs">документы</a>' />
|
|
43
39
|
<div className="flex flex-col @xs:flex-row gap-lg">
|
|
44
40
|
<ResultText text="Баллов в месяц" value={mounth} />
|
|
45
41
|
<ResultText text="Баллов в год" value={year} />
|
|
@@ -12,34 +12,34 @@ import { type Cashback } from './CashbackCalculatorContent';
|
|
|
12
12
|
|
|
13
13
|
const AllPercentCategories: Option[] = [
|
|
14
14
|
{
|
|
15
|
-
text: 'Категория
|
|
15
|
+
text: 'Категория 1,5%',
|
|
16
16
|
key: '1.5',
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
text: 'Категория
|
|
19
|
+
text: 'Категория 3%',
|
|
20
20
|
key: '3',
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
text: 'Категория
|
|
23
|
+
text: 'Категория 5%',
|
|
24
24
|
key: '5',
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
|
-
text: 'Категория
|
|
27
|
+
text: 'Категория 10%',
|
|
28
28
|
key: '10',
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
|
-
text: 'Категория
|
|
31
|
+
text: 'Категория 15%',
|
|
32
32
|
key: '15',
|
|
33
33
|
},
|
|
34
34
|
];
|
|
35
35
|
|
|
36
36
|
const PercentCategoriesWithoutIncreased: Option[] = [
|
|
37
37
|
{
|
|
38
|
-
text: 'Категория
|
|
38
|
+
text: 'Категория 1,5%',
|
|
39
39
|
key: '1.5',
|
|
40
40
|
},
|
|
41
41
|
{
|
|
42
|
-
text: 'Категория
|
|
42
|
+
text: 'Категория 3%',
|
|
43
43
|
key: '3',
|
|
44
44
|
},
|
|
45
45
|
];
|
|
@@ -84,13 +84,13 @@ export const CashbackCategory = JSX<CashbackCategoryProps>(
|
|
|
84
84
|
<div className="w-full space-y-m">
|
|
85
85
|
<div className="space-y-xs">
|
|
86
86
|
<Text size="text-m" color="text-primary-text" font="font-light">
|
|
87
|
-
Выберите категорию
|
|
87
|
+
Выберите категорию
|
|
88
88
|
</Text>
|
|
89
89
|
<div className="flex gap-m">
|
|
90
90
|
<Select
|
|
91
91
|
className="w-full"
|
|
92
92
|
isManualInput={isMainCashback}
|
|
93
|
-
placeholder="Выберите
|
|
93
|
+
placeholder="Выберите категорию"
|
|
94
94
|
options={getPercentCategories(isMainCashback, showIncreasedPercents)}
|
|
95
95
|
value={cashback.percent}
|
|
96
96
|
onChange={onChangePercent}
|
|
@@ -109,8 +109,8 @@ export const CashbackCategory = JSX<CashbackCategoryProps>(
|
|
|
109
109
|
</div>
|
|
110
110
|
{categories?.length && !isMainCashback ? (
|
|
111
111
|
<Select
|
|
112
|
-
label="Выберите
|
|
113
|
-
placeholder="Выберите
|
|
112
|
+
label="Выберите категорию покупок"
|
|
113
|
+
placeholder="Выберите категорию покупок"
|
|
114
114
|
options={categories}
|
|
115
115
|
value={currentCategory}
|
|
116
116
|
onChange={setCurrentCategory}
|
|
@@ -4,49 +4,20 @@ import { type DictionaryItem } from '../../retail/model/LeadFormData';
|
|
|
4
4
|
import { type Option } from '../../ui-kit/Select/Option';
|
|
5
5
|
import { type Cashback } from './CashbackCalculatorContent';
|
|
6
6
|
|
|
7
|
-
const DEFAULT_MULTIPLE_CASHBACK: Cashback[] = [
|
|
8
|
-
{
|
|
9
|
-
id: 0,
|
|
10
|
-
percent: {
|
|
11
|
-
text: 'Категория на кешбэк 1%',
|
|
12
|
-
key: '1',
|
|
13
|
-
},
|
|
14
|
-
sum: 5000,
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
id: 1,
|
|
18
|
-
percent: {
|
|
19
|
-
text: 'Категория на кешбэк 1,5%',
|
|
20
|
-
key: '1.5',
|
|
21
|
-
},
|
|
22
|
-
sum: 5000,
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
id: 2,
|
|
26
|
-
percent: {
|
|
27
|
-
text: 'Категория на кешбэк 1,5%',
|
|
28
|
-
key: '1.5',
|
|
29
|
-
},
|
|
30
|
-
sum: 5000,
|
|
31
|
-
},
|
|
32
|
-
];
|
|
33
|
-
|
|
34
7
|
const DEFAULT_CASHBACK: Cashback[] = [
|
|
35
8
|
{
|
|
36
9
|
id: 0,
|
|
37
10
|
percent: {
|
|
38
|
-
text: 'Категория
|
|
11
|
+
text: 'Категория 1% "На всё"',
|
|
39
12
|
key: '1',
|
|
40
13
|
},
|
|
41
14
|
sum: 5000,
|
|
42
15
|
},
|
|
43
16
|
];
|
|
44
17
|
|
|
45
|
-
export const useCashbackCalculator = (
|
|
18
|
+
export const useCashbackCalculator = () => {
|
|
46
19
|
const { data } = useLeadFormData('CASHBACK_CATEGORY');
|
|
47
|
-
const [cashbacks, setCashbacks] = useState<Cashback[]>(
|
|
48
|
-
isMultiple ? DEFAULT_MULTIPLE_CASHBACK : DEFAULT_CASHBACK,
|
|
49
|
-
);
|
|
20
|
+
const [cashbacks, setCashbacks] = useState<Cashback[]>(DEFAULT_CASHBACK);
|
|
50
21
|
|
|
51
22
|
const categories: Option[] =
|
|
52
23
|
data?.map((_: DictionaryItem) => ({
|
|
@@ -60,7 +31,7 @@ export const useCashbackCalculator = (isMultiple: boolean) => {
|
|
|
60
31
|
{
|
|
61
32
|
id: _[_.length - 1].id + 1,
|
|
62
33
|
percent: {
|
|
63
|
-
text: 'Категория
|
|
34
|
+
text: 'Категория 1,5%',
|
|
64
35
|
key: '1.5',
|
|
65
36
|
},
|
|
66
37
|
sum: 5000,
|
|
@@ -46,8 +46,13 @@ export const ContentPage = JSX<ContentPageProps>(
|
|
|
46
46
|
return (
|
|
47
47
|
<div data-theme={data.colorPalette || 'pc'}>
|
|
48
48
|
<section className={style('@container relative', data.style, className)}>
|
|
49
|
-
{
|
|
50
|
-
<div
|
|
49
|
+
{slots?.[HEADER_SLOT]?.length ? (
|
|
50
|
+
<div
|
|
51
|
+
className={style(
|
|
52
|
+
{ hidden: isFrame },
|
|
53
|
+
'relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]',
|
|
54
|
+
)}
|
|
55
|
+
>
|
|
51
56
|
{renderBlocksList(slots?.[HEADER_SLOT], { ...options, slotName: HEADER_SLOT })}
|
|
52
57
|
</div>
|
|
53
58
|
) : null}
|
|
@@ -61,8 +66,8 @@ export const ContentPage = JSX<ContentPageProps>(
|
|
|
61
66
|
renderBlocksList(slots?.[FOOTER_SLOT], { ...options, slotName: FOOTER_SLOT })}
|
|
62
67
|
</div>
|
|
63
68
|
</section>
|
|
64
|
-
{
|
|
65
|
-
<div className=
|
|
69
|
+
{slots?.[STICKY_FOOTER_SLOT]?.length ? (
|
|
70
|
+
<div className={style({ hidden: isFrame }, 'fixed w-full bottom-0 left-0 z-[100]')}>
|
|
66
71
|
{renderBlocksList(slots?.[STICKY_FOOTER_SLOT], {
|
|
67
72
|
...options,
|
|
68
73
|
slotName: STICKY_FOOTER_SLOT,
|
|
@@ -71,7 +76,7 @@ export const ContentPage = JSX<ContentPageProps>(
|
|
|
71
76
|
) : null}
|
|
72
77
|
<DialogManager />
|
|
73
78
|
<PopupManager />
|
|
74
|
-
<CookiePopup __html={resolvedPageContent?.cookieContent?.__html} />
|
|
79
|
+
{!isFrame ? <CookiePopup __html={resolvedPageContent?.cookieContent?.__html} /> : null}
|
|
75
80
|
</div>
|
|
76
81
|
);
|
|
77
82
|
},
|
|
@@ -6,6 +6,7 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
|
6
6
|
import { type TabItemBase } from '../../ui-kit/TabsControl/TabItem';
|
|
7
7
|
import { UniBlock } from '../../UniBlock/UniBlock';
|
|
8
8
|
import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
|
|
9
|
+
import { isIFrame } from '../../utils/isIFrame';
|
|
9
10
|
import { style } from '../../utils/style';
|
|
10
11
|
import { renderTabsLayout } from './renderTabsLayout';
|
|
11
12
|
import { type GroupTab, type Tab, type TabsLayoutContent } from './TabsLayoutContent';
|
|
@@ -30,6 +31,7 @@ export const TabsLayout = UniBlock<TabsLayoutProps>(
|
|
|
30
31
|
}) => {
|
|
31
32
|
const id = getId(block || {});
|
|
32
33
|
const router = useRouter();
|
|
34
|
+
const isFrame = isIFrame();
|
|
33
35
|
const isEveryLink = tabs.every((_) => _?.type === 'link');
|
|
34
36
|
const query = new URLSearchParams(decodeURIComponent(globalThis?.location?.search || ''));
|
|
35
37
|
const tabId = getTabId(id);
|
|
@@ -75,7 +77,10 @@ export const TabsLayout = UniBlock<TabsLayoutProps>(
|
|
|
75
77
|
|
|
76
78
|
return (
|
|
77
79
|
<BlockWrapper
|
|
78
|
-
className={style(
|
|
80
|
+
className={style(
|
|
81
|
+
{ [STICKY_STYLE]: [isSticky, isEveryLink, !isFrame].every(Boolean) },
|
|
82
|
+
className,
|
|
83
|
+
)} // Sticky is only used for type links
|
|
79
84
|
defaultPadding="p-0"
|
|
80
85
|
block={block}
|
|
81
86
|
{...rest}
|
|
@@ -83,7 +88,7 @@ export const TabsLayout = UniBlock<TabsLayoutProps>(
|
|
|
83
88
|
{renderTabsLayout({
|
|
84
89
|
className: style({
|
|
85
90
|
'pb-1': [block?.slots, tabsType === 'default'].every(Boolean),
|
|
86
|
-
[STICKY_STYLE]: [isSticky, !isEveryLink].every(Boolean),
|
|
91
|
+
[STICKY_STYLE]: [isSticky, !isEveryLink, !isFrame].every(Boolean),
|
|
87
92
|
}),
|
|
88
93
|
items: getItems(tabs, tabsCounted),
|
|
89
94
|
activeItem,
|
package/package.json
CHANGED
|
@@ -18,6 +18,7 @@ import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
|
|
|
18
18
|
import { ResponseTypeDialog } from '../../ui-kit/ResponseTypeDialog/ResponseTypeDialog';
|
|
19
19
|
import { Text } from '../../ui-kit/Text/Text';
|
|
20
20
|
import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
|
|
21
|
+
import { isIFrame } from '../../utils/isIFrame';
|
|
21
22
|
import { style } from '../../utils/style';
|
|
22
23
|
import { getApplicationFormData } from './applicationFormData';
|
|
23
24
|
import {
|
|
@@ -51,6 +52,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
|
|
|
51
52
|
const applicationFormData = useMemo(() => getApplicationFormData(productType), [productType]);
|
|
52
53
|
const inputs = useMemo(() => getInputs(applicationFormData), [applicationFormData]);
|
|
53
54
|
const noConsentDialog = useDialog(NoConsentDialog);
|
|
55
|
+
const isFrame = isIFrame();
|
|
54
56
|
useIFrameMode();
|
|
55
57
|
const extendedValidatorObj = useMemo(() => getExtendedValidatorObj(productType), [productType]);
|
|
56
58
|
const formValidator = useMemo(
|
|
@@ -120,7 +122,7 @@ export const ApplicationLeadForm = JSX<ApplicationLeadFormProps>(
|
|
|
120
122
|
title={title}
|
|
121
123
|
{...rest}
|
|
122
124
|
>
|
|
123
|
-
{!esiaStatus ? (
|
|
125
|
+
{!esiaStatus && !isFrame ? (
|
|
124
126
|
<EsiaLoginBanner onChangeEsiaStatus={setEsiaStatus} productType={productType} />
|
|
125
127
|
) : null}
|
|
126
128
|
<form onSubmit={onSubmitWithPrecondition} className="space-y-m relative" ref={leadForm}>
|
|
@@ -33,12 +33,7 @@ const infoImage: Picture = {
|
|
|
33
33
|
export default {
|
|
34
34
|
default: (
|
|
35
35
|
<div className="container grid grid-cols-12">
|
|
36
|
-
<CashbackCalculator
|
|
37
|
-
image={image}
|
|
38
|
-
deleteImage={deleteImage}
|
|
39
|
-
infoImage={infoImage}
|
|
40
|
-
isMultiple={false}
|
|
41
|
-
/>
|
|
36
|
+
<CashbackCalculator image={image} deleteImage={deleteImage} infoImage={infoImage} />
|
|
42
37
|
<PopupManager />
|
|
43
38
|
</div>
|
|
44
39
|
),
|
|
@@ -33,19 +33,6 @@ export default {
|
|
|
33
33
|
image={image}
|
|
34
34
|
deleteImage={deleteImage}
|
|
35
35
|
infoImage={infoImage}
|
|
36
|
-
isMultiple={false}
|
|
37
|
-
className="col-span-12"
|
|
38
|
-
/>
|
|
39
|
-
<PopupManager />
|
|
40
|
-
</div>
|
|
41
|
-
),
|
|
42
|
-
multiple: (
|
|
43
|
-
<div className="container grid grid-cols-12">
|
|
44
|
-
<CashbackCalculator
|
|
45
|
-
image={image}
|
|
46
|
-
deleteImage={deleteImage}
|
|
47
|
-
infoImage={infoImage}
|
|
48
|
-
isMultiple={true}
|
|
49
36
|
className="col-span-12"
|
|
50
37
|
/>
|
|
51
38
|
<PopupManager />
|