@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"}
|
|
@@ -3422,6 +3422,16 @@
|
|
|
3422
3422
|
});
|
|
3423
3423
|
}
|
|
3424
3424
|
};
|
|
3425
|
+
const initializeExternalStylesheet = (url = '') => {
|
|
3426
|
+
const link = globalThis.document.getElementById(url);
|
|
3427
|
+
if (!link) {
|
|
3428
|
+
const newLink = globalThis.document.createElement('link');
|
|
3429
|
+
newLink.href = url;
|
|
3430
|
+
newLink.id = url;
|
|
3431
|
+
newLink.rel = 'stylesheet';
|
|
3432
|
+
globalThis.document.head.appendChild(newLink);
|
|
3433
|
+
}
|
|
3434
|
+
};
|
|
3425
3435
|
function useExternalNS(namespaceName, url, unmountNS = true) {
|
|
3426
3436
|
const [externalNS, setExternalNS] = useState(undefined);
|
|
3427
3437
|
useEffect(() => {
|
|
@@ -9108,6 +9118,85 @@
|
|
|
9108
9118
|
return (jsx(BlockWrapper, { className: className, defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container space-y-m", children: [title ? jsx(Heading, { headingType: "h3", title: title, className: "@xl:text-center" }) : null, regions ? (jsx(SelectControl, { label: "\u0412\u0430\u0448 \u0440\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: regions.map(({ name = '' }) => ({ key: name, text: name })), value: region, onChange: setRegion })) : null, regionHref ? (jsx("div", { className: "text-center", children: jsx(Link, { className: style('w-full @xl:w-auto'), href: regionHref, target: "_blank", version: button?.version ?? 'primary', data: getAspectsWithInclude(data, region?.key), children: button?.text ? button.text : 'Перейти' }) })) : null] }) }));
|
|
9109
9119
|
});
|
|
9110
9120
|
|
|
9121
|
+
const BUTTON_SIZE_STYLE = {
|
|
9122
|
+
default: 'w-6 h-6',
|
|
9123
|
+
medium: 'w-10 h-10',
|
|
9124
|
+
large: 'w-12 h-12',
|
|
9125
|
+
};
|
|
9126
|
+
const HeaderSecondaryMenuButton = JSX(({ className, isRounded, buttonSize = 'default', isGrayBg = false, disabled, ariaLabel = 'Меню второго уровня', image, data, onClick, version, isLoading, dataTestId = '', }) => {
|
|
9127
|
+
const grayBg = isGrayBg && !isRounded ? 'bg-main-divider' : '';
|
|
9128
|
+
const bgColor = version === 'transparent' ? 'backdrop-opacity-30 bg-white/30' : grayBg;
|
|
9129
|
+
return (jsx("button", { className: style('group/btn border-0 flex shrink-0 items-center', isGrayBg ? 'p-s rounded-full' : 'p-0 bg-inherit', bgColor, isRounded
|
|
9130
|
+
? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
|
|
9131
|
+
: `${BUTTON_SIZE_STYLE[buttonSize]} text-primary-text hover:text-primary-main`, 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, ...getDataTestIdAttribute(dataTestId), ...getAspectsAttributes(data), children: isLoading ? (jsx("div", { className: "w-full h-full rounded-full border-4 border-r-transparent animate-spin text-primary-main" })) : (jsx(Img, { image: image, className: style('h-full', {
|
|
9132
|
+
'bg-main-divider/20 rounded-full': isRounded,
|
|
9133
|
+
}), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0" })) }));
|
|
9134
|
+
});
|
|
9135
|
+
const getDataTestIdAttribute = (dataTestId) => dataTestId ? { 'data-test-id': dataTestId } : null;
|
|
9136
|
+
|
|
9137
|
+
const CHAT_NAMESPACE = 'chatbot';
|
|
9138
|
+
const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
|
|
9139
|
+
const CHAT_FRAME_ID = 'webchat-js-container:webchat_rshb';
|
|
9140
|
+
const CHAT_STORAGE_NAME = 'webchat-keep-open';
|
|
9141
|
+
const BUSINESS_CHAT_PREFIX = '/webchat-api';
|
|
9142
|
+
const CHATBOT_URL = {
|
|
9143
|
+
personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
|
|
9144
|
+
business: '/webchat',
|
|
9145
|
+
};
|
|
9146
|
+
const useChatBot = (chat) => {
|
|
9147
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
9148
|
+
useEffect(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
|
|
9149
|
+
const chatUrl = CHATBOT_URL[chat ?? ''];
|
|
9150
|
+
const load = useCallback((ev) => {
|
|
9151
|
+
if (!chatUrl) {
|
|
9152
|
+
return;
|
|
9153
|
+
}
|
|
9154
|
+
setIsLoading(true);
|
|
9155
|
+
if (chat === 'business') {
|
|
9156
|
+
renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
|
|
9157
|
+
}
|
|
9158
|
+
else {
|
|
9159
|
+
renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
|
|
9160
|
+
}
|
|
9161
|
+
}, [chatUrl, chat]);
|
|
9162
|
+
return { load, isLoading };
|
|
9163
|
+
};
|
|
9164
|
+
const renderPersonalChatBot = async (ev, chatUrl) => {
|
|
9165
|
+
const target = ev.target;
|
|
9166
|
+
if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
|
|
9167
|
+
target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
|
|
9168
|
+
}
|
|
9169
|
+
const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
|
|
9170
|
+
if (!chatFrame) {
|
|
9171
|
+
await initializeExternalNS(CHAT_NAMESPACE, chatUrl);
|
|
9172
|
+
}
|
|
9173
|
+
};
|
|
9174
|
+
const renderBusinessChatBot = async (chatUrl) => {
|
|
9175
|
+
const businessChat = (await initializeExternalNS(CHAT_NAMESPACE, `${chatUrl}/bundle.js`, true));
|
|
9176
|
+
initializeExternalStylesheet(`${chatUrl}/bundle.css`);
|
|
9177
|
+
const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
|
|
9178
|
+
if (chatFrame) {
|
|
9179
|
+
businessChat?.chatOpen?.();
|
|
9180
|
+
}
|
|
9181
|
+
else {
|
|
9182
|
+
createChatFrame();
|
|
9183
|
+
businessChat?.render?.(CHAT_FRAME_ID, true, BUSINESS_CHAT_PREFIX);
|
|
9184
|
+
}
|
|
9185
|
+
};
|
|
9186
|
+
const createChatFrame = () => {
|
|
9187
|
+
const chatFrame = globalThis.document.createElement('div');
|
|
9188
|
+
chatFrame.id = CHAT_FRAME_ID;
|
|
9189
|
+
chatFrame.style.position = 'fixed';
|
|
9190
|
+
chatFrame.style.right = '0';
|
|
9191
|
+
chatFrame.style.bottom = '0';
|
|
9192
|
+
globalThis.document.body.appendChild(chatFrame);
|
|
9193
|
+
};
|
|
9194
|
+
|
|
9195
|
+
const HeaderChatBotButton = JSX(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large', }) => {
|
|
9196
|
+
const { load, isLoading } = useChatBot(chat);
|
|
9197
|
+
return (jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, dataTestId: "chat icon" }));
|
|
9198
|
+
});
|
|
9199
|
+
|
|
9111
9200
|
const BUTTON_STYLE = {
|
|
9112
9201
|
default: 'bg-main-divider text-primary-main rounded hover:text-primary-main',
|
|
9113
9202
|
transparent: 'backdrop-opacity-30 bg-white/30 hover:text-primary-hover text-white',
|
|
@@ -9121,12 +9210,13 @@
|
|
|
9121
9210
|
const HeaderTop = JSX(({ bgColor, logo, alwaysShowLogo, internetBankButton, version, backwardButton }) => {
|
|
9122
9211
|
const router = useRouter();
|
|
9123
9212
|
const isRootLocation = router.pathname === '/';
|
|
9213
|
+
const iconVersion = version === 'transparent' ? 'white' : 'black';
|
|
9124
9214
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
9125
9215
|
const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
|
|
9126
9216
|
const onClick = useCallback(() => {
|
|
9127
9217
|
router.back();
|
|
9128
9218
|
}, [router]);
|
|
9129
|
-
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 })] }));
|
|
9219
|
+
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 })] })] }));
|
|
9130
9220
|
});
|
|
9131
9221
|
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;
|
|
9132
9222
|
|
|
@@ -10520,7 +10610,7 @@
|
|
|
10520
10610
|
slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
|
|
10521
10611
|
});
|
|
10522
10612
|
|
|
10523
|
-
const packageVersion = "0.14.
|
|
10613
|
+
const packageVersion = "0.14.795";
|
|
10524
10614
|
|
|
10525
10615
|
exports.Blocks = Blocks;
|
|
10526
10616
|
exports.ContentPage = ContentPage;
|