v1.9.2

[1.9.2] (Dec 17, 2024)

Feat:

• Added messageStackDirection in Constant

Fix:

• Fixed markdown lazy load preview message background color
• Fixed widget-markdown css selector to not overwrite global styles of elements

v1.9.1

[1.9.1] (Dec 12, 2024)

Feat:

• Added support for wider range of markdown syntaxes

v1.9.0

[1.9.0] (Nov 27, 2024)

Feat:

• Added supports for RTL layout.
• Added dir prop for layout direction management.

v1.8.6

[1.8.6] (Nov 11, 2024)

Feat:

• Added localCacheEnabled flag to control the use of local cache in the Chat SDK.

Fix:

• Use disconnectWebsocket instead of disconnect (applied changes from PR #1219)
• Prevent changes to the theme if it has already been added by other logic.

v1.8.5

[1.8.5] (Oct 29, 2024)

Chore:

• Added bot profile style for the favicon from onboarding

v1.8.4

[1.8.4] (Oct 22, 2024)

Fix:

• Passed missing locale to DateSeparator component

v1.8.3

[1.8.3] (Oct 10, 2024)

Feat:

• Added stack direction to message list and set as bottom
• Added pending & failed icon to sent messages

Chore:

• Added service name to playground
• Added utm source to banner link

v1.8.2

[1.8.2] (Sep 19, 2024)

Fix:

• Removed CSS styles that could potentially affect the client's website

v1.8.1

[1.8.1] (Sep 12, 2024)

Fix:

• Fixed that prevent zoom when focusing on input in iOS mobile

v1.8.0

[1.8.0] (Sep 12, 2024)

Feat:

• File Message Support: File attachment in messages is now supported. Of course, drag-and-drop and copy-paste actions are also supported.
• Locale Support: Added a locale option to support multiple languages for welcome messages and suggested replies. If not specified, the browser's default language will be used. (support for multilingual settings will be available in the dashboard).
• Carousel Adapter for Function Call: Introduced an adapter to convert function call responses into a carousel UI. Example usage is as follows:

  interface MealFunctionCallResponse {
    meals: { strYoutube: string; strMeal: string; strMealThumb: string }[];
  }
  
  function isMealsResponse(response: unknown): response is MealFunctionCallResponse {
    return !!response && typeof response === 'object' && 'meals' in response && Array.isArray(response.meals);
  }
  
  const App = () => {
    return (
      <ChatAiWidget
        tools={{
          functionCall: {
            carouselAdapter({ response }) {
              if (isMealsResponse(response)) {
                return response.meals.map((it) => ({
                  title: it.strMeal, // Carousel card title
                  featured_image: it.strMealThumb, // Carousel card image
                  url: it.strYoutube, // URL to open when the carousel card is clicked
                }));
              }
  
              return [];
            },
          },
        }}
      />
    );
  };