[Graphite MQ] Draft PR GROUP:f5d0a4 (PRs 469)

packages/chat/src/components/FeedbackButton/ThumbsDownIcon.component.tsx

@@ -2,8 +2,8 @@ import type { SVGProps } from 'react';
 export const ThumbsDownIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M10.4774 18.1492C10.7944 18.5323 11.3866 18.5218 11.6894 18.1291L14.8161 14.0785V8.79762L13.9164 7.83406C13.7594 7.66598 13.538 7.56981 13.306 7.56981H7.63623C7.26516 7.56981 6.93852 7.81424 6.83554 8.16993C6.83555 8.1699 6.83553 8.16996 6.83554 8.16993L5.61034 12.4057C5.54268 12.6389 5.58173 12.8925 5.71856 13.0964M5.71856 13.0964L6.01517 13.5368C6.17001 13.767 6.43021 13.9056 6.70854 13.9056H9.49972C9.93539 13.9056 10.2886 14.257 10.2886 14.6905V17.6247C10.2886 17.8169 10.3555 18.0023 10.4768 18.1485L10.4774 18.1492M16.3938 8.48681C16.3938 8.48833 16.3938 8.48985 16.3938 8.49137V14.3378C16.3939 14.343 16.3939 14.3483 16.3938 14.3536V14.3595C16.3938 14.4489 16.4671 14.5218 16.557 14.5218H18.2591C18.349 14.5218 18.4223 14.4489 18.4223 14.3595V7.73217C18.4223 7.64269 18.349 7.56981 18.2591 7.56981H16.557C16.4671 7.56981 16.3938 7.64269 16.3938 7.73217V8.48681ZM15.5166 15.7482C15.8068 15.9639 16.167 16.0916 16.557 16.0916H18.2591C19.2204 16.0916 20 15.3159 20 14.3595V7.73217C20 6.77571 19.2204 6 18.2591 6H16.557C15.9446 6 15.406 6.31482 15.0956 6.79064L15.0722 6.76559C15.0722 6.76561 15.0722 6.76558 15.0722 6.76559C14.6161 6.27707 13.9756 6 13.306 6H7.63623C6.56126 6 5.61675 6.70817 5.31941 7.73566L4.09439 11.9709C3.89706 12.6507 4.01275 13.3825 4.40755 13.9697L4.70428 14.4103C5.15168 15.0754 5.90322 15.4754 6.70854 15.4754H8.71087V17.6247C8.71087 18.1786 8.90348 18.7179 9.25987 19.1476C10.2214 20.3088 12.0197 20.2796 12.9411 19.0847"
       fill="currentColor"
     />

packages/chat/src/components/FeedbackButton/ThumbsUpIcon.component.tsx

@@ -2,8 +2,8 @@ import type { SVGProps } from 'react';
 export const ThumbsUpIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M13.5226 5.85077C13.2056 5.46774 12.6134 5.47817 12.3106 5.87087L9.18388 9.92153V15.2024L10.0836 16.1659C10.2406 16.334 10.462 16.4302 10.694 16.4302H16.3638C16.7348 16.4302 17.0615 16.1858 17.1645 15.8301C17.1644 15.8301 17.1645 15.83 17.1645 15.8301L18.3897 11.5943C18.4573 11.3611 18.4183 11.1075 18.2814 10.9036M18.2814 10.9036L17.9848 10.4632C17.83 10.233 17.5698 10.0944 17.2915 10.0944H14.5003C14.0646 10.0944 13.7114 9.74303 13.7114 9.30954V6.37534C13.7114 6.18306 13.6445 5.99768 13.5232 5.85152L13.5226 5.85077M7.60617 15.5132C7.60617 15.5117 7.60617 15.5102 7.60617 15.5086V9.66221C7.60612 9.65696 7.60612 9.6517 7.60617 9.64644V9.64054C7.60617 9.55106 7.53292 9.47818 7.44299 9.47818H5.74088C5.65095 9.47818 5.5777 9.55106 5.5777 9.64054V16.2678C5.5777 16.3573 5.65095 16.4302 5.74088 16.4302H7.44299C7.53292 16.4302 7.60617 16.3573 7.60617 16.2678V15.5132ZM8.48345 8.25176C8.19317 8.03608 7.83303 7.90837 7.44299 7.90837H5.74088C4.77961 7.90837 4 8.68408 4 9.64054V16.2678C4 17.2243 4.77961 18 5.74088 18H7.44299C8.05538 18 8.59405 17.6852 8.90438 17.2094L8.92777 17.2344C8.92776 17.2344 8.92779 17.2344 8.92777 17.2344C9.3839 17.7229 10.0244 18 10.694 18H16.3638C17.4387 18 18.3832 17.2918 18.6806 16.2643L19.9056 12.0291C20.1029 11.3493 19.9872 10.6175 19.5924 10.0303L19.2957 9.58968C18.8483 8.92461 18.0968 8.52463 17.2915 8.52463H15.2891V6.37534C15.2891 5.82142 15.0965 5.28212 14.7401 4.85243C13.7786 3.69123 11.9803 3.72042 11.0589 4.91531"
       fill="currentColor"
     />

