etendo-ui-library 1.3.63 → 1.3.64

package/dist-native/assets/images/icons/CopyIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ImageStyle } from 'react-native';
+export interface SvgImageProps {
+    style?: ImageStyle;
+    fill?: string;
+}
+export declare const CopyIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;

package/dist-native/assets/images/icons/CopyIcon.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CopyIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _colors=require("../../../styles/colors");var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/CopyIcon.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var CopyIcon=exports.CopyIcon=function CopyIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_COLOR_THEME:_ref$fill;var width=(0,_svg_utils.sizeSvg)(style==null?void 0:style.width,16);var height=(0,_svg_utils.sizeSvg)(style==null?void 0:style.height,16);return _react.default.createElement(_reactNativeSvg.default,{width:width,height:height,viewBox:"0 0 16 16",fill:"none",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:9}},_react.default.createElement(_reactNativeSvg.Path,{d:"M6.1335 12.8001C5.6935 12.8001 5.3167 12.6435 5.0031 12.3305C4.6895 12.0174 4.53296 11.6406 4.5335 11.2001V1.60006C4.5335 1.16006 4.6903 0.783262 5.0039 0.469662C5.3175 0.156062 5.69403 -0.00047094 6.1335 6.23934e-05H13.3335C13.7735 6.23934e-05 14.1503 0.156862 14.4639 0.470462C14.7775 0.784062 14.934 1.1606 14.9335 1.60006V11.2001C14.9335 11.6401 14.7767 12.0169 14.4631 12.3305C14.1495 12.6441 13.773 12.8006 13.3335 12.8001H6.1335ZM6.1335 11.2001H13.3335V1.60006H6.1335V11.2001ZM2.9335 16.0001C2.4935 16.0001 2.1167 15.8435 1.8031 15.5305C1.4895 15.2174 1.33296 14.8406 1.3335 14.4001V4.00006C1.3335 3.77339 1.4103 3.58326 1.5639 3.42966C1.7175 3.27606 1.90736 3.19953 2.1335 3.20006C2.36016 3.20006 2.5503 3.27686 2.7039 3.43046C2.8575 3.58406 2.93403 3.77393 2.9335 4.00006V14.4001H10.9335C11.1602 14.4001 11.3503 14.4769 11.5039 14.6305C11.6575 14.7841 11.734 14.9739 11.7335 15.2001C11.7335 15.4267 11.6567 15.6169 11.5031 15.7705C11.3495 15.9241 11.1596 16.0006 10.9335 16.0001H2.9335Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:13}}));};

package/dist-native/assets/images/icons/ErrorIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ImageStyle } from 'react-native';
+export interface SvgImageProps {
+    style?: ImageStyle;
+    fill?: string;
+}
+export declare const ErrorIcon: ({ style, fill }: SvgImageProps) => React.JSX.Element;

package/dist-native/assets/images/icons/ErrorIcon.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ErrorIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/ErrorIcon.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var ErrorIcon=exports.ErrorIcon=function ErrorIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?'#FEEBE0':_ref$fill;var width=(0,_svg_utils.sizeSvg)(style==null?void 0:style.width,30);var height=(0,_svg_utils.sizeSvg)(style==null?void 0:style.height,32);return _react.default.createElement(_reactNativeSvg.default,{width:width,height:height,viewBox:"0 0 8 8",fill:"none",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:9}},_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M6.74028 5.7074C6.46575 5.43309 6.19112 5.15858 5.91658 4.88403C5.62249 4.59006 5.32841 4.29596 5.03424 4.00216L5.53995 3.49629C5.93167 3.10443 6.32323 2.7126 6.71479 2.32991C6.76134 2.27389 6.81284 2.223 6.8588 2.15906C7.00276 1.95507 7.03668 1.69649 6.95175 1.47622C6.8581 1.23747 6.65727 1.06953 6.41077 1.01796C6.15299 0.963992 5.91388 1.04927 5.69995 1.26087C5.4061 1.55637 5.11169 1.85137 4.81729 2.14637C4.54434 2.41968 4.2717 2.693 3.99922 2.96665C3.62491 2.59136 3.25478 2.21632 2.87563 1.84134L2.61881 1.58423C2.58211 1.54761 2.54595 1.51066 2.50941 1.47366L2.50584 1.46985C2.41782 1.38028 2.32679 1.28772 2.23066 1.19772C2.07528 1.04511 1.84864 0.975881 1.6305 1.00751C1.40973 1.03967 1.21717 1.17851 1.10231 1.36676C0.923731 1.67588 0.981329 2.01815 1.25633 2.29367C1.65854 2.69675 2.06114 3.09945 2.46381 3.50215L2.96341 4.00182L2.90404 4.06751C2.35657 4.60893 1.82044 5.145 1.28493 5.6811L1.2746 5.69136C1.24412 5.72952 1.18881 5.77698 1.14393 5.83801C1.01873 6.00837 0.972899 6.22699 1.0181 6.42462C1.06346 6.62846 1.19691 6.80392 1.38906 6.90607C1.49688 6.9673 1.61437 6.99836 1.73321 6.99836C1.9357 6.99836 2.12644 6.91017 2.30025 6.73642C2.66805 6.36906 3.03554 6.00153 3.40287 5.63394L3.99978 5.03699L4.1276 5.16503C4.63689 5.67502 5.16357 6.20239 5.68033 6.71763C5.74102 6.77814 5.8361 6.86552 5.96004 6.92584C6.17547 7.03938 6.42897 7.01799 6.63836 6.89281C6.85221 6.76504 6.98615 6.5424 6.99624 6.29726C7.00982 5.97644 6.80686 5.77392 6.74028 5.7074Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:13}}));};

package/dist-native/components/text-message/MarkdownUtils.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextMessageProps } from './TextMessage.types';
+export declare const RenderMarkdownText: React.FC<TextMessageProps>;

