Fix UI issue with images in the Text Chat

alan-ai · Jul 30, 2024 · a165a0f · a165a0f
1 parent 758bb8e
commit a165a0f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/dist/alan_lib.js b/dist/alan_lib.js
@@ -84900,6 +84900,10 @@
     const responseBubbleRightPadding = getNumPropVal(textChatOptions?.bubbles?.response?.padding?.right, 20);
     const responseBubbleBottomPadding = getNumPropVal(textChatOptions?.bubbles?.response?.padding?.bottom, 9);
     const responseBubbleLeftPadding = getNumPropVal(textChatOptions?.bubbles?.response?.padding?.left, 20);
+    const responseBubbleBorderRadiusTopLeft = getNumPropVal(textChatOptions?.bubbles?.response?.borderRadius?.topLeft, defaultBubbleBorderRadius);
+    const responseBubbleBorderRadiusTopRight = getNumPropVal(textChatOptions?.bubbles?.response?.borderRadius?.topRight, defaultBubbleBorderRadius);
+    const responseBubbleBorderRadiusBottomRight = getNumPropVal(textChatOptions?.bubbles?.response?.borderRadius?.bottomRight, defaultBubbleBorderRadius);
+    const responseBubbleBorderRadiusBottomLeft = getNumPropVal(textChatOptions?.bubbles?.response?.borderRadius?.bottomLeft, defaultBubbleBorderRadius);
     const btnsGap = getNumPropVal(textChatOptions?.buttons?.gap, 8);
     const textareaTopPadding = getNumPropVal(textChatOptions?.textarea?.padding?.top, 12);
     const textareaRightPadding = getNumPropVal(textChatOptions?.textarea?.padding?.right, 42);
@@ -85869,7 +85873,7 @@
         display: block;
         float: left;
         clear: both;
-        border-radius: ${textChatOptions?.bubbles?.response?.borderRadius?.topLeft || defaultBubbleBorderRadius}px ${textChatOptions?.bubbles?.response?.borderRadius?.topRight || defaultBubbleBorderRadius}px ${textChatOptions?.bubbles?.response?.borderRadius?.bottomRight || defaultBubbleBorderRadius}px ${textChatOptions?.bubbles?.response?.borderRadius?.bottomLeft || defaultBubbleBorderRadius}px;
+        border-radius: ${responseBubbleBorderRadiusTopLeft}px ${responseBubbleBorderRadiusTopRight}px ${responseBubbleBorderRadiusBottomRight}px ${responseBubbleBorderRadiusBottomLeft}px;
         position: relative;
         background-color: ${responseBubbleBg};
         border: 1px solid ${textChatOptions?.bubbles?.response?.borderColor || responseBubbleBg};
@@ -85980,9 +85984,9 @@
         display: flex;
         flex-wrap: wrap;
         position: relative;
-        top: -9px;
-        left: -20px;
-        width: calc(100% + 40px);
+        top: -${responseBubbleTopPadding}px;
+        left: -${responseBubbleLeftPadding}px;
+        width: calc(100% + ${+responseBubbleRightPadding + +responseBubbleLeftPadding}px);
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-response-imgs-wrapper-left-arrow {
         position: absolute;
@@ -86016,7 +86020,7 @@
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-response-img-block {
         overflow: hidden;
-        border-radius: 20px 20px 0 0;
+        border-radius: ${responseBubbleBorderRadiusTopLeft}px ${responseBubbleBorderRadiusTopRight}px 0 0;
         width: 100%;
         display: flex;
     }`;
@@ -87535,7 +87539,7 @@
 
   // alan_btn/alan_btn.ts
   (function(ns) {
-    uiState.lib.version = "alan-version.1.8.58".replace("alan-version.", "");
+    uiState.lib.version = "alan-version.1.8.59".replace("alan-version.", "");
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState.lib.version + ")");
     }

diff --git a/dist/alan_lib.min.js b/dist/alan_lib.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@alan-ai/alan-sdk-web",
-  "version": "1.8.58",
+  "version": "1.8.59",
   "description": "Alan Web SDK: a lightweight JavaScript library for adding a voice experience to your website or web application",
   "keywords": [
     "alan sdk web",