packages/chat/src/components/Launcher/ChevronIcon.tsx

@@ -2,8 +2,8 @@ import type { SVGProps } from 'react';
 export const ChevronIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M8.29289 13.2929C8.68342 12.9024 9.31658 12.9024 9.70711 13.2929L16 19.5858L22.2929 13.2929C22.6834 12.9024 23.3166 12.9024 23.7071 13.2929C24.0976 13.6834 24.0976 14.3166 23.7071 14.7071L16.7071 21.7071C16.3166 22.0976 15.6834 22.0976 15.2929 21.7071L8.29289 14.7071C7.90237 14.3166 7.90237 13.6834 8.29289 13.2929Z"
       fill="#E7F5FD"
     />

packages/chat/src/components/UserResponse/index.tsx

@@ -49,11 +49,6 @@ export interface UserResponseProps {
 export const UserResponse: React.FC<UserResponseProps> = ({ message, debug, isLast }) => {
   useAutoScroll();
 
-  // TODO: Check this in different render modes
-  //       In the 'old' chat app - Messages have a maximum width in different screen modes.
-  //       Should we preserve this ?
-  // const { config } = useContext(RuntimeStateAPIContext);
-
   return (
     <MessageContainer className={clsx(ClassName.USER_RESPONSE, userResponse)} isLast={isLast}>
       <div className={messageContainer}>{message}</div>

packages/chat/src/widget.tsx

@@ -54,7 +54,7 @@ window.voiceflow.chat ??= {
 
   load: async (loadConfig: LoadConfig) => {
     const config = ChatConfig.parse(loadConfig);
-    const assistant = await mergeAssistantOptions(config, WidgetOverrides.parse(loadConfig.assistant));
+    const assistant = await mergeAssistantOptions(config, WidgetOverrides.parse(loadConfig.assistant ?? {}));
 
     const { reactRoot, shadowRoot } = createChatRoot(config);
 

packages/chat/vite.package.config.ts

@@ -9,7 +9,7 @@ import { createPlugins } from './vite.widget.config';
 export default defineConfig({
   define: {
     __USE_SHADOW_ROOT__: false,
-    __STYLES_URL__: JSON.stringify('https://cdn.voiceflow.com/widget/style.css'),
+    __STYLES_URL__: JSON.stringify('https://cdn.voiceflow.com/widget-next/style.css'),
     'process.env': {},
   },
   build: {

packages/chat/vite.widget.config.ts

@@ -36,7 +36,7 @@ export default defineConfig(({ mode }) => {
     },
     define: {
       __USE_SHADOW_ROOT__: true,
-      __STYLES_URL__: JSON.stringify(env.VF_STYLES_URL ?? 'https://cdn.voiceflow.com/widget/style.css'),
+      __STYLES_URL__: JSON.stringify(env.VF_STYLES_URL ?? 'https://cdn.voiceflow.com/widget-next/style.css'),
       'process.env': {},
     },
     build: {