package/dist-native/components/text-message/MarkdownUtils.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.RenderMarkdownText=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactSyntaxHighlighter=require("react-syntax-highlighter");var _colors=require("../../styles/colors");var _CopyIcon=require("../../assets/images/icons/CopyIcon");var _prism=require("react-syntax-highlighter/src/styles/prism");var _reactNativeSyntaxHighlighter=_interopRequireDefault(require("react-native-syntax-highlighter"));var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/text-message/MarkdownUtils.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var HighlightCode=function HighlightCode(_ref){var code=_ref.code,language=_ref.language;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),copiedCode=_useState2[0],setCopiedCode=_useState2[1];var copyToClipboard=function copyToClipboard(){setCopiedCode(true);_reactNative.Clipboard.setString(code);};return _react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:styles.copyButton,__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:13}},_react.default.createElement(_CopyIcon.CopyIcon,{fill:_colors.NEUTRAL_0,style:{width:12,height:12},__self:_this,__source:{fileName:_jsxFileName,lineNumber:31,columnNumber:17}}),_react.default.createElement(_reactNative.Text,{style:styles.copyButtonText,onPress:copyToClipboard,__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:17}},copiedCode?'Copied text!':'Copy code')),_reactNative.Platform.OS==='web'?_react.default.createElement(_reactSyntaxHighlighter.Prism,{language:language,PreTag:"div",customStyle:{borderBottomRightRadius:"0.25rem",borderBottomLeftRadius:"0.25rem",fontSize:"0.75rem",margin:0},style:_prism.nightOwl,__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:17}},code):_react.default.createElement(_reactNativeSyntaxHighlighter.default,{language:language,wrapLines:true,customStyle:{borderBottomRightRadius:"0.25rem",borderBottomLeftRadius:"0.25rem",fontSize:"0.75rem",margin:0},style:_prism.nightOwl,__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:17}},code));};var RenderMarkdownText=exports.RenderMarkdownText=function RenderMarkdownText(_ref2){var text=_ref2.text,_ref2$type=_ref2.type,type=_ref2$type===void 0?'default':_ref2$type;var textColor=type==='error'?_colors.DANGER_900:type==='right-user'?_colors.TERTIARY_100:_colors.NEUTRAL_100;var boldPattern=/\*\*(.*?)\*\*/g;var italicPattern=/\*(.*?)\*/g;var codePattern=/```(\w+)\s+([\s\S]*?)```/g;var inlineCodePattern=/`([^`]+)`/g;var linkPattern=/\[([^\]]+)\]\(([^)]+)\)/g;var renderText=function renderText(textPart){var inlineElements=[];textPart.split(boldPattern).forEach(function(subPart,index){if(textPart.includes("**"+subPart+"**")){inlineElements.push(_react.default.createElement(_reactNative.Text,{key:"bold-"+index,style:styles.boldText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:37}},subPart));}else{subPart.split(italicPattern).forEach(function(italicPart,italicIndex){if(textPart.includes("*"+italicPart+"*")){inlineElements.push(_react.default.createElement(_reactNative.Text,{key:"italic-"+italicIndex,style:styles.italicText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:45}},italicPart));}else{italicPart.split(inlineCodePattern).forEach(function(codePart,codeIndex){if(italicPart.includes("`"+codePart+"`")){inlineElements.push(_react.default.createElement(_reactNative.Text,{key:"inlineCode-"+codeIndex,style:styles.inlineCode,__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:53}},codePart));}else{var partsWithLinks=codePart.split(linkPattern);var _loop=function _loop(_i){var text=partsWithLinks[_i];if(_i%3===1){var label=text;var url=partsWithLinks[_i+1];inlineElements.push(_react.default.createElement(_reactNative.Text,{key:"link-"+url+"-"+_i,style:styles.linkText,onPress:function onPress(){return _reactNative.Linking.openURL(url);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:45}},label));_i++;}else{inlineElements.push(_react.default.createElement(_reactNative.Text,{key:"text-"+text+"-"+_i,__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:61}},text));}i=_i;};for(var i=0;i<partsWithLinks.length;i++){_loop(i);}}});}});}});return _react.default.createElement(_reactNative.Text,{style:{color:textColor},__self:_this,__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:13}},inlineElements);;};var parts=text.split(codePattern);var isCodeBlock=false;return _react.default.createElement(_reactNative.ScrollView,{horizontal:false,style:{flex:1},__self:_this,__source:{fileName:_jsxFileName,lineNumber:140,columnNumber:9}},parts.map(function(part,index){if(index%3===1){isCodeBlock=true;var language=part;var code=parts[index+1];return _react.default.createElement(_reactNative.View,{style:{width:'100%'},key:"code-"+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:25}},_react.default.createElement(HighlightCode,{code:code,language:language,__self:_this,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:29}}));}else if(!isCodeBlock){return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row',flexWrap:'wrap'},key:"text-"+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:154,columnNumber:28}},renderText(part));}else{isCodeBlock=false;return null;}}));};var styles=_reactNative.StyleSheet.create({boldText:{fontWeight:'bold'},italicText:{fontStyle:'italic'},copyButton:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",padding:5,borderTopRightRadius:4,borderTopLeftRadius:4,backgroundColor:_colors.PRIMARY_20,gap:5},copyButtonText:{color:_colors.NEUTRAL_0,fontSize:12},inlineCode:{backgroundColor:_colors.TERTIARY_70,paddingVertical:2,paddingHorizontal:4,borderRadius:4,color:_colors.PRIMARY_100,fontWeight:"600"},linkText:{color:_colors.INITIAL_100,fontWeight:"600",textDecorationLine:'underline'}});

package/dist-native/components/text-message/TextMessage.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextMessageProps } from './TextMessage.types';
+declare const TextMessage: React.FC<TextMessageProps>;
+export default TextMessage;

package/dist-native/components/text-message/TextMessage.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _ErrorIcon=require("../../assets/images/icons/ErrorIcon");var _MarkdownUtils=require("./MarkdownUtils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/text-message/TextMessage.tsx";var TextMessage=function TextMessage(_ref){var title=_ref.title,text=_ref.text,file=_ref.file,time=_ref.time,type=_ref.type,backgroundColor=_ref.backgroundColor;var messageStyle=[styles.messageContainer,{backgroundColor:type==='error'?_colors.DANGER_100:type==='right-user'?_colors.TERTIARY_30:backgroundColor||_colors.NEUTRAL_0},{alignSelf:type==='right-user'?'flex-end':'flex-start'}];return _react.default.createElement(_reactNative.View,{style:messageStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:9}},title&&_react.default.createElement(_reactNative.Text,{style:styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:23}},title),file&&_react.default.createElement(_reactNative.Text,{style:styles.file,__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:22}},file),_react.default.createElement(_reactNative.View,{style:styles.textContentWithIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:13}},type==='error'&&_react.default.createElement(_reactNative.View,{style:styles.errorIconContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:21}},_react.default.createElement(_ErrorIcon.ErrorIcon,{style:{height:8,width:8},__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:25}})),_react.default.createElement(_MarkdownUtils.RenderMarkdownText,{text:text,type:type,__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:17}})),time&&_react.default.createElement(_reactNative.Text,{style:type==="error"?styles.errorTimestamp:styles.timestamp,__self:_this,__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:17}},time));};var styles=_reactNative.StyleSheet.create({scrollViewContent:{width:"100%",borderBottomLeftRadius:8,borderBottomRightRadius:8},messageContainer:{padding:8,borderBottomLeftRadius:8,borderBottomRightRadius:8,flexDirection:'column',marginTop:12,maxWidth:'100%'},textContentWithIcon:{flexDirection:'row',alignItems:'center'},userMessage:{alignSelf:'flex-end'},title:{backgroundColor:_colors.NEUTRAL_0},file:{backgroundColor:_colors.TERTIARY_70},botMessage:{backgroundColor:_colors.NEUTRAL_0,alignSelf:'flex-start',borderTopRightRadius:8},userMessageBubble:{flexDirection:'column',backgroundColor:_colors.TERTIARY_30,borderTopLeftRadius:8},botMessageBubble:{flexDirection:'column'},messageBubble:{padding:8,borderBottomRightRadius:8,borderBottomLeftRadius:8,flexDirection:"column",justifyContent:'space-between'},defaultTimestamp:{color:_colors.TERTIARY_100,fontSize:12,paddingTop:4,alignSelf:'flex-end'},textContentContainer:{alignSelf:"flex-end"},timestampContainer:{alignSelf:'flex-end',marginTop:4},timestamp:{fontSize:12,marginTop:4,alignSelf:'flex-end',color:_colors.TERTIARY_100},messageText:{color:_colors.TERTIARY_100,fontSize:14},userMessageText:{color:_colors.TERTIARY_100},botMessageText:{color:_colors.NEUTRAL_100},errorMessage:{backgroundColor:_colors.DANGER_100,alignSelf:'flex-start',borderTopRightRadius:8},errorMessageText:{color:_colors.DANGER_900},errorIconContainer:{width:16,height:16,borderRadius:12,backgroundColor:_colors.DANGER_700,color:_colors.DANGER_900,justifyContent:'center',alignItems:'center',marginRight:8},errorTimestamp:{color:_colors.DANGER_900,fontSize:12,paddingTop:4,alignSelf:'flex-end'}});var _default=exports.default=TextMessage;

package/dist-native/components/text-message/TextMessage.types.d.ts

@@ -0,0 +1,8 @@
+export interface TextMessageProps {
+    title?: string;
+    text: string;
+    file?: string;
+    time?: string;
+    type?: 'left-user' | 'right-user' | 'error';
+    backgroundColor?: string;
+}

package/dist-native/components/text-message/TextMessage.types.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/dist-native/styles/colors.d.ts

@@ -1,3 +1,4 @@
+export declare const PRIMARY_20 = "#343444";
 export declare const PRIMARY_30 = "#8689AA";
 export declare const PRIMARY_40 = "#606380";
 export declare const PRIMARY_50 = "#575A72";
@@ -52,7 +53,7 @@ export declare const DESTRUCTIVE_10 = "#FEF0EF";
 export declare const DESTRUCTIVE_100 = "#F36A62";
 export declare const DANGER_100 = "#FEEBED";
 export declare const DANGER_700 = "#AE313F";
-export declare const Danger_900 = "#74122E";
+export declare const DANGER_900 = "#74122E";
 export declare const IP_100 = "#FEF4D9";
 export declare const IP_600 = "#D78330";
 export declare const IP_900 = "#78320C";

package/dist-native/styles/colors.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.TERTIARY_800=exports.TERTIARY_80=exports.TERTIARY_700=exports.TERTIARY_70=exports.TERTIARY_500=exports.TERTIARY_50=exports.TERTIARY_30=exports.TERTIARY_101=exports.TERTIARY_100=exports.TERTIARY_10=exports.SUCCESS_900=exports.SUCCESS_800=exports.SUCCESS_110=exports.SUCCESS_100=exports.SUCCESS_10=exports.SECONDARY_50=exports.SECONDARY_300=exports.SECONDARY_30=exports.SECONDARY_100=exports.QUATERNARY_50=exports.QUATERNARY_100=exports.QUATERNARY_10=exports.PROCESS_100=exports.PROCESS_10=exports.PRIMARY_800=exports.PRIMARY_80=exports.PRIMARY_700=exports.PRIMARY_60=exports.PRIMARY_50=exports.PRIMARY_400=exports.PRIMARY_40=exports.PRIMARY_30=exports.PRIMARY_100=exports.OVERLAY=exports.NEUTRAL_800=exports.NEUTRAL_700=exports.NEUTRAL_600=exports.NEUTRAL_60=exports.NEUTRAL_500=exports.NEUTRAL_50=exports.NEUTRAL_5=exports.NEUTRAL_400=exports.NEUTRAL_40=exports.NEUTRAL_300=exports.NEUTRAL_200=exports.NEUTRAL_1000=exports.NEUTRAL_100=exports.NEUTRAL_10=exports.NEUTRAL_0=exports.IP_900=exports.IP_600=exports.IP_100=exports.INITIAL_100=exports.INITIAL_10=exports.Danger_900=exports.DESTRUCTIVE_100=exports.DESTRUCTIVE_10=exports.DEFAULT_WHITE_THEME=exports.DEFAULT_COLOR_THEME=exports.DANGER_700=exports.DANGER_100=void 0;var PRIMARY_30=exports.PRIMARY_30='#8689AA';var PRIMARY_40=exports.PRIMARY_40='#606380';var PRIMARY_50=exports.PRIMARY_50='#575A72';var PRIMARY_60=exports.PRIMARY_60='#4B539D';var PRIMARY_80=exports.PRIMARY_80='#303775';var PRIMARY_100=exports.PRIMARY_100='#202452';var PRIMARY_400=exports.PRIMARY_400='#525897';var PRIMARY_700=exports.PRIMARY_700='#10123B';var PRIMARY_800=exports.PRIMARY_800='#242D93';var SECONDARY_30=exports.SECONDARY_30='#FEF7D0';var SECONDARY_50=exports.SECONDARY_50='#FFEB7A';var SECONDARY_100=exports.SECONDARY_100='#FAD614';var SECONDARY_300=exports.SECONDARY_300='#FDEC71';var TERTIARY_10=exports.TERTIARY_10='#F2F5F9';var TERTIARY_30=exports.TERTIARY_30='#EFF1F7';var TERTIARY_50=exports.TERTIARY_50='#EDF1FF';var TERTIARY_70=exports.TERTIARY_70='#E2E7FF';var TERTIARY_80=exports.TERTIARY_80='#E0E7FF';var TERTIARY_100=exports.TERTIARY_100='#808695';var TERTIARY_101=exports.TERTIARY_101='#E2E7FF';var TERTIARY_500=exports.TERTIARY_500='#7182FF';var TERTIARY_700=exports.TERTIARY_700='#3844B7';var TERTIARY_800=exports.TERTIARY_800='#151C7A';var QUATERNARY_10=exports.QUATERNARY_10='#F5F5FC';var QUATERNARY_50=exports.QUATERNARY_50='#DDDFF6';var QUATERNARY_100=exports.QUATERNARY_100='#7182FF';var NEUTRAL_0=exports.NEUTRAL_0='#FFFFFF';var NEUTRAL_5=exports.NEUTRAL_5='#F2F2F2';var NEUTRAL_10=exports.NEUTRAL_10='#E5E5E5';var NEUTRAL_40=exports.NEUTRAL_40='#999999';var NEUTRAL_50=exports.NEUTRAL_50='#FAFAFA';var NEUTRAL_60=exports.NEUTRAL_60='#808080';var NEUTRAL_100=exports.NEUTRAL_100='#000000';var NEUTRAL_200=exports.NEUTRAL_200='#EEEEEE';var NEUTRAL_300=exports.NEUTRAL_300='#E0E0E0';var NEUTRAL_400=exports.NEUTRAL_400='#BDBDBD';var NEUTRAL_500=exports.NEUTRAL_500='#9E9E9E';var NEUTRAL_600=exports.NEUTRAL_600='#757575';var NEUTRAL_700=exports.NEUTRAL_700='#616161';var NEUTRAL_800=exports.NEUTRAL_800='#424242';var NEUTRAL_1000=exports.NEUTRAL_1000='#121212';var INITIAL_10=exports.INITIAL_10='#ECF5FF';var INITIAL_100=exports.INITIAL_100='#3E97FF';var PROCESS_10=exports.PROCESS_10='#FFF6EC';var PROCESS_100=exports.PROCESS_100='#FBA643';var SUCCESS_10=exports.SUCCESS_10='#E5F7ED';var SUCCESS_100=exports.SUCCESS_100='#00B34C';var SUCCESS_110=exports.SUCCESS_110='#C8FBCA';var SUCCESS_800=exports.SUCCESS_800='#00674B';var SUCCESS_900=exports.SUCCESS_900='#005546';var DESTRUCTIVE_10=exports.DESTRUCTIVE_10='#FEF0EF';var DESTRUCTIVE_100=exports.DESTRUCTIVE_100='#F36A62';var DANGER_100=exports.DANGER_100='#FEEBED';var DANGER_700=exports.DANGER_700='#AE313F';var Danger_900=exports.Danger_900='#74122E';var IP_100=exports.IP_100='#FEF4D9';var IP_600=exports.IP_600='#D78330';var IP_900=exports.IP_900='#78320C';var OVERLAY=exports.OVERLAY='rgba(0,0,0,0.25)';var DEFAULT_COLOR_THEME=exports.DEFAULT_COLOR_THEME=PRIMARY_100;var DEFAULT_WHITE_THEME=exports.DEFAULT_WHITE_THEME=NEUTRAL_0;
+Object.defineProperty(exports,"__esModule",{value:true});exports.TERTIARY_800=exports.TERTIARY_80=exports.TERTIARY_700=exports.TERTIARY_70=exports.TERTIARY_500=exports.TERTIARY_50=exports.TERTIARY_30=exports.TERTIARY_101=exports.TERTIARY_100=exports.TERTIARY_10=exports.SUCCESS_900=exports.SUCCESS_800=exports.SUCCESS_110=exports.SUCCESS_100=exports.SUCCESS_10=exports.SECONDARY_50=exports.SECONDARY_300=exports.SECONDARY_30=exports.SECONDARY_100=exports.QUATERNARY_50=exports.QUATERNARY_100=exports.QUATERNARY_10=exports.PROCESS_100=exports.PROCESS_10=exports.PRIMARY_800=exports.PRIMARY_80=exports.PRIMARY_700=exports.PRIMARY_60=exports.PRIMARY_50=exports.PRIMARY_400=exports.PRIMARY_40=exports.PRIMARY_30=exports.PRIMARY_20=exports.PRIMARY_100=exports.OVERLAY=exports.NEUTRAL_800=exports.NEUTRAL_700=exports.NEUTRAL_600=exports.NEUTRAL_60=exports.NEUTRAL_500=exports.NEUTRAL_50=exports.NEUTRAL_5=exports.NEUTRAL_400=exports.NEUTRAL_40=exports.NEUTRAL_300=exports.NEUTRAL_200=exports.NEUTRAL_1000=exports.NEUTRAL_100=exports.NEUTRAL_10=exports.NEUTRAL_0=exports.IP_900=exports.IP_600=exports.IP_100=exports.INITIAL_100=exports.INITIAL_10=exports.DESTRUCTIVE_100=exports.DESTRUCTIVE_10=exports.DEFAULT_WHITE_THEME=exports.DEFAULT_COLOR_THEME=exports.DANGER_900=exports.DANGER_700=exports.DANGER_100=void 0;var PRIMARY_20=exports.PRIMARY_20='#343444';var PRIMARY_30=exports.PRIMARY_30='#8689AA';var PRIMARY_40=exports.PRIMARY_40='#606380';var PRIMARY_50=exports.PRIMARY_50='#575A72';var PRIMARY_60=exports.PRIMARY_60='#4B539D';var PRIMARY_80=exports.PRIMARY_80='#303775';var PRIMARY_100=exports.PRIMARY_100='#202452';var PRIMARY_400=exports.PRIMARY_400='#525897';var PRIMARY_700=exports.PRIMARY_700='#10123B';var PRIMARY_800=exports.PRIMARY_800='#242D93';var SECONDARY_30=exports.SECONDARY_30='#FEF7D0';var SECONDARY_50=exports.SECONDARY_50='#FFEB7A';var SECONDARY_100=exports.SECONDARY_100='#FAD614';var SECONDARY_300=exports.SECONDARY_300='#FDEC71';var TERTIARY_10=exports.TERTIARY_10='#F2F5F9';var TERTIARY_30=exports.TERTIARY_30='#EFF1F7';var TERTIARY_50=exports.TERTIARY_50='#EDF1FF';var TERTIARY_70=exports.TERTIARY_70='#E2E7FF';var TERTIARY_80=exports.TERTIARY_80='#E0E7FF';var TERTIARY_100=exports.TERTIARY_100='#808695';var TERTIARY_101=exports.TERTIARY_101='#E2E7FF';var TERTIARY_500=exports.TERTIARY_500='#7182FF';var TERTIARY_700=exports.TERTIARY_700='#3844B7';var TERTIARY_800=exports.TERTIARY_800='#151C7A';var QUATERNARY_10=exports.QUATERNARY_10='#F5F5FC';var QUATERNARY_50=exports.QUATERNARY_50='#DDDFF6';var QUATERNARY_100=exports.QUATERNARY_100='#7182FF';var NEUTRAL_0=exports.NEUTRAL_0='#FFFFFF';var NEUTRAL_5=exports.NEUTRAL_5='#F2F2F2';var NEUTRAL_10=exports.NEUTRAL_10='#E5E5E5';var NEUTRAL_40=exports.NEUTRAL_40='#999999';var NEUTRAL_50=exports.NEUTRAL_50='#FAFAFA';var NEUTRAL_60=exports.NEUTRAL_60='#808080';var NEUTRAL_100=exports.NEUTRAL_100='#000000';var NEUTRAL_200=exports.NEUTRAL_200='#EEEEEE';var NEUTRAL_300=exports.NEUTRAL_300='#E0E0E0';var NEUTRAL_400=exports.NEUTRAL_400='#BDBDBD';var NEUTRAL_500=exports.NEUTRAL_500='#9E9E9E';var NEUTRAL_600=exports.NEUTRAL_600='#757575';var NEUTRAL_700=exports.NEUTRAL_700='#616161';var NEUTRAL_800=exports.NEUTRAL_800='#424242';var NEUTRAL_1000=exports.NEUTRAL_1000='#121212';var INITIAL_10=exports.INITIAL_10='#ECF5FF';var INITIAL_100=exports.INITIAL_100='#3E97FF';var PROCESS_10=exports.PROCESS_10='#FFF6EC';var PROCESS_100=exports.PROCESS_100='#FBA643';var SUCCESS_10=exports.SUCCESS_10='#E5F7ED';var SUCCESS_100=exports.SUCCESS_100='#00B34C';var SUCCESS_110=exports.SUCCESS_110='#C8FBCA';var SUCCESS_800=exports.SUCCESS_800='#00674B';var SUCCESS_900=exports.SUCCESS_900='#005546';var DESTRUCTIVE_10=exports.DESTRUCTIVE_10='#FEF0EF';var DESTRUCTIVE_100=exports.DESTRUCTIVE_100='#F36A62';var DANGER_100=exports.DANGER_100='#FEEBED';var DANGER_700=exports.DANGER_700='#AE313F';var DANGER_900=exports.DANGER_900='#74122E';var IP_100=exports.IP_100='#FEF4D9';var IP_600=exports.IP_600='#D78330';var IP_900=exports.IP_900='#78320C';var OVERLAY=exports.OVERLAY='rgba(0,0,0,0.25)';var DEFAULT_COLOR_THEME=exports.DEFAULT_COLOR_THEME=PRIMARY_100;var DEFAULT_WHITE_THEME=exports.DEFAULT_WHITE_THEME=NEUTRAL_0;

package/dist-web/assets/images/icons/CopyIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ImageStyle } from 'react-native';
+export interface SvgImageProps {
+    style?: ImageStyle;
+    fill?: string;
+}
+export declare const CopyIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;

package/dist-web/assets/images/icons/CopyIcon.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Svg, { Path } from "react-native-svg-web";
+import { DEFAULT_COLOR_THEME } from "../../../styles/colors";
+import { sizeSvg } from "../../../helpers/svg_utils";
+export var CopyIcon = function CopyIcon(_ref) {
+  var style = _ref.style,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? DEFAULT_COLOR_THEME : _ref$fill;
+  var width = sizeSvg(style === null || style === void 0 ? void 0 : style.width, 16);
+  var height = sizeSvg(style === null || style === void 0 ? void 0 : style.height, 16);
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: width,
+    height: height,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    style: style
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M6.1335 12.8001C5.6935 12.8001 5.3167 12.6435 5.0031 12.3305C4.6895 12.0174 4.53296 11.6406 4.5335 11.2001V1.60006C4.5335 1.16006 4.6903 0.783262 5.0039 0.469662C5.3175 0.156062 5.69403 -0.00047094 6.1335 6.23934e-05H13.3335C13.7735 6.23934e-05 14.1503 0.156862 14.4639 0.470462C14.7775 0.784062 14.934 1.1606 14.9335 1.60006V11.2001C14.9335 11.6401 14.7767 12.0169 14.4631 12.3305C14.1495 12.6441 13.773 12.8006 13.3335 12.8001H6.1335ZM6.1335 11.2001H13.3335V1.60006H6.1335V11.2001ZM2.9335 16.0001C2.4935 16.0001 2.1167 15.8435 1.8031 15.5305C1.4895 15.2174 1.33296 14.8406 1.3335 14.4001V4.00006C1.3335 3.77339 1.4103 3.58326 1.5639 3.42966C1.7175 3.27606 1.90736 3.19953 2.1335 3.20006C2.36016 3.20006 2.5503 3.27686 2.7039 3.43046C2.8575 3.58406 2.93403 3.77393 2.9335 4.00006V14.4001H10.9335C11.1602 14.4001 11.3503 14.4769 11.5039 14.6305C11.6575 14.7841 11.734 14.9739 11.7335 15.2001C11.7335 15.4267 11.6567 15.6169 11.5031 15.7705C11.3495 15.9241 11.1596 16.0006 10.9335 16.0001H2.9335Z",
+    fill: fill
+  }));
+};

package/dist-web/assets/images/icons/ErrorIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ImageStyle } from 'react-native';
+export interface SvgImageProps {
+    style?: ImageStyle;
+    fill?: string;
+}
+export declare const ErrorIcon: ({ style, fill }: SvgImageProps) => React.JSX.Element;

package/dist-web/assets/images/icons/ErrorIcon.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import Svg, { Path } from "react-native-svg-web";
+import { sizeSvg } from "../../../helpers/svg_utils";
+export var ErrorIcon = function ErrorIcon(_ref) {
+  var style = _ref.style,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#FEEBE0' : _ref$fill;
+  var width = sizeSvg(style === null || style === void 0 ? void 0 : style.width, 30);
+  var height = sizeSvg(style === null || style === void 0 ? void 0 : style.height, 32);
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: width,
+    height: height,
+    viewBox: "0 0 8 8",
+    fill: "none",
+    style: style
+  }, /*#__PURE__*/React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.74028 5.7074C6.46575 5.43309 6.19112 5.15858 5.91658 4.88403C5.62249 4.59006 5.32841 4.29596 5.03424 4.00216L5.53995 3.49629C5.93167 3.10443 6.32323 2.7126 6.71479 2.32991C6.76134 2.27389 6.81284 2.223 6.8588 2.15906C7.00276 1.95507 7.03668 1.69649 6.95175 1.47622C6.8581 1.23747 6.65727 1.06953 6.41077 1.01796C6.15299 0.963992 5.91388 1.04927 5.69995 1.26087C5.4061 1.55637 5.11169 1.85137 4.81729 2.14637C4.54434 2.41968 4.2717 2.693 3.99922 2.96665C3.62491 2.59136 3.25478 2.21632 2.87563 1.84134L2.61881 1.58423C2.58211 1.54761 2.54595 1.51066 2.50941 1.47366L2.50584 1.46985C2.41782 1.38028 2.32679 1.28772 2.23066 1.19772C2.07528 1.04511 1.84864 0.975881 1.6305 1.00751C1.40973 1.03967 1.21717 1.17851 1.10231 1.36676C0.923731 1.67588 0.981329 2.01815 1.25633 2.29367C1.65854 2.69675 2.06114 3.09945 2.46381 3.50215L2.96341 4.00182L2.90404 4.06751C2.35657 4.60893 1.82044 5.145 1.28493 5.6811L1.2746 5.69136C1.24412 5.72952 1.18881 5.77698 1.14393 5.83801C1.01873 6.00837 0.972899 6.22699 1.0181 6.42462C1.06346 6.62846 1.19691 6.80392 1.38906 6.90607C1.49688 6.9673 1.61437 6.99836 1.73321 6.99836C1.9357 6.99836 2.12644 6.91017 2.30025 6.73642C2.66805 6.36906 3.03554 6.00153 3.40287 5.63394L3.99978 5.03699L4.1276 5.16503C4.63689 5.67502 5.16357 6.20239 5.68033 6.71763C5.74102 6.77814 5.8361 6.86552 5.96004 6.92584C6.17547 7.03938 6.42897 7.01799 6.63836 6.89281C6.85221 6.76504 6.98615 6.5424 6.99624 6.29726C7.00982 5.97644 6.80686 5.77392 6.74028 5.7074Z",
+    fill: fill
+  }));
+};

package/dist-web/components/text-message/MarkdownUtils.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextMessageProps } from './TextMessage.types';
+export declare const RenderMarkdownText: React.FC<TextMessageProps>;

package/dist-web/components/text-message/MarkdownUtils.js

@@ -0,0 +1,229 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import { Text, StyleSheet, View, ScrollView, Platform, Clipboard, Linking } from "react-native-web";
+import { Prism as WebSyntaxHighlighter } from "react-syntax-highlighter";
+import { DANGER_900, INITIAL_100, NEUTRAL_0, NEUTRAL_100, PRIMARY_100, PRIMARY_20, TERTIARY_100, TERTIARY_70 } from "../../styles/colors";
+import { CopyIcon } from "../../assets/images/icons/CopyIcon";
+// @ts-ignore
+import { nightOwl } from 'react-syntax-highlighter/src/styles/prism';
+// @ts-ignore
+import SyntaxHighlighter from 'react-native-syntax-highlighter';
+
+// Props typing for the HighlightCode component
+
+// Component to display syntax-highlighted code
+var HighlightCode = function HighlightCode(_ref) {
+  var code = _ref.code,
+    language = _ref.language;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    copiedCode = _useState2[0],
+    setCopiedCode = _useState2[1];
+  // Copies the code to the clipboard
+  var copyToClipboard = function copyToClipboard() {
+    setCopiedCode(true);
+    Clipboard.setString(code);
+  };
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.copyButton
+  }, /*#__PURE__*/React.createElement(CopyIcon, {
+    fill: NEUTRAL_0,
+    style: {
+      width: 12,
+      height: 12
+    }
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.copyButtonText,
+    onPress: copyToClipboard
+  }, copiedCode ? 'Copied text!' : 'Copy code')), Platform.OS === 'web' ?
+  /*#__PURE__*/
+  // Web version uses WebSyntaxHighlighter
+  React.createElement(WebSyntaxHighlighter, {
+    language: language,
+    PreTag: "div",
+    customStyle: {
+      borderBottomRightRadius: "0.25rem",
+      borderBottomLeftRadius: "0.25rem",
+      fontSize: "0.75rem",
+      margin: 0
+    },
+    style: nightOwl
+  }, code) :
+  /*#__PURE__*/
+  // Mobile version uses SyntaxHighlighter
+  React.createElement(SyntaxHighlighter, {
+    language: language,
+    wrapLines: true,
+    customStyle: {
+      borderBottomRightRadius: "0.25rem",
+      borderBottomLeftRadius: "0.25rem",
+      fontSize: "0.75rem",
+      margin: 0
+    },
+    style: nightOwl
+  }, code));
+};
+
+// Component to render markdown text
+export var RenderMarkdownText = function RenderMarkdownText(_ref2) {
+  var text = _ref2.text,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'default' : _ref2$type;
+  // Define a function to determine text color based on the type
+  var textColor = type === 'error' ? DANGER_900 : type === 'right-user' ? TERTIARY_100 : NEUTRAL_100;
+
+  // Regular expressions for markdown patterns
+  var boldPattern = /\*\*(.*?)\*\*/g;
+  var italicPattern = /\*(.*?)\*/g;
+  var codePattern = /```(\w+)\s+([\s\S]*?)```/g;
+  var inlineCodePattern = /`([^`]+)`/g;
+  var linkPattern = /\[([^\]]+)\]\(([^)]+)\)/g;
+
+  // Function to render the text with markdown styling
+  var renderText = function renderText(textPart) {
+    var inlineElements = []; // Array to store the Text components
+
+    // Split and apply styles to text in parts
+    textPart.split(boldPattern).forEach(function (subPart, index) {
+      if (textPart.includes("**".concat(subPart, "**"))) {
+        inlineElements.push( /*#__PURE__*/React.createElement(Text, {
+          key: "bold-".concat(index),
+          style: styles.boldText
+        }, subPart));
+      } else {
+        subPart.split(italicPattern).forEach(function (italicPart, italicIndex) {
+          if (textPart.includes("*".concat(italicPart, "*"))) {
+            inlineElements.push( /*#__PURE__*/React.createElement(Text, {
+              key: "italic-".concat(italicIndex),
+              style: styles.italicText
+            }, italicPart));
+          } else {
+            italicPart.split(inlineCodePattern).forEach(function (codePart, codeIndex) {
+              if (italicPart.includes("`".concat(codePart, "`"))) {
+                inlineElements.push( /*#__PURE__*/React.createElement(Text, {
+                  key: "inlineCode-".concat(codeIndex),
+                  style: styles.inlineCode
+                }, codePart));
+              } else {
+                // Here we process the links
+                var partsWithLinks = codePart.split(linkPattern);
+                var _loop = function _loop(_i) {
+                  var text = partsWithLinks[_i];
+                  // If the part is a link text
+                  if (_i % 3 === 1) {
+                    // link text
+                    var label = text;
+                    var url = partsWithLinks[_i + 1]; // link url
+                    inlineElements.push( /*#__PURE__*/React.createElement(Text, {
+                      key: "link-".concat(url, "-").concat(_i),
+                      style: styles.linkText,
+                      onPress: function onPress() {
+                        return Linking.openURL(url);
+                      }
+                    }, label));
+                    _i++; // Skip the next index as it's the URL we just processed
+                  } else {
+                    // Normal text
+                    inlineElements.push( /*#__PURE__*/React.createElement(Text, {
+                      key: "text-".concat(text, "-").concat(_i)
+                    }, text));
+                  }
+                  i = _i;
+                };
+                for (var i = 0; i < partsWithLinks.length; i++) {
+                  _loop(i);
+                }
+              }
+            });
+          }
+        });
+      }
+    });
+
+    // Return a Text component that wraps all inline elements
+    return /*#__PURE__*/React.createElement(Text, {
+      style: {
+        color: textColor
+      }
+    }, inlineElements);
+    ;
+  };
+  var parts = text.split(codePattern);
+  var isCodeBlock = false;
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    horizontal: false,
+    style: {
+      flex: 1
+    }
+  }, parts.map(function (part, index) {
+    if (index % 3 === 1) {
+      isCodeBlock = true;
+      var language = part;
+      var code = parts[index + 1];
+      // Render code blocks
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: '100%'
+        },
+        key: "code-".concat(index)
+      }, /*#__PURE__*/React.createElement(HighlightCode, {
+        code: code,
+        language: language
+      }));
+    } else if (!isCodeBlock) {
+      // Render non-code text
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap'
+        },
+        key: "text-".concat(index)
+      }, renderText(part));
+    } else {
+      isCodeBlock = false;
+      return null;
+    }
+  }));
+};
+
+// StyleSheet for the components
+var styles = StyleSheet.create({
+  boldText: {
+    fontWeight: 'bold'
+  },
+  italicText: {
+    fontStyle: 'italic'
+  },
+  copyButton: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    alignItems: "center",
+    padding: 5,
+    borderTopRightRadius: 4,
+    borderTopLeftRadius: 4,
+    backgroundColor: PRIMARY_20,
+    gap: 5
+  },
+  copyButtonText: {
+    color: NEUTRAL_0,
+    fontSize: 12
+  },
+  inlineCode: {
+    backgroundColor: TERTIARY_70,
+    paddingVertical: 2,
+    paddingHorizontal: 4,
+    borderRadius: 4,
+    color: PRIMARY_100,
+    fontWeight: "600"
+  },
+  linkText: {
+    color: INITIAL_100,
+    fontWeight: "600",
+    textDecorationLine: 'underline'
+  }
+});

