etendo-ui-library 1.3.68 → 1.3.69

package/dist-native/assets/images/icons/FileIcon.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 FileIcon: ({ style, fill }: SvgImageProps) => React.JSX.Element;

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

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.FileIcon=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/FileIcon.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 FileIcon=exports.FileIcon=function FileIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?'#121212':_ref$fill;var width=(0,_svg_utils.sizeSvg)((style==null?void 0:style.width)||48);var height=(0,_svg_utils.sizeSvg)((style==null?void 0:style.height)||48);return _react.default.createElement(_reactNativeSvg.default,{width:width,height:height,viewBox:"0 0 48 48",fill:"none",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:9}},_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M7.75736 3.75736C8.88258 2.63214 10.4087 2 12 2H26C26.5304 2 27.0391 2.21071 27.4142 2.58579L41.4142 16.5858C41.7893 16.9609 42 17.4696 42 18V40C42 41.5913 41.3679 43.1174 40.2426 44.2426C39.1174 45.3679 37.5913 46 36 46H12C10.4087 46 8.88258 45.3679 7.75736 44.2426C6.63214 43.1174 6 41.5913 6 40V8C6 6.4087 6.63214 4.88258 7.75736 3.75736ZM12 6C11.4696 6 10.9609 6.21071 10.5858 6.58579C10.2107 6.96086 10 7.46957 10 8V40C10 40.5304 10.2107 41.0391 10.5858 41.4142C10.9609 41.7893 11.4696 42 12 42H36C36.5304 42 37.0391 41.7893 37.4142 41.4142C37.7893 41.0391 38 40.5304 38 40V18.8284L25.1716 6H12Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:13}}),_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M26 2C27.1046 2 28 2.89543 28 4V16H40C41.1046 16 42 16.8954 42 18C42 19.1046 41.1046 20 40 20H26C24.8954 20 24 19.1046 24 18V4C24 2.89543 24.8954 2 26 2Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:13}}));};

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

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CodeComponent=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactSyntaxHighlighter=require("react-syntax-highlighter");var _CopyIcon=require("../../assets/images/icons/CopyIcon");var _colors=require("../../styles/colors");var _hljs=require("react-syntax-highlighter/dist/esm/styles/hljs");var _excluded=["node","inline","className","children"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/text-message/CodeComponent.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 CodeComponent=exports.CodeComponent=function CodeComponent(_ref){var node=_ref.node,inline=_ref.inline,className=_ref.className,children=_ref.children,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),copiedCode=_useState2[0],setCopiedCode=_useState2[1];var textContent=typeof children==='string'?children:typeof children==='object'&&children.props&&typeof children.props.children==='string'?children.props.children:'';var copyToClipboard=function copyToClipboard(){setCopiedCode(true);_reactNative.Clipboard.setString(textContent);setTimeout(function(){return setCopiedCode(false);},2000);};return _react.default.createElement(_reactNative.View,{style:{marginTop:8,marginBottom:8},__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:styles.copyButton,__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:13}},_react.default.createElement(_CopyIcon.CopyIcon,{fill:_colors.NEUTRAL_0,style:{width:12,height:12},__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:17}}),_react.default.createElement(_reactNative.Text,{style:styles.copyButtonText,onPress:copyToClipboard,__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:17}},copiedCode?'Copied text!':'Copy code')),_react.default.createElement(_reactSyntaxHighlighter.Prism,{style:_hljs.nightOwl,customStyle:{borderBottomRightRadius:"0.25rem",borderBottomLeftRadius:"0.25rem",fontSize:"0.75rem",margin:0},children:textContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:13}}));};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}});
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CodeComponent=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactSyntaxHighlighter=require("react-syntax-highlighter");var _CopyIcon=require("../../assets/images/icons/CopyIcon");var _colors=require("../../styles/colors");var _hljs=require("react-syntax-highlighter/dist/esm/styles/hljs");var _excluded=["node","inline","className","children"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/text-message/CodeComponent.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 CodeComponent=exports.CodeComponent=function CodeComponent(_ref){var node=_ref.node,inline=_ref.inline,className=_ref.className,children=_ref.children,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),copiedCode=_useState2[0],setCopiedCode=_useState2[1];var textContent=typeof children==='string'?children:typeof children==='object'&&children.props&&typeof children.props.children==='string'?children.props.children:'';var copyToClipboard=function copyToClipboard(){setCopiedCode(true);_reactNative.Clipboard.setString(textContent);setTimeout(function(){return setCopiedCode(false);},2000);};return _react.default.createElement(_reactNative.View,{style:{marginTop:8,marginBottom:8},__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:styles.copyButton,__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:13}},_react.default.createElement(_CopyIcon.CopyIcon,{fill:_colors.NEUTRAL_0,style:{width:12,height:12},__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:17}}),_react.default.createElement(_reactNative.Text,{style:styles.copyButtonText,onPress:copyToClipboard,__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:17}},copiedCode?'Copied text!':'Copy code')),_react.default.createElement(_reactSyntaxHighlighter.Prism,{style:_hljs.nightOwl,customStyle:{borderBottomRightRadius:"0.25rem",borderBottomLeftRadius:"0.25rem",fontSize:"0.75rem",margin:0},children:textContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:13}}));};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}});

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

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.RenderMarkdownText=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _reactMarkdown=_interopRequireDefault(require("react-markdown"));var _CodeComponent=require("./CodeComponent");var _AnchorComponent=require("./AnchorComponent");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/text-message/MarkdownUtils.tsx";var InlineCode=function InlineCode(_ref){var children=_ref.children;return _react.default.createElement(_reactNative.Text,{style:styles.inlineCode,__self:_this,__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:5}},children);};var Paragraph=function Paragraph(_ref2){var children=_ref2.children;return _react.default.createElement(_reactNative.Text,{style:styles.paragraph,__self:_this,__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:5}},children);};var RenderMarkdownText=exports.RenderMarkdownText=function RenderMarkdownText(_ref3){var text=_ref3.text,_ref3$type=_ref3.type,type=_ref3$type===void 0?'default':_ref3$type;return _react.default.createElement(_reactNative.ScrollView,{horizontal:false,style:{flex:1},__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:9}},_react.default.createElement(_reactMarkdown.default,{components:{pre:_CodeComponent.CodeComponent,code:InlineCode,a:_AnchorComponent.AnchorComponent,p:Paragraph},__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:13}},text));};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},linkText:{color:_colors.INITIAL_100,fontWeight:"600",textDecorationLine:'underline'},inlineCode:{backgroundColor:_colors.TERTIARY_70,paddingHorizontal:4,borderRadius:4,color:_colors.PRIMARY_100,fontWeight:"700"},paragraph:{margin:0,padding:0,lineHeight:20},listItem:{fontWeight:"700"}});
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.RenderMarkdownText=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _reactMarkdown=_interopRequireDefault(require("react-markdown"));var _CodeComponent=require("./CodeComponent");var _AnchorComponent=require("./AnchorComponent");var _TextMessage=require("./TextMessage.utils");var _MarkdownUtils=require("./MarkdownUtils.styles");var _excluded=["children","type"],_excluded2=["node"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/text-message/MarkdownUtils.tsx";var InlineCode=function InlineCode(_ref){var children=_ref.children;return _react.default.createElement(_reactNative.Text,{style:_MarkdownUtils.styles.inlineCode,__self:_this,__source:{fileName:_jsxFileName,lineNumber:11,columnNumber:5}},children);};var Paragraph=function Paragraph(_ref2){var children=_ref2.children,type=_ref2.type,props=(0,_objectWithoutProperties2.default)(_ref2,_excluded);return _react.default.createElement(_reactNative.Text,(0,_extends2.default)({style:[_MarkdownUtils.styles.paragraph,{color:(0,_TextMessage.getTextColorByType)(type)},props.style]},props,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:9}}),children);};var RenderMarkdownText=exports.RenderMarkdownText=function RenderMarkdownText(_ref3){var text=_ref3.text,_ref3$type=_ref3.type,type=_ref3$type===void 0?"left-user":_ref3$type;return _react.default.createElement(_reactNative.ScrollView,{horizontal:false,style:{flex:1},__self:_this,__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:9}},_react.default.createElement(_reactMarkdown.default,{components:{pre:_CodeComponent.CodeComponent,code:InlineCode,a:_AnchorComponent.AnchorComponent,p:function p(_ref4){var node=_ref4.node,props=(0,_objectWithoutProperties2.default)(_ref4,_excluded2);return _react.default.createElement(Paragraph,(0,_extends2.default)({},props,{type:type,__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:44}}));}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:13}},text));};

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

@@ -0,0 +1,44 @@
+export declare const styles: {
+    boldText: {
+        fontWeight: "bold";
+    };
+    italicText: {
+        fontStyle: "italic";
+    };
+    copyButton: {
+        flexDirection: "row";
+        justifyContent: "flex-end";
+        alignItems: "center";
+        padding: number;
+        borderTopRightRadius: number;
+        borderTopLeftRadius: number;
+        backgroundColor: string;
+        gap: number;
+    };
+    copyButtonText: {
+        color: string;
+        fontSize: number;
+    };
+    linkText: {
+        color: string;
+        fontWeight: "600";
+        textDecorationLine: "underline";
+    };
+    inlineCode: {
+        backgroundColor: string;
+        paddingHorizontal: number;
+        borderRadius: number;
+        color: string;
+        fontWeight: "700";
+    };
+    paragraph: {
+        margin: number;
+        padding: number;
+        lineHeight: number;
+        color: string;
+        fontWeight: "500";
+    };
+    listItem: {
+        fontWeight: "700";
+    };
+};

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.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},linkText:{color:_colors.INITIAL_100,fontWeight:"600",textDecorationLine:'underline'},inlineCode:{backgroundColor:_colors.TERTIARY_70,paddingHorizontal:4,borderRadius:4,color:_colors.PRIMARY_100,fontWeight:"700"},paragraph:{margin:0,padding:0,lineHeight:20,color:_colors.NEUTRAL_800,fontWeight:"500"},listItem:{fontWeight:"700"}});

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

