@envive-ai/react-toolkit-v3 0.3.9 → 0.3.10

package/src/components/FloatingChat/components/ModalSheet.tsx

@@ -10,8 +10,6 @@ import { Unit } from '../hooks/useSnapCalculator';
 import { useSnapControl } from '../hooks/useSnapControl';
 import { usePreventScroll } from '../hooks/usePreventScroll';
 
-const BOTTOM_OFFSET = 100;
-
 export interface ModalSheetControl {
   jumpToSnap: (snapIndex: number) => void;
 }
@@ -228,7 +226,7 @@ export const ModalSheet: FC<ModalSheetProps> = ({
             dragConstraints={{ top: 0, bottom: swipeviewHeightPx }}
             initial={{ y: swipeviewHeightPx }}
             animate={{ y: initSnapInPixels }}
-            exit={{ y: swipeviewHeightPx + BOTTOM_OFFSET }}
+            exit={{ y: swipeviewHeightPx }}
             transition={animation}
             onDragEnd={handleDragEnd}
             onClick={expandToFullView}
@@ -254,16 +252,16 @@ export const ModalSheet: FC<ModalSheetProps> = ({
             onPointerMove={
               disableDrag ? undefined : event => handleContentGesture(event.clientX, event.clientY)
             }
-            initial={{ y: swipeviewHeightPx + BOTTOM_OFFSET }}
+            initial={{ y: swipeviewHeightPx }}
             animate={{ y: initSnapInPixels }}
-            exit={{ y: swipeviewHeightPx + BOTTOM_OFFSET }}
+            exit={{ y: swipeviewHeightPx }}
             transition={animation}
             style={{
               y: animatedY,
               width: '100%',
-              height: swipeviewHeightPx + BOTTOM_OFFSET,
+              height: swipeviewHeightPx,
               position: 'fixed',
-              bottom: -BOTTOM_OFFSET + 2,
+              bottom: 0,
               right: 0,
               boxSizing: 'content-box',
               zIndex: 2147483646,

package/src/components/FloatingChat/components/SalesAgentProductCardsCarousel.tsx

@@ -52,9 +52,6 @@ export const SalesAgentProductCardsCarousel = ({
           numberOfReviews={product.numberOfReviews}
           image={product.image}
           url={product.url}
-          onClick={() => {
-            window.open(product.url, '_blank');
-          }}
           theme={finalTheme}
         />
       ))}

package/src/components/PromptCarousel/PromptCarousel.tsx

@@ -123,6 +123,7 @@ export const PromptCarousel = ({
     >
       <Stack
         direction="column"
+        className={animationSpeed === AnimationSpeed.NONE ? 'envive-tw-w-full' : ''}
         gap="2"
       >
         <div

package/src/components/TextField/utils/getIconColor.ts

@@ -3,7 +3,7 @@
  */
 export const getIconColor = (hasValue: boolean, disabled: boolean): string => {
   if (disabled || !hasValue) {
-    return 'var(--envive-colors-border-medium)';
+    return 'var(--envive-colors-border-light)';
   }
   return 'var(--envive-colors-text-primary)';
 };

package/src/components/TextField/utils/getSendIconElement.tsx

@@ -30,7 +30,9 @@ export const getSendIconElement = (
         <CustomIcon
           IconComponent={<SendModern />}
           fill={iconColor}
-          stroke={iconColor}
+          stroke={
+            hasValue ? 'var(--envive-colors-background-light)' : 'var(--envive-colors-border-dark)'
+          }
         />
       );
     case Theme.MINIMAL:

package/src/components/WidgetTextField/components/Icon.tsx

@@ -53,6 +53,7 @@ export const Icon = ({ variant, theme, textColor }: IconProps) => {
               ? `var(--envive-colors-${textColor})`
               : 'var(--envive-colors-border-medium)'
           }
+          stroke="var(--envive-colors-border-dark)"
         />
       );
     }

package/src/components/utils/CustomIcon.tsx

@@ -19,7 +19,7 @@ export const CustomIcon = ({
 
   const cssRules: string[] = [];
   if (fill) {
-    cssRules.push(`#${iconId} path { fill: ${fill} !important; }`);
+    cssRules.push(`#${iconId} path, #${iconId} rect { fill: ${fill} !important; }`);
   }
   if (stroke) {
     cssRules.push(`#${iconId} path { stroke: ${stroke} !important; }`);