@lendi/navbar 7.33.0 → 7.35.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.
Files changed (4) hide show
  1. package/dist/navbar.cjs.dev.js +26 -24
  2. package/dist/navbar.cjs.prod.js +20 -21
  3. package/dist/navbar.esm.js +26 -24
  4. package/package.json +2 -2
package/dist/navbar.cjs.dev.js CHANGED
@@ -160,7 +160,7 @@ function _taggedTemplateLiteral(strings, raw) {
160
160
  }));
161
161
  }
162
162
 
163
- var _templateObject$f, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5$1;
163
+ var _templateObject$g, _templateObject2$6, _templateObject3$2, _templateObject4$1, _templateObject5$1;
164
164
  var StyledHeaderLogo = styled__default["default"](Logo__default["default"]).withConfig({
165
165
  displayName: "style__StyledHeaderLogo",
166
166
  componentId: "lui__sc-17ip4hk-0"
@@ -180,7 +180,7 @@ var StyledHeaderLogo = styled__default["default"](Logo__default["default"]).with
180
180
  } = _ref3;
181
181
  return Theme.select('logo.logoName')({
182
182
  theme
183
- }) === 'LendiLogo' ? styled.css(["", ";", ";"], breakpoint.gte('tablet')(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n width: auto;\n height: 28px;\n "]))), breakpoint.gte('desktop')(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n width: auto;\n height: 36px;\n "])))) : styled.css(["", ";", ";"], breakpoint.gte('tablet')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n width: auto;\n height: 28px;\n "]))), breakpoint.gte('desktop')(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n width: auto;\n height: 36px;\n "]))));
183
+ }) === 'LendiLogo' ? styled.css(["", ";", ";"], breakpoint.gte('tablet')(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n width: auto;\n height: 28px;\n "]))), breakpoint.gte('desktop')(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n width: auto;\n height: 36px;\n "])))) : styled.css(["", ";", ";"], breakpoint.gte('tablet')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n width: auto;\n height: 28px;\n "]))), breakpoint.gte('desktop')(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n width: auto;\n height: 36px;\n "]))));
184
184
  });