@@ -1 +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,titleStyle=_ref.titleStyle,backgroundColor=_ref.backgroundColor;var messageStyle=[styles.messageContainer,{backgroundColor:type==='error'?_colors.DANGER_100:type==='right-user'?_colors.NEUTRAL_200:backgroundColor||_colors.NEUTRAL_0},{alignSelf:type==='right-user'?'flex-end':'flex-start'}];var renderTitle=function renderTitle(title){return _react.default.createElement(_reactNative.Text,{style:[styles.title,titleStyle],__self:_this,__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:16}},title);};return _react.default.createElement(_reactNative.View,{style:messageStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:9}},title&&renderTitle(title),file&&_react.default.createElement(_reactNative.Text,{style:styles.file,__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:22}},file),_react.default.createElement(_reactNative.View,{style:styles.textContentWithIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:13}},type==='error'&&_react.default.createElement(_reactNative.View,{style:styles.errorIconContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:21}},_react.default.createElement(_ErrorIcon.ErrorIcon,{style:{height:8,width:8},__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:25}})),_react.default.createElement(_MarkdownUtils.RenderMarkdownText,{text:text,type:type,__self:_this,__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:17}})),time&&_react.default.createElement(_reactNative.Text,{style:type==="error"?styles.errorTimestamp:styles.timestamp,__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,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:{color:_colors.PRIMARY_100,fontSize:16,fontWeight:"600",marginBottom:2},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;
+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 _FileIcon=require("../../assets/images/icons/FileIcon");var _TextMessage=require("./TextMessage.styles");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=[_TextMessage.styles.messageContainer,{borderTopLeftRadius:type==='left-user'||type==='error'?0:8},{borderTopRightRadius:type==='right-user'?0:8},{backgroundColor:type==='error'?_colors.DANGER_100:type==='right-user'?_colors.NEUTRAL_200:backgroundColor||_colors.NEUTRAL_0},{alignSelf:type==='right-user'?'flex-end':'flex-start'}];var renderTitle=function renderTitle(title,type){return _react.default.createElement(_reactNative.Text,{style:[_TextMessage.styles.title,{color:type=='error'?_colors.DANGER_900:_colors.NEUTRAL_1000}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:16}},title);};return _react.default.createElement(_reactNative.View,{style:messageStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:9}},title&&renderTitle(title,type),file&&_react.default.createElement(_reactNative.View,{style:[_TextMessage.styles.fileContainer,type==='right-user'?_TextMessage.styles.rightUserFileContainer:_TextMessage.styles.otherUserFileContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:17}},_react.default.createElement(_FileIcon.FileIcon,{style:_TextMessage.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:21}}),_react.default.createElement(_reactNative.Text,{style:_TextMessage.styles.file,__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:21}},file)),_react.default.createElement(_reactNative.View,{style:_TextMessage.styles.textContentWithIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:13}},type==='error'&&_react.default.createElement(_reactNative.View,{style:_TextMessage.styles.errorIconContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:21}},_react.default.createElement(_ErrorIcon.ErrorIcon,{style:{height:8,width:8},__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:25}})),_react.default.createElement(_MarkdownUtils.RenderMarkdownText,{text:text,type:type,__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:17}})),time&&_react.default.createElement(_reactNative.Text,{style:type==="error"?_TextMessage.styles.errorTimestamp:_TextMessage.styles.timestamp,__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:17}},time));};var _default=exports.default=TextMessage;

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

