@redneckz/wildless-cms-uni-blocks 0.14.1001 → 0.14.1003

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

@@ -13,7 +13,7 @@ const CHECK_PATHS = [
         fill: 'white',
     },
 ];
-export const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange }) => {
+export const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange, name }) => {
     const handleChange = useCallback((e) => {
         if (disabled) {
             return;
@@ -22,7 +22,7 @@ export const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChan
         onChange && onChange(!value);
     }, [onChange, disabled, value]);
     const icon = isRadio ? (_jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (_jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
-    return (_jsx("div", { className: className, children: _jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [_jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText(text)] }) }));
+    return (_jsx("div", { className: className, children: _jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), "data-test-id": name, onClick: handleChange, children: [_jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText(text)] }) }));
 });
 const renderText = (text) => text ? (_jsx("div", { className: "ml-s", children: _jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
 const getCursorStyle = (disabled = false) => (disabled ? 'cursor-not-allowed' : 'cursor-pointer');

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui-kit/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui-kit/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}

package/lib/ui-kit/Checkbox/CheckboxProps.d.ts

@@ -1,4 +1,5 @@
 import { type CommonInputProps } from '../../model/CommonInputProps';
 export interface CheckboxProps extends CommonInputProps<boolean> {
     isRadio?: boolean;
+    name?: string;
 }

package/lib/ui-kit/DatePicker/DatePicker.d.ts

@@ -7,6 +7,7 @@ interface DatePickerProps extends ControlProps<Date>, ComponentType, LabelProps,
     maxDate?: Date;
     valid?: boolean;
     weekends?: number[];
+    name?: string;
 }
 export declare const DatePicker: import("@redneckz/uni-jsx").UNIComponent<DatePickerProps, any, any>;
 export {};

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

@@ -24,7 +24,7 @@ const SELECT_PROPS = {
 };
 export const DatePicker = JSX(
 // eslint-disable-next-line max-lines-per-function
-({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, weekends, onChange, }) => {
+({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, weekends, onChange, name, }) => {
     const [isCalendarVisible, { setValue, setFalse: hideCalendar }] = useBool(false);
     const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
     const [selectedYear, setSelectedYear] = useState(value?.getFullYear() ?? new Date().getFullYear());
@@ -51,6 +51,7 @@ export const DatePicker = JSX(
                         disabled,
                         setSelectedMonth,
                         setSelectedYear,
+                        name,
                     }), isCalendarVisible && !disabled ? (_jsxs("div", { className: style('absolute bg-white z-20 select-none', {
                             'bottom-full': spaceAbove,
                         }), children: [_jsxs("div", { className: "flex gap-s", children: [_jsx("div", { className: "my-auto", onClick: handlePrevMonth, children: _jsx(Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), _jsx(Select, { onChange: handleSelectMonth, value: { key: months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), _jsx(Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), _jsx("div", { className: "my-auto", onClick: handleNextMonth, children: _jsx(Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), _jsx(Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, min: minDate, max: maxDate, weekends: weekends, onDateSelect: handleDateSelect })] })) : null] })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/lib/ui-kit/DatePicker/DatePickerInput.d.ts

@@ -6,6 +6,7 @@ interface DatePickerInputProps extends ComponentType, DisabledProps, OnClickProp
     setSelectedYear: (selectedYear: number) => void;
     value?: string;
     onChange?: (value: Date) => void;
+    name?: string;
 }
 export declare const DatePickerInput: import("@redneckz/uni-jsx").UNIComponent<DatePickerInputProps, any, any>;
 export {};

package/lib/ui-kit/DatePicker/DatePickerInput.js

@@ -11,7 +11,7 @@ const ICON_PROPS = {
     width: '24',
     height: '24',
 };
-export const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick }) => {
+export const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick, name }) => {
     const ref = useRef(null);
     const [inputValue, setInputValue] = useState(value || '');
     const handleChange = (ev) => {
@@ -40,7 +40,7 @@ export const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, classNa
     useEffect(() => {
         updateSelectedDate({ inputValue, setSelectedMonth, setSelectedYear, onChange });
     }, [inputValue]);
-    return (_jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [_jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none rounded-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled }), disabled ? null : _jsx(Icon, { className: "mr-s", ...ICON_PROPS })] }));
+    return (_jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [_jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none rounded-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled, "data-test-id": name }), disabled ? null : _jsx(Icon, { className: "mr-s", ...ICON_PROPS })] }));
 });
 const isValidYear = (year) => Number(year) >= START_YEAR && Number(year) <= new Date().getFullYear();
 const isValidMonth = (month) => Number(month) > 0 && Number(month) < 13;

package/lib/ui-kit/DatePicker/DatePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/DatePickerInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePickerInput.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/DatePickerInput.tsx"],"names":[],"mappings":"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"}

