alicia-design-system 1.71.4 → 1.72.0
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/dist/cjs/alicia/common/Header/Header.d.ts +14 -7
- package/dist/cjs/alicia/common/Header/Header.js +5 -5
- package/dist/cjs/alicia/common/Header/Header.js.map +1 -1
- package/dist/cjs/alicia/common/Header/Header.spec.js +34 -28
- package/dist/cjs/alicia/common/Header/Header.spec.js.map +1 -1
- package/dist/cjs/alicia/common/Header/Header.stories.d.ts +1 -1
- package/dist/cjs/alicia/common/Header/Header.stories.js +78 -63
- package/dist/cjs/alicia/common/Header/Header.stories.js.map +1 -1
- package/dist/cjs/alicia/common/Header/HeaderModal.d.ts +2 -2
- package/dist/cjs/alicia/common/Header/HeaderModal.js +2 -1
- package/dist/cjs/alicia/common/Header/HeaderModal.js.map +1 -1
- package/dist/cjs/alicia/common/Header/HeaderV2.js +10 -13
- package/dist/cjs/alicia/common/Header/HeaderV2.js.map +1 -1
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.d.ts +20 -0
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.js +19 -0
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.js.map +1 -0
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.stories.d.ts +35 -0
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.stories.js +39 -0
- package/dist/cjs/alicia/common/SupportMenu/SupportMenu.stories.js.map +1 -0
- package/dist/cjs/alicia/common/SupportMenu/SupportMenuModal.d.ts +13 -0
- package/dist/cjs/alicia/common/SupportMenu/SupportMenuModal.js +37 -0
- package/dist/cjs/alicia/common/SupportMenu/SupportMenuModal.js.map +1 -0
- package/dist/cjs/alicia/common/SupportMenu/index.d.ts +1 -0
- package/dist/cjs/alicia/common/SupportMenu/index.js +18 -0
- package/dist/cjs/alicia/common/SupportMenu/index.js.map +1 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/services/style.js +2 -2
- package/dist/esm/alicia/common/Header/Header.d.ts +14 -7
- package/dist/esm/alicia/common/Header/Header.js +5 -5
- package/dist/esm/alicia/common/Header/Header.js.map +1 -1
- package/dist/esm/alicia/common/Header/Header.spec.js +37 -31
- package/dist/esm/alicia/common/Header/Header.spec.js.map +1 -1
- package/dist/esm/alicia/common/Header/Header.stories.d.ts +1 -1
- package/dist/esm/alicia/common/Header/Header.stories.js +81 -66
- package/dist/esm/alicia/common/Header/Header.stories.js.map +1 -1
- package/dist/esm/alicia/common/Header/HeaderModal.d.ts +2 -2
- package/dist/esm/alicia/common/Header/HeaderModal.js +3 -2
- package/dist/esm/alicia/common/Header/HeaderModal.js.map +1 -1
- package/dist/esm/alicia/common/Header/HeaderV2.js +11 -14
- package/dist/esm/alicia/common/Header/HeaderV2.js.map +1 -1
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.d.ts +20 -0
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.js +15 -0
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.js.map +1 -0
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.stories.d.ts +35 -0
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.stories.js +36 -0
- package/dist/esm/alicia/common/SupportMenu/SupportMenu.stories.js.map +1 -0
- package/dist/esm/alicia/common/SupportMenu/SupportMenuModal.d.ts +13 -0
- package/dist/esm/alicia/common/SupportMenu/SupportMenuModal.js +33 -0
- package/dist/esm/alicia/common/SupportMenu/SupportMenuModal.js.map +1 -0
- package/dist/esm/alicia/common/SupportMenu/index.d.ts +1 -0
- package/dist/esm/alicia/common/SupportMenu/index.js +2 -0
- package/dist/esm/alicia/common/SupportMenu/index.js.map +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/services/style.js +2 -2
- package/package.json +1 -1
|
@@ -16,9 +16,6 @@ export type HeaderProps = {
|
|
|
16
16
|
imageFallbackSrc: string;
|
|
17
17
|
showSupport?: boolean;
|
|
18
18
|
onLogoClick?: () => void;
|
|
19
|
-
showLanguageSelector?: boolean;
|
|
20
|
-
languages?: Language[];
|
|
21
|
-
language?: Language;
|
|
22
19
|
setLanguage?: (lan: Language) => void;
|
|
23
20
|
mobileMenuTextColor?: string;
|
|
24
21
|
showSteps?: boolean;
|
|
@@ -29,10 +26,6 @@ export type HeaderProps = {
|
|
|
29
26
|
progressBarPrimaryColor?: string;
|
|
30
27
|
progressBarBackgroundColor?: string;
|
|
31
28
|
showCurrentStep?: boolean;
|
|
32
|
-
onSupportMenuSelect?: (id: string) => void;
|
|
33
|
-
supportMenuOptions?: MenuOption[];
|
|
34
|
-
supportMenuTitle?: string;
|
|
35
|
-
itemTitlecolor?: string;
|
|
36
29
|
showHeaderNavigation?: boolean;
|
|
37
30
|
headerRoutes?: HeaderRoutes;
|
|
38
31
|
headerActiveRoute?: string;
|
|
@@ -42,4 +35,18 @@ export type HeaderProps = {
|
|
|
42
35
|
bottomBorderColor?: string;
|
|
43
36
|
menuText?: string;
|
|
44
37
|
hideMobileMenu?: boolean;
|
|
38
|
+
supportMenu?: HeaderSupportMenu;
|
|
39
|
+
languageMenu?: LanguageMenu;
|
|
40
|
+
language?: Language;
|
|
41
|
+
};
|
|
42
|
+
export type HeaderSupportMenu = {
|
|
43
|
+
onSupportMenuSelect: (id: string) => void;
|
|
44
|
+
supportMenuOptions?: MenuOption[];
|
|
45
|
+
supportMenuTitle?: string;
|
|
46
|
+
itemColor?: string;
|
|
47
|
+
backgroundColor?: string;
|
|
48
|
+
};
|
|
49
|
+
export type LanguageMenu = {
|
|
50
|
+
showLanguageSelector?: boolean;
|
|
51
|
+
languages?: Language[];
|
|
45
52
|
};
|
|
@@ -16,15 +16,15 @@ const polished_1 = require("polished");
|
|
|
16
16
|
const ProgressBar_1 = require("../ProgressBar");
|
|
17
17
|
const HeaderV2_1 = require("./HeaderV2");
|
|
18
18
|
const LanguageSelector_1 = require("./LanguageSelector");
|
|
19
|
-
const Header = ({ backgroundColor = 'headerBg', textColor = 'black', imageSrc = alicia_svg_1.default, imageFallbackSrc = alicia_svg_1.default, showSupport = undefined, onLogoClick = undefined,
|
|
19
|
+
const Header = ({ backgroundColor = 'headerBg', textColor = 'black', imageSrc = alicia_svg_1.default, imageFallbackSrc = alicia_svg_1.default, showSupport = undefined, onLogoClick = undefined, setLanguage = undefined, showSteps = undefined, steps = undefined, currentStep = undefined, showProgressBar = false, routeStepsWithoutProgress = [], progressBarBackgroundColor, progressBarPrimaryColor, supportMenu, showCurrentStep = false, headerRoutes, headerNavClick, showHeaderNavigation, containerZIndex = undefined, headerActiveRoute = '', version = types_1.Version.v2, mobileMenuTextColor, mobileMenuBackgroundColor = 'black', bottomBorderColor = 'transparent', menuText, hideMobileMenu = false, languageMenu, language, }) => {
|
|
20
20
|
var _a;
|
|
21
21
|
const [isMobile] = (0, react_1.useMediaQuery)('(max-width: 768px)');
|
|
22
22
|
const onSupportMenuItemChange = (id) => {
|
|
23
|
-
if (
|
|
24
|
-
onSupportMenuSelect(id);
|
|
23
|
+
if (supportMenu) {
|
|
24
|
+
supportMenu.onSupportMenuSelect(id);
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
-
return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "column", sx: { zIndex: containerZIndex !== null && containerZIndex !== void 0 ? containerZIndex : 0 }, w: "100%" }, { children: version === types_1.Version.v2 ? ((0, jsx_runtime_1.jsx)(HeaderV2_1.HeaderV2, { backgroundColor: backgroundColor, textColor: textColor, headerActiveRoute: headerActiveRoute, showHeaderNavigation: showHeaderNavigation, headerNavClick: headerNavClick, headerRoutes: headerRoutes,
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "column", sx: { zIndex: containerZIndex !== null && containerZIndex !== void 0 ? containerZIndex : 0 }, w: "100%" }, { children: version === types_1.Version.v2 ? ((0, jsx_runtime_1.jsx)(HeaderV2_1.HeaderV2, { backgroundColor: backgroundColor, textColor: textColor, headerActiveRoute: headerActiveRoute, showHeaderNavigation: showHeaderNavigation, headerNavClick: headerNavClick, headerRoutes: headerRoutes, supportMenu: supportMenu, showProgressBar: showProgressBar, onLogoClick: onLogoClick, showSupport: showSupport, imageSrc: imageSrc, imageFallbackSrc: imageFallbackSrc, mobileMenuTextColor: mobileMenuTextColor, version: version, mobileMenuBackgroundColor: mobileMenuBackgroundColor, bottomBorderColor: bottomBorderColor, setLanguage: setLanguage, menuText: menuText, hideMobileMenu: hideMobileMenu, languageMenu: languageMenu })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ bg: backgroundColor, height: 68, paddingTop: (0, polished_1.rem)(0), paddingBottom: (0, polished_1.rem)(0), paddingLeft: isMobile ? (0, polished_1.rem)(8) : (0, polished_1.rem)(24), paddingRight: isMobile ? (0, polished_1.rem)(0) : (0, polished_1.rem)(24), w: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ minW: "30%", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Image, { objectFit: "contain", alt: "logo-image", src: imageSrc, fallbackSrc: imageFallbackSrc, onClick: onLogoClick, sx: {
|
|
28
28
|
h: (0, polished_1.rem)(32),
|
|
29
29
|
'@media (max-width: 768px)': {
|
|
30
30
|
h: (0, polished_1.rem)(32),
|
|
@@ -40,7 +40,7 @@ const Header = ({ backgroundColor = 'headerBg', textColor = 'black', imageSrc =
|
|
|
40
40
|
}
|
|
41
41
|
}, textColor: headerRoutes.textColor, fontSize: headerRoutes.fontSize, fontWeight: headerRoutes.fontWeight }) })))] })), (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ minW: "40%", flexDirection: "column", alignItems: "center", justifyContent: "center" }, { children: showSteps && steps && ((0, jsx_runtime_1.jsx)(Step_1.Step, { textColor: textColor, isMobile: isMobile, stepTitle: showCurrentStep
|
|
42
42
|
? `Step ${currentStep !== null && currentStep !== void 0 ? currentStep : ''} of ${steps.length}`
|
|
43
|
-
: '', mainTitle: (_a = steps === null || steps === void 0 ? void 0 : steps.find((step) => step.index === currentStep)) === null || _a === void 0 ? void 0 : _a.title })) })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ minW: "30%", display: "flex", alignItems: "center", justifyContent: "flex-end", paddingRight: (0, polished_1.rem)(8) }, { children: [showLanguageSelector && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "row", justifyContent: "center", alignItems: "center", cursor: "pointer" }, { children: (0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ marginRight: showSupport ? (isMobile ? 2 : 4) : 0 }, { children: (0, jsx_runtime_1.jsx)(LanguageSelector_1.LanguageSelector, { setLanguage: setLanguage, language: language, languages: languages, textColor: textColor, version: version !== null && version !== void 0 ? version : types_1.Version.v1, isSmallCaption: true }) })) }))), showSupport && ((0, jsx_runtime_1.jsx)(Menu_1.Menu, { id: "support-menu", title: supportMenuTitle, onChange: onSupportMenuItemChange, icon: (0, jsx_runtime_1.jsx)(icons_1.SupportIcon, { fill: textColor }), borderColor: "#13100D", isShowForwardIcon: true, titleColor: textColor, menuOptions: supportMenuOptions, menuBackgroundColor: "#ffffff", itemTitleColor:
|
|
43
|
+
: '', mainTitle: (_a = steps === null || steps === void 0 ? void 0 : steps.find((step) => step.index === currentStep)) === null || _a === void 0 ? void 0 : _a.title })) })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ minW: "30%", display: "flex", alignItems: "center", justifyContent: "flex-end", paddingRight: (0, polished_1.rem)(8) }, { children: [(languageMenu === null || languageMenu === void 0 ? void 0 : languageMenu.showLanguageSelector) && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "row", justifyContent: "center", alignItems: "center", cursor: "pointer" }, { children: (0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ marginRight: showSupport ? (isMobile ? 2 : 4) : 0 }, { children: (0, jsx_runtime_1.jsx)(LanguageSelector_1.LanguageSelector, { setLanguage: setLanguage, language: language, languages: languageMenu === null || languageMenu === void 0 ? void 0 : languageMenu.languages, textColor: textColor, version: version !== null && version !== void 0 ? version : types_1.Version.v1, isSmallCaption: true }) })) }))), showSupport && ((0, jsx_runtime_1.jsx)(Menu_1.Menu, { id: "support-menu", title: supportMenu === null || supportMenu === void 0 ? void 0 : supportMenu.supportMenuTitle, onChange: onSupportMenuItemChange, icon: (0, jsx_runtime_1.jsx)(icons_1.SupportIcon, { fill: textColor }), borderColor: "#13100D", isShowForwardIcon: true, titleColor: textColor, menuOptions: supportMenu === null || supportMenu === void 0 ? void 0 : supportMenu.supportMenuOptions, menuBackgroundColor: "#ffffff", itemTitleColor: supportMenu === null || supportMenu === void 0 ? void 0 : supportMenu.itemColor }))] }))] })), showProgressBar && steps && ((0, jsx_runtime_1.jsx)(ProgressBar_1.ProgressBar, { current: currentStep !== null && currentStep !== void 0 ? currentStep : 1, routeStepsWithoutProgress: routeStepsWithoutProgress, progressBarSteps: steps, primaryColor: progressBarPrimaryColor, backgroundColor: progressBarBackgroundColor }))] })) })));
|
|
44
44
|
};
|
|
45
45
|
exports.Header = Header;
|
|
46
46
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/Header.tsx"],"names":[],"mappings":";;;;;;;AACA,4CAAmE;AACnE,oCAAuC;AACvC,oFAA4D;AAC5D,uCAAgD;AAChD,0CAAyE;AACzE,uCAAoC;AACpC,0DAAqE;AACrE,uCAA+B;AAC/B,gDAA6C;AAC7C,yCAAsC;AACtC,yDAAsD;AAE/C,MAAM,MAAM,GAA0B,CAAC,EAC5C,eAAe,GAAG,UAAU,EAC5B,SAAS,GAAG,OAAO,EACnB,QAAQ,GAAG,oBAAU,EACrB,gBAAgB,GAAG,oBAAU,EAC7B,WAAW,GAAG,SAAS,EACvB,WAAW,GAAG,SAAS,EACvB,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,25 +15,7 @@ const DEFAULT_HEADER_PROPS = {
|
|
|
15
15
|
imageSrc: alicia_svg_1.default,
|
|
16
16
|
imageFallbackSrc: alicia_svg_1.default,
|
|
17
17
|
showSupport: false,
|
|
18
|
-
showLanguageSelector: false,
|
|
19
18
|
showProgressBar: false,
|
|
20
|
-
languages: [
|
|
21
|
-
{
|
|
22
|
-
label: 'English',
|
|
23
|
-
labelSm: 'EN',
|
|
24
|
-
value: 'en'
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
label: 'Netherland',
|
|
28
|
-
labelSm: 'NL',
|
|
29
|
-
value: 'nl'
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
label: 'Français',
|
|
33
|
-
labelSm: 'FR',
|
|
34
|
-
value: 'fr'
|
|
35
|
-
},
|
|
36
|
-
],
|
|
37
19
|
showSteps: false,
|
|
38
20
|
steps: [
|
|
39
21
|
{
|
|
@@ -41,45 +23,69 @@ const DEFAULT_HEADER_PROPS = {
|
|
|
41
23
|
isNewSection: true,
|
|
42
24
|
sectionIndex: 0,
|
|
43
25
|
type: types_1.MultiStepRouteType.PERSONAL,
|
|
44
|
-
title: 'Your Claim'
|
|
26
|
+
title: 'Your Claim',
|
|
45
27
|
},
|
|
46
28
|
{
|
|
47
29
|
index: 2,
|
|
48
30
|
isNewSection: true,
|
|
49
31
|
sectionIndex: 1,
|
|
50
32
|
type: types_1.MultiStepRouteType.CLAIM,
|
|
51
|
-
title: 'Personal Details'
|
|
33
|
+
title: 'Personal Details',
|
|
52
34
|
},
|
|
53
35
|
{
|
|
54
36
|
index: 3,
|
|
55
37
|
isNewSection: false,
|
|
56
38
|
sectionIndex: 1,
|
|
57
39
|
type: types_1.MultiStepRouteType.CLAIM,
|
|
58
|
-
title: 'Address Details'
|
|
40
|
+
title: 'Address Details',
|
|
59
41
|
},
|
|
60
42
|
],
|
|
61
43
|
currentStep: 1,
|
|
62
|
-
showCurrentStep: true
|
|
44
|
+
showCurrentStep: true,
|
|
45
|
+
supportMenu: {
|
|
46
|
+
supportMenuTitle: "Support",
|
|
47
|
+
onSupportMenuSelect: (id) => alert(id),
|
|
48
|
+
},
|
|
49
|
+
languageMenu: {
|
|
50
|
+
showLanguageSelector: true,
|
|
51
|
+
languages: [
|
|
52
|
+
{
|
|
53
|
+
label: 'English',
|
|
54
|
+
labelSm: 'EN',
|
|
55
|
+
value: 'en',
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
label: 'Netherland',
|
|
59
|
+
labelSm: 'NL',
|
|
60
|
+
value: 'nl',
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
label: 'Français',
|
|
64
|
+
labelSm: 'FR',
|
|
65
|
+
value: 'fr',
|
|
66
|
+
},
|
|
67
|
+
],
|
|
68
|
+
}
|
|
63
69
|
};
|
|
64
|
-
describe(
|
|
65
|
-
it(
|
|
66
|
-
const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Header, Object.assign({ headerNavClick: (e) => alert(e) }, DEFAULT_HEADER_PROPS
|
|
70
|
+
describe('Header component testing with testing-library', () => {
|
|
71
|
+
it('renders without crashing', () => {
|
|
72
|
+
const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Header, Object.assign({ headerNavClick: (e) => alert(e) }, DEFAULT_HEADER_PROPS)));
|
|
67
73
|
expect(component).toBeTruthy();
|
|
68
74
|
});
|
|
69
75
|
});
|
|
70
76
|
describe('Check if component Renders with support label', () => {
|
|
71
77
|
it('component includes support label text', () => {
|
|
72
|
-
const { getAllByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Header, Object.assign({ headerNavClick: (e) => alert(e) }, Object.assign(Object.assign({}, DEFAULT_HEADER_PROPS), { showSupport: true })
|
|
78
|
+
const { getAllByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Header, Object.assign({ headerNavClick: (e) => alert(e) }, Object.assign(Object.assign({}, DEFAULT_HEADER_PROPS), { showSupport: true }))));
|
|
73
79
|
expect(getAllByText('Support')).toBeTruthy();
|
|
74
80
|
});
|
|
75
81
|
});
|
|
76
82
|
describe('Check if component Renders with language selector label', () => {
|
|
77
83
|
it('component includes english label text', () => {
|
|
78
|
-
const { getAllByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Header, Object.assign({ headerNavClick: (e) => alert(e) }, Object.assign(Object.assign({}, DEFAULT_HEADER_PROPS), { showLanguageSelector: true })
|
|
84
|
+
const { getAllByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Header, Object.assign({ headerNavClick: (e) => alert(e) }, Object.assign(Object.assign({}, DEFAULT_HEADER_PROPS), { showLanguageSelector: true }))));
|
|
79
85
|
expect(getAllByText('English')).toBeTruthy();
|
|
80
86
|
});
|
|
81
87
|
it('component includes netherland label text', () => {
|
|
82
|
-
const { getAllByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Header, Object.assign({ headerNavClick: (e) => alert(e) }, Object.assign(Object.assign({}, DEFAULT_HEADER_PROPS), { showLanguageSelector: true, language: DEFAULT_HEADER_PROPS.languages[1] })
|
|
88
|
+
const { getAllByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Header, Object.assign({ headerNavClick: (e) => alert(e) }, Object.assign(Object.assign({}, DEFAULT_HEADER_PROPS), { showLanguageSelector: true, language: DEFAULT_HEADER_PROPS.languageMenu.languages[1] }))));
|
|
83
89
|
expect(getAllByText('Netherland')).toBeTruthy();
|
|
84
90
|
});
|
|
85
91
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/Header.spec.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAgD;AAChD,qCAAmC;AACnC,mCAAiC;AACjC,oFAA4D;AAC5D,0CAAoD;AAEpD,MAAM,oBAAoB,GAAG;
|
|
1
|
+
{"version":3,"file":"Header.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/Header.spec.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAgD;AAChD,qCAAmC;AACnC,mCAAiC;AACjC,oFAA4D;AAC5D,0CAAoD;AAEpD,MAAM,oBAAoB,GAAG;IAC3B,eAAe,EAAE,UAAU;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,oBAAU;IACpB,gBAAgB,EAAE,oBAAU;IAC5B,WAAW,EAAE,KAAK;IAElB,eAAe,EAAE,KAAK;IAEtB,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE;QACL;YACE,KAAK,EAAE,CAAC;YACR,YAAY,EAAE,IAAI;YAClB,YAAY,EAAE,CAAC;YACf,IAAI,EAAE,0BAAkB,CAAC,QAAQ;YACjC,KAAK,EAAE,YAAY;SACpB;QACD;YACE,KAAK,EAAE,CAAC;YACR,YAAY,EAAE,IAAI;YAClB,YAAY,EAAE,CAAC;YACf,IAAI,EAAE,0BAAkB,CAAC,KAAK;YAC9B,KAAK,EAAE,kBAAkB;SAC1B;QACD;YACE,KAAK,EAAE,CAAC;YACR,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,CAAC;YACf,IAAI,EAAE,0BAAkB,CAAC,KAAK;YAC9B,KAAK,EAAE,iBAAiB;SACzB;KACF;IACD,WAAW,EAAE,CAAC;IACd,eAAe,EAAE,IAAI;IACrB,WAAW,EAAE;QACX,gBAAgB,EAAE,SAAS;QAC3B,mBAAmB,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;KAC/C;IACD,YAAY,EAAE;QACZ,oBAAoB,EAAE,IAAI;QAC1B,SAAS,EAAE;YACP;gBACE,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,IAAI;gBACb,KAAK,EAAE,IAAI;aACZ;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,OAAO,EAAE,IAAI;gBACb,KAAK,EAAE,IAAI;aACZ;YACD;gBACE,KAAK,EAAE,UAAU;gBACjB,OAAO,EAAE,IAAI;gBACb,KAAK,EAAE,IAAI;aACZ;SACF;KACJ;CACF,CAAC;AAEF,QAAQ,CAAC,+CAA+C,EAAE,GAAG,EAAE;IAC7D,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,IAAA,cAAM,EACtB,uBAAC,cAAM,kBAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAM,oBAAoB,EAAK,CACvE,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,+CAA+C,EAAE,GAAG,EAAE;IAC7D,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,cAAM,EAC7B,uBAAC,cAAM,kBACL,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,oCACtB,oBAAoB,KAAE,WAAW,EAAE,IAAI,KAChD,CACH,CAAC;QACF,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC/C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yDAAyD,EAAE,GAAG,EAAE;IACrE,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC7C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,cAAM,kBAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,oCAAW,oBAAoB,KAAE,oBAAoB,EAAE,IAAI,KAAM,CAAC,CAAC;QAC1I,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,cAAM,kBAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,oCAAW,oBAAoB,KAAE,oBAAoB,EAAE,IAAI,EAAE,QAAQ,EAAE,oBAAoB,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACnM,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ComponentStory, ComponentMeta } from
|
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
3
|
declare const _default: ComponentMeta<import("react").FC<import("./Header").HeaderProps>>;
|
|
4
4
|
export default _default;
|
|
5
5
|
export declare const Primary: ComponentStory<import("react").FC<import("./Header").HeaderProps>>;
|
|
@@ -14,21 +14,21 @@ const LANGUAGES = [
|
|
|
14
14
|
{
|
|
15
15
|
label: 'English',
|
|
16
16
|
labelSm: 'EN',
|
|
17
|
-
value: 'en'
|
|
17
|
+
value: 'en',
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
20
|
label: 'Netherland',
|
|
21
21
|
labelSm: 'NL',
|
|
22
|
-
value: 'nl'
|
|
22
|
+
value: 'nl',
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
25
|
label: 'Français',
|
|
26
26
|
labelSm: 'FR',
|
|
27
|
-
value: 'fr'
|
|
27
|
+
value: 'fr',
|
|
28
28
|
},
|
|
29
29
|
];
|
|
30
30
|
exports.default = {
|
|
31
|
-
title:
|
|
31
|
+
title: 'Alicia/common/Header',
|
|
32
32
|
component: Header_1.Header,
|
|
33
33
|
argTypes: {
|
|
34
34
|
version: {
|
|
@@ -39,104 +39,119 @@ exports.default = {
|
|
|
39
39
|
};
|
|
40
40
|
const Template = (args) => {
|
|
41
41
|
const [language, setLanguage] = (0, react_1.useState)(LANGUAGES[0]);
|
|
42
|
-
return ((0, jsx_runtime_1.jsx)(Header_1.Header, Object.assign({}, args, { language: language, setLanguage: (lan) => {
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(Header_1.Header, Object.assign({}, args, { language: language, setLanguage: (lan) => {
|
|
43
|
+
setLanguage(lan);
|
|
44
|
+
alert(lan);
|
|
45
|
+
}, onLogoClick: () => alert('logo clicked...'), headerNavClick: (e) => alert(e) })));
|
|
43
46
|
};
|
|
44
47
|
exports.Primary = Template.bind({});
|
|
45
48
|
exports.Primary.args = {
|
|
46
49
|
version: types_1.Version.v2,
|
|
47
50
|
backgroundColor: 'headerBg',
|
|
48
|
-
mobileMenuBackgroundColor:
|
|
49
|
-
mobileMenuTextColor:
|
|
51
|
+
mobileMenuBackgroundColor: 'black',
|
|
52
|
+
mobileMenuTextColor: '#fff',
|
|
50
53
|
textColor: 'black',
|
|
51
54
|
bottomBorderColor: 'black',
|
|
52
|
-
imageSrc:
|
|
55
|
+
imageSrc: 'https://backend-qa-bucket.s3.eu-central-1.amazonaws.com/tenants/knab/public/brand/Logo_Knab_Alicia_new.png',
|
|
53
56
|
imageFallbackSrc: alicia_svg_1.default,
|
|
54
57
|
showSupport: false,
|
|
55
|
-
|
|
58
|
+
languageMenu: {
|
|
59
|
+
showLanguageSelector: false,
|
|
60
|
+
languages: LANGUAGES,
|
|
61
|
+
},
|
|
56
62
|
showSteps: false,
|
|
57
63
|
showProgressBar: false,
|
|
58
64
|
showCurrentStep: true,
|
|
59
65
|
showHeaderNavigation: true,
|
|
60
66
|
hideMobileMenu: false,
|
|
61
|
-
menuText:
|
|
62
|
-
|
|
63
|
-
|
|
67
|
+
menuText: 'Menus',
|
|
68
|
+
steps: [
|
|
69
|
+
{
|
|
64
70
|
index: 1,
|
|
65
71
|
isNewSection: true,
|
|
66
72
|
sectionIndex: 0,
|
|
67
73
|
type: types_1.MultiStepRouteType.PERSONAL,
|
|
68
|
-
title: 'Personalise'
|
|
74
|
+
title: 'Personalise',
|
|
69
75
|
},
|
|
70
76
|
{
|
|
71
77
|
index: 2,
|
|
72
78
|
isNewSection: true,
|
|
73
79
|
sectionIndex: 1,
|
|
74
80
|
type: types_1.MultiStepRouteType.CLAIM,
|
|
75
|
-
title: 'Personal Details Lorem'
|
|
81
|
+
title: 'Personal Details Lorem',
|
|
76
82
|
},
|
|
77
83
|
{
|
|
78
84
|
index: 3,
|
|
79
85
|
isNewSection: false,
|
|
80
86
|
sectionIndex: 1,
|
|
81
87
|
type: types_1.MultiStepRouteType.CLAIM,
|
|
82
|
-
title: 'Address Details'
|
|
83
|
-
},
|
|
88
|
+
title: 'Address Details',
|
|
89
|
+
},
|
|
90
|
+
{
|
|
84
91
|
index: 4,
|
|
85
92
|
isNewSection: true,
|
|
86
93
|
sectionIndex: 1,
|
|
87
94
|
type: types_1.MultiStepRouteType.PAYMENT,
|
|
88
|
-
title: 'Approval'
|
|
89
|
-
}],
|
|
90
|
-
routeStepsWithoutProgress: [types_1.MultiStepRouteType.INTRO],
|
|
91
|
-
currentStep: 1,
|
|
92
|
-
progressBarPrimaryColor: "#006A70",
|
|
93
|
-
progressBarBackgroundColor: "#EEEEEE",
|
|
94
|
-
supportMenuTitle: "Support",
|
|
95
|
-
itemTitlecolor: "#006A70",
|
|
96
|
-
supportMenuOptions: [{
|
|
97
|
-
icon: (0, jsx_runtime_1.jsx)(icons_1.PhoneIcon, { height: "24px", width: "24px" }),
|
|
98
|
-
title: "+31 10 899 0432",
|
|
99
|
-
id: "+ 31 10 899 0432",
|
|
100
|
-
description: "Monday till Friday: 08:30 - 18:00",
|
|
101
|
-
titlePrefix: "Call",
|
|
102
|
-
titleColor: "#006A70"
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
title: "help@alicia.insure",
|
|
106
|
-
id: "help@alicia.insure",
|
|
107
|
-
description: "We’ll get back to you as soon a possible",
|
|
108
|
-
titlePrefix: "Mail",
|
|
109
|
-
titleColor: "#006A70",
|
|
110
|
-
icon: (0, jsx_runtime_1.jsx)(icons_1.MailIcon, { height: "24px", width: "24px" }),
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
title: "Chat with Alicia",
|
|
114
|
-
id: "hchatwithalicia",
|
|
115
|
-
description: "Start a chat with our Customer Service",
|
|
116
|
-
titleColor: "#006A70",
|
|
117
|
-
icon: (0, jsx_runtime_1.jsx)(icons_1.ChatIcon, { height: "24px", width: "24px" }),
|
|
95
|
+
title: 'Approval',
|
|
118
96
|
},
|
|
119
97
|
],
|
|
120
|
-
|
|
98
|
+
routeStepsWithoutProgress: [types_1.MultiStepRouteType.INTRO],
|
|
99
|
+
currentStep: 1,
|
|
100
|
+
progressBarPrimaryColor: '#006A70',
|
|
101
|
+
progressBarBackgroundColor: '#EEEEEE',
|
|
102
|
+
supportMenu: {
|
|
103
|
+
backgroundColor: '#000000',
|
|
104
|
+
supportMenuTitle: 'Support',
|
|
105
|
+
itemColor: "#ffffff",
|
|
106
|
+
onSupportMenuSelect: (e) => alert(e),
|
|
107
|
+
supportMenuOptions: [
|
|
108
|
+
{
|
|
109
|
+
icon: (0, jsx_runtime_1.jsx)(icons_1.PhoneIcon, { height: "24px", width: "24px" }),
|
|
110
|
+
title: '+31 10 899 0432',
|
|
111
|
+
id: '+ 31 10 899 0432',
|
|
112
|
+
description: 'Monday till Friday: 08:30 - 18:00',
|
|
113
|
+
titlePrefix: 'Call',
|
|
114
|
+
titleColor: '#006A70',
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
title: 'help@alicia.insure',
|
|
118
|
+
id: 'help@alicia.insure',
|
|
119
|
+
description: 'We’ll get back to you as soon a possible',
|
|
120
|
+
titlePrefix: 'Mail',
|
|
121
|
+
titleColor: '#006A70',
|
|
122
|
+
icon: (0, jsx_runtime_1.jsx)(icons_1.MailIcon, { height: "24px", width: "24px" }),
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
title: 'Chat with Alicia',
|
|
126
|
+
id: 'hchatwithalicia',
|
|
127
|
+
description: 'Start a chat with our Customer Service',
|
|
128
|
+
titleColor: '#006A70',
|
|
129
|
+
icon: (0, jsx_runtime_1.jsx)(icons_1.ChatIcon, { height: "24px", width: "24px" }),
|
|
130
|
+
},
|
|
131
|
+
],
|
|
132
|
+
},
|
|
133
|
+
headerActiveRoute: '/test-route',
|
|
121
134
|
headerRoutes: {
|
|
122
|
-
fontSize:
|
|
135
|
+
fontSize: '16px',
|
|
123
136
|
fontWeight: 500,
|
|
124
|
-
textColor:
|
|
125
|
-
navList: [
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
137
|
+
textColor: '#565656',
|
|
138
|
+
navList: [
|
|
139
|
+
{
|
|
140
|
+
id: '1',
|
|
141
|
+
title: 'Available insurances',
|
|
142
|
+
route: '/test-route',
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
id: '2',
|
|
146
|
+
title: 'Ypur insurances',
|
|
147
|
+
route: '/test-route-2',
|
|
129
148
|
},
|
|
130
149
|
{
|
|
131
|
-
id:
|
|
132
|
-
title:
|
|
133
|
-
route:
|
|
134
|
-
},
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
route: "/test-route2",
|
|
138
|
-
}
|
|
139
|
-
]
|
|
140
|
-
}
|
|
150
|
+
id: '3',
|
|
151
|
+
title: 'Available products',
|
|
152
|
+
route: '/test-route2',
|
|
153
|
+
},
|
|
154
|
+
],
|
|
155
|
+
},
|
|
141
156
|
};
|
|
142
157
|
//# sourceMappingURL=Header.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/Header.stories.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAiC;AAEjC,qCAA4C;AAC5C,oFAA4D;AAC5D,0CAA6D;AAC7D,oCAAyD;AAEzD,MAAM,SAAS,GAAe;IAC5B;QACE,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,IAAI;KACZ;IACD;QACE,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,IAAI;KACZ;IACD;QACE,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,IAAI;KACZ;CACF,CAAC;AAEF,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAM;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,eAAO,CAAC,EAAE,EAAE,eAAO,CAAC,EAAE,CAAC;YACjC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CAC8B,CAAC;AAElC,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE;IACvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAW,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,OAAO,CACL,uBAAC,eAAM,oBACD,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,GAAa,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/Header.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,9 +2,9 @@ import { FC } from 'react';
|
|
|
2
2
|
import { HeaderRoutes } from '../HeaderNavigation';
|
|
3
3
|
import { Language } from './Header';
|
|
4
4
|
import { Version } from '../../../types';
|
|
5
|
-
declare const HeaderModal: FC<
|
|
5
|
+
declare const HeaderModal: FC<HeaderModalProps>;
|
|
6
6
|
export default HeaderModal;
|
|
7
|
-
interface
|
|
7
|
+
interface HeaderModalProps {
|
|
8
8
|
routes?: HeaderRoutes;
|
|
9
9
|
isOpen: boolean;
|
|
10
10
|
activeRoute?: string;
|
|
@@ -16,7 +16,8 @@ const HeaderModal = ({ routes, isOpen, activeRoute, onClose, setLanguage, langua
|
|
|
16
16
|
_hover: {
|
|
17
17
|
opacity: '0.5',
|
|
18
18
|
},
|
|
19
|
-
} }, { children: tabItem.title })), tabItem.route === activeRoute &&
|
|
19
|
+
} }, { children: tabItem.title })), tabItem.route === activeRoute &&
|
|
20
|
+
version === types_1.Version.v2 && ((0, jsx_runtime_1.jsx)(react_1.Flex, { position: "absolute", height: (0, polished_1.rem)(30), transform: "rotate(-0.94deg)", bg: 'dropDownHover', width: "100%", bottom: "0", left: "0", top: "0" }))] })) }), tabItem.id)))] })), showLanguageSelector && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ w: "100%", mt: (0, polished_1.rem)((routes === null || routes === void 0 ? void 0 : routes.navList.length) ? 30 : 0) }, { children: (0, jsx_runtime_1.jsx)(LanguageSelector_1.LanguageSelector, { languages: languages, language: language, setLanguage: setLanguage, textColor: menuTextColor !== null && menuTextColor !== void 0 ? menuTextColor : textColor, version: version }) })))] })) }))] })) })));
|
|
20
21
|
};
|
|
21
22
|
exports.default = HeaderModal;
|
|
22
23
|
//# sourceMappingURL=HeaderModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderModal.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/HeaderModal.tsx"],"names":[],"mappings":";;;AACA,4CAQ0B;AAC1B,uCAA+B;AAE/B,yDAAsD;AAEtD,0CAAyC;AAEzC,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"HeaderModal.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/HeaderModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,21 +9,21 @@ const alicia_svg_1 = __importDefault(require("../../../assets/vectors/alicia.svg
|
|
|
9
9
|
const react_1 = require("@chakra-ui/react");
|
|
10
10
|
const polished_1 = require("polished");
|
|
11
11
|
const icons_1 = require("../icons");
|
|
12
|
-
const Menu_1 = require("../Menu/Menu");
|
|
13
12
|
const HeaderNavigation_1 = require("../HeaderNavigation");
|
|
14
13
|
const HeaderModal_1 = __importDefault(require("./HeaderModal"));
|
|
15
14
|
const LanguageSelector_1 = require("./LanguageSelector");
|
|
16
15
|
const types_1 = require("../../../types");
|
|
17
|
-
const
|
|
16
|
+
const SupportMenu_1 = require("../SupportMenu");
|
|
17
|
+
const HeaderV2 = ({ textColor = 'black', imageSrc = alicia_svg_1.default, imageFallbackSrc = alicia_svg_1.default, showSupport = undefined, onLogoClick = undefined, language = undefined, setLanguage = undefined, supportMenu, headerRoutes, headerNavClick, showHeaderNavigation, headerActiveRoute = '', mobileMenuTextColor, version, mobileMenuBackgroundColor, backgroundColor, bottomBorderColor, menuText, hideMobileMenu, languageMenu }) => {
|
|
18
18
|
var _a;
|
|
19
19
|
const { isOpen, onOpen, onClose } = (0, react_1.useDisclosure)();
|
|
20
20
|
const [isMobile] = (0, react_1.useMediaQuery)('(max-width: 768px)');
|
|
21
21
|
const onSupportMenuItemChange = (id) => {
|
|
22
|
-
if (
|
|
23
|
-
onSupportMenuSelect(id);
|
|
22
|
+
if (supportMenu) {
|
|
23
|
+
supportMenu.onSupportMenuSelect(id);
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [((_a = headerRoutes === null || headerRoutes === void 0 ? void 0 : headerRoutes.navList.length) !== null && _a !== void 0 ? _a : showLanguageSelector) && (0, jsx_runtime_1.jsx)(HeaderModal_1.default, { routes: headerRoutes, activeRoute: headerActiveRoute, isOpen: isOpen, onClose: onClose, language: language, languages: languages, setLanguage: setLanguage, textColor: textColor, menuTextColor: mobileMenuTextColor, menuBackgroundColor: mobileMenuBackgroundColor !== null && mobileMenuBackgroundColor !== void 0 ? mobileMenuBackgroundColor : 'black', version: version !== null && version !== void 0 ? version : types_1.Version.v1, showLanguageSelector: showLanguageSelector, menuText: menuText }), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", bg: backgroundColor, sx: {
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [((_a = headerRoutes === null || headerRoutes === void 0 ? void 0 : headerRoutes.navList.length) !== null && _a !== void 0 ? _a : languageMenu === null || languageMenu === void 0 ? void 0 : languageMenu.showLanguageSelector) && ((0, jsx_runtime_1.jsx)(HeaderModal_1.default, { routes: headerRoutes, activeRoute: headerActiveRoute, isOpen: isOpen, onClose: onClose, language: language, languages: languageMenu === null || languageMenu === void 0 ? void 0 : languageMenu.languages, setLanguage: setLanguage, textColor: textColor, menuTextColor: mobileMenuTextColor, menuBackgroundColor: mobileMenuBackgroundColor !== null && mobileMenuBackgroundColor !== void 0 ? mobileMenuBackgroundColor : 'black', version: version !== null && version !== void 0 ? version : types_1.Version.v1, showLanguageSelector: languageMenu === null || languageMenu === void 0 ? void 0 : languageMenu.showLanguageSelector, menuText: menuText })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", bg: backgroundColor, sx: {
|
|
27
27
|
borderBottom: 'none',
|
|
28
28
|
height: (0, polished_1.rem)(89),
|
|
29
29
|
px: (0, polished_1.rem)(24),
|
|
@@ -56,23 +56,20 @@ const HeaderV2 = ({ textColor = 'black', imageSrc = alicia_svg_1.default, imageF
|
|
|
56
56
|
'@media (max-width: 768px)': {
|
|
57
57
|
pr: (0, polished_1.rem)(8),
|
|
58
58
|
},
|
|
59
|
-
} }, { children: [showLanguageSelector && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "row", justifyContent: "center", alignItems: "center", cursor: "pointer", sx: {
|
|
59
|
+
} }, { children: [(languageMenu === null || languageMenu === void 0 ? void 0 : languageMenu.showLanguageSelector) && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ direction: "row", justifyContent: "center", alignItems: "center", cursor: "pointer", sx: {
|
|
60
60
|
display: 'flex',
|
|
61
61
|
'@media (max-width: 768px)': {
|
|
62
62
|
display: hideMobileMenu ? 'flex' : 'none',
|
|
63
63
|
},
|
|
64
|
-
} }, { children: (0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ marginRight: showSupport ? (isMobile ? 2 : 4) : 0 }, { children: (0, jsx_runtime_1.jsx)(LanguageSelector_1.LanguageSelector, { setLanguage: setLanguage, language: language, languages: languages, textColor: textColor, version: version !== null && version !== void 0 ? version : types_1.Version.v1, isSmallCaption: true }) })) }))), showSupport && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ mr: hideMobileMenu ? (0, polished_1.rem)(-8) : (0, polished_1.rem)(6) }, { children: (0, jsx_runtime_1.jsx)(
|
|
65
|
-
width: (0, polished_1.rem)(24),
|
|
66
|
-
'@media (max-width: 768px)': {
|
|
67
|
-
width: (0, polished_1.rem)(24),
|
|
68
|
-
},
|
|
69
|
-
} }), borderColor: "#13100D", isShowForwardIcon: true, titleColor: textColor, menuOptions: supportMenuOptions, menuBackgroundColor: "#ffffff", itemTitleColor: itemTitlecolor }) }))), (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ sx: {
|
|
64
|
+
} }, { children: (0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ marginRight: showSupport ? (isMobile ? 2 : 4) : 0 }, { children: (0, jsx_runtime_1.jsx)(LanguageSelector_1.LanguageSelector, { setLanguage: setLanguage, language: language, languages: languageMenu === null || languageMenu === void 0 ? void 0 : languageMenu.languages, textColor: textColor, version: version !== null && version !== void 0 ? version : types_1.Version.v1, isSmallCaption: true }) })) }))), showSupport && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ mr: hideMobileMenu ? (0, polished_1.rem)(-8) : (0, polished_1.rem)(6) }, { children: (0, jsx_runtime_1.jsx)(SupportMenu_1.SupportMenu, { id: "support-menu", title: supportMenu === null || supportMenu === void 0 ? void 0 : supportMenu.supportMenuTitle, onChange: onSupportMenuItemChange, titleColor: textColor, menuOptions: supportMenu === null || supportMenu === void 0 ? void 0 : supportMenu.supportMenuOptions, menuBackgroundColor: supportMenu === null || supportMenu === void 0 ? void 0 : supportMenu.backgroundColor, itemColor: supportMenu === null || supportMenu === void 0 ? void 0 : supportMenu.itemColor }) }))), (0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ sx: {
|
|
70
65
|
display: 'none',
|
|
71
66
|
'@media (max-width: 768px)': {
|
|
72
67
|
display: 'flex',
|
|
73
68
|
ml: (0, polished_1.rem)(8),
|
|
74
69
|
},
|
|
75
|
-
} }, { children:
|
|
70
|
+
} }, { children: !hideMobileMenu &&
|
|
71
|
+
(Boolean(headerRoutes === null || headerRoutes === void 0 ? void 0 : headerRoutes.navList.length) ||
|
|
72
|
+
(languageMenu === null || languageMenu === void 0 ? void 0 : languageMenu.showLanguageSelector)) && ((0, jsx_runtime_1.jsx)(react_1.Button, Object.assign({ size: "xs", px: "0", onClick: onOpen }, { children: (0, jsx_runtime_1.jsx)(icons_1.HamburgIcon, { sx: {
|
|
76
73
|
width: (0, polished_1.rem)(24),
|
|
77
74
|
height: (0, polished_1.rem)(24),
|
|
78
75
|
'@media (max-width: 768px)': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderV2.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/HeaderV2.tsx"],"names":[],"mappings":";;;;;;;AAEA,oFAA4D;AAC5D,4CAQ0B;AAC1B,uCAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"HeaderV2.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Header/HeaderV2.tsx"],"names":[],"mappings":"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"}
|