@@ -0,0 +1,125 @@
+export declare const styles: {
+    scrollViewContent: {
+        width: "100%";
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    messageContainer: {
+        padding: number;
+        borderRadius: number;
+        flexDirection: "column";
+        marginBottom: number;
+        maxWidth: "100%";
+    };
+    textContentWithIcon: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    userMessage: {
+        alignSelf: "flex-end";
+    };
+    title: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+        marginBottom: number;
+    };
+    botMessage: {
+        backgroundColor: string;
+        alignSelf: "flex-start";
+        borderTopRightRadius: number;
+    };
+    userMessageBubble: {
+        flexDirection: "column";
+        backgroundColor: string;
+        borderTopLeftRadius: number;
+    };
+    botMessageBubble: {
+        flexDirection: "column";
+    };
+    messageBubble: {
+        padding: number;
+        borderBottomRightRadius: number;
+        borderBottomLeftRadius: number;
+        flexDirection: "column";
+        justifyContent: "space-between";
+    };
+    fileContainer: {
+        marginTop: number;
+        marginBottom: number;
+        padding: number;
+        borderRadius: number;
+        borderColor: string;
+        borderWidth: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    rightUserFileContainer: {
+        backgroundColor: string;
+    };
+    otherUserFileContainer: {
+        backgroundColor: string;
+    };
+    fileIcon: {
+        width: number;
+        height: number;
+    };
+    file: {
+        paddingHorizontal: number;
+        fontWeight: "500";
+        fontSize: number;
+    };
+    defaultTimestamp: {
+        color: string;
+        fontSize: number;
+        paddingTop: number;
+        alignSelf: "flex-end";
+    };
+    textContentContainer: {
+        alignSelf: "flex-end";
+    };
+    timestampContainer: {
+        alignSelf: "flex-end";
+        marginTop: number;
+    };
+    timestamp: {
+        fontSize: number;
+        marginTop: number;
+        alignSelf: "flex-end";
+        color: string;
+    };
+    messageText: {
+        color: string;
+        fontSize: number;
+    };
+    userMessageText: {
+        color: string;
+    };
+    botMessageText: {
+        color: string;
+    };
+    errorMessage: {
+        backgroundColor: string;
+        alignSelf: "flex-start";
+        borderTopRightRadius: number;
+    };
+    errorMessageText: {
+        color: string;
+    };
+    errorIconContainer: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        color: string;
+        justifyContent: "center";
+        alignItems: "center";
+        marginRight: number;
+    };
+    errorTimestamp: {
+        color: string;
+        fontSize: number;
+        paddingTop: number;
+        alignSelf: "flex-end";
+    };
+};

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({scrollViewContent:{width:"100%",borderBottomLeftRadius:8,borderBottomRightRadius:8},messageContainer:{padding:8,borderRadius:8,flexDirection:'column',marginBottom:12,maxWidth:'100%'},textContentWithIcon:{flexDirection:'row',alignItems:'center'},userMessage:{alignSelf:'flex-end'},title:{color:_colors.NEUTRAL_1000,fontSize:16,fontWeight:"600",marginBottom:2},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'},fileContainer:{marginTop:2,marginBottom:4,padding:8,borderRadius:8,borderColor:_colors.NEUTRAL_400,borderWidth:1,flexDirection:"row",alignItems:"center"},rightUserFileContainer:{backgroundColor:_colors.NEUTRAL_0},otherUserFileContainer:{backgroundColor:_colors.NEUTRAL_200},fileIcon:{width:36,height:36},file:{paddingHorizontal:8,fontWeight:"500",fontSize:14},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'}});

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

