@redneckz/wildless-cms-uni-blocks 0.14.795 → 0.14.796
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/bundle.umd.js +4 -3
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/Header/HeaderChatBotButton.d.ts +1 -0
- package/bundle/components/Header/HeaderSecondaryMenuButton.d.ts +1 -1
- package/dist/components/Header/HeaderChatBotButton.d.ts +1 -0
- package/dist/components/Header/HeaderChatBotButton.js +2 -2
- package/dist/components/Header/HeaderChatBotButton.js.map +1 -1
- package/dist/components/Header/HeaderSecondaryMenuButton.d.ts +1 -1
- package/dist/components/Header/HeaderSecondaryMenuButton.js +1 -0
- package/dist/components/Header/HeaderSecondaryMenuButton.js.map +1 -1
- package/dist/components/Header/HeaderTop.js +4 -1
- package/dist/components/Header/HeaderTop.js.map +1 -1
- package/lib/components/Header/HeaderChatBotButton.d.ts +1 -0
- package/lib/components/Header/HeaderChatBotButton.js +2 -2
- package/lib/components/Header/HeaderChatBotButton.js.map +1 -1
- package/lib/components/Header/HeaderSecondaryMenuButton.d.ts +1 -1
- package/lib/components/Header/HeaderSecondaryMenuButton.js +1 -0
- package/lib/components/Header/HeaderSecondaryMenuButton.js.map +1 -1
- package/lib/components/Header/HeaderTop.js +4 -1
- package/lib/components/Header/HeaderTop.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +92 -2
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/Header/HeaderChatBotButton.d.ts +1 -0
- package/mobile/bundle/components/Header/HeaderSecondaryMenuButton.d.ts +1 -1
- package/mobile/dist/components/Header/HeaderChatBotButton.d.ts +1 -0
- package/mobile/dist/components/Header/HeaderChatBotButton.js +2 -2
- package/mobile/dist/components/Header/HeaderChatBotButton.js.map +1 -1
- package/mobile/dist/components/Header/HeaderSecondaryMenuButton.d.ts +1 -1
- package/mobile/dist/components/Header/HeaderSecondaryMenuButton.js +1 -0
- package/mobile/dist/components/Header/HeaderSecondaryMenuButton.js.map +1 -1
- package/mobile/dist/components/Header/HeaderTop.js +4 -1
- package/mobile/dist/components/Header/HeaderTop.js.map +1 -1
- package/mobile/lib/components/Header/HeaderChatBotButton.d.ts +1 -0
- package/mobile/lib/components/Header/HeaderChatBotButton.js +2 -2
- package/mobile/lib/components/Header/HeaderChatBotButton.js.map +1 -1
- package/mobile/lib/components/Header/HeaderSecondaryMenuButton.d.ts +1 -1
- package/mobile/lib/components/Header/HeaderSecondaryMenuButton.js +1 -0
- package/mobile/lib/components/Header/HeaderSecondaryMenuButton.js.map +1 -1
- package/mobile/lib/components/Header/HeaderTop.js +4 -1
- package/mobile/lib/components/Header/HeaderTop.js.map +1 -1
- package/mobile/src/components/Header/HeaderChatBotButton.tsx +10 -2
- package/mobile/src/components/Header/HeaderSecondaryMenuButton.tsx +2 -1
- package/mobile/src/components/Header/HeaderTop.tsx +15 -1
- package/package.json +1 -1
- package/src/components/Header/HeaderChatBotButton.tsx +10 -2
- package/src/components/Header/HeaderSecondaryMenuButton.tsx +2 -1
- package/src/components/Header/HeaderTop.tsx +15 -1
|
@@ -8,6 +8,7 @@ interface HeaderChatBotButtonProps {
|
|
|
8
8
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
9
9
|
ariaLabel?: string;
|
|
10
10
|
version?: BlockVersion;
|
|
11
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
11
12
|
}
|
|
12
13
|
export declare const HeaderChatBotButton: import("@redneckz/uni-jsx").UNIComponent<HeaderChatBotButtonProps, any, any>;
|
|
13
14
|
export {};
|
|
@@ -5,7 +5,7 @@ import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
|
|
|
5
5
|
export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsProps {
|
|
6
6
|
className?: string;
|
|
7
7
|
isRounded?: boolean;
|
|
8
|
-
buttonSize?: 'default' | 'large';
|
|
8
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
9
9
|
isGrayBg?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
ariaLabel?: string;
|
|
@@ -8,6 +8,7 @@ interface HeaderChatBotButtonProps {
|
|
|
8
8
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
9
9
|
ariaLabel?: string;
|
|
10
10
|
version?: BlockVersion;
|
|
11
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
11
12
|
}
|
|
12
13
|
export declare const HeaderChatBotButton: import("@redneckz/uni-jsx").UNIComponent<HeaderChatBotButtonProps, any, any>;
|
|
13
14
|
export {};
|
|
@@ -4,8 +4,8 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const HeaderSecondaryMenuButton_1 = require("./HeaderSecondaryMenuButton");
|
|
6
6
|
const useChatBot_1 = require("./useChatBot");
|
|
7
|
-
exports.HeaderChatBotButton = (0, uni_jsx_1.JSX)(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version }) => {
|
|
7
|
+
exports.HeaderChatBotButton = (0, uni_jsx_1.JSX)(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large', }) => {
|
|
8
8
|
const { load, isLoading } = (0, useChatBot_1.useChatBot)(chat);
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize:
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, dataTestId: "chat icon" }));
|
|
10
10
|
});
|
|
11
11
|
//# sourceMappingURL=HeaderChatBotButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,2EAAwE;AACxE,6CAA0C;
|
|
1
|
+
{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,2EAAwE;AACxE,6CAA0C;AAY7B,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EACC,IAAI,GAAG,UAAU,EACjB,WAAW,EACX,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,UAAU,GAAG,OAAO,GACrB,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAU,EAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,uBAAC,qDAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAC,WAAW,GACtB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
|
|
|
5
5
|
export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsProps {
|
|
6
6
|
className?: string;
|
|
7
7
|
isRounded?: boolean;
|
|
8
|
-
buttonSize?: 'default' | 'large';
|
|
8
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
9
9
|
isGrayBg?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
ariaLabel?: string;
|
|
@@ -7,6 +7,7 @@ const dataAttributes_1 = require("../../utils/dataAttributes");
|
|
|
7
7
|
const style_1 = require("../../utils/style");
|
|
8
8
|
const BUTTON_SIZE_STYLE = {
|
|
9
9
|
default: 'w-6 h-6',
|
|
10
|
+
medium: 'w-10 h-10',
|
|
10
11
|
large: 'w-12 h-12',
|
|
11
12
|
};
|
|
12
13
|
exports.HeaderSecondaryMenuButton = (0, uni_jsx_1.JSX)(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, dataTestId = '', }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,8CAA2C;AAG3C,+DAAkE;AAClE,6CAA0C;AAgB1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEW,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,GAAG,EAAE,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,mCACE,SAAS,EAAE,IAAA,aAAK,EACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,sBAAsB,CAAC,UAAU,CAAC,KAElC,IAAA,qCAAoB,EAAC,IAAI,CAAC,YAE7B,SAAS,CAAC,CAAC,CAAC,CACX,gCAAK,SAAS,EAAC,yFAAyF,GAAG,CAC5G,CAAC,CAAC,CAAC,CACF,uBAAC,SAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,CACH,GACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,UAAmB,EAAE,EAAE,CACrD,UAAU,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,8CAA2C;AAG3C,+DAAkE;AAClE,6CAA0C;AAgB1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEW,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,GAAG,EAAE,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,mCACE,SAAS,EAAE,IAAA,aAAK,EACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,sBAAsB,CAAC,UAAU,CAAC,KAElC,IAAA,qCAAoB,EAAC,IAAI,CAAC,YAE7B,SAAS,CAAC,CAAC,CAAC,CACX,gCAAK,SAAS,EAAC,yFAAyF,GAAG,CAC5G,CAAC,CAAC,CAAC,CACF,uBAAC,SAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,CACH,GACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,UAAmB,EAAE,EAAE,CACrD,UAAU,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -4,18 +4,21 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
6
|
const useRouter_1 = require("../../external/useRouter");
|
|
7
|
+
const ProjectSettings_1 = require("../../ProjectSettings");
|
|
7
8
|
const Icon_1 = require("../../ui-kit/Icon/Icon");
|
|
8
9
|
const Logo_1 = require("../../ui-kit/Logo/Logo");
|
|
10
|
+
const HeaderChatBotButton_1 = require("./HeaderChatBotButton");
|
|
9
11
|
const InternetBankButton_1 = require("./InternetBankButton");
|
|
10
12
|
exports.HeaderTop = (0, uni_jsx_1.JSX)(({ bgColor, logo, alwaysShowLogo, internetBankButton, version, backwardButton }) => {
|
|
11
13
|
const router = (0, useRouter_1.useRouter)();
|
|
12
14
|
const isRootLocation = router.pathname === '/';
|
|
15
|
+
const iconVersion = version === 'transparent' ? 'white' : 'black';
|
|
13
16
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
14
17
|
const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
|
|
15
18
|
const onClick = (0, hooks_1.useCallback)(() => {
|
|
16
19
|
router.back();
|
|
17
20
|
}, [router]);
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between w-full", children: [alwaysShowLogo || isRootLocation ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Logo_1.Logo, { className: "my-2xs", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }) })) : (renderBackButton(onClick, backwardButton)), (0, jsx_runtime_1.jsx)(InternetBankButton_1.InternetBankButton, { version: version, ...internetBankButton })] }));
|
|
21
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between w-full", children: [alwaysShowLogo || isRootLocation ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Logo_1.Logo, { className: "my-2xs", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }) })) : (renderBackButton(onClick, backwardButton)), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-lg items-center", children: [ProjectSettings_1.projectSettings.CHAT_BOT ? ((0, jsx_runtime_1.jsx)(HeaderChatBotButton_1.HeaderChatBotButton, { version: version, iconVersion: iconVersion, chat: ProjectSettings_1.projectSettings.CHAT_BOT, buttonSize: "medium" })) : null, (0, jsx_runtime_1.jsx)(InternetBankButton_1.InternetBankButton, { version: version, ...internetBankButton })] })] }));
|
|
19
22
|
});
|
|
20
23
|
const renderBackButton = (onClick, text) => text ? ((0, jsx_runtime_1.jsxs)("button", { className: "flex items-center text-l my-2xs", onClick: onClick, type: "button", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043D\u0430\u0437\u0430\u0434", children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "ChevronLeftIcon", iconVersion: "black", width: "24", height: "24" }), text] })) : null;
|
|
21
24
|
//# sourceMappingURL=HeaderTop.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderTop.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTop.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,wDAAqD;
|
|
1
|
+
{"version":3,"file":"HeaderTop.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTop.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,wDAAqD;AAKrD,2DAAwD;AACxD,iDAA8C;AAC9C,iDAA8C;AAC9C,+DAA4D;AAE5D,6DAA0D;AAW7C,QAAA,SAAS,GAAG,IAAA,aAAG,EAC1B,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,kBAAkB,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IACjF,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,KAAK,GAAG,CAAC;IAC/C,MAAM,WAAW,GAAgB,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/E,6DAA6D;IAC7D,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAE5D,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,MAAM,CAAC,IAAI,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,iCAAK,SAAS,EAAC,0CAA0C,aACtD,cAAc,IAAI,cAAc,CAAC,CAAC,CAAC,CAClC,0CACE,uBAAC,WAAI,IACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,KAAK,GAChB,GACE,CACP,CAAC,CAAC,CAAC,CACF,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,CAC1C,EACD,iCAAK,SAAS,EAAC,0BAA0B,aACtC,iCAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC1B,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,iCAAe,CAAC,QAAQ,EAC9B,UAAU,EAAC,QAAQ,GACnB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,uCAAkB,IAAC,OAAO,EAAE,OAAO,KAAM,kBAAkB,GAAI,IAC5D,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,OAAmB,EAAE,IAAa,EAAE,EAAE,CAC9D,IAAI,CAAC,CAAC,CAAC,CACL,oCACE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,gBACF,qEAAc,aAEzB,uBAAC,WAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,WAAW,EAAC,OAAO,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,EACzE,IAAI,IACE,CACV,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -8,6 +8,7 @@ interface HeaderChatBotButtonProps {
|
|
|
8
8
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
9
9
|
ariaLabel?: string;
|
|
10
10
|
version?: BlockVersion;
|
|
11
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
11
12
|
}
|
|
12
13
|
export declare const HeaderChatBotButton: import("@redneckz/uni-jsx").UNIComponent<HeaderChatBotButtonProps, any, any>;
|
|
13
14
|
export {};
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton.js';
|
|
4
4
|
import { useChatBot } from './useChatBot.js';
|
|
5
|
-
export const HeaderChatBotButton = JSX(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version }) => {
|
|
5
|
+
export const HeaderChatBotButton = JSX(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large', }) => {
|
|
6
6
|
const { load, isLoading } = useChatBot(chat);
|
|
7
|
-
return (_jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize:
|
|
7
|
+
return (_jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, dataTestId: "chat icon" }));
|
|
8
8
|
});
|
|
9
9
|
//# sourceMappingURL=HeaderChatBotButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAY1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EACC,IAAI,GAAG,UAAU,EACjB,WAAW,EACX,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,UAAU,GAAG,OAAO,GACrB,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,KAAC,yBAAyB,IACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAC,WAAW,GACtB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
|
|
|
5
5
|
export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsProps {
|
|
6
6
|
className?: string;
|
|
7
7
|
isRounded?: boolean;
|
|
8
|
-
buttonSize?: 'default' | 'large';
|
|
8
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
9
9
|
isGrayBg?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
ariaLabel?: string;
|
|
@@ -5,6 +5,7 @@ import { getAspectsAttributes } from '../../utils/dataAttributes.js';
|
|
|
5
5
|
import { style } from '../../utils/style.js';
|
|
6
6
|
const BUTTON_SIZE_STYLE = {
|
|
7
7
|
default: 'w-6 h-6',
|
|
8
|
+
medium: 'w-10 h-10',
|
|
8
9
|
large: 'w-12 h-12',
|
|
9
10
|
};
|
|
10
11
|
export const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, dataTestId = '', }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAgB1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,GAAG,EAAE,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,iBACE,SAAS,EAAE,KAAK,CACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,sBAAsB,CAAC,UAAU,CAAC,KAElC,oBAAoB,CAAC,IAAI,CAAC,YAE7B,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,yFAAyF,GAAG,CAC5G,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,CACH,GACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,UAAmB,EAAE,EAAE,CACrD,UAAU,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAgB1C,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C,CAAC,EACC,SAAS,EACT,SAAS,EACT,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,GAAG,qBAAqB,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,GAAG,EAAE,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvF,OAAO,CACL,iBACE,SAAS,EAAE,KAAK,CACd,+CAA+C,EAC/C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAChD,OAAO,EACP,SAAS;YACP,CAAC,CAAC,wDAAwD;YAC1D,CAAC,CAAC,GAAG,iBAAiB,CAAC,UAAU,CAAC,4CAA4C,EAChF,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,KAEZ,sBAAsB,CAAC,UAAU,CAAC,KAElC,oBAAoB,CAAC,IAAI,CAAC,YAE7B,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,yFAAyF,GAAG,CAC5G,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE;gBACzB,iCAAiC,EAAE,SAAS;aAC7C,CAAC,EACF,cAAc,EAAC,6DAA6D,GAC5E,CACH,GACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,UAAmB,EAAE,EAAE,CACrD,UAAU,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -2,18 +2,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
4
|
import { useRouter } from '../../external/useRouter.js';
|
|
5
|
+
import { projectSettings } from '../../ProjectSettings.js';
|
|
5
6
|
import { Icon } from '../../ui-kit/Icon/Icon.js';
|
|
6
7
|
import { Logo } from '../../ui-kit/Logo/Logo.js';
|
|
8
|
+
import { HeaderChatBotButton } from './HeaderChatBotButton.js';
|
|
7
9
|
import { InternetBankButton } from './InternetBankButton.js';
|
|
8
10
|
export const HeaderTop = JSX(({ bgColor, logo, alwaysShowLogo, internetBankButton, version, backwardButton }) => {
|
|
9
11
|
const router = useRouter();
|
|
10
12
|
const isRootLocation = router.pathname === '/';
|
|
13
|
+
const iconVersion = version === 'transparent' ? 'white' : 'black';
|
|
11
14
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
12
15
|
const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
|
|
13
16
|
const onClick = useCallback(() => {
|
|
14
17
|
router.back();
|
|
15
18
|
}, [router]);
|
|
16
|
-
return (_jsxs("div", { className: "flex items-center justify-between w-full", children: [alwaysShowLogo || isRootLocation ? (_jsx("div", { children: _jsx(Logo, { className: "my-2xs", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }) })) : (renderBackButton(onClick, backwardButton)), _jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
|
|
19
|
+
return (_jsxs("div", { className: "flex items-center justify-between w-full", children: [alwaysShowLogo || isRootLocation ? (_jsx("div", { children: _jsx(Logo, { className: "my-2xs", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }) })) : (renderBackButton(onClick, backwardButton)), _jsxs("div", { className: "flex gap-lg items-center", children: [projectSettings.CHAT_BOT ? (_jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, chat: projectSettings.CHAT_BOT, buttonSize: "medium" })) : null, _jsx(InternetBankButton, { version: version, ...internetBankButton })] })] }));
|
|
17
20
|
});
|
|
18
21
|
const renderBackButton = (onClick, text) => text ? (_jsxs("button", { className: "flex items-center text-l my-2xs", onClick: onClick, type: "button", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043D\u0430\u0437\u0430\u0434", children: [_jsx(Icon, { name: "ChevronLeftIcon", iconVersion: "black", width: "24", height: "24" }), text] })) : null;
|
|
19
22
|
//# sourceMappingURL=HeaderTop.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderTop.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderTop.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW1D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,kBAAkB,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IACjF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,KAAK,GAAG,CAAC;IAC/C,MAAM,WAAW,GAAgB,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/E,6DAA6D;IAC7D,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAE5D,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,MAAM,CAAC,IAAI,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACtD,cAAc,IAAI,cAAc,CAAC,CAAC,CAAC,CAClC,wBACE,KAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,KAAK,GAChB,GACE,CACP,CAAC,CAAC,CAAC,CACF,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,CAC1C,EACD,eAAK,SAAS,EAAC,0BAA0B,aACtC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC1B,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,eAAe,CAAC,QAAQ,EAC9B,UAAU,EAAC,QAAQ,GACnB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,KAAM,kBAAkB,GAAI,IAC5D,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,OAAmB,EAAE,IAAa,EAAE,EAAE,CAC9D,IAAI,CAAC,CAAC,CAAC,CACL,kBACE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,gBACF,qEAAc,aAEzB,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,WAAW,EAAC,OAAO,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,EACzE,IAAI,IACE,CACV,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -12,10 +12,18 @@ interface HeaderChatBotButtonProps {
|
|
|
12
12
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
13
13
|
ariaLabel?: string;
|
|
14
14
|
version?: BlockVersion;
|
|
15
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
export const HeaderChatBotButton = JSX<HeaderChatBotButtonProps>(
|
|
18
|
-
({
|
|
19
|
+
({
|
|
20
|
+
chat = 'personal',
|
|
21
|
+
iconVersion,
|
|
22
|
+
className,
|
|
23
|
+
ariaLabel = 'Чат',
|
|
24
|
+
version,
|
|
25
|
+
buttonSize = 'large',
|
|
26
|
+
}) => {
|
|
19
27
|
const { load, isLoading } = useChatBot(chat);
|
|
20
28
|
|
|
21
29
|
return (
|
|
@@ -24,7 +32,7 @@ export const HeaderChatBotButton = JSX<HeaderChatBotButtonProps>(
|
|
|
24
32
|
image={{ icon: 'HeadphonesIcon', iconVersion }}
|
|
25
33
|
ariaLabel={ariaLabel}
|
|
26
34
|
onClick={load}
|
|
27
|
-
buttonSize=
|
|
35
|
+
buttonSize={buttonSize}
|
|
28
36
|
isGrayBg={true}
|
|
29
37
|
version={version}
|
|
30
38
|
isLoading={isLoading}
|
|
@@ -10,7 +10,7 @@ import { style } from '../../utils/style';
|
|
|
10
10
|
export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsProps {
|
|
11
11
|
className?: string;
|
|
12
12
|
isRounded?: boolean;
|
|
13
|
-
buttonSize?: 'default' | 'large';
|
|
13
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
14
14
|
isGrayBg?: boolean;
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
ariaLabel?: string;
|
|
@@ -23,6 +23,7 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
|
|
|
23
23
|
|
|
24
24
|
const BUTTON_SIZE_STYLE = {
|
|
25
25
|
default: 'w-6 h-6',
|
|
26
|
+
medium: 'w-10 h-10',
|
|
26
27
|
large: 'w-12 h-12',
|
|
27
28
|
};
|
|
28
29
|
|
|
@@ -3,9 +3,12 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
|
3
3
|
import { useRouter } from '../../external/useRouter';
|
|
4
4
|
import { type BgColorVersion } from '../../model/BgColorVersion';
|
|
5
5
|
import { type BlockVersion } from '../../model/BlockVersion';
|
|
6
|
+
import { type IconVersion } from '../../model/IconVersion';
|
|
6
7
|
import { type LogoType } from '../../model/LogoType';
|
|
8
|
+
import { projectSettings } from '../../ProjectSettings';
|
|
7
9
|
import { Icon } from '../../ui-kit/Icon/Icon';
|
|
8
10
|
import { Logo } from '../../ui-kit/Logo/Logo';
|
|
11
|
+
import { HeaderChatBotButton } from './HeaderChatBotButton';
|
|
9
12
|
import { type InternetButtonProps } from './HeaderProps';
|
|
10
13
|
import { InternetBankButton } from './InternetBankButton';
|
|
11
14
|
|
|
@@ -22,6 +25,7 @@ export const HeaderTop = JSX<HeaderTopProps>(
|
|
|
22
25
|
({ bgColor, logo, alwaysShowLogo, internetBankButton, version, backwardButton }) => {
|
|
23
26
|
const router = useRouter();
|
|
24
27
|
const isRootLocation = router.pathname === '/';
|
|
28
|
+
const iconVersion: IconVersion = version === 'transparent' ? 'white' : 'black';
|
|
25
29
|
|
|
26
30
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
27
31
|
const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
|
|
@@ -45,7 +49,17 @@ export const HeaderTop = JSX<HeaderTopProps>(
|
|
|
45
49
|
) : (
|
|
46
50
|
renderBackButton(onClick, backwardButton)
|
|
47
51
|
)}
|
|
48
|
-
<
|
|
52
|
+
<div className="flex gap-lg items-center">
|
|
53
|
+
{projectSettings.CHAT_BOT ? (
|
|
54
|
+
<HeaderChatBotButton
|
|
55
|
+
version={version}
|
|
56
|
+
iconVersion={iconVersion}
|
|
57
|
+
chat={projectSettings.CHAT_BOT}
|
|
58
|
+
buttonSize="medium"
|
|
59
|
+
/>
|
|
60
|
+
) : null}
|
|
61
|
+
<InternetBankButton version={version} {...internetBankButton} />
|
|
62
|
+
</div>
|
|
49
63
|
</div>
|
|
50
64
|
);
|
|
51
65
|
},
|
package/package.json
CHANGED
|
@@ -12,10 +12,18 @@ interface HeaderChatBotButtonProps {
|
|
|
12
12
|
onClick?: (ev: PreventableEventWithTarget) => void;
|
|
13
13
|
ariaLabel?: string;
|
|
14
14
|
version?: BlockVersion;
|
|
15
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
export const HeaderChatBotButton = JSX<HeaderChatBotButtonProps>(
|
|
18
|
-
({
|
|
19
|
+
({
|
|
20
|
+
chat = 'personal',
|
|
21
|
+
iconVersion,
|
|
22
|
+
className,
|
|
23
|
+
ariaLabel = 'Чат',
|
|
24
|
+
version,
|
|
25
|
+
buttonSize = 'large',
|
|
26
|
+
}) => {
|
|
19
27
|
const { load, isLoading } = useChatBot(chat);
|
|
20
28
|
|
|
21
29
|
return (
|
|
@@ -24,7 +32,7 @@ export const HeaderChatBotButton = JSX<HeaderChatBotButtonProps>(
|
|
|
24
32
|
image={{ icon: 'HeadphonesIcon', iconVersion }}
|
|
25
33
|
ariaLabel={ariaLabel}
|
|
26
34
|
onClick={load}
|
|
27
|
-
buttonSize=
|
|
35
|
+
buttonSize={buttonSize}
|
|
28
36
|
isGrayBg={true}
|
|
29
37
|
version={version}
|
|
30
38
|
isLoading={isLoading}
|
|
@@ -10,7 +10,7 @@ import { style } from '../../utils/style';
|
|
|
10
10
|
export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsProps {
|
|
11
11
|
className?: string;
|
|
12
12
|
isRounded?: boolean;
|
|
13
|
-
buttonSize?: 'default' | 'large';
|
|
13
|
+
buttonSize?: 'default' | 'medium' | 'large';
|
|
14
14
|
isGrayBg?: boolean;
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
ariaLabel?: string;
|
|
@@ -23,6 +23,7 @@ export interface HeaderSecondaryMenuButtonProps extends ImageContent, AspectsPro
|
|
|
23
23
|
|
|
24
24
|
const BUTTON_SIZE_STYLE = {
|
|
25
25
|
default: 'w-6 h-6',
|
|
26
|
+
medium: 'w-10 h-10',
|
|
26
27
|
large: 'w-12 h-12',
|
|
27
28
|
};
|
|
28
29
|
|
|
@@ -3,9 +3,12 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
|
3
3
|
import { useRouter } from '../../external/useRouter';
|
|
4
4
|
import { type BgColorVersion } from '../../model/BgColorVersion';
|
|
5
5
|
import { type BlockVersion } from '../../model/BlockVersion';
|
|
6
|
+
import { type IconVersion } from '../../model/IconVersion';
|
|
6
7
|
import { type LogoType } from '../../model/LogoType';
|
|
8
|
+
import { projectSettings } from '../../ProjectSettings';
|
|
7
9
|
import { Icon } from '../../ui-kit/Icon/Icon';
|
|
8
10
|
import { Logo } from '../../ui-kit/Logo/Logo';
|
|
11
|
+
import { HeaderChatBotButton } from './HeaderChatBotButton';
|
|
9
12
|
import { type InternetButtonProps } from './HeaderProps';
|
|
10
13
|
import { InternetBankButton } from './InternetBankButton';
|
|
11
14
|
|
|
@@ -22,6 +25,7 @@ export const HeaderTop = JSX<HeaderTopProps>(
|
|
|
22
25
|
({ bgColor, logo, alwaysShowLogo, internetBankButton, version, backwardButton }) => {
|
|
23
26
|
const router = useRouter();
|
|
24
27
|
const isRootLocation = router.pathname === '/';
|
|
28
|
+
const iconVersion: IconVersion = version === 'transparent' ? 'white' : 'black';
|
|
25
29
|
|
|
26
30
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
27
31
|
const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
|
|
@@ -45,7 +49,17 @@ export const HeaderTop = JSX<HeaderTopProps>(
|
|
|
45
49
|
) : (
|
|
46
50
|
renderBackButton(onClick, backwardButton)
|
|
47
51
|
)}
|
|
48
|
-
<
|
|
52
|
+
<div className="flex gap-lg items-center">
|
|
53
|
+
{projectSettings.CHAT_BOT ? (
|
|
54
|
+
<HeaderChatBotButton
|
|
55
|
+
version={version}
|
|
56
|
+
iconVersion={iconVersion}
|
|
57
|
+
chat={projectSettings.CHAT_BOT}
|
|
58
|
+
buttonSize="medium"
|
|
59
|
+
/>
|
|
60
|
+
) : null}
|
|
61
|
+
<InternetBankButton version={version} {...internetBankButton} />
|
|
62
|
+
</div>
|
|
49
63
|
</div>
|
|
50
64
|
);
|
|
51
65
|
},
|