package/lib/ui-kit/DatePicker/renderDatePickerForm.d.ts

@@ -1,8 +1,9 @@
 import { type ControlProps } from '../../model/ControlProps';
 import { type DisabledProps } from '../../model/DisabledProps';
-export declare const renderDatePickerForm: ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled, }: DisabledProps & ControlProps<Date> & {
+export declare const renderDatePickerForm: ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled, name, }: DisabledProps & ControlProps<Date> & {
     handleChangeVisibleCalendar: () => void;
     valid: boolean;
     setSelectedMonth: (selectedMonth: number) => void;
     setSelectedYear: (selectedYear: number) => void;
+    name?: string | undefined;
 }) => any;

package/lib/ui-kit/DatePicker/renderDatePickerForm.js

@@ -4,5 +4,5 @@ import { style } from '../../utils/style.js';
 import { DatePickerInput } from './DatePickerInput.js';
 const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
     'hover:border-black active:border-black focus:border-black';
-export const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, }) => (_jsx(DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error') }));
+export const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, name, }) => (_jsx(DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error'), name: name }));
 //# sourceMappingURL=renderDatePickerForm.js.map

package/lib/ui-kit/DatePicker/renderDatePickerForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderDatePickerForm.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/renderDatePickerForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,SAAS,GACb,0EAA0E;IAC1E,2DAA2D,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,2BAA2B,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,QAAQ,GAAG,KAAK,GAOf,EAAE,EAAE,CAAC,CACN,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,2BAA2B,EACpC,KAAK,EAAE,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,EACjC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,GAClD,CACpB,CAAC"}
+{"version":3,"file":"renderDatePickerForm.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/renderDatePickerForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,SAAS,GACb,0EAA0E;IAC1E,2DAA2D,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,2BAA2B,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,GAQH,EAAE,EAAE,CAAC,CACN,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,2BAA2B,EACpC,KAAK,EAAE,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,EACjC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,EACnE,IAAI,EAAE,IAAI,GACO,CACpB,CAAC"}

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

@@ -21,6 +21,6 @@ export const Input = JSX(
     const paddingStyle = children ? 'pr-3xl' : '';
     const validStyle = getValidStyle(valid);
     const ariaLabel = label ?? name ?? id;
-    return (_jsxs("div", { className: style('relative', className), children: [_jsxs("label", { className: "space-y-xs", children: [renderLabel(label), isTextarea ? (_jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle, validStyle), id: style('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (_jsx("input", { ref: inputRef, className: style('h-14', defaultStyle, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key))] }), children] }));
+    return (_jsxs("div", { className: style('relative', className), children: [_jsxs("label", { className: "space-y-xs", children: [renderLabel(label), isTextarea ? (_jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle, validStyle), id: style('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (_jsx("input", { ref: inputRef, className: style('h-14', defaultStyle, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, "data-test-id": name }, key))] }), children] }));
 });
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":"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"}

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

@@ -7,5 +7,5 @@ const orientationStyleMap = {
     horizontal: '@lg:flex-row',
     vertical: '',
 };
-export const RadioButtonGroup = JSX(({ label, items, value, className, disabled = false, orientation = 'horizontal', onChange: onChangeCheckedItem, }) => (_jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (_jsx("div", { role: "radiogroup", "aria-label": label, children: _jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, _jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (_jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem?.(id), disabled: disabled }, String(id)))) })] })));
+export const RadioButtonGroup = JSX(({ label, items, value, className, disabled = false, orientation = 'horizontal', onChange: onChangeCheckedItem, }) => (_jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (_jsx("div", { role: "radiogroup", "aria-label": label, children: _jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, _jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (_jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem?.(id), disabled: disabled, name: id }, String(id)))) })] })));
 //# sourceMappingURL=RadioButtonGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"","sources":["../../../src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAKxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAYpC,MAAM,mBAAmB,GAAoC;IAC3D,UAAU,EAAE,cAAc;IAC1B,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,YAAY,EAC1B,QAAQ,EAAE,mBAAmB,GAC9B,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAC,+BAA+B,aAC3C,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,IAAI,EAAC,YAAY,gBAAa,KAAK,YACtC,KAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,YAChD,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,KAAK,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EACpF,IAAI,EAAC,YAAY,gBACN,2EAAe,YAEzB,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAEP,OAAO,QACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KAAK,EAAE,EACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,CAAC,EAAE,CAAC,EACzC,QAAQ,EAAE,QAAQ,IALb,MAAM,CAAC,EAAE,CAAC,CAMf,CACH,CAAC,GACE,IACF,CACP,CACF,CAAC"}
+{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"","sources":["../../../src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAKxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAYpC,MAAM,mBAAmB,GAAoC;IAC3D,UAAU,EAAE,cAAc;IAC1B,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,YAAY,EAC1B,QAAQ,EAAE,mBAAmB,GAC9B,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAC,+BAA+B,aAC3C,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,IAAI,EAAC,YAAY,gBAAa,KAAK,YACtC,KAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,YAAY,YAChD,KAAK,GACD,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,KAAK,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EACpF,IAAI,EAAC,YAAY,gBACN,2EAAe,YAEzB,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAEP,OAAO,QACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KAAK,EAAE,EACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,CAAC,EAAE,CAAC,EACzC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,EAAE,IANH,MAAM,CAAC,EAAE,CAAC,CAOf,CACH,CAAC,GACE,IACF,CACP,CACF,CAAC"}

package/lib/ui-kit/VerifyPhoneDialogLayout/VerfiyPhoneDialogLayout.js

@@ -11,5 +11,5 @@ import { Timer } from '../TimerCircle/Timer.js';
 export const VerifyPhoneDialogLayout = JSX(({ children, isLoading, isSubmitButtonDisabled, timeNextReq, onSubmit, onSendCode, values, onChange, errorText, hasError, phone, onClose, }) => (_jsx(Dialog, { maxWidth: "lg", onClose: onClose, children: _jsxs("div", { className: "flex flex-col gap-xl items-center rounded-md", children: [renderHeadline(phone), _jsx(InputCode, { values: values, setValues: onChange, errorText: errorText, hasError: hasError }), renderText(timeNextReq, onSendCode), children, renderNextButton(isSubmitButtonDisabled, onSubmit), isLoading ? _jsx(Loader, { blur: false }) : null] }) })));
 const renderHeadline = (phone) => (_jsx(Headline, { className: "w-full", title: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430", description: `Мы отправили код на ${phone}`, headlineVersion: "XS", isEmbedded: true, as: "h6" }));
 const renderNextButton = (disabled, onClick) => (_jsx(SubmitButton, { text: "\u0414\u0430\u043B\u0435\u0435", disabled: disabled, onClick: onClick }));
-const renderText = (timeNextReq, handleSendCode) => timeNextReq ? (_jsxs("div", { className: "flex flex-row text-l font-light text-base gap-2xs", children: [_jsx("span", { children: " \u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437" }), _jsx(Timer, { seconds: timeNextReq })] })) : (_jsx(Button, { embedded: true, onClick: handleSendCode, children: _jsx(ButtonTitle, { children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" }) }));
+const renderText = (timeNextReq, handleSendCode) => timeNextReq ? (_jsxs("div", { className: "flex flex-row text-l font-light text-base gap-2xs", children: [_jsx("span", { children: " \u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437" }), _jsx(Timer, { seconds: timeNextReq })] })) : (_jsx(Button, { embedded: true, onClick: handleSendCode, testId: "send-new-code-button", children: _jsx(ButtonTitle, { children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" }) }));
 //# sourceMappingURL=VerfiyPhoneDialogLayout.js.map

package/lib/ui-kit/VerifyPhoneDialogLayout/VerfiyPhoneDialogLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerfiyPhoneDialogLayout.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialogLayout/VerfiyPhoneDialogLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAG9D,OAAO,EAAE,SAAS,EAAE,MAAM,qDAAqD,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAgB7C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EACC,QAAQ,EACR,SAAS,EACT,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,YACpC,eAAK,SAAS,EAAC,8CAA8C,aAC1D,cAAc,CAAC,KAAK,CAAC,EACtB,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC3F,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EACnC,QAAQ,EACR,gBAAgB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAClD,SAAS,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACvC,GACC,CACV,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CACxC,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,oJAA4B,EAClC,WAAW,EAAE,uBAAuB,KAAK,EAAE,EAC3C,eAAe,EAAC,IAAI,EACpB,UAAU,EAAE,IAAI,EAChB,EAAE,EAAC,IAAI,GACP,CACH,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,OAAmB,EAAE,EAAE,CAAC,CACnE,KAAC,YAAY,IAAC,IAAI,EAAC,gCAAO,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,WAAmB,EAAE,cAA0B,EAAE,EAAE,CACrE,WAAW,CAAC,CAAC,CAAC,CACZ,eAAK,SAAS,EAAC,mDAAmD,aAChE,+LAA4C,EAC5C,KAAC,KAAK,IAAC,OAAO,EAAE,WAAW,GAAI,IAC3B,CACP,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,QAAQ,QAAC,OAAO,EAAE,cAAc,YACtC,KAAC,WAAW,qHAAiC,GACtC,CACV,CAAC"}
+{"version":3,"file":"VerfiyPhoneDialogLayout.js","sourceRoot":"","sources":["../../../src/ui-kit/VerifyPhoneDialogLayout/VerfiyPhoneDialogLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAG9D,OAAO,EAAE,SAAS,EAAE,MAAM,qDAAqD,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAgB7C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EACC,QAAQ,EACR,SAAS,EACT,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,YACpC,eAAK,SAAS,EAAC,8CAA8C,aAC1D,cAAc,CAAC,KAAK,CAAC,EACtB,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC3F,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EACnC,QAAQ,EACR,gBAAgB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAClD,SAAS,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACvC,GACC,CACV,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CACxC,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,oJAA4B,EAClC,WAAW,EAAE,uBAAuB,KAAK,EAAE,EAC3C,eAAe,EAAC,IAAI,EACpB,UAAU,EAAE,IAAI,EAChB,EAAE,EAAC,IAAI,GACP,CACH,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,OAAmB,EAAE,EAAE,CAAC,CACnE,KAAC,YAAY,IAAC,IAAI,EAAC,gCAAO,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,CACpE,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,WAAmB,EAAE,cAA0B,EAAE,EAAE,CACrE,WAAW,CAAC,CAAC,CAAC,CACZ,eAAK,SAAS,EAAC,mDAAmD,aAChE,+LAA4C,EAC5C,KAAC,KAAK,IAAC,OAAO,EAAE,WAAW,GAAI,IAC3B,CACP,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,QAAQ,QAAC,OAAO,EAAE,cAAc,EAAE,MAAM,EAAC,sBAAsB,YACrE,KAAC,WAAW,qHAAiC,GACtC,CACV,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -1331,7 +1331,7 @@
     };
     const embeddedStyle = style('group/btn-embedded', 'bg-transparent border border-transparent outline-none');
     const disabledStyle = style('bg-main-gray text-main-disabled cursor-not-allowed');
-    const Button = JSX(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, wcmsIgnore, onClick = noop, }) => {
+    const Button = JSX(({ className, type = 'button', version = 'primary', shape = 'default', embedded, disabled, role, ariaLabel, data, dataTheme, children, wcmsIgnore, onClick = noop, testId, }) => {
         const handleClick = useCallback(role !== 'tab' ? handlerDecorator(onClick) : onClick, [
             role,
             onClick,
@@ -1345,7 +1345,7 @@
             }, embedded ? 'justify-between' : 'justify-center', embedded || isRound ? 'p-0' : 'px-9 py-4', {
                 'rounded-md': shape === 'default',
                 'rounded-full': isRound,
-            }, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, "data-wcms-ignore": wcmsIgnore, ...aspectsAttrs, onClick: handleClick, children: children }));
+            }, className), type: type, role: role, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled ? 'true' : undefined, "data-theme": dataTheme, "data-wcms-ignore": wcmsIgnore, ...aspectsAttrs, onClick: handleClick, "data-test-id": testId, children: children }));
     });
 
     const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
@@ -1555,7 +1555,7 @@
         const paddingStyle = children ? 'pr-3xl' : '';
         const validStyle = getValidStyle(valid);
         const ariaLabel = label ?? name ?? id;
-        return (jsxs("div", { className: style('relative', className), children: [jsxs("label", { className: "space-y-xs", children: [renderLabel$1(label), isTextarea ? (jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle$1, validStyle), id: style('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (jsx("input", { ref: inputRef, className: style('h-14', defaultStyle$1, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key))] }), children] }));
+        return (jsxs("div", { className: style('relative', className), children: [jsxs("label", { className: "space-y-xs", children: [renderLabel$1(label), isTextarea ? (jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle$1, validStyle), id: style('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (jsx("input", { ref: inputRef, className: style('h-14', defaultStyle$1, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, "data-test-id": name }, key))] }), children] }));
     });
 
     const InputWrapper = JSX(({ className, label, value = '', error, errors, type, isInteger, placeholder, maxLength, inputRef, isOpen, onOpen, onClose, required, onChange = noop, ...rest }) => {
@@ -2097,7 +2097,7 @@
             fill: 'white',
         },
     ];
-    const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange }) => {
+    const Checkbox = JSX(({ className, value, text, disabled, isRadio, onChange, name }) => {
         const handleChange = useCallback((e) => {
             if (disabled) {
                 return;
@@ -2106,7 +2106,7 @@
             onChange && onChange(!value);
         }, [onChange, disabled, value]);
         const icon = isRadio ? (jsx("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : (jsx(SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
-        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$4(text)] }) }));
+        return (jsx("div", { className: className, children: jsxs("label", { className: style('flex items-center relative group/box', getCursorStyle(disabled)), "data-test-id": name, onClick: handleChange, children: [jsx("div", { className: style(defaultCheckStyle, 'm-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), !disabled && value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: role(isRadio), "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled), "aria-label": text }), value ? icon : null, renderText$4(text)] }) }));
     });
     const renderText$4 = (text) => text ? (jsx("div", { className: "ml-s", children: jsx(Text, { size: "text-l", font: "font-light", children: text }) })) : null;
     const getCursorStyle = (disabled = false) => (disabled ? 'cursor-not-allowed' : 'cursor-pointer');
@@ -2450,7 +2450,7 @@
         width: '24',
         height: '24',
     };
-    const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick }) => {
+    const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick, name }) => {
         const ref = useRef(null);
         const [inputValue, setInputValue] = useState(value || '');
         const handleChange = (ev) => {
@@ -2479,7 +2479,7 @@
         useEffect(() => {
             updateSelectedDate({ inputValue, setSelectedMonth, setSelectedYear, onChange });
         }, [inputValue]);
-        return (jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none rounded-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled }), disabled ? null : jsx(Icon, { className: "mr-s", ...ICON_PROPS$2 })] }));
+        return (jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none rounded-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled, "data-test-id": name }), disabled ? null : jsx(Icon, { className: "mr-s", ...ICON_PROPS$2 })] }));
     });
     const isValidYear = (year) => Number(year) >= START_YEAR && Number(year) <= new Date().getFullYear();
     const isValidMonth = (month) => Number(month) > 0 && Number(month) < 13;
@@ -2517,7 +2517,7 @@
 
     const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
         'hover:border-black active:border-black focus:border-black';
-    const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, }) => (jsx(DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error') }));
+    const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, name, }) => (jsx(DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error'), name: name }));
 
     const MONTHS_COUNT = 11;
     const MONTHS_OPTIONS = months.map((key) => ({ key }));
@@ -2599,7 +2599,7 @@
     };
     const DatePicker = JSX(
     // eslint-disable-next-line max-lines-per-function
-    ({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, weekends, onChange, }) => {
+    ({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, weekends, onChange, name, }) => {
         const [isCalendarVisible, { setValue, setFalse: hideCalendar }] = useBool(false);
         const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
         const [selectedYear, setSelectedYear] = useState(value?.getFullYear() ?? new Date().getFullYear());
@@ -2626,6 +2626,7 @@
                             disabled,
                             setSelectedMonth,
                             setSelectedYear,
+                            name,
                         }), isCalendarVisible && !disabled ? (jsxs("div", { className: style('absolute bg-white z-20 select-none', {
                                 'bottom-full': spaceAbove,
                             }), children: [jsxs("div", { className: "flex gap-s", children: [jsx("div", { className: "my-auto", onClick: handlePrevMonth, children: jsx(Icon, { ...ICON_PROPS$1, className: "-rotate-90 cursor-pointer" }) }), jsx(Select, { onChange: handleSelectMonth, value: { key: months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), jsx(Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), jsx("div", { className: "my-auto", onClick: handleNextMonth, children: jsx(Icon, { ...ICON_PROPS$1, className: "rotate-90 cursor-pointer" }) })] }), jsx(Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, min: minDate, max: maxDate, weekends: weekends, onDateSelect: handleDateSelect })] })) : null] })] }));
@@ -3329,7 +3330,7 @@
         horizontal: '@lg:flex-row',
         vertical: '',
     };
-    const RadioButtonGroup = JSX(({ label, items, value, className, disabled = false, orientation = 'horizontal', onChange: onChangeCheckedItem, }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (jsx("div", { role: "radiogroup", "aria-label": label, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem?.(id), disabled: disabled }, String(id)))) })] })));
+    const RadioButtonGroup = JSX(({ label, items, value, className, disabled = false, orientation = 'horizontal', onChange: onChangeCheckedItem, }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (jsx("div", { role: "radiogroup", "aria-label": label, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem?.(id), disabled: disabled, name: id }, String(id)))) })] })));
 
     const VedField = JSX(({ field, input }) => {
         const handleChange = useCallback((_) => {
@@ -3510,14 +3511,14 @@
                                 inputRefs.current = [];
                             }
                             inputRefs.current[index] = ref;
-                        }, onFocus: (event) => event.target.select(), onKeyDown: handleKeyDown(index), className: getInputStyle(index, values, hasError) }, index))) }), hasError ? jsx("div", { className: "text-error", children: errorText }) : null] }));
+                        }, onFocus: (event) => event.target.select(), onKeyDown: handleKeyDown(index), className: getInputStyle(index, values, hasError), "data-test-id": `sms-code-${index}` }, index))) }), hasError ? jsx("div", { className: "text-error", children: errorText }) : null] }));
     });
     const getInputStyle = (index, values, hasError = false) => {
         const isInputEmpty = !values[index];
         return `w-16 sm:w-20 h-24 text-5xl text-center p-md m-2 border ${getValidStyle(!hasError || !isInputEmpty)} rounded-md caret-transparent outline-none`;
     };
 