@@ -1,4 +1,3 @@
-import { StyleProp, TextStyle } from 'react-native';
 export interface TextMessageProps {
     title?: string;
     text: string;
@@ -6,5 +5,4 @@ export interface TextMessageProps {
     time?: string;
     type?: 'left-user' | 'right-user' | 'error';
     backgroundColor?: string;
-    titleStyle?: StyleProp<TextStyle>;
 }

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

@@ -0,0 +1 @@
+export declare const getTextColorByType: (type: 'left-user' | "right-user" | "error") => "#424242" | "#74122E";

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.getTextColorByType=void 0;var _colors=require("../../styles/colors");var getTextColorByType=exports.getTextColorByType=function getTextColorByType(type){switch(type){case'error':return _colors.DANGER_900;default:return _colors.NEUTRAL_800;}};

package/dist-web/assets/images/icons/FileIcon.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 FileIcon: ({ style, fill }: SvgImageProps) => React.JSX.Element;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import Svg, { Path } from "react-native-svg-web";
+import { sizeSvg } from "../../../helpers/svg_utils";
+export var FileIcon = function FileIcon(_ref) {
+  var style = _ref.style,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#121212' : _ref$fill;
+  var width = sizeSvg((style === null || style === void 0 ? void 0 : style.width) || 48);
+  var height = sizeSvg((style === null || style === void 0 ? void 0 : style.height) || 48);
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: width,
+    height: height,
+    viewBox: "0 0 48 48",
+    fill: "none",
+    style: style
+  }, /*#__PURE__*/React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.75736 3.75736C8.88258 2.63214 10.4087 2 12 2H26C26.5304 2 27.0391 2.21071 27.4142 2.58579L41.4142 16.5858C41.7893 16.9609 42 17.4696 42 18V40C42 41.5913 41.3679 43.1174 40.2426 44.2426C39.1174 45.3679 37.5913 46 36 46H12C10.4087 46 8.88258 45.3679 7.75736 44.2426C6.63214 43.1174 6 41.5913 6 40V8C6 6.4087 6.63214 4.88258 7.75736 3.75736ZM12 6C11.4696 6 10.9609 6.21071 10.5858 6.58579C10.2107 6.96086 10 7.46957 10 8V40C10 40.5304 10.2107 41.0391 10.5858 41.4142C10.9609 41.7893 11.4696 42 12 42H36C36.5304 42 37.0391 41.7893 37.4142 41.4142C37.7893 41.0391 38 40.5304 38 40V18.8284L25.1716 6H12Z",
+    fill: fill
+  }), /*#__PURE__*/React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M26 2C27.1046 2 28 2.89543 28 4V16H40C41.1046 16 42 16.8954 42 18C42 19.1046 41.1046 20 40 20H26C24.8954 20 24 19.1046 24 18V4C24 2.89543 24.8954 2 26 2Z",
+    fill: fill
+  }));
+};

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