185
185
  var LogoLink$1 = styled__default["default"].a.withConfig({
186
186
  displayName: "style__LogoLink",
@@ -235,7 +235,7 @@ var LogoComponent = _ref => {
235
235
  };
236
236
  var LogoComponent$1 = LogoComponent;
237
237
 
238
- var _templateObject$e;
238
+ var _templateObject$f;
239
239
  var navTokens = {
240
240
  size: {
241
241
  height: {
@@ -266,7 +266,7 @@ var NavbarWrapper = styled__default["default"](NavbarBase__default["default"]).w
266
266
  tablet: 'sm',
267
267
  desktop: 'lg'
268
268
  }));
269
- }, navTokens.size.height.navbar.mobile.value, breakpoint.gte('desktop')(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n height: ", "\n "])), navTokens.size.height.navbar.desktop.value));
269
+ }, navTokens.size.height.navbar.mobile.value, breakpoint.gte('desktop')(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n height: ", "\n "])), navTokens.size.height.navbar.desktop.value));
270
270
  var Container = styled__default["default"].div.withConfig({
271
271
  displayName: "styles__Container",
272
272
  componentId: "lui__sc-ej7i4l-1"
@@ -284,11 +284,11 @@ var NavbarRightWrapper = styled__default["default"].div.withConfig({
284
284
  componentId: "lui__sc-ej7i4l-4"
285
285
  })([""]);
286
286
 
287
- var _templateObject$d, _templateObject2$4;
287
+ var _templateObject$e, _templateObject2$5;
288
288
  var TalkExpertAction$1 = styled__default["default"](button.Button).withConfig({
289
289
  displayName: "style__TalkExpertAction",
290
290
  componentId: "lui__sc-9anjvz-0"
291
- })(["width:100%;", " ", ";min-width:180px;", ""], spacing.mr('sm'), breakpoint.between('mobile', 'desktop')(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n border: none;\n "]))), _ref => {
291
+ })(["width:100%;", " ", ";min-width:180px;", ""], spacing.mr('sm'), breakpoint.between('mobile', 'desktop')(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n border: none;\n "]))), _ref => {
292
292
  var {
293
293
  bigLabelAccomodate
294
294
  } = _ref;
@@ -297,7 +297,7 @@ var TalkExpertAction$1 = styled__default["default"](button.Button).withConfig({
297
297
  var TalkExpertActionMobile = styled__default["default"](button.Button).withConfig({
298
298
  displayName: "style__TalkExpertActionMobile",
299
299
  componentId: "lui__sc-9anjvz-1"
300
- })(["", " ", ";min-width:102px;padding:0;line-height:1.33;", ""], spacing.mr('sm'), breakpoint.between('mobile', 'desktop')(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n border: none;\n "]))), _ref2 => {
300
+ })(["", " ", ";min-width:102px;padding:0;line-height:1.33;", ""], spacing.mr('sm'), breakpoint.between('mobile', 'desktop')(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n border: none;\n "]))), _ref2 => {
301
301
  var {
302
302
  isContinue
303
303
  } = _ref2;
@@ -365,7 +365,7 @@ var AHLProducts = /*#__PURE__*/function (AHLProducts) {
365
365
  }({});
366
366
  var SURVEY_ID = '931186d4c71ec937';
367
367
 
368
- var _templateObject$c;
368
+ var _templateObject$d;
369
369
  var TalkExpertAction = styled__default["default"](button.Button).withConfig({
370
370
  displayName: "indexstyle__TalkExpertAction",
371
371
  componentId: "lui__sc-altm9z-0"
@@ -374,7 +374,7 @@ var TalkExpertAction = styled__default["default"](button.Button).withConfig({
374
374
  dashboardVariant
375
375
  } = _ref;
376
376
  return dashboardVariant && styled.css(["", ""], spacing.mr('nil'));
377
- }, breakpoint.between('mobile', 'desktop')(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n min-width: 90px;\n border: none;\n ", "\n "])), spacing.p('nil')), _ref2 => {
377
+ }, breakpoint.between('mobile', 'desktop')(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n min-width: 90px;\n border: none;\n ", "\n "])), spacing.p('nil')), _ref2 => {
378
378
  var {
379
379
  continueExist
380
380
  } = _ref2;
@@ -400,11 +400,11 @@ var useDropdownMenu = () => {
400
400
  return state;
401
401
  };
402
402
 
403
- var _templateObject$b;
403
+ var _templateObject$c;
404
404
  var LogoutWrapper = styled__default["default"].div.withConfig({
405
405
  displayName: "style__LogoutWrapper",
406
406
  componentId: "lui__sc-t6my6e-0"
407
- })(["position:absolute;right:5px;top:56px;", ";display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:", ";border-radius:", ";", ""], breakpoint.gte('desktop')(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["top: 70px;"]))), _ref => {
407
+ })(["position:absolute;right:5px;top:56px;", ";display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:", ";border-radius:", ";", ""], breakpoint.gte('desktop')(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["top: 70px;"]))), _ref => {
408
408
  var {
409
409
  theme
410
410
  } = _ref;
@@ -515,7 +515,6 @@ var DropdownMenu = () => {
515
515
  analytics(event);
516
516
  },
517
517
  href: "".concat(path).concat(ROUTE_REFER_A_FRIEND),
518
- target: "_blank",
519
518
  "aria-label": LABEL_REFER_A_FRIEND,
520
519
  children: LABEL_REFER_A_FRIEND
521
520
  }), isLendi && sendFeedback && isSVA && /*#__PURE__*/jsxRuntime.jsx(LinkWrapper$1, {
@@ -599,11 +598,11 @@ var LogoutComponent = () => {
599
598
  });
600
599
  };
601
600
 
602
- var _templateObject$a;
601
+ var _templateObject$b;
603
602
  var DesktopActionsWrapper = styled__default["default"].div.withConfig({
604
603
  displayName: "style__DesktopActionsWrapper",
605
604
  componentId: "lui__sc-jh42qz-0"
606
- })(["display:flex;", ";"], breakpoint.between('mobile', 'desktop')(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n display: none;\n "]))));
605
+ })(["display:flex;", ";"], breakpoint.between('mobile', 'desktop')(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n display: none;\n "]))));
607
606
 
608
607
  var DEFAULT_DASHBOARD_URL = '/v2/dashboard/';
609
608
  var getSignInURL = (brand, env, returnURL) => {
@@ -752,11 +751,11 @@ var RenderDesktopAction = _ref2 => {
752
751
  };
753
752
  var RenderDesktopAction$1 = RenderDesktopAction;
754
753
 
755
- var _templateObject$9;
754
+ var _templateObject$a;
756
755
  var MobileActionsWrapper = styled__default["default"].div.withConfig({
757
756
  displayName: "style__MobileActionsWrapper",
758
757
  componentId: "lui__sc-jzhj4e-0"
759
- })(["display:flex;", ";.noHover{", ";:hover{box-shadow:none;}}"], breakpoint.gte('desktop')(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n display: none;\n "]))), spacing.mr('nil'));
758
+ })(["display:flex;", ";.noHover{", ";:hover{box-shadow:none;}}"], breakpoint.gte('desktop')(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n display: none;\n "]))), spacing.mr('nil'));
760
759
 
761
760
  var RenderMobileAction = _ref => {
762
761
  var _window, _window2;
@@ -1502,7 +1501,7 @@ var CustomerCommPanel = _ref => {
1502
1501
  };
1503
1502
 
1504
1503
  var _excluded$9 = ["children", "className", "isOpen", "handleClose", "topOffset"];
1505
- var _templateObject$8, _templateObject2$3;
1504
+ var _templateObject$9, _templateObject2$4;
1506
1505
  var IS_OPEN_DATA_ATTRIBUTE = 'data-slideout-isOpen';
1507
1506
  var slideInRight = styled.keyframes(["0%{transform:translate3d(100%,0,0);}100%{transform:translate3d(0,0,0);}"]);
1508
1507
  var slideOutRight = styled.keyframes(["0%{transform:translate3d(0,0,0);}100%{transform:translate3d(100%,0,0);}"]);
@@ -1514,7 +1513,7 @@ var slideOutRight = styled.keyframes(["0%{transform:translate3d(0,0,0);}100%{tra
1514
1513
  var StyledSlideoutMenu$1 = styled__default["default"].div.withConfig({
1515
1514
  displayName: "SlideoutMenuBase__StyledSlideoutMenu",
1516
1515
  componentId: "lui__sc-msuqad-0"
1517
- })(["display:none;width:100%;position:fixed;top:0;bottom:0;right:0;z-index:2;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease;", " &.is-open{transform:translate3d(0,0,0);display:block;}&.slide-in-right{animation-name:", ";}&.slide-out-right{animation-name:", ";}", ""], breakpoint.gte('sm')(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n width: ", ";;\n "])), utils$1.pxToRem(375)), slideInRight, slideOutRight, _ref => {
1516
+ })(["display:none;width:100%;position:fixed;top:0;bottom:0;right:0;z-index:2;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease;", " &.is-open{transform:translate3d(0,0,0);display:block;}&.slide-in-right{animation-name:", ";}&.slide-out-right{animation-name:", ";}", ""], breakpoint.gte('sm')(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n width: ", ";;\n "])), utils$1.pxToRem(375)), slideInRight, slideOutRight, _ref => {
1518
1517
  var {
1519
1518
  topOffset
1520
1519
  } = _ref;
@@ -1528,7 +1527,7 @@ var BodyStyles = styled.createGlobalStyle(["", ""], _ref2 => {
1528
1527
  var {
1529
1528
  isOpen
1530
1529
  } = _ref2;
1531
- return isOpen && styled.css(["[data-slideout-isOpen]{", "}"], breakpoint.between('xs', 'sm')(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n overflow: hidden; \n "]))));
1530
+ return isOpen && styled.css(["[data-slideout-isOpen]{", "}"], breakpoint.between('xs', 'sm')(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n overflow: hidden; \n "]))));
1532
1531
  });
1533
1532
  var useSlideoutMenu = () => {
1534
1533
  var [showMenu, setShowMenu] = React.useState(false);
@@ -1614,10 +1613,11 @@ var SlideoutMenuBase = _ref3 => {
1614
1613
  });
1615
1614
  };
1616
1615
 
1616
+ var _templateObject$8, _templateObject2$3;
1617
1617
  var StyledWrapper = styled__default["default"].div.withConfig({
1618
1618
  displayName: "style__StyledWrapper",
1619
1619
  componentId: "lui__sc-1hl3v3a-0"
1620
- })(["position:fixed;right:52px;bottom:30px;padding:14px;align-items:center;gap:10px;border-radius:40px;color:#fff;background-color:", ";cursor:pointer;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.12),0px 2px 2px 0px rgba(0,0,0,0.12),0px 1px 3px 0px rgba(0,0,0,0.14);transition:width 600ms ease-in-out;width:", ";&:hover{width:143px;}"], getColour.getColour('interaction', 'main'), _ref => {
1620
+ })(["", ";right:14px;position:fixed;bottom:30px;padding:14px;align-items:center;gap:10px;border-radius:40px;color:#fff;background-color:", ";cursor:pointer;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.12),0px 2px 2px 0px rgba(0,0,0,0.12),0px 1px 3px 0px rgba(0,0,0,0.14);transition:width 600ms ease-in-out;width:", ";&:hover{width:143px;}"], breakpoint.gte('tablet')(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n right: 16px;\n "]))), getColour.getColour('interaction', 'main'), _ref => {
1621
1621
  var {
1622
1622
  isContracted
1623
1623
  } = _ref;
@@ -1630,7 +1630,7 @@ var BubbleBody = styled__default["default"].div.withConfig({
1630
1630
  var Label$1 = styled__default["default"].span.withConfig({
1631
1631
  displayName: "style__Label",
1632
1632
  componentId: "lui__sc-1hl3v3a-2"
1633
- })(["color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:20px;&.hidden{display:none;}"]);
1633
+ })(["", ";color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:20px;&.hidden{display:none;}"], breakpoint.gte('tablet')(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n font-size: 14px;\n "]))));
1634
1634
  var Dot = styled__default["default"].span.withConfig({
1635
1635
  displayName: "style__Dot",
1636
1636
  componentId: "lui__sc-1hl3v3a-3"
@@ -1715,7 +1715,8 @@ props => {
1715
1715
  onException
1716
1716
  } = useError();
1717
1717
  var {
1718
- chatBubble
1718
+ chatBubble,
1719
+ chatExperiment
1719
1720
  } = launchdarkly.useFlags();
1720
1721
  var {
1721
1722
  isCommPanelOpen,
@@ -1732,15 +1733,16 @@ props => {
1732
1733
  breakpoint.useBreakpoint(setBreakpoint);
1733
1734
  var theme = utils$1.getThemeName();
1734
1735
  var shouldFullScreen = theme === 'aussie' || breakpoint$1 === 'mobile';
1736
+ var isExperiment = chatExperiment === 'Experiment1' || chatExperiment === 'Experiment3';
1735
1737
  React.useEffect(() => {
1736
1738
  var timeout;
1737
- if (props.enableChatBubble && chatBubble) {
1739
+ if (props.enableChatBubble && chatBubble && isExperiment) {
1738
1740
  timeout = setTimeout(() => {
1739
1741
  setRenderChatBubble(true);
1740
1742
  }, 1000);
1741
1743
  }
1742
1744
  return () => clearTimeout(timeout);
1743
- }, [props, chatBubble]);
1745
+ }, [props, chatBubble, isExperiment]);
1744
1746
  return /*#__PURE__*/jsxRuntime.jsxs(chat.ChatDataExposureContext.Provider, {
1745
1747
  value: {
1746
1748
  setHasUnReadMessage: hasUnreadMessages => setHasUnread(hasUnreadMessages),
package/dist/navbar.cjs.prod.js CHANGED
@@ -62,7 +62,7 @@ function _objectSpread2(e) {
62
62
  return e;
63
63
  }
64
64
 
65
- var _templateObject$f, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5$1, analytics = navbarAnalyticsEvent => {
65
+ var _templateObject$g, _templateObject2$6, _templateObject3$2, _templateObject4$1, _templateObject5$1, analytics = navbarAnalyticsEvent => {
66
66
  window && window.analytics ? analytics$1.trackEvent(_objectSpread2({}, navbarAnalyticsEvent)) : console.error("Segment is not loaded");
67
67
  };
68
68
 
@@ -74,7 +74,7 @@ function _taggedTemplateLiteral(strings, raw) {
74
74
  }));
75
75
  }
76
76
 
77
- var _templateObject$e, _templateObject$d, _templateObject2$4, StyledHeaderLogo = styled__default.default(Logo__default.default).withConfig({
77
+ var _templateObject$f, _templateObject$e, _templateObject2$5, StyledHeaderLogo = styled__default.default(Logo__default.default).withConfig({
78
78
  displayName: "style__StyledHeaderLogo",
79
79
  componentId: "lui__sc-17ip4hk-0"
80
80
  })([ "", ";width:auto;height:28px;color:", ";", ";" ], (_ref => {
@@ -87,7 +87,7 @@ var _templateObject$e, _templateObject$d, _templateObject2$4, StyledHeaderLogo =
87
87
  var {theme: theme} = _ref3;
88
88
  return "LendiLogo" === Theme.select("logo.logoName")({
89
89
  theme: theme
90
- }) ? styled.css([ "", ";", ";" ], breakpoint.gte("tablet")(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral([ "\n width: auto;\n height: 28px;\n " ]))), breakpoint.gte("desktop")(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral([ "\n width: auto;\n height: 36px;\n " ])))) : styled.css([ "", ";", ";" ], breakpoint.gte("tablet")(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral([ "\n width: auto;\n height: 28px;\n " ]))), breakpoint.gte("desktop")(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral([ "\n width: auto;\n height: 36px;\n " ]))));
90
+ }) ? styled.css([ "", ";", ";" ], breakpoint.gte("tablet")(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral([ "\n width: auto;\n height: 28px;\n " ]))), breakpoint.gte("desktop")(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral([ "\n width: auto;\n height: 36px;\n " ])))) : styled.css([ "", ";", ";" ], breakpoint.gte("tablet")(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral([ "\n width: auto;\n height: 28px;\n " ]))), breakpoint.gte("desktop")(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral([ "\n width: auto;\n height: 36px;\n " ]))));
91
91
  })), LogoLink$1 = styled__default.default.a.withConfig({
92
92
  displayName: "style__LogoLink",
93
93
  componentId: "lui__sc-17ip4hk-1"
@@ -152,7 +152,7 @@ var _templateObject$e, _templateObject$d, _templateObject2$4, StyledHeaderLogo =
152
152
  tablet: "sm",
153
153
  desktop: "lg"
154
154
  }));
155
- }), navTokens.size.height.navbar.mobile.value, breakpoint.gte("desktop")(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral([ "\n height: ", "\n " ])), navTokens.size.height.navbar.desktop.value)), Container = styled__default.default.div.withConfig({
155
+ }), navTokens.size.height.navbar.mobile.value, breakpoint.gte("desktop")(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral([ "\n height: ", "\n " ])), navTokens.size.height.navbar.desktop.value)), Container = styled__default.default.div.withConfig({
156
156
  displayName: "styles__Container",
157
157
  componentId: "lui__sc-ej7i4l-1"
158
158
  })([ "display:flex;align-items:center;" ]), MenuLogoWrapper = styled__default.default.div.withConfig({
@@ -167,13 +167,13 @@ var _templateObject$e, _templateObject$d, _templateObject2$4, StyledHeaderLogo =
167
167
  })([ "" ]), TalkExpertAction$1 = styled__default.default(button.Button).withConfig({
168
168
  displayName: "style__TalkExpertAction",
169
169
  componentId: "lui__sc-9anjvz-0"
170
- })([ "width:100%;", " ", ";min-width:180px;", "" ], spacing.mr("sm"), breakpoint.between("mobile", "desktop")(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral([ "\n border: none;\n " ]))), (_ref => {
170
+ })([ "width:100%;", " ", ";min-width:180px;", "" ], spacing.mr("sm"), breakpoint.between("mobile", "desktop")(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral([ "\n border: none;\n " ]))), (_ref => {
171
171
  var {bigLabelAccomodate: bigLabelAccomodate} = _ref;
172
172
  return bigLabelAccomodate && styled.css([ "min-width:202px;" ]);
173
173
  })), TalkExpertActionMobile = styled__default.default(button.Button).withConfig({
174
174
  displayName: "style__TalkExpertActionMobile",
175
175
  componentId: "lui__sc-9anjvz-1"
176
- })([ "", " ", ";min-width:102px;padding:0;line-height:1.33;", "" ], spacing.mr("sm"), breakpoint.between("mobile", "desktop")(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral([ "\n border: none;\n " ]))), (_ref2 => {
176
+ })([ "", " ", ";min-width:102px;padding:0;line-height:1.33;", "" ], spacing.mr("sm"), breakpoint.between("mobile", "desktop")(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral([ "\n border: none;\n " ]))), (_ref2 => {
177
177
  var {isContinue: isContinue} = _ref2;
178
178
  return isContinue && styled.css([ "min-width:90px;" ]);
179
179
  })), SecondaryAction = styled__default.default(button.Button).withConfig({
@@ -195,7 +195,7 @@ styled__default.default.div.withConfig({
195
195
  desktop: "block"
196
196
  }));
197
197
 
198
- var _templateObject$c, _templateObject$b, _templateObject$a, _templateObject$9, UnreadMessageWrapper = styled__default.default(UnreadMessage__default.default).withConfig({
198
+ var _templateObject$d, _templateObject$c, _templateObject$b, _templateObject$a, UnreadMessageWrapper = styled__default.default(UnreadMessage__default.default).withConfig({
199
199
  displayName: "style__UnreadMessageWrapper",
200
200
  componentId: "lui__sc-9anjvz-5"
201
201
  })([ "margin-top:-0.4em;margin-right:0.5em;margin-left:-0.5em;" ]), BOOK_AN_APPOINTMENT = "BOOK AN APPOINTMENT", UNREAD_MESSAGE = "YOU HAVE AN UNREAD MESSAGE", UNREAD_MESSAGE_MOBILE = "UNREAD MESSAGE", CONTACT_US = "CONTACT US", LABEL_TALK_TO_EXPERT = "TALK TO AN EXPERT", LABEL_TALK_TO_A_BROKER = "TALK TO A BROKER", LABEL_SIGN_IN = "SIGN IN", LABEL_CONTINUE = "CONTINUE", LABEL_APPLICATIONS = "Applications", LABEL_DASHBOARD = "Dashboard", LABEL_PROPERTY_REPORT = "Property reports", LABEL_REFER_A_FRIEND = "Refer a friend", LABEL_SEND_FEEDBACK = "Send Feedback", LABEL_LOG_OUT = "Sign out", LABEL_MORE_OPTIONS = "More options", DASHBOARD_V2_PATH = "/v2/dashboard", PATH_LENDI = "", PATH_DOMAIN = "/loanfinder", ROUTE_SIGN_IN = "/sign-in", ROUTE_BOOK_APPOINTMENT = "/book-appointment/", ROUTE_APPLICATIONS = "/dashboard/applications", ROUTE_PROPERTY_REPORT = "/dashboard/my-property-report", ROUTE_REFER_A_FRIEND = "/referral", ROUTE_NEW_PROPERTY_REPORT = "/property-report/my-properties", CMS_AHL_MAIN_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/?$/gm, CMS_AHL_ACTIVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-activate\/?$/gm, CMS_AHL_ELEVATE_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-elevate\/?$/gm, CMS_AHL_SELECT_URL_MATCH = /^\/?home-loans\/aussies-own-home-loans\/aussie-select\/?$/gm, FUNNEL1_URL_MATCH = /^\/?home-loans\/basics\/?([a-zA-Z0-9.%?=\-]*\/?)*$/gm, AHLProducts = function(AHLProducts) {
@@ -207,7 +207,7 @@ var _templateObject$c, _templateObject$b, _templateObject$a, _templateObject$9,
207
207
  })([ "", ";", " min-width:202px;", ";", "" ], spacing.mr("sm"), (_ref => {
208
208
  var {dashboardVariant: dashboardVariant} = _ref;
209
209
  return dashboardVariant && styled.css([ "", "" ], spacing.mr("nil"));
210
- }), breakpoint.between("mobile", "desktop")(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral([ "\n min-width: 90px;\n border: none;\n ", "\n " ])), spacing.p("nil")), (_ref2 => {
210
+ }), breakpoint.between("mobile", "desktop")(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral([ "\n min-width: 90px;\n border: none;\n ", "\n " ])), spacing.p("nil")), (_ref2 => {
211
211
  var {continueExist: continueExist} = _ref2;
212
212
  return continueExist && styled.css([ "min-width:180px;" ]);
213
213
  })), ContinueAction = styled__default.default(button.Button).withConfig({
@@ -224,7 +224,7 @@ var _templateObject$c, _templateObject$b, _templateObject$a, _templateObject$9,
224
224
  }, LogoutWrapper = styled__default.default.div.withConfig({
225
225
  displayName: "style__LogoutWrapper",
226
226
  componentId: "lui__sc-t6my6e-0"
227
- })([ "position:absolute;right:5px;top:56px;", ";display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:", ";border-radius:", ";", "" ], breakpoint.gte("desktop")(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral([ "top: 70px;" ]))), (_ref => {
227
+ })([ "position:absolute;right:5px;top:56px;", ";display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:", ";border-radius:", ";", "" ], breakpoint.gte("desktop")(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral([ "top: 70px;" ]))), (_ref => {
228
228
  var {theme: theme} = _ref;
229
229
  return theme.color.text.inverse;
230
230
  }), (() => borders.getRadius()), depth.depth(2)), MenuItem$1 = styled.css([ "", " ", "" ], spacing.px("sm"), spacing.py("sm")), MyAccountTitle = styled__default.default(typography.Body).withConfig({
@@ -303,7 +303,6 @@ var _templateObject$c, _templateObject$b, _templateObject$a, _templateObject$9,
303
303
  analytics(event);
304
304
  },
305
305
  href: "".concat(path).concat(ROUTE_REFER_A_FRIEND),
306
- target: "_blank",
307
306
  "aria-label": LABEL_REFER_A_FRIEND,
308
307
  children: LABEL_REFER_A_FRIEND
309
308
  }), isLendi && sendFeedback && isSVA && jsxRuntime.jsx(LinkWrapper$1, {
@@ -367,7 +366,7 @@ var _templateObject$c, _templateObject$b, _templateObject$a, _templateObject$9,
367
366
  }, DesktopActionsWrapper = styled__default.default.div.withConfig({
368
367
  displayName: "style__DesktopActionsWrapper",
369
368
  componentId: "lui__sc-jh42qz-0"
370
- })([ "display:flex;", ";" ], breakpoint.between("mobile", "desktop")(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral([ "\n display: none;\n " ])))), DEFAULT_DASHBOARD_URL = "/v2/dashboard/", getSignInURL = (brand, env, returnURL) => {
369
+ })([ "display:flex;", ";" ], breakpoint.between("mobile", "desktop")(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral([ "\n display: none;\n " ])))), DEFAULT_DASHBOARD_URL = "/v2/dashboard/", getSignInURL = (brand, env, returnURL) => {
371
370
  var urls = lalaUtils.getURLs(brand, lalaReact.Type.Customer, env), dashboardReturnURL = brand === lalaReact.Brand.Domain ? "/loanfinder".concat(DEFAULT_DASHBOARD_URL) : DEFAULT_DASHBOARD_URL, lendiOrAussieLandingPageRoute = "".concat(urls.origin, "lp/"), hasNoReturnURL = void 0 === returnURL || "" === returnURL, isReturnURLOrigin = returnURL === urls.origin, isReturnURLLendiOrAussieLandingPage = (null == returnURL ? void 0 : returnURL.includes(lendiOrAussieLandingPageRoute)) && brand !== lalaReact.Brand.Domain, newReturnURL = hasNoReturnURL || isReturnURLOrigin || isReturnURLLendiOrAussieLandingPage ? dashboardReturnURL : returnURL;
372
371
  return "".concat(urls.authenticate, "?returnURL=").concat(encodeURIComponent(newReturnURL));
373
372
  }, getEnvFromHostname = hostname => null != hostname && hostname.includes("dev.") ? lalaReact.Environment.Development : null != hostname && hostname.includes("stg.") || null != hostname && hostname.includes("stage.") ? lalaReact.Environment.Staging : null != hostname && hostname.includes("preprod.") ? lalaReact.Environment.Preproduction : null != hostname && hostname.includes("lendi.com.au") || null != hostname && hostname.includes("domain.com.au") || null != hostname && hostname.includes("aussie.com.au") ? lalaReact.Environment.Production : lalaReact.Environment.Development, RenderChatOrSideBar = _ref => {
@@ -457,7 +456,7 @@ var _templateObject$c, _templateObject$b, _templateObject$a, _templateObject$9,
457
456
  }, RenderDesktopAction$1 = RenderDesktopAction, MobileActionsWrapper = styled__default.default.div.withConfig({
458
457
  displayName: "style__MobileActionsWrapper",
459
458
  componentId: "lui__sc-jzhj4e-0"
460
- })([ "display:flex;", ";.noHover{", ";:hover{box-shadow:none;}}" ], breakpoint.gte("desktop")(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral([ "\n display: none;\n " ]))), spacing.mr("nil")), RenderMobileAction = _ref => {
459
+ })([ "display:flex;", ";.noHover{", ";:hover{box-shadow:none;}}" ], breakpoint.gte("desktop")(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral([ "\n display: none;\n " ]))), spacing.mr("nil")), RenderMobileAction = _ref => {
461
460
  var _window, _window2, {isAuthenticated: isAuthenticated, continueURL: continueURL, customerOwner: customerOwner, openCommPanel: openCommPanel = (() => {}), showContinueAction: showContinueAction = !1, showTalkToExpertCta: showTalkToExpertCta = !0, hasUnreadMessages: hasUnreadMessages} = _ref, {isTransparent: isTransparent} = NavbarBase.useNavbarBaseContext(), needToContinue = () => isAuthenticated && showContinueAction, brand = lalaUtils.getBrandFromHostname(), env = getEnvFromHostname(null === (_window = window) || void 0 === _window || null === (_window = _window.location) || void 0 === _window ? void 0 : _window.hostname), signInURL = getSignInURL(brand, env, null === (_window2 = window) || void 0 === _window2 || null === (_window2 = _window2.location) || void 0 === _window2 ? void 0 : _window2.href), primaryLabel = null != customerOwner && customerOwner.firstName ? "Talk to ".concat(customerOwner.firstName) : needToContinue() ? CONTACT_US : "aussie" === brand ? LABEL_TALK_TO_A_BROKER : LABEL_TALK_TO_EXPERT;
462
461
  return jsxRuntime.jsxs(MobileActionsWrapper, {
463
462
  children: [ showTalkToExpertCta && jsxRuntime.jsx(TalkExpertAction, {
@@ -860,7 +859,7 @@ styled__default.default.div.withConfig({
860
859
  componentId: "lui__sc-18wuygo-0"
861
860
  })([ "display:flex;align-items:center;" ]);
862
861
 
863
- var _templateObject$8, _templateObject2$3, _templateObject$7, _templateObject$6, _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, FaceWrapper = styled__default.default.span.withConfig({
862
+ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3, _templateObject$7, _templateObject$6, _templateObject$5, _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, FaceWrapper = styled__default.default.span.withConfig({
864
863
  displayName: "style__FaceWrapper",
865
864
  componentId: "lui__sc-18wuygo-1"
866
865
  })([ "position:relative;" ]), BrokerFace = styled__default.default.img.withConfig({
@@ -974,12 +973,12 @@ var _templateObject$8, _templateObject2$3, _templateObject$7, _templateObject$6,
974
973
  }, _excluded$9 = [ "children", "className", "isOpen", "handleClose", "topOffset" ], IS_OPEN_DATA_ATTRIBUTE = "data-slideout-isOpen", slideInRight = styled.keyframes([ "0%{transform:translate3d(100%,0,0);}100%{transform:translate3d(0,0,0);}" ]), slideOutRight = styled.keyframes([ "0%{transform:translate3d(0,0,0);}100%{transform:translate3d(100%,0,0);}" ]), StyledSlideoutMenu$1 = styled__default.default.div.withConfig({
975
974
  displayName: "SlideoutMenuBase__StyledSlideoutMenu",
976
975
  componentId: "lui__sc-msuqad-0"
977
- })([ "display:none;width:100%;position:fixed;top:0;bottom:0;right:0;z-index:2;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease;", " &.is-open{transform:translate3d(0,0,0);display:block;}&.slide-in-right{animation-name:", ";}&.slide-out-right{animation-name:", ";}", "" ], breakpoint.gte("sm")(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral([ "\n width: ", ";;\n " ])), utils$1.pxToRem(375)), slideInRight, slideOutRight, (_ref => {
976
+ })([ "display:none;width:100%;position:fixed;top:0;bottom:0;right:0;z-index:2;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease;", " &.is-open{transform:translate3d(0,0,0);display:block;}&.slide-in-right{animation-name:", ";}&.slide-out-right{animation-name:", ";}", "" ], breakpoint.gte("sm")(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral([ "\n width: ", ";;\n " ])), utils$1.pxToRem(375)), slideInRight, slideOutRight, (_ref => {
978
977
  var {topOffset: topOffset} = _ref;
979
978
  return topOffset && breakpoint.map(topOffset, (value => value && "top: ".concat(value)));
980
979
  })), BodyStyles = styled.createGlobalStyle([ "", "" ], (_ref2 => {
981
980
  var {isOpen: isOpen} = _ref2;
982
- return isOpen && styled.css([ "[data-slideout-isOpen]{", "}" ], breakpoint.between("xs", "sm")(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral([ "\n overflow: hidden; \n " ]))));
981
+ return isOpen && styled.css([ "[data-slideout-isOpen]{", "}" ], breakpoint.between("xs", "sm")(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral([ "\n overflow: hidden; \n " ]))));
983
982
  })), useSlideoutMenu = () => {
984
983
  var [showMenu, setShowMenu] = React.useState(!1);
985
984
  return {
@@ -1022,7 +1021,7 @@ var _templateObject$8, _templateObject2$3, _templateObject$7, _templateObject$6,
1022
1021
  }, StyledWrapper = styled__default.default.div.withConfig({
1023
1022
  displayName: "style__StyledWrapper",
1024
1023
  componentId: "lui__sc-1hl3v3a-0"
1025
- })([ "position:fixed;right:52px;bottom:30px;padding:14px;align-items:center;gap:10px;border-radius:40px;color:#fff;background-color:", ";cursor:pointer;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.12),0px 2px 2px 0px rgba(0,0,0,0.12),0px 1px 3px 0px rgba(0,0,0,0.14);transition:width 600ms ease-in-out;width:", ";&:hover{width:143px;}" ], getColour.getColour("interaction", "main"), (_ref => {
1024
+ })([ "", ";right:14px;position:fixed;bottom:30px;padding:14px;align-items:center;gap:10px;border-radius:40px;color:#fff;background-color:", ";cursor:pointer;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.12),0px 2px 2px 0px rgba(0,0,0,0.12),0px 1px 3px 0px rgba(0,0,0,0.14);transition:width 600ms ease-in-out;width:", ";&:hover{width:143px;}" ], breakpoint.gte("tablet")(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral([ "\n right: 16px;\n " ]))), getColour.getColour("interaction", "main"), (_ref => {
1026
1025
  var {isContracted: isContracted} = _ref;
1027
1026
  return isContracted ? "50px" : "143px";
1028
1027
  })), BubbleBody = styled__default.default.div.withConfig({
@@ -1031,7 +1030,7 @@ var _templateObject$8, _templateObject2$3, _templateObject$7, _templateObject$6,
1031
1030
  })([ "display:flex;flex-direction:row;gap:10px;align-items:center;position:relative;" ]), Label$1 = styled__default.default.span.withConfig({
1032
1031
  displayName: "style__Label",
1033
1032
  componentId: "lui__sc-1hl3v3a-2"
1034
- })([ "color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:20px;&.hidden{display:none;}" ]), Dot = styled__default.default.span.withConfig({
1033
+ })([ "", ";color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:20px;&.hidden{display:none;}" ], breakpoint.gte("tablet")(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral([ "\n font-size: 14px;\n " ])))), Dot = styled__default.default.span.withConfig({
1035
1034
  displayName: "style__Dot",
1036
1035
  componentId: "lui__sc-1hl3v3a-3"
1037
1036
  })([ "width:24px;height:24px;border-radius:40px;background-color:#e52c64;position:absolute;top:-21px;right:-19px;" ]), ChatBubble = _ref => {
@@ -1079,15 +1078,15 @@ var _templateObject$8, _templateObject2$3, _templateObject$7, _templateObject$6,
1079
1078
  var {toTheTop: toTheTop} = _ref2;
1080
1079
  return toTheTop && styled.css([ "top:0;z-index:999;" ]);
1081
1080
  })), withCommPanelWrapper = Component => props => {
1082
- var {onException: onException} = useError(), {chatBubble: chatBubble} = launchdarkly.useFlags(), {isCommPanelOpen: isCommPanelOpen, openCommPanel: openCommPanel, closeCommPanel: closeCommPanel, channelId: channelId, customerOwner: customerOwner, openChat: openChat} = chat.useBootstrappedChatState(), [hasUnread, setHasUnread] = React__default.default.useState(!1), [isOtherUserOnline, setIsOtherUserOnline] = React__default.default.useState(!1), [breakpoint$1, setBreakpoint] = React__default.default.useState(), [renderChatBubble, setRenderChatBubble] = React.useState(!1);
1081
+ var {onException: onException} = useError(), {chatBubble: chatBubble, chatExperiment: chatExperiment} = launchdarkly.useFlags(), {isCommPanelOpen: isCommPanelOpen, openCommPanel: openCommPanel, closeCommPanel: closeCommPanel, channelId: channelId, customerOwner: customerOwner, openChat: openChat} = chat.useBootstrappedChatState(), [hasUnread, setHasUnread] = React__default.default.useState(!1), [isOtherUserOnline, setIsOtherUserOnline] = React__default.default.useState(!1), [breakpoint$1, setBreakpoint] = React__default.default.useState(), [renderChatBubble, setRenderChatBubble] = React.useState(!1);
1083
1082
  breakpoint.useBreakpoint(setBreakpoint);
1084
- var shouldFullScreen = "aussie" === utils$1.getThemeName() || "mobile" === breakpoint$1;
1083
+ var shouldFullScreen = "aussie" === utils$1.getThemeName() || "mobile" === breakpoint$1, isExperiment = "Experiment1" === chatExperiment || "Experiment3" === chatExperiment;
1085
1084
  return React.useEffect((() => {
1086
1085
  var timeout;
1087
- return props.enableChatBubble && chatBubble && (timeout = setTimeout((() => {
1086
+ return props.enableChatBubble && chatBubble && isExperiment && (timeout = setTimeout((() => {
1088
1087
  setRenderChatBubble(!0);
1089
1088
  }), 1e3)), () => clearTimeout(timeout);
1090
- }), [ props, chatBubble ]), jsxRuntime.jsxs(chat.ChatDataExposureContext.Provider, {
1089
+ }), [ props, chatBubble, isExperiment ]), jsxRuntime.jsxs(chat.ChatDataExposureContext.Provider, {
1091
1090
  value: {
1092
1091
  setHasUnReadMessage: hasUnreadMessages => setHasUnread(hasUnreadMessages),
1093
1092
  setStatus: status => setIsOtherUserOnline(status)
package/dist/navbar.esm.js CHANGED
@@ -127,7 +127,7 @@ function _taggedTemplateLiteral(strings, raw) {
127
127
  }));
128
128
  }
129
129
 
130
- var _templateObject$f, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5$1;
130
+ var _templateObject$g, _templateObject2$6, _templateObject3$2, _templateObject4$1, _templateObject5$1;
131
131
  var StyledHeaderLogo = styled(Logo).withConfig({
132
132
  displayName: "style__StyledHeaderLogo",
133
133
  componentId: "lui__sc-17ip4hk-0"
@@ -147,7 +147,7 @@ var StyledHeaderLogo = styled(Logo).withConfig({
147
147
  } = _ref3;
148
148
  return select('logo.logoName')({
149
149
  theme
150
- }) === 'LendiLogo' ? css(["", ";", ";"], gte('tablet')(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n width: auto;\n height: 28px;\n "]))), gte('desktop')(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n width: auto;\n height: 36px;\n "])))) : css(["", ";", ";"], gte('tablet')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n width: auto;\n height: 28px;\n "]))), gte('desktop')(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n width: auto;\n height: 36px;\n "]))));
150
+ }) === 'LendiLogo' ? css(["", ";", ";"], gte('tablet')(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n width: auto;\n height: 28px;\n "]))), gte('desktop')(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n width: auto;\n height: 36px;\n "])))) : css(["", ";", ";"], gte('tablet')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n width: auto;\n height: 28px;\n "]))), gte('desktop')(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n width: auto;\n height: 36px;\n "]))));
151
151
  });