-    const SubmitButton = JSX(({ disabled = false, onClick, text }) => (jsx(Button, { type: "button", onClick: onClick, disabled: disabled, children: jsx(Text, { font: "font-normal", children: text }) })));
+    const SubmitButton = JSX(({ disabled = false, onClick, text }) => (jsx(Button, { type: "button", onClick: onClick, disabled: disabled, testId: "sms-code-submit-button", children: jsx(Text, { font: "font-normal", children: text }) })));
 
     const ButtonTitle = JSX(({ className, labelColor, children }) => (jsx("span", { className: style('inline-flex items-center text-start gap-s', labelColor === 'white' ? 'text-white' : 'group-[]/btn-embedded:text-primary-main', className), children: children })));
 
@@ -3530,7 +3531,7 @@
     const VerifyPhoneDialogLayout = JSX(({ children, isLoading, isSubmitButtonDisabled, timeNextReq, onSubmit, onSendCode, values, onChange, errorText, hasError, phone, onClose, }) => (jsx(Dialog, { maxWidth: "lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center rounded-md", children: [renderHeadline(phone), jsx(InputCode, { values: values, setValues: onChange, errorText: errorText, hasError: hasError }), renderText$2(timeNextReq, onSendCode), children, renderNextButton(isSubmitButtonDisabled, onSubmit), isLoading ? jsx(Loader, { blur: false }) : null] }) })));
     const renderHeadline = (phone) => (jsx(Headline, { className: "w-full", title: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430", description: `Мы отправили код на ${phone}`, headlineVersion: "XS", isEmbedded: true, as: "h6" }));
     const renderNextButton = (disabled, onClick) => (jsx(SubmitButton, { text: "\u0414\u0430\u043B\u0435\u0435", disabled: disabled, onClick: onClick }));
-    const renderText$2 = (timeNextReq, handleSendCode) => timeNextReq ? (jsxs("div", { className: "flex flex-row text-l font-light text-base gap-2xs", children: [jsx("span", { children: " \u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437" }), jsx(Timer, { seconds: timeNextReq })] })) : (jsx(Button, { embedded: true, onClick: handleSendCode, children: jsx(ButtonTitle, { children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" }) }));
+    const renderText$2 = (timeNextReq, handleSendCode) => timeNextReq ? (jsxs("div", { className: "flex flex-row text-l font-light text-base gap-2xs", children: [jsx("span", { children: " \u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437" }), jsx(Timer, { seconds: timeNextReq })] })) : (jsx(Button, { embedded: true, onClick: handleSendCode, testId: "send-new-code-button", children: jsx(ButtonTitle, { children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" }) }));
 
     const TIME_TO_RESEND$2 = 180;
     const getTimer = (sendTime) => TIME_TO_RESEND$2 - Math.floor((Date.now() - sendTime) / 1000);
@@ -4428,7 +4429,7 @@
             }
             onChange?.(formattedValue);
         }, [onChange]);
-        return (jsx(InputWrapper, { value: value, onChange: handleChange, inputRef: inputRef, isOpen: isOpen, onOpen: open, onClose: close, ...rest }));
+        return (jsx(InputWrapper, { value: value, onChange: handleChange, inputRef: inputRef, isOpen: isOpen, onOpen: open, onClose: close, name: name, ...rest }));
     });
 
     const AddressField = JSX(({ field, input }) => {
@@ -5331,7 +5332,7 @@
     const ConsentField = JSX(({ field, input }) => {
         const { productType } = useLeadFormStore();
         const consents = productTypeToConsentsMap[productType ?? ''];
-        return input && input.name ? (jsx(CheckboxWithDoc, { text: consents?.[input.name]?.text, docId: consents?.[input.name]?.docId, ...field(input.name) })) : null;
+        return input && input.name ? (jsx(CheckboxWithDoc, { text: consents?.[input.name]?.text, docId: consents?.[input.name]?.docId, ...field(input.name), ...input })) : null;
     });
 
     const CalculatorLayout = JSX(({ className, title, children, ...rest }) => (jsxs(BlockWrapper, { className: style('space-y-xl', className), defaultPadding: "p-4xl", ...rest, children: [title ? jsx(Heading, { className: "text-center", title: title }) : null, children] })));
@@ -6576,7 +6577,7 @@
             ?.filter((_) => _.required)
             ?.some((_) => Boolean(withValidator(field(_?.name), agreementValidator).error)), [inputs]);
         const [isUnfolded, { toggle }] = useBool(true);
-        return (jsx("div", { className: "w-fit", children: jsxs(Foldable, { children: [jsxs("div", { className: "flex items-start", children: [jsxs("div", { children: [jsx(Checkbox, { text: CONSENT_ALL_DOCS_TEXT, value: isChecked, onChange: handleGeneralToggle }, key), renderErrorText(hasValidationErrors ? CONSENT_REQUIRED : '')] }), jsx(Button, { embedded: true, ariaLabel: CONSENT_ALL_DOCS_TEXT, onClick: toggle, children: jsx(ToggleIcon, { className: "p-2xs", iconVersion: "color", isUnfolded: isUnfolded }) })] }), jsx(FoldableSection, { className: "flex flex-col pl-2xl", isUnfolded: isUnfolded, children: inputs.map(getField(field, {}, InputsConsentsMap)) })] }) }));
+        return (jsx("div", { className: "w-fit", children: jsxs(Foldable, { children: [jsxs("div", { className: "flex items-start", children: [jsxs("div", { children: [jsx(Checkbox, { text: CONSENT_ALL_DOCS_TEXT, value: isChecked, onChange: handleGeneralToggle, name: "all-consents" }, key), renderErrorText(hasValidationErrors ? CONSENT_REQUIRED : '')] }), jsx(Button, { embedded: true, ariaLabel: CONSENT_ALL_DOCS_TEXT, onClick: toggle, children: jsx(ToggleIcon, { className: "p-2xs", iconVersion: "color", isUnfolded: isUnfolded }) })] }), jsx(FoldableSection, { className: "flex flex-col pl-2xl", isUnfolded: isUnfolded, children: inputs.map(getField(field, {}, InputsConsentsMap)) })] }) }));
     });
 
     const renderInputs$1 = ({ field, inputs }, productType) => {
@@ -6588,7 +6589,7 @@
         restInputs: inputs.filter(({ name }) => !Object.keys(productTypeToConsentsMap[productType]).includes(String(name))),
     });
 
-    const renderSubmitButton = (button, isSending = false) => (jsx(SubmitButton$1, { className: "w-full @xl:w-auto", isLoading: isSending, children: button?.text ? button.text : 'Отправить заявку' }));
+    const renderSubmitButton = (button, isSending = false) => (jsx(SubmitButton$1, { className: "w-full @xl:w-auto", isLoading: isSending, testId: "LeadSubmitButton", children: button?.text ? button.text : 'Отправить заявку' }));
 
     const createDraftTask = async (body) => {
         const res = await fetchRetailJSON('/user-data/createDraftTask', 'POST', body);
@@ -6852,7 +6853,7 @@
             setShowRefuseContent(value === 'REFUSE');
         }, []);
         const consentText = showRefuseContent ? refuseConsentText : defaultConsentText;
-        return (jsx(Dialog, { onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx("div", { role: "button", onClick: openDocument, children: jsx(Heading, { className: "text-center text-balance", headingType: "h2", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleSubmit, children: "\u0414\u0430\u043B\u0435\u0435" })] }) }));
+        return (jsx(Dialog, { onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx("div", { role: "button", onClick: openDocument, children: jsx(Heading, { className: "text-center text-balance", headingType: "h2", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleSubmit, testId: "bki-button", children: "\u0414\u0430\u043B\u0435\u0435" })] }) }));
     });
 
     const useConsentBkiDialog = (onClose) => {
@@ -6953,7 +6954,7 @@
         ...debitCardCodesToProgrammIdMap,
     };
 
-    const DraftActionButton = JSX(({ title, icon, description, onClick = noop }) => (jsxs("button", { className: "flex gap-lg items-center border border-gray/30 rounded-xl cursor-pointer p-4 hover:border-green", type: "button", onClick: onClick, children: [jsx(Img, { image: { icon, iconVersion: 'normal' }, width: "78", height: "78" }), jsxs("div", { className: "flex flex-col items-start gap-xs md:w-72 md:mr-lg", children: [title ? (jsx(Text, { font: "font-medium", size: "text-s", children: title })) : null, description ? (jsx(Text, { color: "text-secondary-text", size: "text-xs", children: description })) : null] })] })));
+    const DraftActionButton = JSX(({ title, icon, description, name, onClick = noop }) => (jsxs("button", { className: "flex gap-lg items-center border border-gray/30 rounded-xl cursor-pointer p-4 hover:border-green", type: "button", onClick: onClick, "data-test-id": name, children: [jsx(Img, { image: { icon, iconVersion: 'normal' }, width: "78", height: "78" }), jsxs("div", { className: "flex flex-col items-start gap-xs md:w-72 md:mr-lg", children: [title ? (jsx(Text, { font: "font-medium", size: "text-s", children: title })) : null, description ? (jsx(Text, { color: "text-secondary-text", size: "text-xs", children: description })) : null] })] })));
 
     const fieldsNamesToContactKeysMap = {
         email: 'EMAIL',
@@ -7215,7 +7216,7 @@
         const handleGoToNewTask = useCallback(() => {
             navigator.assign(productData.newTaskLink);
         }, []);
-        return (jsx(Dialog, { onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center mt-xs mx-6xl", children: [jsx(Heading, { className: "whitespace-pre-wrap text-center", title: "\u041D\u0430\u0448\u043B\u0438 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044F\u0432\u043A\u0438", headingType: "h5" }), jsxs("div", { className: "flex flex-col gap-m max-w-lg", children: [jsx(DraftActionButton, { title: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430", icon: "BankColorIcon", description: createdDate ? `Черновик от ${formatDate(new Date(createdDate))}` : '', onClick: handleGoToDraft }), jsx(DraftActionButton, { title: isFromLead ? 'Продолжить заполнение текущей заявки' : 'Создать новую заявку', icon: "NewLoanIcon", description: productData.description, onClick: isFromLead ? onClose : handleGoToNewTask })] })] }) }));
+        return (jsx(Dialog, { onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center mt-xs mx-6xl", children: [jsx(Heading, { className: "whitespace-pre-wrap text-center", title: "\u041D\u0430\u0448\u043B\u0438 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044F\u0432\u043A\u0438", headingType: "h5" }), jsxs("div", { className: "flex flex-col gap-m max-w-lg", children: [jsx(DraftActionButton, { title: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u0447\u0435\u0440\u043D\u043E\u0432\u0438\u043A\u0430", icon: "BankColorIcon", description: createdDate ? `Черновик от ${formatDate(new Date(createdDate))}` : '', onClick: handleGoToDraft, name: "go-to-draft-button" }), jsx(DraftActionButton, { title: isFromLead ? 'Продолжить заполнение текущей заявки' : 'Создать новую заявку', icon: "NewLoanIcon", description: productData.description, onClick: isFromLead ? onClose : handleGoToNewTask, name: "go-to-current-task-button" })] })] }) }));
     });
 
     const EmptyDraftDialog = JSX(function ({ isDebit, onClose = noop }) {
@@ -9228,7 +9229,7 @@
     };
 
     const renderRkoTariffsTableHeader = ({ params, className }) => {
-        return params ? (jsxs("div", { className: style(className), children: [jsx("div", { children: jsx(Text, { size: "text-xs", font: "font-medium", className: "col-span-2", children: RKO_COMMISSIONS_TITLE_MAP['tariffName'] }) }), params.map((param, index) => (jsx("div", { children: jsx(Text, { size: "text-xs", font: "font-medium", children: RKO_COMMISSIONS_TITLE_MAP[param] }) }, index)))] })) : null;
+        return params ? (jsxs("div", { className: style(className), children: [jsx("div", { className: "col-span-2", children: jsx(Text, { size: "text-xs", font: "font-medium", children: RKO_COMMISSIONS_TITLE_MAP['tariffName'] }) }), params.map((param, index) => (jsx("div", { children: jsx(Text, { size: "text-xs", font: "font-medium", children: RKO_COMMISSIONS_TITLE_MAP[param] }) }, index)))] })) : null;
     };
 
     const renderCommissionSum = (value, currency, className) => (jsxs(Text, { className: className, children: [value?.toLocaleString(), "\u00A0", (currency ?? RKO_DEFAULT_CURRENCY).text] }));
@@ -9283,7 +9284,7 @@
         const isMobileMode = useMobileMode();
         const commissionTypes = getSortedCommissionTypes(items) ?? [];
         const columnsCount = commissionTypes.length + 4; // 2 на "Название тарифа" и 2 на кнопку
-        const tableLayoutStyle = `lg:grid lg:grid-cols-${String(columnsCount)} gap-m`;
+        const tableLayoutStyle = `lg:grid lg:grid-cols-${String(columnsCount)} gap-m lg:px-xl px-3xl`;
         return (jsxs("div", { className: "lg:space-y-m space-y-xl w-full", children: [isMobileMode
                     ? null
                     : renderRkoTariffsTableHeader({
@@ -11175,7 +11176,7 @@
     const StepsNavigationButtons$1 = JSX(({ step, onPrevStep, isSending }) => {
         const isFirstStep = step === 0;
         const isFinalStep = step === 5;
-        return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { version: "secondary", disabled: isFirstStep, onClick: onPrevStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(SubmitButton$1, { isLoading: isSending, children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
+        return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { version: "secondary", disabled: isFirstStep, onClick: onPrevStep, testId: "back-button", children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(SubmitButton$1, { isLoading: isSending, testId: "next-button", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
     });
 
     const PAYMENT_TYPE_DATA = {
@@ -13924,7 +13925,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.1000";
+    const packageVersion = "0.14.1002";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;