@lendi/navbar 7.35.1 → 7.36.0

package/dist/navbar.cjs.dev.js

@@ -1617,7 +1617,7 @@ var _templateObject$8, _templateObject2$3;
 var StyledWrapper = styled__default["default"].div.withConfig({
   displayName: "style__StyledWrapper",
   componentId: "lui__sc-1hl3v3a-0"
-})(["", ";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 => {
+})(["", ";right:14px;position:fixed;bottom:30px;padding:14px;align-items:center;gap:10px;border-radius:40px;color:#fff;background-color:#e52c64;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  "]))), _ref => {
   var {
     isContracted
   } = _ref;
@@ -1634,7 +1634,7 @@ var Label$1 = styled__default["default"].span.withConfig({
 var Dot = styled__default["default"].span.withConfig({
   displayName: "style__Dot",
   componentId: "lui__sc-1hl3v3a-3"
-})(["width:24px;height:24px;border-radius:40px;background-color:#e52c64;position:absolute;top:-21px;right:-19px;"]);
+})(["width:24px;height:24px;border-radius:40px;background-color:", ";position:absolute;top:-21px;right:-19px;"], getColour.getColour('interaction', 'main'));
 
 var ChatBubble = _ref => {
   var {
@@ -1737,9 +1737,7 @@ props => {
   React.useEffect(() => {
     var timeout;
     if (props.enableChatBubble && chatBubble && isExperiment) {
-      timeout = setTimeout(() => {
-        setRenderChatBubble(true);
-      }, 1000);
+      setRenderChatBubble(true);
     }
     return () => clearTimeout(timeout);
   }, [props, chatBubble, isExperiment]);

package/dist/navbar.cjs.prod.js

@@ -1021,7 +1021,7 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
 }, StyledWrapper = styled__default.default.div.withConfig({
   displayName: "style__StyledWrapper",
   componentId: "lui__sc-1hl3v3a-0"
-})([ "", ";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 => {
+})([ "", ";right:14px;position:fixed;bottom:30px;padding:14px;align-items:center;gap:10px;border-radius:40px;color:#fff;background-color:#e52c64;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  " ]))), (_ref => {
   var {isContracted: isContracted} = _ref;
   return isContracted ? "50px" : "143px";
 })), BubbleBody = styled__default.default.div.withConfig({
@@ -1033,7 +1033,7 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
 })([ "", ";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({
   displayName: "style__Dot",
   componentId: "lui__sc-1hl3v3a-3"
-})([ "width:24px;height:24px;border-radius:40px;background-color:#e52c64;position:absolute;top:-21px;right:-19px;" ]), ChatBubble = _ref => {
+})([ "width:24px;height:24px;border-radius:40px;background-color:", ";position:absolute;top:-21px;right:-19px;" ], getColour.getColour("interaction", "main")), ChatBubble = _ref => {
   var {onClick: _onClick} = _ref, [isContracted, setContracted] = React.useState(!1), [showLabel, setShowLabel] = React.useState(!0);
   return React.useEffect((() => {
     var timeout = setTimeout((() => {
@@ -1081,12 +1081,8 @@ var _templateObject$9, _templateObject2$4, _templateObject$8, _templateObject2$3
   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);
   breakpoint.useBreakpoint(setBreakpoint);
   var shouldFullScreen = "aussie" === utils$1.getThemeName() || "mobile" === breakpoint$1, isExperiment = "Experiment1" === chatExperiment || "Experiment3" === chatExperiment;
-  return React.useEffect((() => {
-    var timeout;
-    return props.enableChatBubble && chatBubble && isExperiment && (timeout = setTimeout((() => {
-      setRenderChatBubble(!0);
-    }), 1e3)), () => clearTimeout(timeout);
-  }), [ props, chatBubble, isExperiment ]), jsxRuntime.jsxs(chat.ChatDataExposureContext.Provider, {
+  return React.useEffect((() => (props.enableChatBubble && chatBubble && isExperiment && setRenderChatBubble(!0), 
+  () => clearTimeout(undefined))), [ props, chatBubble, isExperiment ]), jsxRuntime.jsxs(chat.ChatDataExposureContext.Provider, {
     value: {
       setHasUnReadMessage: hasUnreadMessages => setHasUnread(hasUnreadMessages),
       setStatus: status => setIsOtherUserOnline(status)

package/dist/navbar.esm.js

@@ -1584,7 +1584,7 @@ var _templateObject$8, _templateObject2$3;
 var StyledWrapper = styled.div.withConfig({
   displayName: "style__StyledWrapper",
   componentId: "lui__sc-1hl3v3a-0"
-})(["", ";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 => {
+})(["", ";right:14px;position:fixed;bottom:30px;padding:14px;align-items:center;gap:10px;border-radius:40px;color:#fff;background-color:#e52c64;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  "]))), _ref => {
   var {
     isContracted
   } = _ref;
@@ -1601,7 +1601,7 @@ var Label$1 = styled.span.withConfig({
 var Dot = styled.span.withConfig({
   displayName: "style__Dot",
   componentId: "lui__sc-1hl3v3a-3"
-})(["width:24px;height:24px;border-radius:40px;background-color:#e52c64;position:absolute;top:-21px;right:-19px;"]);
+})(["width:24px;height:24px;border-radius:40px;background-color:", ";position:absolute;top:-21px;right:-19px;"], getColour$1('interaction', 'main'));
 
 var ChatBubble = _ref => {
   var {
@@ -1704,9 +1704,7 @@ props => {
   useEffect(() => {
     var timeout;
     if (props.enableChatBubble && chatBubble && isExperiment) {
-      timeout = setTimeout(() => {
-        setRenderChatBubble(true);
-      }, 1000);
+      setRenderChatBubble(true);
     }
     return () => clearTimeout(timeout);
   }, [props, chatBubble, isExperiment]);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lendi/navbar",
   "access": "restricted",
-  "version": "7.35.1",
+  "version": "7.36.0",
   "license": "ISC",
   "source": "src/index.tsx",
   "main": "dist/navbar.cjs.js",