From d153a1f525b22ec922408360099e33e040311a2c Mon Sep 17 00:00:00 2001 From: Allison Reinheimer Moore Date: Thu, 21 Sep 2023 10:15:27 -0400 Subject: [PATCH] DOP-4040: bump chatbot to v0.0.6 (#914) Co-authored-by: Seung Park Co-authored-by: Nick Larew --- package-lock.json | 165 ++++++++++++++++++++++++++++-------- package.json | 2 +- src/components/ChatbotUi.js | 17 +++- 3 files changed, 144 insertions(+), 40 deletions(-) diff --git a/package-lock.json b/package-lock.json index 945ce61ef..94f7f006a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -69,7 +69,7 @@ "lodash": "^4.6.0", "minimist": "^1.2.6", "mobx": "^6.1.5", - "mongodb-chatbot-ui": "^0.0.4", + "mongodb-chatbot-ui": "^0.0.6", "no-scroll": "^2.1.1", "node-fetch": "^3.3.2", "process": "^0.11.10", @@ -3633,13 +3633,13 @@ } }, "node_modules/@leafygreen-ui/a11y": { - "version": "1.4.9", - "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/a11y/-/a11y-1.4.9.tgz", - "integrity": "sha512-VHg/mqJ9VUSOvwnceA0dkLR2DUZbaTygZs5kBqn5f+55SmKDyksST3ecILygvVldETLFFYnQSOFWIA7h3kWWVQ==", + "version": "1.4.10", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/a11y/-/a11y-1.4.10.tgz", + "integrity": "sha512-Mp3ttmutq1yDr27DXGQaqsBe4AuGyIBuBH9yQWIluIF/raTF7GLFceqa0Fa9k228FfoBis+ApASHvmS+57Gctw==", "dependencies": { "@leafygreen-ui/emotion": "^4.0.7", "@leafygreen-ui/hooks": "^8.0.0", - "@leafygreen-ui/lib": "^11.0.0" + "@leafygreen-ui/lib": "^12.0.0" } }, "node_modules/@leafygreen-ui/a11y/node_modules/@leafygreen-ui/hooks": { @@ -3651,9 +3651,9 @@ } }, "node_modules/@leafygreen-ui/a11y/node_modules/@leafygreen-ui/lib": { - "version": "11.0.0", - "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-11.0.0.tgz", - "integrity": "sha512-sHkY/MOwRQDc9qAR1awreW0dP+6ELueJJd4JCJmi6XYbdL0wDotFwsWfCwkL+N6cFbE1e+xBQtFLB6T1+58+iQ==", + "version": "12.0.0", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-12.0.0.tgz", + "integrity": "sha512-nhaxi4oBesnizxO0YK7XwcmiLL9U5QuN7lkZdWGDdmoJgNNL+aRju4W5vmZc7vcazSHfr3gAL+NFAGaAuopyRA==", "dependencies": { "@storybook/csf": "^0.1.0", "lodash": "^4.17.21", @@ -5306,6 +5306,56 @@ "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/palette/-/palette-4.0.4.tgz", "integrity": "sha512-nuZy2RtKHAGpIKrDduqC8P8PvajJRT1hQURoisYMiB32NmEEHGEhtHw4MlS+Kv92HFA0jxgMdZUHKTXq83BhjA==" }, + "node_modules/@leafygreen-ui/toggle": { + "version": "10.0.16", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/toggle/-/toggle-10.0.16.tgz", + "integrity": "sha512-S7uyUccIkTNBhA9LhKiBKDRX0SRZQkXnVX54fOIYGyTYeZw1b0jrQv84Y8DSfUSRCmx0FpShdLIHno0FV9JChA==", + "dependencies": { + "@leafygreen-ui/a11y": "^1.4.10", + "@leafygreen-ui/emotion": "^4.0.7", + "@leafygreen-ui/icon": "^11.22.2", + "@leafygreen-ui/lib": "^12.0.0", + "@leafygreen-ui/palette": "^4.0.7", + "@leafygreen-ui/tokens": "^2.1.4" + }, + "peerDependencies": { + "@leafygreen-ui/leafygreen-provider": "^3.1.9" + } + }, + "node_modules/@leafygreen-ui/toggle/node_modules/@leafygreen-ui/lib": { + "version": "12.0.0", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-12.0.0.tgz", + "integrity": "sha512-nhaxi4oBesnizxO0YK7XwcmiLL9U5QuN7lkZdWGDdmoJgNNL+aRju4W5vmZc7vcazSHfr3gAL+NFAGaAuopyRA==", + "dependencies": { + "@storybook/csf": "^0.1.0", + "lodash": "^4.17.21", + "prop-types": "^15.7.2" + }, + "peerDependencies": { + "react": "^17.0.0 || ^18.0.0" + } + }, + "node_modules/@leafygreen-ui/toggle/node_modules/@leafygreen-ui/palette": { + "version": "4.0.7", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/palette/-/palette-4.0.7.tgz", + "integrity": "sha512-rBeAk4Tk3t9pYqXYKqVZfma/MH1SBtt02BxAL6TpJb8wQ+i5zap6o1Gnb3nF9LAG7sA0+OHfr1B5uSvr63GGqw==" + }, + "node_modules/@leafygreen-ui/toggle/node_modules/@storybook/csf": { + "version": "0.1.1", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@storybook/csf/-/csf-0.1.1.tgz", + "integrity": "sha512-4hE3AlNVxR60Wc5KSC68ASYzUobjPqtSKyhV6G+ge0FIXU55N5nTY7dXGRZHQGDBPq+XqchMkIdlkHPRs8nTHg==", + "dependencies": { + "type-fest": "^2.19.0" + } + }, + "node_modules/@leafygreen-ui/toggle/node_modules/type-fest": { + "version": "2.19.0", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/type-fest/-/type-fest-2.19.0.tgz", + "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==", + "engines": { + "node": ">=12.20" + } + }, "node_modules/@leafygreen-ui/tokens": { "version": "2.2.0", "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-2.2.0.tgz", @@ -18748,17 +18798,17 @@ } }, "node_modules/mongodb-chatbot-ui": { - "version": "0.0.4", - "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/mongodb-chatbot-ui/-/mongodb-chatbot-ui-0.0.4.tgz", - "integrity": "sha512-UVBArAy/BhAAedgikP0VmR9J8UDn8Xlwff4PIo7TFzARJYz27912vRJ1++ARfmVCRhtgvNwVWBO5Ne+fcI8XAA==", + "version": "0.0.6", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/mongodb-chatbot-ui/-/mongodb-chatbot-ui-0.0.6.tgz", + "integrity": "sha512-TDZpEv70EGSELeVwfGqfUay2pK4hm/H3PNAERAEZXyHDkSVgSlKMTrjDJZ+lB9D2P4WXsbMSMq5B8wmKjUPEpw==", "bundleDependencies": [ "chat-core", "@lg-chat/avatar", + "@lg-chat/chat-window", "@lg-chat/input-bar", "@lg-chat/message", "@lg-chat/message-feed", - "@lg-chat/message-rating", - "@lg-chat/title-bar" + "@lg-chat/message-rating" ], "dependencies": { "@emotion/css": "^11.11.2", @@ -18777,13 +18827,14 @@ "@leafygreen-ui/palette": "^4.0.7", "@leafygreen-ui/skeleton-loader": "^1.0.5", "@leafygreen-ui/text-input": "^12.1.18", + "@leafygreen-ui/toggle": "^10.0.15", "@leafygreen-ui/typography": "^16.5.4", - "@lg-chat/avatar": "^1.0.0", - "@lg-chat/input-bar": "^1.0.0", - "@lg-chat/message": "^1.0.0", - "@lg-chat/message-feed": "^1.0.0", - "@lg-chat/message-rating": "^1.0.0", - "@lg-chat/title-bar": "^1.0.0", + "@lg-chat/avatar": "^2.0.6", + "@lg-chat/chat-window": "^1.0.4", + "@lg-chat/input-bar": "^3.1.3", + "@lg-chat/message": "^2.0.8", + "@lg-chat/message-feed": "^2.0.7", + "@lg-chat/message-rating": "^1.1.3", "@microsoft/fetch-event-source": "^2.0.1", "buffer": "^6.0.3", "chat-core": "file:../chat-core", @@ -27072,13 +27123,13 @@ } }, "@leafygreen-ui/a11y": { - "version": "1.4.9", - "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/a11y/-/a11y-1.4.9.tgz", - "integrity": "sha512-VHg/mqJ9VUSOvwnceA0dkLR2DUZbaTygZs5kBqn5f+55SmKDyksST3ecILygvVldETLFFYnQSOFWIA7h3kWWVQ==", + "version": "1.4.10", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/a11y/-/a11y-1.4.10.tgz", + "integrity": "sha512-Mp3ttmutq1yDr27DXGQaqsBe4AuGyIBuBH9yQWIluIF/raTF7GLFceqa0Fa9k228FfoBis+ApASHvmS+57Gctw==", "requires": { "@leafygreen-ui/emotion": "^4.0.7", "@leafygreen-ui/hooks": "^8.0.0", - "@leafygreen-ui/lib": "^11.0.0" + "@leafygreen-ui/lib": "^12.0.0" }, "dependencies": { "@leafygreen-ui/hooks": { @@ -27090,9 +27141,9 @@ } }, "@leafygreen-ui/lib": { - "version": "11.0.0", - "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-11.0.0.tgz", - "integrity": "sha512-sHkY/MOwRQDc9qAR1awreW0dP+6ELueJJd4JCJmi6XYbdL0wDotFwsWfCwkL+N6cFbE1e+xBQtFLB6T1+58+iQ==", + "version": "12.0.0", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-12.0.0.tgz", + "integrity": "sha512-nhaxi4oBesnizxO0YK7XwcmiLL9U5QuN7lkZdWGDdmoJgNNL+aRju4W5vmZc7vcazSHfr3gAL+NFAGaAuopyRA==", "requires": { "@storybook/csf": "^0.1.0", "lodash": "^4.17.21", @@ -28493,6 +28544,49 @@ } } }, + "@leafygreen-ui/toggle": { + "version": "10.0.16", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/toggle/-/toggle-10.0.16.tgz", + "integrity": "sha512-S7uyUccIkTNBhA9LhKiBKDRX0SRZQkXnVX54fOIYGyTYeZw1b0jrQv84Y8DSfUSRCmx0FpShdLIHno0FV9JChA==", + "requires": { + "@leafygreen-ui/a11y": "^1.4.10", + "@leafygreen-ui/emotion": "^4.0.7", + "@leafygreen-ui/icon": "^11.22.2", + "@leafygreen-ui/lib": "^12.0.0", + "@leafygreen-ui/palette": "^4.0.7", + "@leafygreen-ui/tokens": "^2.1.4" + }, + "dependencies": { + "@leafygreen-ui/lib": { + "version": "12.0.0", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-12.0.0.tgz", + "integrity": "sha512-nhaxi4oBesnizxO0YK7XwcmiLL9U5QuN7lkZdWGDdmoJgNNL+aRju4W5vmZc7vcazSHfr3gAL+NFAGaAuopyRA==", + "requires": { + "@storybook/csf": "^0.1.0", + "lodash": "^4.17.21", + "prop-types": "^15.7.2" + } + }, + "@leafygreen-ui/palette": { + "version": "4.0.7", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/palette/-/palette-4.0.7.tgz", + "integrity": "sha512-rBeAk4Tk3t9pYqXYKqVZfma/MH1SBtt02BxAL6TpJb8wQ+i5zap6o1Gnb3nF9LAG7sA0+OHfr1B5uSvr63GGqw==" + }, + "@storybook/csf": { + "version": "0.1.1", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@storybook/csf/-/csf-0.1.1.tgz", + "integrity": "sha512-4hE3AlNVxR60Wc5KSC68ASYzUobjPqtSKyhV6G+ge0FIXU55N5nTY7dXGRZHQGDBPq+XqchMkIdlkHPRs8nTHg==", + "requires": { + "type-fest": "^2.19.0" + } + }, + "type-fest": { + "version": "2.19.0", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/type-fest/-/type-fest-2.19.0.tgz", + "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==" + } + } + }, "@leafygreen-ui/tokens": { "version": "2.2.0", "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-2.2.0.tgz", @@ -37092,9 +37186,9 @@ "version": "2.29.4" }, "mongodb-chatbot-ui": { - "version": "0.0.4", - "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/mongodb-chatbot-ui/-/mongodb-chatbot-ui-0.0.4.tgz", - "integrity": "sha512-UVBArAy/BhAAedgikP0VmR9J8UDn8Xlwff4PIo7TFzARJYz27912vRJ1++ARfmVCRhtgvNwVWBO5Ne+fcI8XAA==", + "version": "0.0.6", + "resolved": "https://artifactory.corp.mongodb.com/artifactory/api/npm/npm/mongodb-chatbot-ui/-/mongodb-chatbot-ui-0.0.6.tgz", + "integrity": "sha512-TDZpEv70EGSELeVwfGqfUay2pK4hm/H3PNAERAEZXyHDkSVgSlKMTrjDJZ+lB9D2P4WXsbMSMq5B8wmKjUPEpw==", "requires": { "@emotion/css": "^11.11.2", "@leafygreen-ui/badge": "^8.0.11", @@ -37112,13 +37206,14 @@ "@leafygreen-ui/palette": "^4.0.7", "@leafygreen-ui/skeleton-loader": "^1.0.5", "@leafygreen-ui/text-input": "^12.1.18", + "@leafygreen-ui/toggle": "^10.0.15", "@leafygreen-ui/typography": "^16.5.4", - "@lg-chat/avatar": "^1.0.0", - "@lg-chat/input-bar": "^1.0.0", - "@lg-chat/message": "^1.0.0", - "@lg-chat/message-feed": "^1.0.0", - "@lg-chat/message-rating": "^1.0.0", - "@lg-chat/title-bar": "^1.0.0", + "@lg-chat/avatar": "^2.0.6", + "@lg-chat/chat-window": "^1.0.4", + "@lg-chat/input-bar": "^3.1.3", + "@lg-chat/message": "^2.0.8", + "@lg-chat/message-feed": "^2.0.7", + "@lg-chat/message-rating": "^1.1.3", "@microsoft/fetch-event-source": "^2.0.1", "buffer": "^6.0.3", "chat-core": "file:../chat-core", diff --git a/package.json b/package.json index b8bc0ca12..8ce657080 100644 --- a/package.json +++ b/package.json @@ -115,7 +115,7 @@ "lodash": "^4.6.0", "minimist": "^1.2.6", "mobx": "^6.1.5", - "mongodb-chatbot-ui": "^0.0.4", + "mongodb-chatbot-ui": "^0.0.6", "no-scroll": "^2.1.1", "node-fetch": "^3.3.2", "process": "^0.11.10", diff --git a/src/components/ChatbotUi.js b/src/components/ChatbotUi.js index 953ff24df..395ade621 100644 --- a/src/components/ChatbotUi.js +++ b/src/components/ChatbotUi.js @@ -20,7 +20,7 @@ const landingTemplateStyling = css` position: sticky; top: 0px; display: grid; - padding: ${theme.size.default} 0; + padding: 0; // Use landing template's grid layout to help with alignment @media ${theme.screenSize.mediumAndUp} { grid-template-columns: minmax(${theme.size.xlarge}, 1fr) repeat(12, minmax(0, ${CONTENT_MAX_WIDTH / 12}px)) minmax( @@ -57,7 +57,8 @@ const StyledChatBotUiContainer = styled.div` box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); > div { - max-width: 830px; + max-width: 862px; + margin-left: -32px; p { color: ${palette.black}; @@ -77,8 +78,16 @@ const ChatbotUi = ({ template }) => { return ( {/* We wrapped this in a Suspense. We can use this opportunity to render a loading state if we decided we want that */} - }> - + }> + );