package/dist-web/components/text-message/TextMessage.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextMessageProps } from './TextMessage.types';
+declare const TextMessage: React.FC<TextMessageProps>;
+export default TextMessage;

package/dist-web/components/text-message/TextMessage.js

@@ -0,0 +1,142 @@
+import React from 'react';
+import { View, Text, StyleSheet } from "react-native-web";
+import { DANGER_100, DANGER_700, DANGER_900, NEUTRAL_0, NEUTRAL_100, TERTIARY_100, TERTIARY_30, TERTIARY_70 } from "../../styles/colors";
+import { ErrorIcon } from "../../assets/images/icons/ErrorIcon";
+import { RenderMarkdownText } from "./MarkdownUtils";
+// TextMessage component definition
+var TextMessage = function TextMessage(_ref) {
+  var title = _ref.title,
+    text = _ref.text,
+    file = _ref.file,
+    time = _ref.time,
+    type = _ref.type,
+    backgroundColor = _ref.backgroundColor;
+  var messageStyle = [styles.messageContainer, {
+    backgroundColor: type === 'error' ? DANGER_100 : type === 'right-user' ? TERTIARY_30 : backgroundColor || NEUTRAL_0
+  }, {
+    alignSelf: type === 'right-user' ? 'flex-end' : 'flex-start'
+  }];
+  return /*#__PURE__*/React.createElement(View, {
+    style: messageStyle
+  }, title && /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, title), file && /*#__PURE__*/React.createElement(Text, {
+    style: styles.file
+  }, file), /*#__PURE__*/React.createElement(View, {
+    style: styles.textContentWithIcon
+  }, type === 'error' && /*#__PURE__*/React.createElement(View, {
+    style: styles.errorIconContainer
+  }, /*#__PURE__*/React.createElement(ErrorIcon, {
+    style: {
+      height: 8,
+      width: 8
+    }
+  })), /*#__PURE__*/React.createElement(RenderMarkdownText, {
+    text: text,
+    type: type
+  })), time && /*#__PURE__*/React.createElement(Text, {
+    style: type === "error" ? styles.errorTimestamp : styles.timestamp
+  }, time));
+};
+var styles = StyleSheet.create({
+  scrollViewContent: {
+    width: "100%",
+    borderBottomLeftRadius: 8,
+    borderBottomRightRadius: 8
+  },
+  messageContainer: {
+    padding: 8,
+    borderBottomLeftRadius: 8,
+    borderBottomRightRadius: 8,
+    flexDirection: 'column',
+    marginTop: 12,
+    maxWidth: '100%'
+  },
+  textContentWithIcon: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  userMessage: {
+    alignSelf: 'flex-end'
+  },
+  title: {
+    backgroundColor: NEUTRAL_0
+  },
+  file: {
+    backgroundColor: TERTIARY_70
+  },
+  botMessage: {
+    backgroundColor: NEUTRAL_0,
+    alignSelf: 'flex-start',
+    borderTopRightRadius: 8
+  },
+  userMessageBubble: {
+    flexDirection: 'column',
+    backgroundColor: TERTIARY_30,
+    borderTopLeftRadius: 8
+  },
+  botMessageBubble: {
+    flexDirection: 'column'
+  },
+  messageBubble: {
+    padding: 8,
+    borderBottomRightRadius: 8,
+    borderBottomLeftRadius: 8,
+    flexDirection: "column",
+    justifyContent: 'space-between'
+  },
+  defaultTimestamp: {
+    color: TERTIARY_100,
+    fontSize: 12,
+    paddingTop: 4,
+    alignSelf: 'flex-end'
+  },
+  textContentContainer: {
+    alignSelf: "flex-end"
+  },
+  timestampContainer: {
+    alignSelf: 'flex-end',
+    marginTop: 4
+  },
+  timestamp: {
+    fontSize: 12,
+    marginTop: 4,
+    alignSelf: 'flex-end',
+    color: TERTIARY_100
+  },
+  messageText: {
+    color: TERTIARY_100,
+    fontSize: 14
+  },
+  userMessageText: {
+    color: TERTIARY_100
+  },
+  botMessageText: {
+    color: NEUTRAL_100
+  },
+  errorMessage: {
+    backgroundColor: DANGER_100,
+    alignSelf: 'flex-start',
+    borderTopRightRadius: 8
+  },
+  errorMessageText: {
+    color: DANGER_900
+  },
+  errorIconContainer: {
+    width: 16,
+    height: 16,
+    borderRadius: 12,
+    backgroundColor: DANGER_700,
+    color: DANGER_900,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 8
+  },
+  errorTimestamp: {
+    color: DANGER_900,
+    fontSize: 12,
+    paddingTop: 4,
+    alignSelf: 'flex-end'
+  }
+});
+export default TextMessage;

