@redneckz/wildless-cms-uni-blocks 0.14.751 → 0.14.753

package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAY5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChF,KAAC,YAAY,IACX,GAAG,EAAC,QAAQ,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,cAAc,EAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,KAAK,CACd,iFAAiF,EACjF,QAAQ;QACN,CAAC,CAAC,0DAA0D;QAC5D,CAAC,CAAC,kDAAkD,EACtD,SAAS,CACV,EACD,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,YAAE,KAAK,GAAQ,EAC7C,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,CACL,KAAC,GAAG,IACF,KAAK,EAAE;YACL,IAAI;YACJ,WAAW,EAAE,OAAO;SACrB,EACD,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,CAAC,CAAC,CAAC,IAAI,GAEV,CACH,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,CACtF,KAAC,iBAAiB,IAChB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAC3C,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC"}
+{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAoB,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9F,MAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,EACrD,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,KACd,IAAI,aAER,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,KAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAI,IACrE,CACV,CACF,CAAC"}

package/mobile/lib/ui-kit/Foldable/Foldable.d.ts

@@ -1,4 +1,5 @@
-export interface FoldableProps {
+import { type ARIAProps } from '../ARIAProps';
+export interface FoldableProps extends ARIAProps {
     className?: string;
 }
 export declare const Foldable: import("@redneckz/uni-jsx").UNIComponent<FoldableProps, any, any>;

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

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
 // TODO Не особо полезно, в итоге
-export const Foldable = JSX(({ className, children }) => (_jsx("div", { className: style(className), role: "group", children: children })));
+export const Foldable = JSX(({ className, role = 'group', children }) => (_jsx("div", { className: style(className), role: role, children: children })));
 //# sourceMappingURL=Foldable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Foldable.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/Foldable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,iCAAiC;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtE,cAAK,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,YAC3C,QAAQ,GACL,CACP,CAAC,CAAC"}
+{"version":3,"file":"Foldable.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/Foldable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,iCAAiC;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtF,cAAK,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,YACzC,QAAQ,GACL,CACP,CAAC,CAAC"}

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

@@ -6,7 +6,7 @@ import { adjustHref } from '../../utils/adjustHref.js';
 import { isOnlyDigits } from '../../utils/isOnlyDigits.js';
 import { style } from '../../utils/style.js';
 import { joinPath } from '../../utils/url.js';
-const svgUseStyleMap = {
+const iconVersionStyle = {
     '': '',
     normal: '',
     color: 'text-primary-main',
@@ -14,24 +14,29 @@ const svgUseStyleMap = {
     white: 'text-black',
     gray: 'text-gray',
 };
-export const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${name}`, title = alt, iconVersion = 'color', width, height, }) => {
+const sizeStyle = {
+    small: '16',
+    medium: '24',
+    large: '48',
+    xl: '78',
+};
+export const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${name}`, title = alt, iconVersion = 'color', size, width = size && sizeStyle[size], height = width, }) => {
     const router = useRouter();
     const iconName = iconVersion === 'normal' ? `${name}.svg` : `sprites.svg#${name}`;
     const href = adjustHref(router)(joinPath(projectSettings.CDN, '/icons/', iconName));
     if (iconVersion === 'normal') {
         // fix svg gradient color
-        return (_jsx("img", { className: className, src: href, alt: alt, title: title, "aria-hidden": "true", width: width, height: height, style: getInlineStyle(className, height) }));
+        return (_jsx("img", { className: className, style: getInlineStyle(className, height), src: href, alt: alt, title: title, "aria-hidden": "true", width: width, height: height }));
     }
-    return (_jsx(Background, { className: className, children: _jsxs("svg", { className: style(getSvgSize(width), svgUseStyleMap[iconVersion], {
+    return (_jsx(Background, { className: className, children: _jsxs("svg", { className: style(iconVersionStyle[iconVersion], {
+                'w-full h-full': !width,
                 invert: iconVersion === 'white',
             }, imageClassName), width: width, height: height, "aria-hidden": "true", children: [title ? _jsx("title", { children: title }) : null, alt ? _jsx("desc", { children: alt }) : null, _jsx("use", { href: href, xlinkHref: href })] }) }));
 });
-const getInlineStyle = (className, height) => {
-    if (className?.includes('h-')) {
-        return {};
-    }
-    return { height: isOnlyDigits(height) ? `${height}px` : height, width: 'auto' };
-};
-const getSvgSize = (width) => (width ? '' : 'w-full h-full');
+// TODO Что то совсем не очень
+const getInlineStyle = (className, height) => className?.includes('h-')
+    ? {}
+    : { height: isOnlyDigits(height) ? `${height}px` : height, width: 'auto' };
+// TODO И это тоже
 const Background = JSX(({ className, children }) => className ? (_jsx("div", { role: "img", className: className, children: children })) : (children));
 //# sourceMappingURL=Icon.js.map

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

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

package/mobile/lib/ui-kit/Icon/IconProps.d.ts

@@ -11,11 +11,23 @@ export type { IconName };
  * ]
  */
 export declare type IconBgVersion = '' | 'primary' | 'secondary' | 'opacity';
+/**
+ * @title Размер иконки
+ * @enumNames [
+ *    "Мелкая",
+ *    "Средняя",
+ *    "Большая",
+ *    "Гигантская"
+ * ]
+ */
+export declare type IconSize = 'small' | 'medium' | 'large' | 'xl';
 export interface IconCompatibilityFields {
     /** @title Альтернативный текст (alt) */
     alt?: string;
     /** @title Текст подсказки (title) */
     title?: string;
+    /** @title Размер */
+    size?: IconSize;
     /** @title Ширина */
     width?: string;
     /** @title Высота */

package/mobile/lib/ui-kit/Icon/RoundedIcon.js

@@ -13,6 +13,6 @@ export const RoundedIcon = JSX(({ className, defaultIconSize = 44, iconBgVersion
     return icon ? (_jsx("div", { style: {
             width: `${widthAndHeight}px`,
             height: `${widthAndHeight}px`,
-        }, className: style('rounded-icon object-fit flex justify-center items-center', iconBgStyles[iconBgVersion], className), children: _jsx(Icon, { ...rest, width: "54%", height: "54%", name: icon }) })) : null;
+        }, className: style('rounded-icon object-fit flex justify-center items-center', iconBgStyles[iconBgVersion], className), children: _jsx(Icon, { ...rest, width: "54%", name: icon }) })) : null;
 });
 //# sourceMappingURL=RoundedIcon.js.map

package/mobile/lib/ui-kit/Icon/RoundedIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoundedIcon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/RoundedIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAQ9B,MAAM,YAAY,GAAkC;IAClD,EAAE,EAAE,kDAAkD;IACtD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,oBAAoB;IAC/B,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,eAAe,GAAG,EAAE,EAAE,aAAa,GAAG,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtF,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC;IAE9D,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,cACE,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,cAAc,IAAI;YAC5B,MAAM,EAAE,GAAG,cAAc,IAAI;SAC9B,EACD,SAAS,EAAE,KAAK,CACd,0DAA0D,EAC1D,YAAY,CAAC,aAAa,CAAC,EAC3B,SAAS,CACV,YAED,KAAC,IAAI,OAAK,IAAI,EAAE,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,GAAI,GACnD,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
+{"version":3,"file":"RoundedIcon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/RoundedIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAQ9B,MAAM,YAAY,GAAkC;IAClD,EAAE,EAAE,kDAAkD;IACtD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,oBAAoB;IAC/B,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,eAAe,GAAG,EAAE,EAAE,aAAa,GAAG,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtF,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC;IAE9D,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,cACE,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,cAAc,IAAI;YAC5B,MAAM,EAAE,GAAG,cAAc,IAAI;SAC9B,EACD,SAAS,EAAE,KAAK,CACd,0DAA0D,EAC1D,YAAY,CAAC,aAAa,CAAC,EAC3B,SAAS,CACV,YAED,KAAC,IAAI,OAAK,IAAI,EAAE,KAAK,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,GAAI,GACtC,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/Icon/ToggleIcon.d.ts

@@ -0,0 +1,6 @@
+import { type IconProps } from './IconProps';
+interface ToggleIconProps extends IconProps {
+    isUnfolded?: boolean;
+}
+export declare const ToggleIcon: import("@redneckz/uni-jsx").UNIComponent<ToggleIconProps, any, any>;
+export {};

package/mobile/lib/ui-kit/Icon/ToggleIcon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Icon } from './Icon.js';
+export const ToggleIcon = JSX(({ isUnfolded, ...rest }) => (_jsx(Icon, { name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', size: "small", iconVersion: "", ...rest })));
+//# sourceMappingURL=ToggleIcon.js.map

package/mobile/lib/ui-kit/Icon/ToggleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleIcon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/ToggleIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAO9B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC1E,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAAE,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,KAAK,IAAI,GAAI,CACnG,CAAC,CAAC"}

package/mobile/lib/ui-kit/Input/InputPopup.d.ts

@@ -1,6 +1,7 @@
 import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
 export interface InputPopupProps {
-    options?: Array<DaDataSuggestion>;
+    options: Array<DaDataSuggestion>;
+    container: HTMLDivElement;
     onChange: (e: DaDataSuggestion) => void;
     value?: string;
 }

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

@@ -1,4 +1,32 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const InputPopup = JSX(({ options, onChange }) => (_jsx("div", { className: "bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-2xl", role: "list", children: options?.map((item, key) => (_jsx("div", { className: "flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative", role: "listitem", onMouseDown: () => onChange(item), children: _jsx("span", { className: "min-h-6", children: item.processedValue }) }, key.toString()))) })));
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { style } from '../../utils/style.js';
+const ARROW_DOWN_KEYBOARD_KEY_CODE = 'ArrowDown';
+const ARROW_UP_KEYBOARD_KEY_CODE = 'ArrowUp';
+const ENTER_KEYBOARD_KEY_CODE = 'Enter';
+const INITIAL_LIST_ITEM_ACTIVE = -1;
+export const InputPopup = JSX(({ options, container, onChange }) => {
+    const [listItemActive, setListItemActive] = useState(INITIAL_LIST_ITEM_ACTIVE);
+    const onKeyDownHandler = (ev) => {
+        const hintsListMaxIndex = options.length - 1;
+        if (ev.key === ARROW_DOWN_KEYBOARD_KEY_CODE) {
+            setListItemActive(listItemActive < hintsListMaxIndex ? listItemActive + 1 : 0);
+        }
+        else if (ev.key === ARROW_UP_KEYBOARD_KEY_CODE) {
+            setListItemActive(listItemActive > 0 ? listItemActive - 1 : hintsListMaxIndex);
+        }
+        else if (ev.key === ENTER_KEYBOARD_KEY_CODE && options[listItemActive]) {
+            ev.preventDefault();
+            onChange(options[listItemActive]);
+        }
+    };
+    useEffect(() => {
+        container.addEventListener('keydown', onKeyDownHandler);
+        return () => container.removeEventListener('keydown', onKeyDownHandler);
+    }, [listItemActive]);
+    return (_jsx("div", { className: "bg-white text-l overflow-y-auto overflow-x-hidden rounded-md shadow-2xl", role: "list", children: options?.map((item, key) => (_jsx("div", { className: style('flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative', {
+                'bg-main-divider': listItemActive === key,
+            }), role: "listitem", onMouseDown: () => onChange(item), children: _jsx("span", { className: "min-h-6", children: item.processedValue }) }, key.toString()))) }));
+});
 //# sourceMappingURL=InputPopup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/InputPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxE,cACE,SAAS,EAAC,kFAAkF,EAC5F,IAAI,EAAC,MAAM,YAEV,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3B,cAEE,SAAS,EAAC,qEAAqE,EAC/E,IAAI,EAAC,UAAU,EACf,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,YAEjC,eAAM,SAAS,EAAC,SAAS,YAAE,IAAI,CAAC,cAAc,GAAQ,IALjD,GAAG,CAAC,QAAQ,EAAE,CAMf,CACP,CAAC,GACE,CACP,CAAC,CAAC"}
+{"version":3,"file":"InputPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/InputPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU1C,MAAM,4BAA4B,GAAG,WAAW,CAAC;AACjD,MAAM,0BAA0B,GAAG,SAAS,CAAC;AAC7C,MAAM,uBAAuB,GAAG,OAAO,CAAC;AACxC,MAAM,wBAAwB,GAAG,CAAC,CAAC,CAAC;AAEpC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAS,wBAAwB,CAAC,CAAC;IAEvF,MAAM,gBAAgB,GAAG,CAAC,EAAgD,EAAQ,EAAE;QAClF,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QAE7C,IAAI,EAAE,CAAC,GAAG,KAAK,4BAA4B,EAAE;YAC3C,iBAAiB,CAAC,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAChF;aAAM,IAAI,EAAE,CAAC,GAAG,KAAK,0BAA0B,EAAE;YAChD,iBAAiB,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;SAChF;aAAM,IAAI,EAAE,CAAC,GAAG,KAAK,uBAAuB,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE;YACxE,EAAE,CAAC,cAAc,EAAE,CAAC;YACpB,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;SACnC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QAExD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,cACE,SAAS,EAAC,yEAAyE,EACnF,IAAI,EAAC,MAAM,YAEV,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3B,cAEE,SAAS,EAAE,KAAK,CAAC,qEAAqE,EAAE;gBACtF,iBAAiB,EAAE,cAAc,KAAK,GAAG;aAC1C,CAAC,EACF,IAAI,EAAC,UAAU,EACf,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,YAEjC,eAAM,SAAS,EAAC,SAAS,YAAE,IAAI,CAAC,cAAc,GAAQ,IAPjD,GAAG,CAAC,QAAQ,EAAE,CAQf,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -5,6 +5,7 @@ import { hintsListsOptions } from '../../api/dadataHints/hintsListsOptions.js';
 import { debounce } from '../../utils/debounce.js';
 import { usePopupManager } from '../PopupManager/usePopupManager.js';
 import { InputPopup } from './InputPopup.js';
+// eslint-disable-next-line max-lines-per-function
 export function useInputPopup({ isOpen, value, name, onChange, onDaDataChange, daDataQueryPrefix, }) {
     const prevInputValue = useRef(value);
     const currentInputValue = useRef(value);
@@ -18,8 +19,8 @@ export function useInputPopup({ isOpen, value, name, onChange, onDaDataChange, d
     const handleChange = useCallback((option) => {
         close();
         currentInputValue.current = option.processedValue;
-        onChange && onChange(option.processedValue);
-        onDaDataChange && onDaDataChange(option);
+        onChange?.(option.processedValue);
+        onDaDataChange?.(option);
     }, [close, onChange]);
     const inputRef = useRef(null);
     const getHintsList = useMemo(() => async (searchValue) => {
@@ -52,7 +53,7 @@ export function useInputPopup({ isOpen, value, name, onChange, onDaDataChange, d
             prevInputValue.current = value;
         }
         popup.open({
-            popup: _jsx(InputPopup, { options: hintsList, value: value, onChange: handleChange }),
+            popup: (_jsx(InputPopup, { options: hintsList, container: inputElement, value: value, onChange: handleChange })),
             top: top + globalThis.scrollY + height,
             left,
             width,

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

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

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

@@ -3,5 +3,5 @@ import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
 export const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (_jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
         'backdrop-blur': blur,
-    }), children: _jsx("div", { className: style('inline-block ', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'small' ? 'border-4 h-8 w-8' : 'border-8 h-28 w-28', color), role: "status" }) })));
+    }), children: _jsx("div", { className: style('inline-block', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'small' ? 'border-4 h-8 w-8' : 'border-8 h-28 w-28', color), role: "status" }) })));
 //# sourceMappingURL=Loader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui-kit/Loader/Loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAE,QAAQ,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrF,cACE,SAAS,EAAE,KAAK,CAAC,qDAAqD,EAAE,QAAQ,EAAE;QAChF,eAAe,EAAE,IAAI;KACtB,CAAC,YAEF,cACE,SAAS,EAAE,KAAK,CACd,eAAe,EACf,2BAA2B,EAC3B,6BAA6B,EAC7B,sBAAsB,EACtB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,EAC5D,KAAK,CACN,EACD,IAAI,EAAC,QAAQ,GACb,GACE,CACP,CACF,CAAC"}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui-kit/Loader/Loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAE,QAAQ,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrF,cACE,SAAS,EAAE,KAAK,CAAC,qDAAqD,EAAE,QAAQ,EAAE;QAChF,eAAe,EAAE,IAAI;KACtB,CAAC,YAEF,cACE,SAAS,EAAE,KAAK,CACd,cAAc,EACd,2BAA2B,EAC3B,6BAA6B,EAC7B,sBAAsB,EACtB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,EAC5D,KAAK,CACN,EACD,IAAI,EAAC,QAAQ,GACb,GACE,CACP,CACF,CAAC"}

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

@@ -1,9 +1,21 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { LinkList } from '../../components/Footer/LinkList.js';
-import { RollupItem } from '../../components/RollupItem/RollupItem.js';
+import { style } from '../../utils/style.js';
+import { Button } from '../Button/Button.js';
+import { ButtonTitle } from '../Button/ButtonTitle.js';
+import { Foldable } from '../Foldable/Foldable.js';
+import { FoldableSection } from '../Foldable/FoldableSection.js';
+import { RoundedIcon } from '../Icon/RoundedIcon.js';
+import { ToggleIcon } from '../Icon/ToggleIcon.js';
+import { Text } from '../Text/Text.js';
 export const Sitemap = JSX(({ navigationItems }) => (_jsx("div", { className: "w-full", role: "menu", children: renderTopItems(navigationItems) })));
 const renderTopItems = (topItems) => topItems
     ?.filter((_) => _.icon?.icon)
-    .map((item, i) => (_jsx(RollupItem, { foldButtonVersion: "accordion", label: item?.text, labelIcon: item?.icon, role: "menuitem", children: item.items ? _jsx(LinkList, { items: item.items }) : null }, String(i))));
+    .map((item, i) => (_jsx(MobileTopItem, { className: "w-full border-0 border-b border-solid border-main-divider last:border-b-0", item: item }, String(i))));
+const MobileTopItem = JSX(({ className, item }) => {
+    const [isUnfolded, { toggle }] = useBool(false);
+    return (_jsxs(Foldable, { className: className, role: "menuitem", children: [_jsxs(Button, { className: style('w-full', item.icon?.icon ? 'py-xs' : 'py-lg'), embedded: true, onClick: toggle, children: [_jsxs(ButtonTitle, { children: [_jsx(RoundedIcon, { className: "shrink-0", ...item.icon }), _jsx(Text, { size: "text-h6", font: "font-normal", children: item.text })] }), _jsx(ToggleIcon, { iconVersion: "color", size: "medium", isUnfolded: isUnfolded })] }), _jsx(FoldableSection, { className: "flex flex-wrap gap-lg group-last:last:pb-0", isUnfolded: isUnfolded, children: item.items ? _jsx(LinkList, { items: item.items }) : null })] }));
+});
 //# sourceMappingURL=Sitemap.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sitemap.js","sourceRoot":"","sources":["../../../src/ui-kit/Sitemap/Sitemap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAIpE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAChE,cAAK,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,YAChC,cAAc,CAAC,eAAe,CAAC,GAC5B,CACP,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,QAAwC,EAAE,EAAE,CAClE,QAAQ;IACN,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC;KAC5B,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAChB,KAAC,UAAU,IAET,iBAAiB,EAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,EAAE,IAAI,EACjB,SAAS,EAAE,IAAI,EAAE,IAAI,EACrB,IAAI,EAAC,UAAU,YAEd,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IAN/C,MAAM,CAAC,CAAC,CAAC,CAOH,CACd,CAAC,CAAC"}
+{"version":3,"file":"Sitemap.js","sourceRoot":"","sources":["../../../src/ui-kit/Sitemap/Sitemap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAChE,cAAK,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,YAChC,cAAc,CAAC,eAAe,CAAC,GAC5B,CACP,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,QAAwC,EAAE,EAAE,CAClE,QAAQ;IACN,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC;KAC5B,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAChB,KAAC,aAAa,IAEZ,SAAS,EAAC,2EAA2E,EACrF,IAAI,EAAE,IAAI,IAFL,MAAM,CAAC,CAAC,CAAC,CAGd,CACH,CAAC,CAAC;AAEP,MAAM,aAAa,GAAG,GAAG,CAAiD,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IAChG,MAAM,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,MAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,UAAU,aAC7C,MAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAC/D,QAAQ,QACR,OAAO,EAAE,MAAM,aAEf,MAAC,WAAW,eACV,KAAC,WAAW,IAAC,SAAS,EAAC,UAAU,KAAK,IAAI,CAAC,IAAI,GAAI,EACnD,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,YACpC,IAAI,CAAC,IAAI,GACL,IACK,EACd,KAAC,UAAU,IAAC,WAAW,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,UAAU,GAAI,IACjE,EACT,KAAC,eAAe,IACd,SAAS,EAAC,4CAA4C,EACtD,UAAU,EAAE,UAAU,YAErB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,GACpC,IACT,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/src/api/RetailAPI/doRequest.ts

@@ -1,4 +1,5 @@
 import { RETAIL_API_BASE_URI } from '../apiBaseUrl';
+import { getTraceId } from './getTraceId';
 
 export const fetchRetailJSON = async <R>(
   url: string,
@@ -21,10 +22,15 @@ export async function doRequest(
   method: 'POST' | 'GET' | 'PUT',
   body?: any,
 ): Promise<Response> {
+  const traceId = getTraceId();
+
   return globalThis?.fetch?.(`${RETAIL_API_BASE_URI}${url}`, {
     method,
     headers: {
       'Content-Type': 'application/json',
+      'X-B3-Sampled': '1',
+      'X-B3-Spanid': traceId,
+      'X-B3-Traceid': traceId,
       ...getAuthorizationHeaders(),
     },
     credentials: 'include',

package/mobile/src/api/RetailAPI/getGenderFromName.ts

@@ -1,20 +1,17 @@
-import { type DaDataSuggestion } from '../dadataHints/dadataHintsType';
-import { fetchRetailJSON } from './doRequest';
+import { getDaDataHints } from '../dadataHints/dadataHints';
 
 const GENDERS = ['male', 'female'];
 
 export const getGenderFromName = async (name: string): Promise<string> => {
-  const res = await fetchRetailJSON<{ suggestions: Array<DaDataSuggestion> }>(
-    '/suggestions/suggest/fio',
-    'POST',
-    {
-      query: name,
-      count: 1,
+  const res = await getDaDataHints({
+    url: '/suggest/fio',
+    requestData: {
       parts: ['NAME'],
     },
-  );
+    query: name,
+  });
 
-  const gender = res?.suggestions[0]?.data?.gender?.toLowerCase() || '';
+  const gender = res[0]?.data?.gender?.toLowerCase() || '';
 
   return GENDERS.includes(gender) ? gender : '';
 };

package/mobile/src/api/RetailAPI/getTraceId.ts

@@ -0,0 +1,6 @@
+export const getTraceId = () => {
+  const result = new Uint8Array(8);
+  globalThis.crypto.getRandomValues(result);
+
+  return result.reduce((acc, _) => `${acc}${_.toString(16).padStart(2, '0')}`, '');
+};

package/mobile/src/components/ApplicationForm/renderAgreementSubmit.tsx

@@ -1,14 +1,15 @@
 import { type FieldProps } from '../../hooks/useForm/useForm';
 import { type LinkProps } from '../../model/LinkProps';
+import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { agreementValidator } from '../../ui-kit/FormField/validators';
 import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
 import { withValidator } from '../../validation/withValidator';
 import { type SubmitButtonProps } from './ApplicationFormContent';
 import { Footnote } from './Footnote';
-import { renderSubmitButton } from './renderSubmitButton';
 
 const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
+
 export const renderAgreementSubmit = (
   consentDataProcessing?: FieldProps<boolean>,
   link?: LinkProps,
@@ -26,6 +27,8 @@ export const renderAgreementSubmit = (
     ) : (
       <Footnote text={agreementText} link={link} />
     )}
-    {renderSubmitButton(button)}
+    <SubmitButton className="w-full @xl:w-auto">
+      {button?.text ? button.text : 'Отправить заявку'}
+    </SubmitButton>
   </div>
 );

package/mobile/src/components/ApplicationLeadForm/GroupedConsents.tsx

@@ -5,12 +5,13 @@ import { type FormFieldRegisterer } from '../../services/retail/external/types';
 import { InputsConsentsMap } from '../../services/retail/inputs';
 import { type LeadFormState } from '../../services/retail/model/LeadFormState';
 import { type FieldRetailDef } from '../../services/retail/model/RetailFormContent';
-import { IconButton } from '../../ui-kit/Button/IconButton';
+import { Button } from '../../ui-kit/Button/Button';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { getField } from '../../ui-kit/FormField/getField';
 import { validatorObj } from '../../ui-kit/FormField/getObjectValidator';
+import { ToggleIcon } from '../../ui-kit/Icon/ToggleIcon';
 import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
 import { withValidator } from '../../validation/withValidator';
 
@@ -65,7 +66,9 @@ export const GroupedConsents = JSX<GroupedConsentsProps>(({ inputs = [], field,
             />
             {renderErrorText(hasValidationErrors ? CONSENT_REQUIRED : '')}
           </div>
-          <IconButton name={isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon'} onClick={toggle} />
+          <Button embedded onClick={toggle}>
+            <ToggleIcon className="p-2xs" iconVersion="color" isUnfolded={isUnfolded} />
+          </Button>
         </div>
         <FoldableSection className="flex flex-col pl-2xl" isUnfolded={isUnfolded}>
           {inputs.map(getField<FieldRetailDef>(field, {}, InputsConsentsMap))}

package/mobile/src/components/ApplicationLeadForm/renderSubmitButton.tsx

@@ -1,9 +1,8 @@
-import { Button } from '../../ui-kit/Button/Button';
-import { style } from '../../utils/style';
+import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
 import { type SubmitButtonProps } from './ApplicationLeadFormContent';
 
 export const renderSubmitButton = (button?: SubmitButtonProps, isSending?: boolean) => (
-  <Button className={style('w-full @xl:w-auto')} type="submit" isLoading={isSending}>
+  <SubmitButton className="w-full @xl:w-auto" isLoading={isSending}>
     {button?.text ? button.text : 'Отправить заявку'}
-  </Button>
+  </SubmitButton>
 );

package/mobile/src/components/CardTransfer/CardTransfer.tsx

@@ -3,7 +3,7 @@ import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useForm } from '../../hooks/useForm/useForm';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Button } from '../../ui-kit/Button/Button';
+import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
 import { CurrencyInput } from '../../ui-kit/CurrencyInput/CurrencyInput';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
@@ -67,9 +67,9 @@ export const CardTransfer = JSX<CardTransferProps>(
           />
           <input type="hidden" name="amount" value={amount} />
           {button?.text ? (
-            <Button className="w-full mt-lg" type="submit" disabled={isDisabled}>
+            <SubmitButton className="w-full mt-lg" disabled={isDisabled}>
               {button.text}
-            </Button>
+            </SubmitButton>
           ) : null}
         </form>
       </BlockWrapper>

package/mobile/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx

@@ -1,15 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { type AspectsDef } from '../../model/AspectsProps';
+import { useCallback, useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { IconButton } from '../../ui-kit/Button/IconButton';
+import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { type CarouselTariffsCardContent } from './CarouselTariffsCardContent';
 import { carouselTariffsCardEventBus } from './carouselTariffsCardEventBus';
@@ -30,12 +28,15 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
     data,
     ...rest
   }) => {
-    const cellsNode = cardCells.map(renderCardInfo);
+    const cellsNode = useMemo(() => cardCells.map(renderCardInfo), [cardCells]);
+    const [visibleCells, hiddenCells] = useMemo(
+      () =>
+        visibleCellsCount > 0
+          ? [cellsNode.slice(0, visibleCellsCount), cellsNode.slice(visibleCellsCount)]
+          : [cellsNode, []],
+      [visibleCellsCount, cellsNode],
+    );
 
-    const [visibleCells, hiddenCells] =
-      visibleCellsCount > 0
-        ? [cellsNode.slice(0, visibleCellsCount), cellsNode.slice(visibleCellsCount)]
-        : [cellsNode, []];
     const [isVisible, setIsVisible] = useState(false);
 
     useEffect(
@@ -58,11 +59,7 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
 
     return (
       <BlockWrapper className={style('flex flex-col', className)} defaultPadding="p-2xl" {...rest}>
-        {isIcon(icon) ? (
-          <div className="self-center">
-            <Img image={icon} />
-          </div>
-        ) : null}
+        <Img className="self-center" image={icon} />
         {title ? (
           <Heading className={style('pt-xs', align)} headingType="h5" title={title} />
         ) : null}
@@ -74,7 +71,14 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
               <FoldableSection isUnfolded={isVisible}>{hiddenCells}</FoldableSection>
             </div>
             {cardCells.length >= visibleCellsCount ? (
-              <FoldButton isUnfolded={isVisible} data={data} onClick={handleFold} />
+              <DefaultFoldButton
+                className="w-full mt-m"
+                label={isVisible ? 'Скрыть' : 'Подробнее о тарифе'}
+                isUnfolded={isVisible}
+                embedded
+                data={data}
+                onClick={handleFold}
+              />
             ) : null}
           </Foldable>
         ) : (
@@ -84,15 +88,3 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
     );
   },
 );
-
-const FoldButton = JSX<{ isUnfolded?: boolean; data?: AspectsDef[]; onClick?: () => void }>(
-  ({ data, isUnfolded, onClick }) => (
-    <IconButton
-      className="w-full"
-      {...(isUnfolded
-        ? { name: 'ArrowUpIcon', text: 'Скрыть', data }
-        : { name: 'ArrowDownIcon', text: 'Подробнее о тарифе' })}
-      onClick={onClick}
-    />
-  ),
-);

package/mobile/src/components/CreditCardForm/StepsNavigationButtons.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Button } from '../../ui-kit/Button/Button';
+import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
 
 export interface StepsNavigationButtonsProps {
   step: number;
@@ -17,9 +18,9 @@ export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(
         <Button onClick={onPrevStep} type="button" version="secondary" disabled={isFirstStep}>
           Назад
         </Button>
-        <Button isLoading={isSending} type="submit">
+        <SubmitButton isLoading={isSending}>
           {isFinalStep ? 'Отправить заявку' : 'Далее'}
-        </Button>
+        </SubmitButton>
       </div>
     );
   },

package/mobile/src/components/CreditForm/StepsNavigationButtons.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Button } from '../../ui-kit/Button/Button';
+import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
 
 export interface StepsNavigationButtonsProps {
   step: number;
@@ -17,9 +18,9 @@ export const StepsNavigationButtons = JSX<StepsNavigationButtonsProps>(
         <Button onClick={onPrevStep} type="button" version="secondary" disabled={isFirstStep}>
           Назад
         </Button>
-        <Button type="submit" isLoading={isSending}>
+        <SubmitButton isLoading={isSending}>
           {isFinalStep ? 'Отправить заявку' : 'Далее'}
-        </Button>
+        </SubmitButton>
       </div>
     );
   },

package/mobile/src/components/Depository/DepositoryItem.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { API_BASE_URI } from '../../api/apiBaseUrl';
 import { useLink } from '../../hooks/useLink';
+import { RoundedIcon } from '../../ui-kit/Icon/RoundedIcon';
 import { Text } from '../../ui-kit/Text/Text';
 import { formatDate } from '../../utils/formatDate';
-import { renderRoundedIcon } from '../RollupItem/renderRoundedIcon';
 import { type DepositoryDataItem } from './useDepository';
 
 export const DepositoryItem = JSX(({ title, timestamp, publicId }: DepositoryDataItem) => {
@@ -15,7 +15,7 @@ export const DepositoryItem = JSX(({ title, timestamp, publicId }: DepositoryDat
       className="flex gap-3 items-center py-lg border-gray border-opacity-50 border-b"
       key={publicId}
     >
-      {renderRoundedIcon({ icon: 'DocDownloadIcon', iconVersion: 'black' })}
+      <RoundedIcon className="shrink-0" icon="DocDownloadIcon" iconVersion="black" />
       <div className="flex flex-col gap-x-6xl lg:flex-row lg:items-center">
         {timestamp ? (
           <Text size="text-m" font-weight="font-light">