@@ -27,8 +27,6 @@ export var CodeComponent = function CodeComponent(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     copiedCode = _useState2[0],
     setCopiedCode = _useState2[1];
-
-  // Obtener el texto de props.children si es un string o un elemento React
   var textContent = typeof children === 'string' ? children : _typeof(children) === 'object' && children.props && typeof children.props.children === 'string' ? children.props.children : '';
 
   // Copies the code to the clipboard

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

@@ -1,9 +1,15 @@
+var _excluded = ["children", "type"],
+  _excluded2 = ["node"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
-import { Text, StyleSheet, ScrollView } from "react-native-web";
-import { INITIAL_100, NEUTRAL_0, PRIMARY_100, PRIMARY_20, TERTIARY_70 } from "../../styles/colors";
+import { Text, ScrollView } from "react-native-web";
 import ReactMarkdown from 'react-markdown';
 import { CodeComponent } from "./CodeComponent";
 import { AnchorComponent } from "./AnchorComponent";
+import { getTextColorByType } from "./TextMessage.utils";
+import { styles } from "./MarkdownUtils.styles";
 var InlineCode = function InlineCode(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement(Text, {
@@ -11,17 +17,21 @@ var InlineCode = function InlineCode(_ref) {
   }, children);
 };
 var Paragraph = function Paragraph(_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/React.createElement(Text, {
-    style: styles.paragraph
-  }, children);
+  var children = _ref2.children,
+    type = _ref2.type,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    style: [styles.paragraph, {
+      color: getTextColorByType(type)
+    }, props.style]
+  }, props), children);
 };
 
 // Component to render markdown text
 export var RenderMarkdownText = function RenderMarkdownText(_ref3) {
   var text = _ref3.text,
     _ref3$type = _ref3.type,
-    type = _ref3$type === void 0 ? 'default' : _ref3$type;
+    type = _ref3$type === void 0 ? "left-user" : _ref3$type;
   return /*#__PURE__*/React.createElement(ScrollView, {
     horizontal: false,
     style: {
@@ -32,51 +42,13 @@ export var RenderMarkdownText = function RenderMarkdownText(_ref3) {
       pre: CodeComponent,
       code: InlineCode,
       a: AnchorComponent,
-      p: Paragraph
+      p: function p(_ref4) {
+        var node = _ref4.node,
+          props = _objectWithoutProperties(_ref4, _excluded2);
+        return /*#__PURE__*/React.createElement(Paragraph, _extends({}, props, {
+          type: type
+        }));
+      }
     }
   }, text));
-};
-
-// 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
-  },
-  linkText: {
-    color: INITIAL_100,
-    fontWeight: "600",
-    textDecorationLine: 'underline'
-  },
-  inlineCode: {
-    backgroundColor: TERTIARY_70,
-    paddingHorizontal: 4,
-    borderRadius: 4,
-    color: PRIMARY_100,
-    fontWeight: "700"
-  },
-  paragraph: {
-    margin: 0,
-    padding: 0,
-    lineHeight: 20
-  },
-  listItem: {
-    fontWeight: "700"
-  }
-});
+};

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

