agent client support

THIRD-PARTY-NOTICES

@@ -141,9 +141,9 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 The following NPM packages may be included in this product:
 
- - @yext/chat-core@0.8.0
- - @yext/chat-headless-react@0.8.0
- - @yext/chat-headless@0.9.0
+ - @yext/chat-core@0.8.2
+ - @yext/chat-headless-react@0.9.0
+ - @yext/chat-headless@0.10.0
 
 These packages each contain the following license and notice below:
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yext/chat-ui-react",
-  "version": "0.10.3",
+  "version": "0.11.0",
   "description": "A library of React Components for powering Yext Chat integrations.",
   "author": "clippy@yext.com",
   "main": "./lib/commonjs/src/index.js",
@@ -69,7 +69,7 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.5.1",
     "@types/react": "^18.2.7",
-    "@yext/chat-headless-react": "^0.8.0",
+    "@yext/chat-headless-react": "^0.9.0",
     "@yext/eslint-config": "^1.0.0",
     "babel-jest": "^29.5.0",
     "eslint": "^8.39.0",
@@ -91,7 +91,7 @@
     "typescript": "^5.0.4"
   },
   "peerDependencies": {
-    "@yext/chat-headless-react": "^0.8.0",
+    "@yext/chat-headless-react": "^0.9.0",
     "react": "^16.14 || ^17 || ^18",
     "react-dom": "^16.14 || ^17 || || ^18"
   },

src/components/ChatPanel.tsx

@@ -45,10 +45,10 @@ const builtInCssClasses: ChatPanelCssClasses = withStylelessCssClasses(
   {
     container: "h-full w-full flex flex-col relative shadow-2xl bg-white",
     messagesScrollContainer: "flex flex-col mt-auto overflow-hidden",
-    messagesContainer: "flex flex-col gap-y-1 px-4 overflow-auto",
+    messagesContainer: "flex flex-col gap-y-1 px-4 overflow-auto [&>*:first-child]:mt-3",
     inputContainer: "w-full p-4",
     messageBubbleCssClasses: {
-      topContainer: "first:mt-4",
+      topContainer: "mt-1",
     },
     footer: "text-center text-slate-400 rounded-b-3xl px-4 pb-4 text-[12px]",
   }

src/components/ChatPopUp.tsx

@@ -70,7 +70,6 @@ const builtInCssClasses: ChatPopUpCssClasses = withStylelessCssClasses(
     panelCssClasses: {
       container: "max-[480px]:rounded-none rounded-3xl",
       inputContainer: "max-[480px]:rounded-none rounded-b-3xl",
-      messagesScrollContainer: "rounded-b-3xl",
     },
   }
 );

src/components/MessageBubble.tsx

@@ -43,7 +43,7 @@ const builtInCssClasses: MessageBubbleCssClasses =
     text__bot: "text-slate-900",
     text__user: "text-white break-words",
     timestamp:
-      "w-fit my-0.5 ml-4 @lg:ml-0 text-slate-400 text-[10px] @[480px]:text-[13px] opacity-0 peer-hover:opacity-100 duration-200 whitespace-pre-wrap",
+      "w-fit ml-4 @lg:ml-0 text-slate-400 text-[10px] @[480px]:text-[13px] opacity-0 peer-hover:opacity-100 duration-200 whitespace-pre-wrap",
     timestamp__bot: "",
     timestamp__user: "ml-auto",
     feedbackButtonsCssClasses: {},