@lendi/navbar 7.40.9 → 7.40.11
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.
|
@@ -5,5 +5,6 @@ export declare const HeaderPaddingLarge = 24;
|
|
|
5
5
|
export interface HeaderBaseProps extends GlobalProps {
|
|
6
6
|
navSlot: React.ReactNode;
|
|
7
7
|
ctaSlot: React.ReactNode;
|
|
8
|
+
isExperiment?: boolean;
|
|
8
9
|
}
|
|
9
|
-
export declare const HeaderBase: ({ navSlot, ctaSlot, ...props }: HeaderBaseProps) => JSX.Element;
|
|
10
|
+
export declare const HeaderBase: ({ navSlot, ctaSlot, isExperiment, ...props }: HeaderBaseProps) => JSX.Element;
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
import { AccountProps } from './AccountMenu';
|
|
2
|
-
|
|
2
|
+
interface CtaNavProps extends AccountProps {
|
|
3
|
+
isExperiment?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const CtaNav: ({ handleApplyNowClick, session, application, talkTo, openCommPanel, onLogout, isExperiment, }: CtaNavProps) => JSX.Element;
|
|
6
|
+
export {};
|
package/dist/navbar.cjs.dev.js
CHANGED
|
@@ -2953,7 +2953,7 @@ var DropdownComponent = (_ref3, ref) => {
|
|
|
2953
2953
|
};
|
|
2954
2954
|
var Dropdown = /*#__PURE__*/React.forwardRef(DropdownComponent);
|
|
2955
2955
|
|
|
2956
|
-
var _excluded$5 = ["navSlot", "ctaSlot"];
|
|
2956
|
+
var _excluded$5 = ["navSlot", "ctaSlot", "isExperiment"];
|
|
2957
2957
|
var _templateObject$3, _templateObject2$1;
|
|
2958
2958
|
var HeaderPaddingSmall = 10;
|
|
2959
2959
|
var HeaderPaddingLarge = 24;
|
|
@@ -2981,17 +2981,28 @@ var LogoLink = styled__default["default"].a.withConfig({
|
|
|
2981
2981
|
var StyledNavSlot = styled__default["default"].div.withConfig({
|
|
2982
2982
|
displayName: "HeaderBase__StyledNavSlot",
|
|
2983
2983
|
componentId: "lui__sc-1ik75ai-3"
|
|
2984
|
-
})(["order:3;@media (min-width:", "){order:2;}"],
|
|
2984
|
+
})(["order:3;@media (min-width:", "){order:2;}"], _ref2 => {
|
|
2985
|
+
var {
|
|
2986
|
+
isExperiment
|
|
2987
|
+
} = _ref2;
|
|
2988
|
+
return isExperiment ? ExtraLargeTweakpoint : LargeTweakpoint;
|
|
2989
|
+
});
|
|
2985
2990
|
var StyledCtaSlot = styled__default["default"].div.withConfig({
|
|
2986
2991
|
displayName: "HeaderBase__StyledCtaSlot",
|
|
2987
2992
|
componentId: "lui__sc-1ik75ai-4"
|
|
2988
|
-
})(["margin-left:auto;order:2;@media (min-width:", "){order:3;}"],
|
|
2989
|
-
var
|
|
2993
|
+
})(["margin-left:auto;order:2;@media (min-width:", "){order:3;}"], _ref3 => {
|
|
2994
|
+
var {
|
|
2995
|
+
isExperiment
|
|
2996
|
+
} = _ref3;
|
|
2997
|
+
return isExperiment ? ExtraLargeTweakpoint : LargeTweakpoint;
|
|
2998
|
+
});
|
|
2999
|
+
var HeaderBase = _ref4 => {
|
|
2990
3000
|
var {
|
|
2991
3001
|
navSlot,
|
|
2992
|
-
ctaSlot
|
|
2993
|
-
|
|
2994
|
-
|
|
3002
|
+
ctaSlot,
|
|
3003
|
+
isExperiment
|
|
3004
|
+
} = _ref4,
|
|
3005
|
+
props = _objectWithoutProperties(_ref4, _excluded$5);
|
|
2995
3006
|
var globalProps = utils$1.filterGlobalProps(props);
|
|
2996
3007
|
return /*#__PURE__*/jsxRuntime.jsx(StyledHeader, _objectSpread2(_objectSpread2({
|
|
2997
3008
|
role: "banner"
|
|
@@ -3020,8 +3031,10 @@ var HeaderBase = _ref2 => {
|
|
|
3020
3031
|
children: "Go to Aussie homepage"
|
|
3021
3032
|
})]
|
|
3022
3033
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledNavSlot, {
|
|
3034
|
+
isExperiment: isExperiment,
|
|
3023
3035
|
children: navSlot
|
|
3024
3036
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledCtaSlot, {
|
|
3037
|
+
isExperiment: isExperiment,
|
|
3025
3038
|
children: ctaSlot
|
|
3026
3039
|
})]
|
|
3027
3040
|
})
|
|
@@ -3921,11 +3934,17 @@ var CtaNav = _ref => {
|
|
|
3921
3934
|
application,
|
|
3922
3935
|
talkTo,
|
|
3923
3936
|
openCommPanel,
|
|
3924
|
-
onLogout
|
|
3937
|
+
onLogout,
|
|
3938
|
+
isExperiment
|
|
3925
3939
|
} = _ref;
|
|
3926
3940
|
return /*#__PURE__*/jsxRuntime.jsxs(Layout.Spacer, {
|
|
3927
3941
|
xalign: "center",
|
|
3928
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
3942
|
+
children: [isExperiment ? /*#__PURE__*/jsxRuntime.jsx(ShowFromTweakExtraLarge, {
|
|
3943
|
+
children: /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
|
|
3944
|
+
openCommPanel: openCommPanel,
|
|
3945
|
+
talkTo: talkTo
|
|
3946
|
+
})
|
|
3947
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(ShowFromTweakLarge, {
|
|
3929
3948
|
children: /*#__PURE__*/jsxRuntime.jsx(TalkToExpertButton, {
|
|
3930
3949
|
openCommPanel: openCommPanel,
|
|
3931
3950
|
talkTo: talkTo
|
|
@@ -4063,49 +4082,46 @@ var HeaderWithContext = _ref => {
|
|
|
4063
4082
|
// to set AHL value in session storage for funnel1 journey
|
|
4064
4083
|
useAHLParam();
|
|
4065
4084
|
var textForTalkTo = cmsNavbarBrokerNameButton ? "Talk to ".concat(trimStringWithEllipsis((customerOwner === null || customerOwner === void 0 ? void 0 : customerOwner.firstName) || storeName || 'broker')) : 'Talk to a broker';
|
|
4066
|
-
var
|
|
4067
|
-
|
|
4068
|
-
|
|
4069
|
-
|
|
4070
|
-
|
|
4071
|
-
|
|
4072
|
-
|
|
4073
|
-
|
|
4074
|
-
|
|
4075
|
-
|
|
4076
|
-
|
|
4077
|
-
|
|
4078
|
-
|
|
4079
|
-
|
|
4080
|
-
|
|
4081
|
-
|
|
4082
|
-
|
|
4083
|
-
|
|
4084
|
-
|
|
4085
|
-
|
|
4086
|
-
|
|
4087
|
-
|
|
4088
|
-
|
|
4089
|
-
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
|
|
4093
|
-
|
|
4094
|
-
|
|
4095
|
-
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
4096
|
-
})
|
|
4097
|
-
})]
|
|
4098
|
-
});
|
|
4099
|
-
};
|
|
4085
|
+
var navbarMenu = isExperiment ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
4086
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(ShowFromTweakExtraLarge, {
|
|
4087
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Nav, {
|
|
4088
|
+
navOptions: navOptions
|
|
4089
|
+
})
|
|
4090
|
+
}), /*#__PURE__*/jsxRuntime.jsx(HideFromTweakExtraLarge, {
|
|
4091
|
+
children: /*#__PURE__*/jsxRuntime.jsx(HamburgerMenu, {
|
|
4092
|
+
handleApplyNowClick: handleApplyNow,
|
|
4093
|
+
application: application,
|
|
4094
|
+
talkTo: textForTalkTo,
|
|
4095
|
+
navOptions: navOptions,
|
|
4096
|
+
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
4097
|
+
})
|
|
4098
|
+
})]
|
|
4099
|
+
}) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
4100
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(ShowFromTweakLarge, {
|
|
4101
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Nav, {
|
|
4102
|
+
navOptions: navOptions
|
|
4103
|
+
})
|
|
4104
|
+
}), /*#__PURE__*/jsxRuntime.jsx(HideFromTweakLarge, {
|
|
4105
|
+
children: /*#__PURE__*/jsxRuntime.jsx(HamburgerMenu, {
|
|
4106
|
+
handleApplyNowClick: handleApplyNow,
|
|
4107
|
+
application: application,
|
|
4108
|
+
talkTo: textForTalkTo,
|
|
4109
|
+
navOptions: navOptions,
|
|
4110
|
+
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
4111
|
+
})
|
|
4112
|
+
})]
|
|
4113
|
+
});
|
|
4100
4114
|
return /*#__PURE__*/jsxRuntime.jsx(HeaderBase, {
|
|
4101
|
-
navSlot:
|
|
4115
|
+
navSlot: navbarMenu,
|
|
4116
|
+
isExperiment: isExperiment,
|
|
4102
4117
|
ctaSlot: /*#__PURE__*/jsxRuntime.jsx(CtaNav, {
|
|
4103
4118
|
handleApplyNowClick: handleApplyNow,
|
|
4104
4119
|
application: application,
|
|
4105
4120
|
session: session,
|
|
4106
4121
|
talkTo: textForTalkTo,
|
|
4107
4122
|
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
|
|
4108
|
-
onLogout: onLogout
|
|
4123
|
+
onLogout: onLogout,
|
|
4124
|
+
isExperiment: isExperiment
|
|
4109
4125
|
})
|
|
4110
4126
|
});
|
|
4111
4127
|
};
|
package/dist/navbar.cjs.prod.js
CHANGED
|
@@ -1947,7 +1947,7 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
|
|
|
1947
1947
|
}, globalProps), {}, {
|
|
1948
1948
|
children: children
|
|
1949
1949
|
}));
|
|
1950
|
-
}, Dropdown = React.forwardRef(DropdownComponent), _excluded$5 = [ "navSlot", "ctaSlot" ], HeaderPaddingSmall = 10, HeaderPaddingLarge = 24, StyledHeader = styled__default.default.header.withConfig({
|
|
1950
|
+
}, Dropdown = React.forwardRef(DropdownComponent), _excluded$5 = [ "navSlot", "ctaSlot", "isExperiment" ], HeaderPaddingSmall = 10, HeaderPaddingLarge = 24, StyledHeader = styled__default.default.header.withConfig({
|
|
1951
1951
|
displayName: "HeaderBase__StyledHeader",
|
|
1952
1952
|
componentId: "lui__sc-1ik75ai-0"
|
|
1953
1953
|
})([ "background:", ";position:sticky;top:0;z-index:999;padding:", " 0;width:100%;min-width:max-content;", "" ], (_ref => {
|
|
@@ -1962,11 +1962,17 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
|
|
|
1962
1962
|
})([ "width:", ";height:", ";order:1;flex:0 0 auto;", " ", "" ], utils$1.pxToRem(87), utils$1.pxToRem(16), breakpoint.gte("md")(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral([ "\n width: ", ";\n height: ", ";\n margin-right: ", ";\n " ])), utils$1.pxToRem(150), utils$1.pxToRem(28), utils$1.pxToRem(32)), focusVisible), StyledNavSlot = styled__default.default.div.withConfig({
|
|
1963
1963
|
displayName: "HeaderBase__StyledNavSlot",
|
|
1964
1964
|
componentId: "lui__sc-1ik75ai-3"
|
|
1965
|
-
})([ "order:3;@media (min-width:", "){order:2;}" ],
|
|
1965
|
+
})([ "order:3;@media (min-width:", "){order:2;}" ], (_ref2 => {
|
|
1966
|
+
var {isExperiment: isExperiment} = _ref2;
|
|
1967
|
+
return isExperiment ? ExtraLargeTweakpoint : LargeTweakpoint;
|
|
1968
|
+
})), StyledCtaSlot = styled__default.default.div.withConfig({
|
|
1966
1969
|
displayName: "HeaderBase__StyledCtaSlot",
|
|
1967
1970
|
componentId: "lui__sc-1ik75ai-4"
|
|
1968
|
-
})([ "margin-left:auto;order:2;@media (min-width:", "){order:3;}" ],
|
|
1969
|
-
var {
|
|
1971
|
+
})([ "margin-left:auto;order:2;@media (min-width:", "){order:3;}" ], (_ref3 => {
|
|
1972
|
+
var {isExperiment: isExperiment} = _ref3;
|
|
1973
|
+
return isExperiment ? ExtraLargeTweakpoint : LargeTweakpoint;
|
|
1974
|
+
})), HeaderBase = _ref4 => {
|
|
1975
|
+
var {navSlot: navSlot, ctaSlot: ctaSlot, isExperiment: isExperiment} = _ref4, props = _objectWithoutProperties(_ref4, _excluded$5), globalProps = utils$1.filterGlobalProps(props);
|
|
1970
1976
|
return jsxRuntime.jsx(StyledHeader, _objectSpread2(_objectSpread2({
|
|
1971
1977
|
role: "banner"
|
|
1972
1978
|
}, globalProps), {}, {
|
|
@@ -1994,8 +2000,10 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
|
|
|
1994
2000
|
children: "Go to Aussie homepage"
|
|
1995
2001
|
}) ]
|
|
1996
2002
|
}), jsxRuntime.jsx(StyledNavSlot, {
|
|
2003
|
+
isExperiment: isExperiment,
|
|
1997
2004
|
children: navSlot
|
|
1998
2005
|
}), jsxRuntime.jsx(StyledCtaSlot, {
|
|
2006
|
+
isExperiment: isExperiment,
|
|
1999
2007
|
children: ctaSlot
|
|
2000
2008
|
}) ]
|
|
2001
2009
|
})
|
|
@@ -2631,10 +2639,15 @@ var _templateObject$3, _templateObject2$1, _templateObject$2, _templateObject$1,
|
|
|
2631
2639
|
}) ]
|
|
2632
2640
|
});
|
|
2633
2641
|
}, CtaNav = _ref => {
|
|
2634
|
-
var {handleApplyNowClick: handleApplyNowClick, session: session, application: application, talkTo: talkTo, openCommPanel: openCommPanel, onLogout: onLogout} = _ref;
|
|
2642
|
+
var {handleApplyNowClick: handleApplyNowClick, session: session, application: application, talkTo: talkTo, openCommPanel: openCommPanel, onLogout: onLogout, isExperiment: isExperiment} = _ref;
|
|
2635
2643
|
return jsxRuntime.jsxs(Layout.Spacer, {
|
|
2636
2644
|
xalign: "center",
|
|
2637
|
-
children: [ jsxRuntime.jsx(
|
|
2645
|
+
children: [ isExperiment ? jsxRuntime.jsx(ShowFromTweakExtraLarge, {
|
|
2646
|
+
children: jsxRuntime.jsx(TalkToExpertButton, {
|
|
2647
|
+
openCommPanel: openCommPanel,
|
|
2648
|
+
talkTo: talkTo
|
|
2649
|
+
})
|
|
2650
|
+
}) : jsxRuntime.jsx(ShowFromTweakLarge, {
|
|
2638
2651
|
children: jsxRuntime.jsx(TalkToExpertButton, {
|
|
2639
2652
|
openCommPanel: openCommPanel,
|
|
2640
2653
|
talkTo: talkTo
|
|
@@ -2725,44 +2738,46 @@ var getApplications = function() {
|
|
|
2725
2738
|
}, trimStringWithEllipsis = str => str.length > 17 ? str.substring(0, 14) + "..." : str, HeaderWithContext = _ref => {
|
|
2726
2739
|
var {handleApplyNow: handleApplyNow, onLogout: onLogout, navOptions: navOptions = [], isCommPanelOpen: isCommPanelOpen, closeCommPanel: closeCommPanel, openCommPanel: _openCommPanel, customerOwner: customerOwner, storeName: storeName, isExperiment: isExperiment} = _ref, session = lalaReact.useSession(), application = useApplication(session), {cmsNavbarBrokerNameButton: cmsNavbarBrokerNameButton} = launchdarkly.useFlags();
|
|
2727
2740
|
useAHLParam();
|
|
2728
|
-
var textForTalkTo = cmsNavbarBrokerNameButton ? "Talk to ".concat(trimStringWithEllipsis((null == customerOwner ? void 0 : customerOwner.firstName) || storeName || "broker")) : "Talk to a broker"
|
|
2741
|
+
var textForTalkTo = cmsNavbarBrokerNameButton ? "Talk to ".concat(trimStringWithEllipsis((null == customerOwner ? void 0 : customerOwner.firstName) || storeName || "broker")) : "Talk to a broker", navbarMenu = isExperiment ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2742
|
+
children: [ jsxRuntime.jsx(ShowFromTweakExtraLarge, {
|
|
2743
|
+
children: jsxRuntime.jsx(Nav, {
|
|
2744
|
+
navOptions: navOptions
|
|
2745
|
+
})
|
|
2746
|
+
}), jsxRuntime.jsx(HideFromTweakExtraLarge, {
|
|
2747
|
+
children: jsxRuntime.jsx(HamburgerMenu, {
|
|
2748
|
+
handleApplyNowClick: handleApplyNow,
|
|
2749
|
+
application: application,
|
|
2750
|
+
talkTo: textForTalkTo,
|
|
2751
|
+
navOptions: navOptions,
|
|
2752
|
+
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
2753
|
+
})
|
|
2754
|
+
}) ]
|
|
2755
|
+
}) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2756
|
+
children: [ jsxRuntime.jsx(ShowFromTweakLarge, {
|
|
2757
|
+
children: jsxRuntime.jsx(Nav, {
|
|
2758
|
+
navOptions: navOptions
|
|
2759
|
+
})
|
|
2760
|
+
}), jsxRuntime.jsx(HideFromTweakLarge, {
|
|
2761
|
+
children: jsxRuntime.jsx(HamburgerMenu, {
|
|
2762
|
+
handleApplyNowClick: handleApplyNow,
|
|
2763
|
+
application: application,
|
|
2764
|
+
talkTo: textForTalkTo,
|
|
2765
|
+
navOptions: navOptions,
|
|
2766
|
+
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
2767
|
+
})
|
|
2768
|
+
}) ]
|
|
2769
|
+
});
|
|
2729
2770
|
return jsxRuntime.jsx(HeaderBase, {
|
|
2730
|
-
navSlot:
|
|
2731
|
-
|
|
2732
|
-
children: jsxRuntime.jsx(Nav, {
|
|
2733
|
-
navOptions: navOptions
|
|
2734
|
-
})
|
|
2735
|
-
}), jsxRuntime.jsx(HideFromTweakExtraLarge, {
|
|
2736
|
-
children: jsxRuntime.jsx(HamburgerMenu, {
|
|
2737
|
-
handleApplyNowClick: handleApplyNow,
|
|
2738
|
-
application: application,
|
|
2739
|
-
talkTo: textForTalkTo,
|
|
2740
|
-
navOptions: navOptions,
|
|
2741
|
-
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
2742
|
-
})
|
|
2743
|
-
}) ]
|
|
2744
|
-
}) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2745
|
-
children: [ jsxRuntime.jsx(ShowFromTweakLarge, {
|
|
2746
|
-
children: jsxRuntime.jsx(Nav, {
|
|
2747
|
-
navOptions: navOptions
|
|
2748
|
-
})
|
|
2749
|
-
}), jsxRuntime.jsx(HideFromTweakLarge, {
|
|
2750
|
-
children: jsxRuntime.jsx(HamburgerMenu, {
|
|
2751
|
-
handleApplyNowClick: handleApplyNow,
|
|
2752
|
-
application: application,
|
|
2753
|
-
talkTo: textForTalkTo,
|
|
2754
|
-
navOptions: navOptions,
|
|
2755
|
-
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
2756
|
-
})
|
|
2757
|
-
}) ]
|
|
2758
|
-
}),
|
|
2771
|
+
navSlot: navbarMenu,
|
|
2772
|
+
isExperiment: isExperiment,
|
|
2759
2773
|
ctaSlot: jsxRuntime.jsx(CtaNav, {
|
|
2760
2774
|
handleApplyNowClick: handleApplyNow,
|
|
2761
2775
|
application: application,
|
|
2762
2776
|
session: session,
|
|
2763
2777
|
talkTo: textForTalkTo,
|
|
2764
2778
|
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
|
|
2765
|
-
onLogout: onLogout
|
|
2779
|
+
onLogout: onLogout,
|
|
2780
|
+
isExperiment: isExperiment
|
|
2766
2781
|
})
|
|
2767
2782
|
});
|
|
2768
2783
|
}, Header = withErrorProvider(launchdarkly.withLendiLDProvider(withCommPanel(HeaderWithContext))), ApplicationStage = function(ApplicationStage) {
|
package/dist/navbar.esm.js
CHANGED
|
@@ -2920,7 +2920,7 @@ var DropdownComponent = (_ref3, ref) => {
|
|
|
2920
2920
|
};
|
|
2921
2921
|
var Dropdown = /*#__PURE__*/forwardRef(DropdownComponent);
|
|
2922
2922
|
|
|
2923
|
-
var _excluded$5 = ["navSlot", "ctaSlot"];
|
|
2923
|
+
var _excluded$5 = ["navSlot", "ctaSlot", "isExperiment"];
|
|
2924
2924
|
var _templateObject$3, _templateObject2$1;
|
|
2925
2925
|
var HeaderPaddingSmall = 10;
|
|
2926
2926
|
var HeaderPaddingLarge = 24;
|
|
@@ -2948,17 +2948,28 @@ var LogoLink = styled.a.withConfig({
|
|
|
2948
2948
|
var StyledNavSlot = styled.div.withConfig({
|
|
2949
2949
|
displayName: "HeaderBase__StyledNavSlot",
|
|
2950
2950
|
componentId: "lui__sc-1ik75ai-3"
|
|
2951
|
-
})(["order:3;@media (min-width:", "){order:2;}"],
|
|
2951
|
+
})(["order:3;@media (min-width:", "){order:2;}"], _ref2 => {
|
|
2952
|
+
var {
|
|
2953
|
+
isExperiment
|
|
2954
|
+
} = _ref2;
|
|
2955
|
+
return isExperiment ? ExtraLargeTweakpoint : LargeTweakpoint;
|
|
2956
|
+
});
|
|
2952
2957
|
var StyledCtaSlot = styled.div.withConfig({
|
|
2953
2958
|
displayName: "HeaderBase__StyledCtaSlot",
|
|
2954
2959
|
componentId: "lui__sc-1ik75ai-4"
|
|
2955
|
-
})(["margin-left:auto;order:2;@media (min-width:", "){order:3;}"],
|
|
2956
|
-
var
|
|
2960
|
+
})(["margin-left:auto;order:2;@media (min-width:", "){order:3;}"], _ref3 => {
|
|
2961
|
+
var {
|
|
2962
|
+
isExperiment
|
|
2963
|
+
} = _ref3;
|
|
2964
|
+
return isExperiment ? ExtraLargeTweakpoint : LargeTweakpoint;
|
|
2965
|
+
});
|
|
2966
|
+
var HeaderBase = _ref4 => {
|
|
2957
2967
|
var {
|
|
2958
2968
|
navSlot,
|
|
2959
|
-
ctaSlot
|
|
2960
|
-
|
|
2961
|
-
|
|
2969
|
+
ctaSlot,
|
|
2970
|
+
isExperiment
|
|
2971
|
+
} = _ref4,
|
|
2972
|
+
props = _objectWithoutProperties(_ref4, _excluded$5);
|
|
2962
2973
|
var globalProps = filterGlobalProps(props);
|
|
2963
2974
|
return /*#__PURE__*/jsx(StyledHeader, _objectSpread2(_objectSpread2({
|
|
2964
2975
|
role: "banner"
|
|
@@ -2987,8 +2998,10 @@ var HeaderBase = _ref2 => {
|
|
|
2987
2998
|
children: "Go to Aussie homepage"
|
|
2988
2999
|
})]
|
|
2989
3000
|
}), /*#__PURE__*/jsx(StyledNavSlot, {
|
|
3001
|
+
isExperiment: isExperiment,
|
|
2990
3002
|
children: navSlot
|
|
2991
3003
|
}), /*#__PURE__*/jsx(StyledCtaSlot, {
|
|
3004
|
+
isExperiment: isExperiment,
|
|
2992
3005
|
children: ctaSlot
|
|
2993
3006
|
})]
|
|
2994
3007
|
})
|
|
@@ -3888,11 +3901,17 @@ var CtaNav = _ref => {
|
|
|
3888
3901
|
application,
|
|
3889
3902
|
talkTo,
|
|
3890
3903
|
openCommPanel,
|
|
3891
|
-
onLogout
|
|
3904
|
+
onLogout,
|
|
3905
|
+
isExperiment
|
|
3892
3906
|
} = _ref;
|
|
3893
3907
|
return /*#__PURE__*/jsxs(Spacer, {
|
|
3894
3908
|
xalign: "center",
|
|
3895
|
-
children: [/*#__PURE__*/jsx(
|
|
3909
|
+
children: [isExperiment ? /*#__PURE__*/jsx(ShowFromTweakExtraLarge, {
|
|
3910
|
+
children: /*#__PURE__*/jsx(TalkToExpertButton, {
|
|
3911
|
+
openCommPanel: openCommPanel,
|
|
3912
|
+
talkTo: talkTo
|
|
3913
|
+
})
|
|
3914
|
+
}) : /*#__PURE__*/jsx(ShowFromTweakLarge, {
|
|
3896
3915
|
children: /*#__PURE__*/jsx(TalkToExpertButton, {
|
|
3897
3916
|
openCommPanel: openCommPanel,
|
|
3898
3917
|
talkTo: talkTo
|
|
@@ -4030,49 +4049,46 @@ var HeaderWithContext = _ref => {
|
|
|
4030
4049
|
// to set AHL value in session storage for funnel1 journey
|
|
4031
4050
|
useAHLParam();
|
|
4032
4051
|
var textForTalkTo = cmsNavbarBrokerNameButton ? "Talk to ".concat(trimStringWithEllipsis((customerOwner === null || customerOwner === void 0 ? void 0 : customerOwner.firstName) || storeName || 'broker')) : 'Talk to a broker';
|
|
4033
|
-
var
|
|
4034
|
-
|
|
4035
|
-
|
|
4036
|
-
|
|
4037
|
-
|
|
4038
|
-
|
|
4039
|
-
|
|
4040
|
-
|
|
4041
|
-
|
|
4042
|
-
|
|
4043
|
-
|
|
4044
|
-
|
|
4045
|
-
|
|
4046
|
-
|
|
4047
|
-
|
|
4048
|
-
|
|
4049
|
-
|
|
4050
|
-
|
|
4051
|
-
|
|
4052
|
-
|
|
4053
|
-
|
|
4054
|
-
|
|
4055
|
-
|
|
4056
|
-
|
|
4057
|
-
|
|
4058
|
-
|
|
4059
|
-
|
|
4060
|
-
|
|
4061
|
-
|
|
4062
|
-
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
4063
|
-
})
|
|
4064
|
-
})]
|
|
4065
|
-
});
|
|
4066
|
-
};
|
|
4052
|
+
var navbarMenu = isExperiment ? /*#__PURE__*/jsxs(Fragment, {
|
|
4053
|
+
children: [/*#__PURE__*/jsx(ShowFromTweakExtraLarge, {
|
|
4054
|
+
children: /*#__PURE__*/jsx(Nav, {
|
|
4055
|
+
navOptions: navOptions
|
|
4056
|
+
})
|
|
4057
|
+
}), /*#__PURE__*/jsx(HideFromTweakExtraLarge, {
|
|
4058
|
+
children: /*#__PURE__*/jsx(HamburgerMenu, {
|
|
4059
|
+
handleApplyNowClick: handleApplyNow,
|
|
4060
|
+
application: application,
|
|
4061
|
+
talkTo: textForTalkTo,
|
|
4062
|
+
navOptions: navOptions,
|
|
4063
|
+
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
4064
|
+
})
|
|
4065
|
+
})]
|
|
4066
|
+
}) : /*#__PURE__*/jsxs(Fragment, {
|
|
4067
|
+
children: [/*#__PURE__*/jsx(ShowFromTweakLarge, {
|
|
4068
|
+
children: /*#__PURE__*/jsx(Nav, {
|
|
4069
|
+
navOptions: navOptions
|
|
4070
|
+
})
|
|
4071
|
+
}), /*#__PURE__*/jsx(HideFromTweakLarge, {
|
|
4072
|
+
children: /*#__PURE__*/jsx(HamburgerMenu, {
|
|
4073
|
+
handleApplyNowClick: handleApplyNow,
|
|
4074
|
+
application: application,
|
|
4075
|
+
talkTo: textForTalkTo,
|
|
4076
|
+
navOptions: navOptions,
|
|
4077
|
+
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel()
|
|
4078
|
+
})
|
|
4079
|
+
})]
|
|
4080
|
+
});
|
|
4067
4081
|
return /*#__PURE__*/jsx(HeaderBase, {
|
|
4068
|
-
navSlot:
|
|
4082
|
+
navSlot: navbarMenu,
|
|
4083
|
+
isExperiment: isExperiment,
|
|
4069
4084
|
ctaSlot: /*#__PURE__*/jsx(CtaNav, {
|
|
4070
4085
|
handleApplyNowClick: handleApplyNow,
|
|
4071
4086
|
application: application,
|
|
4072
4087
|
session: session,
|
|
4073
4088
|
talkTo: textForTalkTo,
|
|
4074
4089
|
openCommPanel: () => isCommPanelOpen ? closeCommPanel() : _openCommPanel(),
|
|
4075
|
-
onLogout: onLogout
|
|
4090
|
+
onLogout: onLogout,
|
|
4091
|
+
isExperiment: isExperiment
|
|
4076
4092
|
})
|
|
4077
4093
|
});
|
|
4078
4094
|
};
|