152
152
  var LogoLink$1 = styled.a.withConfig({
153
153
  displayName: "style__LogoLink",
@@ -202,7 +202,7 @@ var LogoComponent = _ref => {
202
202
  };
203
203
  var LogoComponent$1 = LogoComponent;
204
204
 
205
- var _templateObject$e;
205
+ var _templateObject$f;
206
206
  var navTokens = {
207
207
  size: {
208
208
  height: {
@@ -233,7 +233,7 @@ var NavbarWrapper = styled(NavbarBase).withConfig({
233
233
  tablet: 'sm',
234
234
  desktop: 'lg'
235
235
  }));
236
- }, navTokens.size.height.navbar.mobile.value, gte('desktop')(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n height: ", "\n "])), navTokens.size.height.navbar.desktop.value));
236
+ }, navTokens.size.height.navbar.mobile.value, gte('desktop')(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n height: ", "\n "])), navTokens.size.height.navbar.desktop.value));
237
237
  var Container = styled.div.withConfig({
238
238
  displayName: "styles__Container",
239
239
  componentId: "lui__sc-ej7i4l-1"
@@ -251,11 +251,11 @@ var NavbarRightWrapper = styled.div.withConfig({
251
251
  componentId: "lui__sc-ej7i4l-4"
252
252
  })([""]);
253
253
 
254
- var _templateObject$d, _templateObject2$4;
254
+ var _templateObject$e, _templateObject2$5;
255
255
  var TalkExpertAction$1 = styled(Button).withConfig({
256
256
  displayName: "style__TalkExpertAction",
257
257
  componentId: "lui__sc-9anjvz-0"
258
- })(["width:100%;", " ", ";min-width:180px;", ""], mr('sm'), between('mobile', 'desktop')(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n border: none;\n "]))), _ref => {
258
+ })(["width:100%;", " ", ";min-width:180px;", ""], mr('sm'), between('mobile', 'desktop')(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n border: none;\n "]))), _ref => {
259
259
  var {
260
260
  bigLabelAccomodate
261
261
  } = _ref;
@@ -264,7 +264,7 @@ var TalkExpertAction$1 = styled(Button).withConfig({
264
264
  var TalkExpertActionMobile = styled(Button).withConfig({
265
265
  displayName: "style__TalkExpertActionMobile",
266
266
  componentId: "lui__sc-9anjvz-1"
267
- })(["", " ", ";min-width:102px;padding:0;line-height:1.33;", ""], mr('sm'), between('mobile', 'desktop')(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n border: none;\n "]))), _ref2 => {
267
+ })(["", " ", ";min-width:102px;padding:0;line-height:1.33;", ""], mr('sm'), between('mobile', 'desktop')(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n border: none;\n "]))), _ref2 => {
268
268
  var {
269
269
  isContinue
270
270
  } = _ref2;
@@ -332,7 +332,7 @@ var AHLProducts = /*#__PURE__*/function (AHLProducts) {
332
332
  }({});
333
333
  var SURVEY_ID = '931186d4c71ec937';
334
334
 
335
- var _templateObject$c;
335
+ var _templateObject$d;
336
336
  var TalkExpertAction = styled(Button).withConfig({
337
337
  displayName: "indexstyle__TalkExpertAction",
338
338
  componentId: "lui__sc-altm9z-0"
@@ -341,7 +341,7 @@ var TalkExpertAction = styled(Button).withConfig({
341
341
  dashboardVariant
342
342
  } = _ref;
343
343
  return dashboardVariant && css(["", ""], mr('nil'));
344
- }, between('mobile', 'desktop')(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n min-width: 90px;\n border: none;\n ", "\n "])), p('nil')), _ref2 => {
344
+ }, between('mobile', 'desktop')(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n min-width: 90px;\n border: none;\n ", "\n "])), p('nil')), _ref2 => {
345
345
  var {
346
346
  continueExist
347
347
  } = _ref2;
@@ -367,11 +367,11 @@ var useDropdownMenu = () => {
367
367
  return state;
368
368
  };
369
369
 
370
- var _templateObject$b;
370
+ var _templateObject$c;
371
371
  var LogoutWrapper = styled.div.withConfig({
372
372
  displayName: "style__LogoutWrapper",
373
373
  componentId: "lui__sc-t6my6e-0"
374
- })(["position:absolute;right:5px;top:56px;", ";display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:", ";border-radius:", ";", ""], gte('desktop')(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["top: 70px;"]))), _ref => {
374
+ })(["position:absolute;right:5px;top:56px;", ";display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:", ";border-radius:", ";", ""], gte('desktop')(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["top: 70px;"]))), _ref => {
375
375
  var {
376
376
  theme
377
377
  } = _ref;
@@ -482,7 +482,6 @@ var DropdownMenu = () => {
482
482
  analytics(event);
483
483
  },
484
484
  href: "".concat(path).concat(ROUTE_REFER_A_FRIEND),
485
- target: "_blank",
486
485
  "aria-label": LABEL_REFER_A_FRIEND,
487
486
  children: LABEL_REFER_A_FRIEND
488
487
  }), isLendi && sendFeedback && isSVA && /*#__PURE__*/jsx(LinkWrapper$1, {
@@ -566,11 +565,11 @@ var LogoutComponent = () => {
566
565
  });
567
566
  };
568
567
 
569
- var _templateObject$a;
568
+ var _templateObject$b;
570
569
  var DesktopActionsWrapper = styled.div.withConfig({
571
570
  displayName: "style__DesktopActionsWrapper",
572
571
  componentId: "lui__sc-jh42qz-0"
573
- })(["display:flex;", ";"], between('mobile', 'desktop')(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n display: none;\n "]))));
572
+ })(["display:flex;", ";"], between('mobile', 'desktop')(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n display: none;\n "]))));
574
573
 
575
574
  var DEFAULT_DASHBOARD_URL = '/v2/dashboard/';
576
575
  var getSignInURL = (brand, env, returnURL) => {
@@ -719,11 +718,11 @@ var RenderDesktopAction = _ref2 => {
719
718
  };
720
719
  var RenderDesktopAction$1 = RenderDesktopAction;
721
720
 
722
- var _templateObject$9;
721
+ var _templateObject$a;
723
722
  var MobileActionsWrapper = styled.div.withConfig({
724
723
  displayName: "style__MobileActionsWrapper",
725
724
  componentId: "lui__sc-jzhj4e-0"
726
- })(["display:flex;", ";.noHover{", ";:hover{box-shadow:none;}}"], gte('desktop')(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n display: none;\n "]))), mr('nil'));
725
+ })(["display:flex;", ";.noHover{", ";:hover{box-shadow:none;}}"], gte('desktop')(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n display: none;\n "]))), mr('nil'));
727
726
 
728
727
  var RenderMobileAction = _ref => {
729
728
  var _window, _window2;
@@ -1469,7 +1468,7 @@ var CustomerCommPanel = _ref => {
1469
1468
  };
1470
1469
 
1471
1470
  var _excluded$9 = ["children", "className", "isOpen", "handleClose", "topOffset"];
1472
- var _templateObject$8, _templateObject2$3;
1471
+ var _templateObject$9, _templateObject2$4;
1473
1472
  var IS_OPEN_DATA_ATTRIBUTE = 'data-slideout-isOpen';
1474
1473
  var slideInRight = keyframes(["0%{transform:translate3d(100%,0,0);}100%{transform:translate3d(0,0,0);}"]);
1475
1474
  var slideOutRight = keyframes(["0%{transform:translate3d(0,0,0);}100%{transform:translate3d(100%,0,0);}"]);
@@ -1481,7 +1480,7 @@ var slideOutRight = keyframes(["0%{transform:translate3d(0,0,0);}100%{transform:
1481
1480
  var StyledSlideoutMenu$1 = styled.div.withConfig({
1482
1481
  displayName: "SlideoutMenuBase__StyledSlideoutMenu",
1483
1482
  componentId: "lui__sc-msuqad-0"
1484
- })(["display:none;width:100%;position:fixed;top:0;bottom:0;right:0;z-index:2;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease;", " &.is-open{transform:translate3d(0,0,0);display:block;}&.slide-in-right{animation-name:", ";}&.slide-out-right{animation-name:", ";}", ""], gte('sm')(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n width: ", ";;\n "])), pxToRem(375)), slideInRight, slideOutRight, _ref => {
1483
+ })(["display:none;width:100%;position:fixed;top:0;bottom:0;right:0;z-index:2;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease;", " &.is-open{transform:translate3d(0,0,0);display:block;}&.slide-in-right{animation-name:", ";}&.slide-out-right{animation-name:", ";}", ""], gte('sm')(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n width: ", ";;\n "])), pxToRem(375)), slideInRight, slideOutRight, _ref => {
1485
1484
  var {
1486
1485
  topOffset
1487
1486
  } = _ref;
@@ -1495,7 +1494,7 @@ var BodyStyles = createGlobalStyle(["", ""], _ref2 => {
1495
1494
  var {
1496
1495
  isOpen
1497
1496
  } = _ref2;
1498
- return isOpen && css(["[data-slideout-isOpen]{", "}"], between('xs', 'sm')(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n overflow: hidden; \n "]))));
1497
+ return isOpen && css(["[data-slideout-isOpen]{", "}"], between('xs', 'sm')(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n overflow: hidden; \n "]))));
1499
1498
  });
1500
1499
  var useSlideoutMenu = () => {
1501
1500
  var [showMenu, setShowMenu] = useState(false);
@@ -1581,10 +1580,11 @@ var SlideoutMenuBase = _ref3 => {
1581
1580
  });
1582
1581
  };
1583
1582
 
1583
+ var _templateObject$8, _templateObject2$3;
1584
1584
  var StyledWrapper = styled.div.withConfig({
1585
1585
  displayName: "style__StyledWrapper",
1586
1586
  componentId: "lui__sc-1hl3v3a-0"
1587
- })(["position:fixed;right:52px;bottom:30px;padding:14px;align-items:center;gap:10px;border-radius:40px;color:#fff;background-color:", ";cursor:pointer;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.12),0px 2px 2px 0px rgba(0,0,0,0.12),0px 1px 3px 0px rgba(0,0,0,0.14);transition:width 600ms ease-in-out;width:", ";&:hover{width:143px;}"], getColour$1('interaction', 'main'), _ref => {
1587
+ })(["", ";right:14px;position:fixed;bottom:30px;padding:14px;align-items:center;gap:10px;border-radius:40px;color:#fff;background-color:", ";cursor:pointer;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.12),0px 2px 2px 0px rgba(0,0,0,0.12),0px 1px 3px 0px rgba(0,0,0,0.14);transition:width 600ms ease-in-out;width:", ";&:hover{width:143px;}"], gte('tablet')(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n right: 16px;\n "]))), getColour$1('interaction', 'main'), _ref => {
1588
1588
  var {
1589
1589
  isContracted
1590
1590
  } = _ref;
@@ -1597,7 +1597,7 @@ var BubbleBody = styled.div.withConfig({
1597
1597
  var Label$1 = styled.span.withConfig({
1598
1598
  displayName: "style__Label",
1599
1599
  componentId: "lui__sc-1hl3v3a-2"
1600
- })(["color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:20px;&.hidden{display:none;}"]);
1600
+ })(["", ";color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:20px;&.hidden{display:none;}"], gte('tablet')(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n font-size: 14px;\n "]))));
1601
1601
  var Dot = styled.span.withConfig({
1602
1602
  displayName: "style__Dot",
1603
1603
  componentId: "lui__sc-1hl3v3a-3"
@@ -1682,7 +1682,8 @@ props => {
1682
1682
  onException
1683
1683
  } = useError();
1684
1684
  var {
1685
- chatBubble
1685
+ chatBubble,
1686
+ chatExperiment
1686
1687
  } = useFlags();
1687
1688
  var {
1688
1689
  isCommPanelOpen,
@@ -1699,15 +1700,16 @@ props => {
1699
1700
  useBreakpoint(setBreakpoint);
1700
1701
  var theme = getThemeName();
1701
1702
  var shouldFullScreen = theme === 'aussie' || breakpoint === 'mobile';
1703
+ var isExperiment = chatExperiment === 'Experiment1' || chatExperiment === 'Experiment3';
1702
1704
  useEffect(() => {
1703
1705
  var timeout;
1704
- if (props.enableChatBubble && chatBubble) {
1706
+ if (props.enableChatBubble && chatBubble && isExperiment) {
1705
1707
  timeout = setTimeout(() => {
1706
1708
  setRenderChatBubble(true);
1707
1709
  }, 1000);
1708
1710
  }
1709
1711
  return () => clearTimeout(timeout);
1710
- }, [props, chatBubble]);
1712
+ }, [props, chatBubble, isExperiment]);
1711
1713
  return /*#__PURE__*/jsxs(ChatDataExposureContext.Provider, {
1712
1714
  value: {
1713
1715
  setHasUnReadMessage: hasUnreadMessages => setHasUnread(hasUnreadMessages),
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lendi/navbar",
3
3
  "access": "restricted",
4
- "version": "7.33.0",
4
+ "version": "7.35.0",
5
5
  "license": "ISC",
6
6
  "source": "src/index.tsx",
7
7
  "main": "dist/navbar.cjs.js",
@@ -40,7 +40,7 @@
40
40
  "@lendi-ui/typography": "^5.13.11-beta.0",
41
41
  "@lendi-ui/utils": "^6.0.2-beta.1",
42
42
  "@lendi/analytics": "^4.6.0",
43
- "@lendi/chat": "^1.13.0",
43
+ "@lendi/chat": "^1.15.0",
44
44
  "@lendi/lala-utils": "^11.8.0",
45
45
  "@lendi/launchdarkly": "^0.1.7",
46
46
  "@lendi/lendigroup-leads-library": "^3.2.1",