@redneckz/wildless-cms-uni-blocks 0.14.693 → 0.14.694
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/bundle.umd.js +11 -5
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/CreditForm/PendingStatusContent.js +3 -3
- package/dist/components/CreditForm/PendingStatusContent.js.map +1 -1
- package/dist/ui-kit/Select/Select.js +7 -1
- package/dist/ui-kit/Select/Select.js.map +1 -1
- package/lib/components/CreditForm/PendingStatusContent.js +3 -3
- package/lib/components/CreditForm/PendingStatusContent.js.map +1 -1
- package/lib/ui-kit/Select/Select.js +7 -1
- package/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +11 -5
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/components/CreditForm/PendingStatusContent.js +3 -3
- package/mobile/dist/components/CreditForm/PendingStatusContent.js.map +1 -1
- package/mobile/dist/ui-kit/Select/Select.js +7 -1
- package/mobile/dist/ui-kit/Select/Select.js.map +1 -1
- package/mobile/lib/components/CreditForm/PendingStatusContent.js +3 -3
- package/mobile/lib/components/CreditForm/PendingStatusContent.js.map +1 -1
- package/mobile/lib/ui-kit/Select/Select.js +7 -1
- package/mobile/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/src/components/CreditForm/PendingStatusContent.tsx +5 -4
- package/mobile/src/ui-kit/Select/Select.tsx +16 -2
- package/package.json +1 -1
- package/src/components/CreditForm/PendingStatusContent.tsx +5 -4
- package/src/ui-kit/Select/Select.tsx +16 -2
|
@@ -17,15 +17,15 @@ exports.PendingStatusContent = (0, uni_jsx_1.JSX)(({ handleExpireTimer }) => {
|
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
19
|
label: 'Сумма',
|
|
20
|
-
description: leadForm?.moneyValue?.toLocaleString()
|
|
20
|
+
description: `${leadForm?.calculator?.moneyValue?.toLocaleString() ?? '0'} ₽`,
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
label: 'Срок кредита',
|
|
24
|
-
description: leadForm?.monthsValue
|
|
24
|
+
description: `${leadForm?.calculator?.monthsValue ?? '0'} мес`,
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
27
|
label: 'Тип платежа',
|
|
28
|
-
description: leadForm?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
|
|
28
|
+
description: leadForm?.calculator?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
|
|
29
29
|
},
|
|
30
30
|
] }));
|
|
31
31
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PendingStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditForm/PendingStatusContent.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iEAA8D;
|
|
1
|
+
{"version":3,"file":"PendingStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditForm/PendingStatusContent.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iEAA8D;AAE9D,yDAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,iBAAiB,EAAqC,EAAE,EAAE;IAC3D,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAA,iCAAe,EAAY,UAAU,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,mCAAgB,IACf,QAAQ,EAAE,GAAG,EACb,oBAAoB,EAAE,iBAAiB,EACvC,KAAK,EAAC,8IAA2B,EACjC,WAAW,EAAC,sOAA6C,EACzD,gBAAgB,EAAC,iKAA+B,EAChD,WAAW,EAAE;YACX;gBACE,KAAK,EAAE,mBAAmB;gBAC1B,WAAW,EAAE,sBAAsB;aACpC;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,eAAe;aAC7B;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,GAAG,IAAI;aAC9E;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,WAAW,IAAI,GAAG,MAAM;aAC/D;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAoB;aACpF;SACF,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -15,6 +15,12 @@ exports.Select = (0, uni_jsx_1.JSX)(({ className, label, options = [], value, va
|
|
|
15
15
|
const [query, setQuery] = (0, hooks_1.useState)('');
|
|
16
16
|
const isDisabled = getDisabled(disabled, options.length);
|
|
17
17
|
const hasOpen = isOpen && !isDisabled;
|
|
18
|
+
const handleOpen = (0, hooks_1.useCallback)(() => {
|
|
19
|
+
if (isDisabled) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
open();
|
|
23
|
+
}, [isDisabled]);
|
|
18
24
|
const handleClose = (0, hooks_1.useCallback)(() => {
|
|
19
25
|
setQuery('');
|
|
20
26
|
close();
|
|
@@ -28,7 +34,7 @@ exports.Select = (0, uni_jsx_1.JSX)(({ className, label, options = [], value, va
|
|
|
28
34
|
onClose: handleClose,
|
|
29
35
|
iconVersion,
|
|
30
36
|
});
|
|
31
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('space-y-xs', className), children: [(0, renderLabel_1.renderLabel)(label), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative', hasOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden', getStyle(isBorder, valid, isDisabled)), onClick: hasOpen ? handleClose :
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('space-y-xs', className), children: [(0, renderLabel_1.renderLabel)(label), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative', hasOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden', getStyle(isBorder, valid, isDisabled)), onClick: hasOpen ? handleClose : handleOpen, children: [(0, jsx_runtime_1.jsx)("p", { className: "line-clamp-2 text-ellipsis", children: (0, formatOption_1.formatOption)(value) || placeholder }), renderIcon(hasOpen, iconVersion)] }), isSearch && hasOpen ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('absolute top-0 w-full z-20'), children: (0, jsx_runtime_1.jsx)(Input_1.Input, { type: "text", autoFocus: true, value: query, onChange: setQuery, disabled: isDisabled }) })) : null] })] }));
|
|
32
38
|
});
|
|
33
39
|
const renderIcon = (isOpen, iconVersion) => ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: (0, style_1.style)('absolute right-0 flex self-center', { 'rotate-180': !isOpen }), iconVersion: iconVersion, name: "ArrowUpIcon", width: "16", height: "16" }));
|
|
34
40
|
const getStyle = (isBorder, valid, disabled) => (0, style_1.style)(isBorder ? 'border rounded-md ' : '', isBorder && !disabled ? 'hover:border-primary-hover' : '', disabled ? 'bg-main-divider' : 'cursor-pointer ', valid ? 'border-gray' : 'border-error');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,iEAA8D;AAG9D,6CAA0C;AAE1C,uCAAoC;AACpC,0CAAuC;AACvC,sDAAmD;AACnD,iDAA8C;AAE9C,qDAAkD;AAWrC,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,SAAS,EACT,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,KAAK,GAAG,IAAI,EACZ,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,OAAO,EACrB,QAAQ,EACR,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,IAAA,iBAAO,GAAE,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC;IAEtC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,IAAA,+BAAc,EAAC;QAC9B,MAAM;QACN,OAAO;QACP,KAAK;QACL,KAAK;QACL,QAAQ;QACR,OAAO,EAAE,WAAW;QACpB,WAAW;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,YAAY,EAAE,SAAS,CAAC,aAC3C,IAAA,yBAAW,EAAC,KAAK,CAAC,EACnB,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,aACzE,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,8GAA8G,EAC9G,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CACtC,EACD,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,15 +15,15 @@ export const PendingStatusContent = JSX(({ handleExpireTimer }) => {
|
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
17
|
label: 'Сумма',
|
|
18
|
-
description: leadForm?.moneyValue?.toLocaleString()
|
|
18
|
+
description: `${leadForm?.calculator?.moneyValue?.toLocaleString() ?? '0'} ₽`,
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
21
|
label: 'Срок кредита',
|
|
22
|
-
description: leadForm?.monthsValue
|
|
22
|
+
description: `${leadForm?.calculator?.monthsValue ?? '0'} мес`,
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
25
|
label: 'Тип платежа',
|
|
26
|
-
description: leadForm?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
|
|
26
|
+
description: leadForm?.calculator?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
|
|
27
27
|
},
|
|
28
28
|
] }));
|
|
29
29
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PendingStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditForm/PendingStatusContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"PendingStatusContent.js","sourceRoot":"","sources":["../../../src/components/CreditForm/PendingStatusContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,iBAAiB,EAAqC,EAAE,EAAE;IAC3D,MAAM,CAAC,QAAQ,CAAC,GAAG,eAAe,CAAY,UAAU,CAAC,CAAC;IAE1D,OAAO,CACL,KAAC,gBAAgB,IACf,QAAQ,EAAE,GAAG,EACb,oBAAoB,EAAE,iBAAiB,EACvC,KAAK,EAAC,8IAA2B,EACjC,WAAW,EAAC,sOAA6C,EACzD,gBAAgB,EAAC,iKAA+B,EAChD,WAAW,EAAE;YACX;gBACE,KAAK,EAAE,mBAAmB;gBAC1B,WAAW,EAAE,sBAAsB;aACpC;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,eAAe;aAC7B;YACD;gBACE,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,GAAG,IAAI;aAC9E;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,WAAW,IAAI,GAAG,MAAM;aAC/D;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAoB;aACpF;SACF,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -13,6 +13,12 @@ export const Select = JSX(({ className, label, options = [], value, valid = true
|
|
|
13
13
|
const [query, setQuery] = useState('');
|
|
14
14
|
const isDisabled = getDisabled(disabled, options.length);
|
|
15
15
|
const hasOpen = isOpen && !isDisabled;
|
|
16
|
+
const handleOpen = useCallback(() => {
|
|
17
|
+
if (isDisabled) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
open();
|
|
21
|
+
}, [isDisabled]);
|
|
16
22
|
const handleClose = useCallback(() => {
|
|
17
23
|
setQuery('');
|
|
18
24
|
close();
|
|
@@ -26,7 +32,7 @@ export const Select = JSX(({ className, label, options = [], value, valid = true
|
|
|
26
32
|
onClose: handleClose,
|
|
27
33
|
iconVersion,
|
|
28
34
|
});
|
|
29
|
-
return (_jsxs("div", { className: style('space-y-xs', className), children: [renderLabel(label), _jsxs("div", { className: style('relative', hasOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [_jsxs("div", { className: style('h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden', getStyle(isBorder, valid, isDisabled)), onClick: hasOpen ? handleClose :
|
|
35
|
+
return (_jsxs("div", { className: style('space-y-xs', className), children: [renderLabel(label), _jsxs("div", { className: style('relative', hasOpen ? 'z-20' : 'z-10'), ref: inputRef, children: [_jsxs("div", { className: style('h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden', getStyle(isBorder, valid, isDisabled)), onClick: hasOpen ? handleClose : handleOpen, children: [_jsx("p", { className: "line-clamp-2 text-ellipsis", children: formatOption(value) || placeholder }), renderIcon(hasOpen, iconVersion)] }), isSearch && hasOpen ? (_jsx("div", { className: style('absolute top-0 w-full z-20'), children: _jsx(Input, { type: "text", autoFocus: true, value: query, onChange: setQuery, disabled: isDisabled }) })) : null] })] }));
|
|
30
36
|
});
|
|
31
37
|
const renderIcon = (isOpen, iconVersion) => (_jsx(Icon, { className: style('absolute right-0 flex self-center', { 'rotate-180': !isOpen }), iconVersion: iconVersion, name: "ArrowUpIcon", width: "16", height: "16" }));
|
|
32
38
|
const getStyle = (isBorder, valid, disabled) => style(isBorder ? 'border rounded-md ' : '', isBorder && !disabled ? 'hover:border-primary-hover' : '', disabled ? 'bg-main-divider' : 'cursor-pointer ', valid ? 'border-gray' : 'border-error');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAG9D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWlD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,EACT,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,KAAK,GAAG,IAAI,EACZ,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,OAAO,EACrB,QAAQ,EACR,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC;IAEtC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,cAAc,CAAC;QAC9B,MAAM;QACN,OAAO;QACP,KAAK;QACL,KAAK;QACL,QAAQ;QACR,OAAO,EAAE,WAAW;QACpB,WAAW;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,CAAC,aAC3C,WAAW,CAAC,KAAK,CAAC,EACnB,eAAK,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,aACzE,eACE,SAAS,EAAE,KAAK,CACd,8GAA8G,EAC9G,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CACtC,EACD,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { useLocalStorage } from '../../hooks/useLocalStorage';
|
|
3
|
+
import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
|
|
3
4
|
import { CreditFormStatus } from './CreditFormStatus';
|
|
4
5
|
|
|
5
6
|
export const PendingStatusContent = JSX(
|
|
6
7
|
({ handleExpireTimer }: { handleExpireTimer: () => void }) => {
|
|
7
|
-
const [leadForm] = useLocalStorage<
|
|
8
|
+
const [leadForm] = useLocalStorage<FormState>('leadForm');
|
|
8
9
|
|
|
9
10
|
return (
|
|
10
11
|
<CreditFormStatus
|
|
@@ -24,15 +25,15 @@ export const PendingStatusContent = JSX(
|
|
|
24
25
|
},
|
|
25
26
|
{
|
|
26
27
|
label: 'Сумма',
|
|
27
|
-
description: leadForm?.moneyValue?.toLocaleString()
|
|
28
|
+
description: `${leadForm?.calculator?.moneyValue?.toLocaleString() ?? '0'} ₽`,
|
|
28
29
|
},
|
|
29
30
|
{
|
|
30
31
|
label: 'Срок кредита',
|
|
31
|
-
description: leadForm?.monthsValue
|
|
32
|
+
description: `${leadForm?.calculator?.monthsValue ?? '0'} мес`,
|
|
32
33
|
},
|
|
33
34
|
{
|
|
34
35
|
label: 'Тип платежа',
|
|
35
|
-
description: leadForm?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
|
|
36
|
+
description: leadForm?.calculator?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
|
|
36
37
|
},
|
|
37
38
|
]}
|
|
38
39
|
/>
|
|
@@ -40,6 +40,14 @@ export const Select = JSX<SelectProps>(
|
|
|
40
40
|
const isDisabled = getDisabled(disabled, options.length);
|
|
41
41
|
const hasOpen = isOpen && !isDisabled;
|
|
42
42
|
|
|
43
|
+
const handleOpen = useCallback(() => {
|
|
44
|
+
if (isDisabled) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
open();
|
|
49
|
+
}, [isDisabled]);
|
|
50
|
+
|
|
43
51
|
const handleClose = useCallback(() => {
|
|
44
52
|
setQuery('');
|
|
45
53
|
close();
|
|
@@ -64,14 +72,20 @@ export const Select = JSX<SelectProps>(
|
|
|
64
72
|
'h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden',
|
|
65
73
|
getStyle(isBorder, valid, isDisabled),
|
|
66
74
|
)}
|
|
67
|
-
onClick={hasOpen ? handleClose :
|
|
75
|
+
onClick={hasOpen ? handleClose : handleOpen}
|
|
68
76
|
>
|
|
69
77
|
<p className="line-clamp-2 text-ellipsis">{formatOption(value) || placeholder}</p>
|
|
70
78
|
{renderIcon(hasOpen, iconVersion)}
|
|
71
79
|
</div>
|
|
72
80
|
{isSearch && hasOpen ? (
|
|
73
81
|
<div className={style('absolute top-0 w-full z-20')}>
|
|
74
|
-
<Input
|
|
82
|
+
<Input
|
|
83
|
+
type="text"
|
|
84
|
+
autoFocus
|
|
85
|
+
value={query}
|
|
86
|
+
onChange={setQuery}
|
|
87
|
+
disabled={isDisabled}
|
|
88
|
+
/>
|
|
75
89
|
</div>
|
|
76
90
|
) : null}
|
|
77
91
|
</div>
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { useLocalStorage } from '../../hooks/useLocalStorage';
|
|
3
|
+
import { type FormState } from '../ApplicationLeadForm/getInitialFormState';
|
|
3
4
|
import { CreditFormStatus } from './CreditFormStatus';
|
|
4
5
|
|
|
5
6
|
export const PendingStatusContent = JSX(
|
|
6
7
|
({ handleExpireTimer }: { handleExpireTimer: () => void }) => {
|
|
7
|
-
const [leadForm] = useLocalStorage<
|
|
8
|
+
const [leadForm] = useLocalStorage<FormState>('leadForm');
|
|
8
9
|
|
|
9
10
|
return (
|
|
10
11
|
<CreditFormStatus
|
|
@@ -24,15 +25,15 @@ export const PendingStatusContent = JSX(
|
|
|
24
25
|
},
|
|
25
26
|
{
|
|
26
27
|
label: 'Сумма',
|
|
27
|
-
description: leadForm?.moneyValue?.toLocaleString()
|
|
28
|
+
description: `${leadForm?.calculator?.moneyValue?.toLocaleString() ?? '0'} ₽`,
|
|
28
29
|
},
|
|
29
30
|
{
|
|
30
31
|
label: 'Срок кредита',
|
|
31
|
-
description: leadForm?.monthsValue
|
|
32
|
+
description: `${leadForm?.calculator?.monthsValue ?? '0'} мес`,
|
|
32
33
|
},
|
|
33
34
|
{
|
|
34
35
|
label: 'Тип платежа',
|
|
35
|
-
description: leadForm?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
|
|
36
|
+
description: leadForm?.calculator?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
|
|
36
37
|
},
|
|
37
38
|
]}
|
|
38
39
|
/>
|
|
@@ -40,6 +40,14 @@ export const Select = JSX<SelectProps>(
|
|
|
40
40
|
const isDisabled = getDisabled(disabled, options.length);
|
|
41
41
|
const hasOpen = isOpen && !isDisabled;
|
|
42
42
|
|
|
43
|
+
const handleOpen = useCallback(() => {
|
|
44
|
+
if (isDisabled) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
open();
|
|
49
|
+
}, [isDisabled]);
|
|
50
|
+
|
|
43
51
|
const handleClose = useCallback(() => {
|
|
44
52
|
setQuery('');
|
|
45
53
|
close();
|
|
@@ -64,14 +72,20 @@ export const Select = JSX<SelectProps>(
|
|
|
64
72
|
'h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden',
|
|
65
73
|
getStyle(isBorder, valid, isDisabled),
|
|
66
74
|
)}
|
|
67
|
-
onClick={hasOpen ? handleClose :
|
|
75
|
+
onClick={hasOpen ? handleClose : handleOpen}
|
|
68
76
|
>
|
|
69
77
|
<p className="line-clamp-2 text-ellipsis">{formatOption(value) || placeholder}</p>
|
|
70
78
|
{renderIcon(hasOpen, iconVersion)}
|
|
71
79
|
</div>
|
|
72
80
|
{isSearch && hasOpen ? (
|
|
73
81
|
<div className={style('absolute top-0 w-full z-20')}>
|
|
74
|
-
<Input
|
|
82
|
+
<Input
|
|
83
|
+
type="text"
|
|
84
|
+
autoFocus
|
|
85
|
+
value={query}
|
|
86
|
+
onChange={setQuery}
|
|
87
|
+
disabled={isDisabled}
|
|
88
|
+
/>
|
|
75
89
|
</div>
|
|
76
90
|
) : null}
|
|
77
91
|
</div>
|