@@ -0,0 +1,44 @@
+export declare const styles: {
+    boldText: {
+        fontWeight: "bold";
+    };
+    italicText: {
+        fontStyle: "italic";
+    };
+    copyButton: {
+        flexDirection: "row";
+        justifyContent: "flex-end";
+        alignItems: "center";
+        padding: number;
+        borderTopRightRadius: number;
+        borderTopLeftRadius: number;
+        backgroundColor: string;
+        gap: number;
+    };
+    copyButtonText: {
+        color: string;
+        fontSize: number;
+    };
+    linkText: {
+        color: string;
+        fontWeight: "600";
+        textDecorationLine: "underline";
+    };
+    inlineCode: {
+        backgroundColor: string;
+        paddingHorizontal: number;
+        borderRadius: number;
+        color: string;
+        fontWeight: "700";
+    };
+    paragraph: {
+        margin: number;
+        padding: number;
+        lineHeight: number;
+        color: string;
+        fontWeight: "500";
+    };
+    listItem: {
+        fontWeight: "700";
+    };
+};

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

@@ -0,0 +1,46 @@
+import { StyleSheet } from "react-native-web";
+import { INITIAL_100, NEUTRAL_0, NEUTRAL_800, PRIMARY_100, PRIMARY_20, TERTIARY_70 } from "../../styles/colors";
+export 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
+  },
+  linkText: {
+    color: INITIAL_100,
+    fontWeight: "600",
+    textDecorationLine: 'underline'
+  },
+  inlineCode: {
+    backgroundColor: TERTIARY_70,
+    paddingHorizontal: 4,
+    borderRadius: 4,
+    color: PRIMARY_100,
+    fontWeight: "700"
+  },
+  paragraph: {
+    margin: 0,
+    padding: 0,
+    lineHeight: 20,
+    color: NEUTRAL_800,
+    fontWeight: "500"
+  },
+  listItem: {
+    fontWeight: "700"
+  }
+});

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

@@ -1,8 +1,11 @@
 import React from 'react';
-import { View, Text, StyleSheet } from "react-native-web";
-import { DANGER_100, DANGER_700, DANGER_900, NEUTRAL_0, NEUTRAL_100, NEUTRAL_200, PRIMARY_100, TERTIARY_100, TERTIARY_30, TERTIARY_70 } from "../../styles/colors";
+import { View, Text } from "react-native-web";
+import { DANGER_100, DANGER_900, NEUTRAL_0, NEUTRAL_1000, NEUTRAL_200 } from "../../styles/colors";
 import { ErrorIcon } from "../../assets/images/icons/ErrorIcon";
 import { RenderMarkdownText } from "./MarkdownUtils";