package/dist-web/components/text-message/TextMessage.types.d.ts

@@ -0,0 +1,8 @@
+export interface TextMessageProps {
+    title?: string;
+    text: string;
+    file?: string;
+    time?: string;
+    type?: 'left-user' | 'right-user' | 'error';
+    backgroundColor?: string;
+}

package/dist-web/components/text-message/TextMessage.types.js

@@ -0,0 +1 @@
+export {};

package/dist-web/styles/colors.d.ts

@@ -1,3 +1,4 @@
+export declare const PRIMARY_20 = "#343444";
 export declare const PRIMARY_30 = "#8689AA";
 export declare const PRIMARY_40 = "#606380";
 export declare const PRIMARY_50 = "#575A72";
@@ -52,7 +53,7 @@ export declare const DESTRUCTIVE_10 = "#FEF0EF";
 export declare const DESTRUCTIVE_100 = "#F36A62";
 export declare const DANGER_100 = "#FEEBED";
 export declare const DANGER_700 = "#AE313F";
-export declare const Danger_900 = "#74122E";
+export declare const DANGER_900 = "#74122E";
 export declare const IP_100 = "#FEF4D9";
 export declare const IP_600 = "#D78330";
 export declare const IP_900 = "#78320C";

package/dist-web/styles/colors.js

@@ -1,3 +1,4 @@
+export var PRIMARY_20 = '#343444';
 export var PRIMARY_30 = '#8689AA';
 export var PRIMARY_40 = '#606380';
 export var PRIMARY_50 = '#575A72';
@@ -52,7 +53,7 @@ export var DESTRUCTIVE_10 = '#FEF0EF';
 export var DESTRUCTIVE_100 = '#F36A62';
 export var DANGER_100 = '#FEEBED';
 export var DANGER_700 = '#AE313F';
-export var Danger_900 = '#74122E';
+export var DANGER_900 = '#74122E';
 export var IP_100 = '#FEF4D9';
 export var IP_600 = '#D78330';
 export var IP_900 = '#78320C';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.3.63",
+  "version": "1.3.64",
   "private": false,
   "scripts": {
     "android": "react-native run-android",
@@ -56,6 +56,7 @@
     "@types/jest": "^29.5.9",
     "@types/react": "^18.2.38",
     "@types/react-native": "^0.72.2",
+    "@types/react-syntax-highlighter": "^15.5.11",
     "@types/react-test-renderer": "^18.0.6",
     "@typescript-eslint/eslint-plugin": "^5.17.0",
     "@typescript-eslint/parser": "^5.17.0",
@@ -74,7 +75,9 @@
     "react-native-svg": "^13.9.0",
     "react-native-svg-transformer": "^1.0.0",
     "react-native-svg-web": "^1.0.9",
+    "react-native-syntax-highlighter": "^2.1.0",
     "react-native-web": "^0.19.4",
+    "react-syntax-highlighter": "^15.5.0",
     "react-test-renderer": "18.2.0",
     "typescript": "^5.3.2"
   },
@@ -91,5 +94,6 @@
       "json",
       "node"
     ]
-  }
+  },
+  "dependencies": {}
 }