+import { FileIcon } from "../../assets/images/icons/FileIcon";
+import { styles } from "./TextMessage.styles";
+
 // TextMessage component definition
 var TextMessage = function TextMessage(_ref) {
   var title = _ref.title,
@@ -10,23 +13,32 @@ var TextMessage = function TextMessage(_ref) {
     file = _ref.file,
     time = _ref.time,
     type = _ref.type,
-    titleStyle = _ref.titleStyle,
     backgroundColor = _ref.backgroundColor;
   var messageStyle = [styles.messageContainer, {
+    borderTopLeftRadius: type === 'left-user' || type === 'error' ? 0 : 8
+  }, {
+    borderTopRightRadius: type === 'right-user' ? 0 : 8
+  }, {
     backgroundColor: type === 'error' ? DANGER_100 : type === 'right-user' ? NEUTRAL_200 : backgroundColor || NEUTRAL_0
   }, {
     alignSelf: type === 'right-user' ? 'flex-end' : 'flex-start'
   }];
-  var renderTitle = function renderTitle(title) {
+  var renderTitle = function renderTitle(title, type) {
     return /*#__PURE__*/React.createElement(Text, {
-      style: [styles.title, titleStyle]
+      style: [styles.title, {
+        color: type == 'error' ? DANGER_900 : NEUTRAL_1000
+      }]
     }, title);
   };
   return /*#__PURE__*/React.createElement(View, {
     style: messageStyle
-  }, title && renderTitle(title), file && /*#__PURE__*/React.createElement(Text, {
+  }, title && renderTitle(title, type), file && /*#__PURE__*/React.createElement(View, {
+    style: [styles.fileContainer, type === 'right-user' ? styles.rightUserFileContainer : styles.otherUserFileContainer]
+  }, /*#__PURE__*/React.createElement(FileIcon, {
+    style: styles.fileIcon
+  }), /*#__PURE__*/React.createElement(Text, {
     style: styles.file
-  }, file), /*#__PURE__*/React.createElement(View, {
+  }, file)), /*#__PURE__*/React.createElement(View, {
     style: styles.textContentWithIcon
   }, type === 'error' && /*#__PURE__*/React.createElement(View, {
     style: styles.errorIconContainer
@@ -42,108 +54,4 @@ var TextMessage = function TextMessage(_ref) {
     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: {
-    color: PRIMARY_100,
-    fontSize: 16,
-    fontWeight: "600",
-    marginBottom: 2
-  },
-  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.styles.d.ts

@@ -0,0 +1,125 @@
+export declare const styles: {
+    scrollViewContent: {
+        width: "100%";
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    messageContainer: {
+        padding: number;
+        borderRadius: number;
+        flexDirection: "column";
+        marginBottom: number;
+        maxWidth: "100%";
+    };
+    textContentWithIcon: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    userMessage: {
+        alignSelf: "flex-end";
+    };
+    title: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+        marginBottom: number;
+    };
+    botMessage: {
+        backgroundColor: string;
+        alignSelf: "flex-start";
+        borderTopRightRadius: number;
+    };
+    userMessageBubble: {
+        flexDirection: "column";
+        backgroundColor: string;
+        borderTopLeftRadius: number;
+    };
+    botMessageBubble: {
+        flexDirection: "column";
+    };
+    messageBubble: {
+        padding: number;
+        borderBottomRightRadius: number;
+        borderBottomLeftRadius: number;
+        flexDirection: "column";
+        justifyContent: "space-between";
+    };
+    fileContainer: {
+        marginTop: number;
+        marginBottom: number;
+        padding: number;
+        borderRadius: number;
+        borderColor: string;
+        borderWidth: number;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    rightUserFileContainer: {
+        backgroundColor: string;
+    };
+    otherUserFileContainer: {
+        backgroundColor: string;
+    };
+    fileIcon: {
+        width: number;
+        height: number;
+    };
+    file: {
+        paddingHorizontal: number;
+        fontWeight: "500";
+        fontSize: number;
+    };
+    defaultTimestamp: {
+        color: string;
+        fontSize: number;
+        paddingTop: number;
+        alignSelf: "flex-end";
+    };
+    textContentContainer: {
+        alignSelf: "flex-end";
+    };
+    timestampContainer: {
+        alignSelf: "flex-end";
+        marginTop: number;
+    };
+    timestamp: {
+        fontSize: number;
+        marginTop: number;
+        alignSelf: "flex-end";
+        color: string;
+    };
+    messageText: {
+        color: string;
+        fontSize: number;
+    };
+    userMessageText: {
+        color: string;
+    };
+    botMessageText: {
+        color: string;
+    };
+    errorMessage: {
+        backgroundColor: string;
+        alignSelf: "flex-start";
+        borderTopRightRadius: number;
+    };
+    errorMessageText: {
+        color: string;
+    };
+    errorIconContainer: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        color: string;
+        justifyContent: "center";
+        alignItems: "center";
+        marginRight: number;
+    };
+    errorTimestamp: {
+        color: string;
+        fontSize: number;
+        paddingTop: number;
+        alignSelf: "flex-end";
+    };
+};

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

@@ -0,0 +1,127 @@
+import { StyleSheet } from "react-native-web";
+import { DANGER_100, DANGER_700, DANGER_900, NEUTRAL_0, NEUTRAL_100, NEUTRAL_1000, NEUTRAL_200, NEUTRAL_400, TERTIARY_100, TERTIARY_30 } from "../../styles/colors";
+export var styles = StyleSheet.create({
+  scrollViewContent: {
+    width: "100%",
+    borderBottomLeftRadius: 8,
+    borderBottomRightRadius: 8
+  },
+  messageContainer: {
+    padding: 8,
+    borderRadius: 8,
+    flexDirection: 'column',
+    marginBottom: 12,
+    maxWidth: '100%'
+  },
+  textContentWithIcon: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  userMessage: {
+    alignSelf: 'flex-end'
+  },
+  title: {
+    color: NEUTRAL_1000,
+    fontSize: 16,
+    fontWeight: "600",
+    marginBottom: 2
+  },
+  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'
+  },
+  fileContainer: {
+    marginTop: 2,
+    marginBottom: 4,
+    padding: 8,
+    borderRadius: 8,
+    borderColor: NEUTRAL_400,
+    borderWidth: 1,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  rightUserFileContainer: {
+    backgroundColor: NEUTRAL_0
+  },
+  otherUserFileContainer: {
+    backgroundColor: NEUTRAL_200
+  },
+  fileIcon: {
+    width: 36,
+    height: 36
+  },
+  file: {
+    paddingHorizontal: 8,
+    fontWeight: "500",
+    fontSize: 14
+  },
+  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'
+  }
+});

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

@@ -1,4 +1,3 @@
-import { StyleProp, TextStyle } from 'react-native';
 export interface TextMessageProps {
     title?: string;
     text: string;
@@ -6,5 +5,4 @@ export interface TextMessageProps {
     time?: string;
     type?: 'left-user' | 'right-user' | 'error';
     backgroundColor?: string;
-    titleStyle?: StyleProp<TextStyle>;
 }

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

@@ -0,0 +1 @@
+export declare const getTextColorByType: (type: 'left-user' | "right-user" | "error") => "#424242" | "#74122E";

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

@@ -0,0 +1,9 @@
+import { DANGER_900, NEUTRAL_800 } from "../../styles/colors";
+export var getTextColorByType = function getTextColorByType(type) {
+  switch (type) {
+    case 'error':
+      return DANGER_900;
+    default:
+      return NEUTRAL_800;
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.3.68",
+  "version": "1.3.69",
   "private": false,
   "scripts": {
     "android": "react-native run-android",

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

@@ -1 +0,0 @@
-export declare const ParagraphComponent: ({ node, className, children, messageId, error, ...props }: any) => any;

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

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ParagraphComponent=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _excluded=["node","className","children","messageId","error"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/text-message/ParagraphComponent.tsx";var ParagraphComponent=exports.ParagraphComponent=function ParagraphComponent(_ref){var node=_ref.node,className=_ref.className,children=_ref.children,messageId=_ref.messageId,error=_ref.error,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var renderHighlightedText=function renderHighlightedText(text){var regex=/@([^@]+)@/g;var newText=text.replace(regex,"<span class='highlightedText'>$1</span>");return newText;};var renderSplitText=function renderSplitText(text){var splitText=text.split("## ");return{mainText:renderHighlightedText(splitText[0]),secondaryText:splitText[1]};};return _react.default.Children.map(children,function(child){if(typeof child==="string"){var _renderSplitText=renderSplitText(child),mainText=_renderSplitText.mainText,secondaryText=_renderSplitText.secondaryText;return _react.default.createElement("div",{__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:17}},_react.default.createElement("p",(0,_extends2.default)({className:"px-5"},props,{dangerouslySetInnerHTML:{__html:mainText},__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:21}})),!error&&secondaryText&&_react.default.createElement("div",{className:"mt-3 flex items-center gap-3 border-t border-l-[-2rem] border-gray-500 px-5 pt-2 dark:border-black-800",__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:25}},_react.default.createElement("p",{className:"cursor-default text-sm text-gray-600 hover:text-blue-900 dark:hover:text-gray-800",__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:29}},secondaryText)));}else{return _react.default.createElement("p",(0,_extends2.default)({className:"px-5"},props,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:17}}),child);}});};

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

@@ -1 +0,0 @@
-export declare const ParagraphComponent: ({ node, className, children, messageId, error, ...props }: any) => any;

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

@@ -1,47 +0,0 @@
-var _excluded = ["node", "className", "children", "messageId", "error"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from "react";
-export var ParagraphComponent = function ParagraphComponent(_ref) {
-  var node = _ref.node,
-    className = _ref.className,
-    children = _ref.children,
-    messageId = _ref.messageId,
-    error = _ref.error,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var renderHighlightedText = function renderHighlightedText(text) {
-    var regex = /@([^@]+)@/g;
-    var newText = text.replace(regex, "<span class='highlightedText'>$1</span>");
-    return newText;
-  };
-  var renderSplitText = function renderSplitText(text) {
-    var splitText = text.split("## ");
-    return {
-      mainText: renderHighlightedText(splitText[0]),
-      secondaryText: splitText[1]
-    };
-  };
-  return React.Children.map(children, function (child) {
-    if (typeof child === "string") {
-      var _renderSplitText = renderSplitText(child),
-        mainText = _renderSplitText.mainText,
-        secondaryText = _renderSplitText.secondaryText;
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", _extends({
-        className: "px-5"
-      }, props, {
-        dangerouslySetInnerHTML: {
-          __html: mainText
-        }
-      })), !error && secondaryText && /*#__PURE__*/React.createElement("div", {
-        className: "mt-3 flex items-center gap-3 border-t border-l-[-2rem] border-gray-500 px-5 pt-2 dark:border-black-800"
-      }, /*#__PURE__*/React.createElement("p", {
-        className: "cursor-default text-sm text-gray-600 hover:text-blue-900 dark:hover:text-gray-800"
-      }, secondaryText)));
-    } else {
-      return /*#__PURE__*/React.createElement("p", _extends({
-        className: "px-5"
-      }, props), child);
-    }
-  });
-};