etendo-ui-library 1.3.70 → 1.3.72

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

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

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CheckCircleIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=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/CheckCircleIcon.tsx";var CheckCircleIcon=exports.CheckCircleIcon=function CheckCircleIcon(_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,24);var height=(0,_svg_utils.sizeSvg)(style==null?void 0:style.height,24);return _react.default.createElement(_reactNativeSvg.Svg,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:9}},_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M11.999 1C5.92389 1 0.999023 5.92487 0.999023 12C0.999023 18.0751 5.92389 23 11.999 23C18.0742 23 22.999 18.0751 22.999 12C22.999 5.92487 18.0742 1 11.999 1ZM17.4334 9.70711C17.8239 9.31658 17.8239 8.68342 17.4334 8.29289C17.0429 7.90237 16.4097 7.90237 16.0192 8.29289L10.7263 13.5858L8.70613 11.5656C8.31561 11.1751 7.68244 11.1751 7.29192 11.5656C6.90139 11.9561 6.90139 12.5893 7.29192 12.9798L10.0192 15.7071C10.4097 16.0976 11.0429 16.0976 11.4334 15.7071L17.4334 9.70711Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:13}}));};

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

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

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ClipboardIcon=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/Clipboard.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 ClipboardIcon=exports.ClipboardIcon=function ClipboardIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?'black':_ref$fill;var width=(0,_svg_utils.sizeSvg)(style==null?void 0:style.width,24);var height=(0,_svg_utils.sizeSvg)(style==null?void 0:style.height,24);return _react.default.createElement(_reactNativeSvg.default,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:9}},_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M6 8C4.93913 8 3.92172 8.42143 3.17157 9.17157C2.42143 9.92172 2 10.9391 2 12C2 13.0609 2.42143 14.0783 3.17157 14.8284C3.54301 15.1999 3.98396 15.4945 4.46927 15.6955C4.95457 15.8965 5.47471 16 6 16H9C9.55229 16 10 16.4477 10 17C10 17.5523 9.55229 18 9 18H6C5.21207 18 4.43185 17.8448 3.7039 17.5433C2.97595 17.2417 2.31451 16.7998 1.75736 16.2426C0.632141 15.1174 0 13.5913 0 12C0 10.4087 0.632141 8.88258 1.75736 7.75736C2.88258 6.63214 4.4087 6 6 6H9C9.55229 6 10 6.44772 10 7C10 7.55228 9.55229 8 9 8H6ZM14 7C14 6.44772 14.4477 6 15 6H18C18.7879 6 19.5681 6.15519 20.2961 6.45672C21.0241 6.75825 21.6855 7.20021 22.2426 7.75736C22.7998 8.31451 23.2417 8.97595 23.5433 9.7039C23.8448 10.4319 24 11.2121 24 12C24 12.7879 23.8448 13.5681 23.5433 14.2961C23.2417 15.0241 22.7998 15.6855 22.2426 16.2426C21.6855 16.7998 21.0241 17.2417 20.2961 17.5433C19.5681 17.8448 18.7879 18 18 18H15C14.4477 18 14 17.5523 14 17C14 16.4477 14.4477 16 15 16H18C18.5253 16 19.0454 15.8965 19.5307 15.6955C20.016 15.4945 20.457 15.1999 20.8284 14.8284C21.1999 14.457 21.4945 14.016 21.6955 13.5307C21.8965 13.0454 22 12.5253 22 12C22 11.4747 21.8965 10.9546 21.6955 10.4693C21.4945 9.98396 21.1999 9.54301 20.8284 9.17157C20.457 8.80014 20.016 8.5055 19.5307 8.30448C19.0454 8.10346 18.5253 8 18 8H15C14.4477 8 14 7.55228 14 7Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:13}}),_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M7 12C7 11.4477 7.44772 11 8 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H8C7.44772 13 7 12.5523 7 12Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:13}}));};

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

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

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.DeleteIcon=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/DeleteIcon.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 DeleteIcon=exports.DeleteIcon=function DeleteIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?'#202452':_ref$fill;var width=(0,_svg_utils.sizeSvg)(style==null?void 0:style.width,32);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 16 16",fill:"none",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:9}},_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M12.4711 3.52859C12.7314 3.78894 12.7314 4.21105 12.4711 4.4714L4.47065 12.4714C4.21029 12.7317 3.78816 12.7317 3.52779 12.4714C3.26743 12.2111 3.26743 11.7889 3.52779 11.5286L11.5282 3.52859C11.7886 3.26824 12.2107 3.26824 12.4711 3.52859Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:13}}),_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M3.52779 3.52859C3.78816 3.26824 4.21029 3.26824 4.47065 3.52859L12.4711 11.5286C12.7314 11.7889 12.7314 12.2111 12.4711 12.4714C12.2107 12.7317 11.7886 12.7317 11.5282 12.4714L3.52779 4.4714C3.26743 4.21105 3.26743 3.78894 3.52779 3.52859Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:13}}));};

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

@@ -1 +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}}));};
+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)||32);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 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/inputBase/InputBase.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _containers=require("../containers");var _InputBase=require("./InputBase.style");var _button=require("../button");var _CornerDownRightIcon=require("../../assets/images/icons/CornerDownRightIcon");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/InputBase.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 InputBase=function InputBase(_ref){var value=_ref.value,placeholder=_ref.placeholder,title=_ref.title,helperText=_ref.helperText,isDisabled=_ref.isDisabled,isError=_ref.isError,onChangeText=_ref.onChangeText,icon=_ref.icon,rightButtons=_ref.rightButtons,onSubmit=_ref.onSubmit;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2.default)(_useState3,2),buttons=_useState4[0],setButtons=_useState4[1];var onFocusChange=function onFocusChange(){setIsFocused(true);};var onBlurChange=function onBlurChange(){setIsFocused(false);};var borderWidth=isFocused?3:1;var paddingVertical=13-(borderWidth-1);var paddingHorizontal=12-(borderWidth-1);var borderStyle=function borderStyle(){if(!value&&!isFocused){return _InputBase.styles.containerPlaceholder;}if(isDisabled){return _InputBase.styles.containerIsDisabled;}if(isError){return _InputBase.styles.containerIsError;}};var iconColorStyle=function iconColorStyle(){if(!value){return _InputBase.styles.iconPlaceholder.color;}if(isDisabled){return _InputBase.styles.iconIsDisabled.color;}if(isFocused){return _InputBase.styles.iconIsFocus.color;}if(isError){return _InputBase.styles.iconIsError.color;}};var textColorStyle=function textColorStyle(){if(!value){return _InputBase.styles.textPlaceholder;}if(isDisabled){return _InputBase.styles.textIsDisabled;}if(isFocused){return _InputBase.styles.textIsFocus;}if(isError&&!isFocused){return _InputBase.styles.textIsError;}};(0,_react.useEffect)(function(){setButtons([].concat((0,_toConsumableArray2.default)(rightButtons!=null?rightButtons:[]),[onSubmit!==undefined&&_react.default.createElement(_button.Button,{width:24,typeStyle:"white",onPress:onSubmit,iconLeft:_react.default.createElement(_CornerDownRightIcon.CornerDownRightIcon,{style:_InputBase.styles.iconSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:21}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:9}})]));},[onSubmit,rightButtons]);return _react.default.createElement(_react.default.Fragment,null,!!title&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_InputBase.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:9}},title),_react.default.createElement(_reactNative.View,{style:[_InputBase.styles.container,borderStyle(),{borderWidth:borderWidth,paddingVertical:paddingVertical,paddingHorizontal:paddingHorizontal}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:7}},!!icon&&_react.default.createElement(_reactNative.TouchableOpacity,{disabled:!icon.onPress||isDisabled,onPress:function onPress(){if(icon.onPress){icon.onPress();}},style:{marginRight:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:11}},_react.default.cloneElement(icon.icon,{style:icon.icon.props.style||_InputBase.styles.iconRight,fill:iconColorStyle()})),_react.default.createElement(_reactNative.TextInput,{value:value,onChangeText:onChangeText,placeholder:placeholder,editable:!isDisabled,onFocus:onFocusChange,onBlur:onBlurChange,style:[_InputBase.styles.textInput,textColorStyle()],onSubmitEditing:onSubmit||function(){},__self:_this,__source:{fileName:_jsxFileName,lineNumber:132,columnNumber:9}}),!!buttons&&_react.default.createElement(_containers.ButtonContainer,{style:_InputBase.styles.buttonContainer,buttons:buttons,__self:_this,__source:{fileName:_jsxFileName,lineNumber:143,columnNumber:11}})),!!helperText&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_InputBase.styles.helperText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:9}},helperText));};var _default=exports.default=InputBase;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _containers=require("../containers");var _button=require("../button");var _CornerDownRightIcon=require("../../assets/images/icons/CornerDownRightIcon");var _InputBase=require("./InputBase.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/InputBase.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 InputBase=function InputBase(_ref){var value=_ref.value,placeholder=_ref.placeholder,title=_ref.title,helperText=_ref.helperText,isDisabled=_ref.isDisabled,isError=_ref.isError,onChangeText=_ref.onChangeText,icon=_ref.icon,rightButtons=_ref.rightButtons,onSubmit=_ref.onSubmit;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2.default)(_useState3,2),buttons=_useState4[0],setButtons=_useState4[1];var onFocusChange=function onFocusChange(){setIsFocused(true);};var onBlurChange=function onBlurChange(){setIsFocused(false);};var borderWidth=isFocused?3:1;var paddingVertical=13-(borderWidth-1);var paddingHorizontal=12-(borderWidth-1);var borderStyle=function borderStyle(){if(!value&&!isFocused){return _InputBase.styles.containerPlaceholder;}if(isDisabled){return _InputBase.styles.containerIsDisabled;}if(isError){return _InputBase.styles.containerIsError;}};var iconColorStyle=function iconColorStyle(){if(!value){return _InputBase.styles.iconPlaceholder.color;}if(isDisabled){return _InputBase.styles.iconIsDisabled.color;}if(isFocused){return _InputBase.styles.iconIsFocus.color;}if(isError){return _InputBase.styles.iconIsError.color;}};var textColorStyle=function textColorStyle(){if(!value){return _InputBase.styles.textPlaceholder;}if(isDisabled){return _InputBase.styles.textIsDisabled;}if(isFocused){return _InputBase.styles.textIsFocus;}if(isError&&!isFocused){return _InputBase.styles.textIsError;}};(0,_react.useEffect)(function(){setButtons([].concat((0,_toConsumableArray2.default)(rightButtons!=null?rightButtons:[]),[onSubmit!==undefined&&_react.default.createElement(_button.Button,{width:48,typeStyle:"white",onPress:onSubmit,iconLeft:_react.default.createElement(_CornerDownRightIcon.CornerDownRightIcon,{style:_InputBase.styles.iconSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:21}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:90,columnNumber:9}})]));},[onSubmit,rightButtons]);return _react.default.createElement(_react.default.Fragment,null,!!title&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_InputBase.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:9}},title),_react.default.createElement(_reactNative.View,{style:[_InputBase.styles.container,borderStyle(),{borderWidth:borderWidth,paddingVertical:paddingVertical,paddingHorizontal:paddingHorizontal}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:7}},!!icon&&_react.default.createElement(_reactNative.TouchableOpacity,{disabled:!icon.onPress||isDisabled,onPress:function onPress(){if(icon.onPress){icon.onPress();}},style:{marginRight:5},__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:11}},_react.default.cloneElement(icon.icon,{style:icon.icon.props.style||_InputBase.styles.iconRight,fill:iconColorStyle()})),_react.default.createElement(_reactNative.TextInput,{value:value,onChangeText:onChangeText,placeholder:placeholder,editable:!isDisabled,onFocus:onFocusChange,onBlur:onBlurChange,style:[_InputBase.styles.textInput,textColorStyle()],onSubmitEditing:onSubmit||function(){},__self:_this,__source:{fileName:_jsxFileName,lineNumber:132,columnNumber:9}}),!!buttons&&_react.default.createElement(_containers.ButtonContainer,{style:_InputBase.styles.buttonContainer,buttons:buttons,__self:_this,__source:{fileName:_jsxFileName,lineNumber:143,columnNumber:11}})),!!helperText&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:_InputBase.styles.helperText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:9}},helperText));};var _default=exports.default=InputBase;

package/dist-native/components/inputBase/{InputBase.style.d.ts → InputBase.styles.d.ts}

@@ -62,6 +62,7 @@ export declare const styles: {
         letterSpacing: number;
         color: string;
         flex: number;
+        outlineStyle: string;
     };
     helperText: {
         fontFamily: string;

package/dist-native/components/inputBase/{InputBase.style.js → InputBase.styles.js}

@@ -1 +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({title:{fontFamily:'Inter',fontSize:16,fontWeight:'600',lineHeight:24,letterSpacing:-0.16,color:_colors.NEUTRAL_800},container:{backgroundColor:_colors.NEUTRAL_0,height:48,borderRadius:8,borderColor:_colors.PRIMARY_100,overflow:'hidden',justifyContent:'center',alignItems:'center',flexDirection:'row'},containerIsError:{borderColor:_colors.DANGER_600},containerIsDisabled:{borderColor:_colors.NEUTRAL_400},containerPlaceholder:{borderColor:_colors.NEUTRAL_400},iconPlaceholder:{color:_colors.NEUTRAL_800},iconIsDisabled:{color:_colors.NEUTRAL_500},iconIsError:{color:_colors.NEUTRAL_800},iconIsFocus:{color:_colors.NEUTRAL_1000},textPlaceholder:{color:_colors.NEUTRAL_500},textIsError:{color:_colors.DANGER_700},textIsFocus:{color:_colors.NEUTRAL_800},textIsDisabled:{color:_colors.NEUTRAL_500},textInput:{paddingHorizontal:0,height:48,backgroundColor:'white',fontFamily:'Inter',fontSize:16,fontStyle:'normal',fontWeight:'500',lineHeight:22,letterSpacing:-0.16,color:_colors.PRIMARY_100,flex:1},helperText:{fontFamily:'Inter',fontSize:14,fontWeight:'500',lineHeight:22,letterSpacing:-0.14,color:_colors.NEUTRAL_800},iconLeft:{width:24,height:24,marginRight:8},iconRight:{width:24,height:24,marginLeft:8},iconSize:{width:24,height:24},buttonContainer:{flexDirection:'row',paddingVertical:0,gap:0,marginLeft:5}});
+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({title:{fontFamily:'Inter',fontSize:16,fontWeight:'600',lineHeight:24,letterSpacing:-0.16,color:_colors.NEUTRAL_800},container:{backgroundColor:_colors.NEUTRAL_0,height:48,borderRadius:8,borderColor:_colors.PRIMARY_100,overflow:'hidden',justifyContent:'center',alignItems:'center',flexDirection:'row'},containerIsError:{borderColor:_colors.DANGER_600},containerIsDisabled:{borderColor:_colors.NEUTRAL_400},containerPlaceholder:{borderColor:_colors.NEUTRAL_400},iconPlaceholder:{color:_colors.NEUTRAL_800},iconIsDisabled:{color:_colors.NEUTRAL_500},iconIsError:{color:_colors.NEUTRAL_800},iconIsFocus:{color:_colors.NEUTRAL_1000},textPlaceholder:{color:_colors.NEUTRAL_500},textIsError:{color:_colors.DANGER_700},textIsFocus:{color:_colors.NEUTRAL_800},textIsDisabled:{color:_colors.NEUTRAL_500},textInput:{paddingHorizontal:0,height:48,backgroundColor:'white',fontFamily:'Inter',fontSize:16,fontStyle:'normal',fontWeight:'500',lineHeight:22,letterSpacing:-0.16,color:_colors.PRIMARY_100,flex:1,outlineStyle:"none"},helperText:{fontFamily:'Inter',fontSize:14,fontWeight:'500',lineHeight:22,letterSpacing:-0.14,color:_colors.NEUTRAL_800},iconLeft:{width:24,height:24,marginRight:8},iconRight:{width:24,height:24,marginLeft:8},iconSize:{width:24,height:24},buttonContainer:{flexDirection:'row',paddingVertical:0,gap:0,marginLeft:5}});

package/dist-native/components/inputBase/file-search-input/FileSearchInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FileSearchInputProps } from './FileSearchInput.types';
+declare const FileSearchInput: ({ value, onSubmit, setLoadingFile, loadingFile, onLoadingFile, file, setFile, ...inputBaseProps }: FileSearchInputProps) => React.JSX.Element;
+export default FileSearchInput;

package/dist-native/components/inputBase/file-search-input/FileSearchInput.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));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 _InputBase=_interopRequireDefault(require("../InputBase"));var _FileSearchInput=require("./FileSearchInput.styles");var _colors=require("../../../styles/colors");var _CheckCircleIcon=require("../../../assets/images/icons/CheckCircleIcon");var _Clipboard=require("../../../assets/images/icons/Clipboard");var _DeleteIcon=require("../../../assets/images/icons/DeleteIcon");var _FileIcon=require("../../../assets/images/icons/FileIcon");var _button=require("../../button");var _excluded=["value","onSubmit","setLoadingFile","loadingFile","onLoadingFile","file","setFile"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/file-search-input/FileSearchInput.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 DocumentPicker=null;if(_reactNative.Platform.OS!=='web'){DocumentPicker=require('react-native-document-picker').default;}var FileSearchInput=function FileSearchInput(_ref){var value=_ref.value,onSubmit=_ref.onSubmit,setLoadingFile=_ref.setLoadingFile,loadingFile=_ref.loadingFile,onLoadingFile=_ref.onLoadingFile,file=_ref.file,setFile=_ref.setFile,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),progress=_useState2[0],setProgress=_useState2[1];var dropAreaRef=(0,_react.useRef)(null);var fileInputRef=(0,_react.useRef)(null);var progressAnim=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;var progressSteps=[5,25,50,70,90];var currentStep=0;(0,_react.useEffect)(function(){if(!loadingFile&&progress===90){completeProgress();}},[loadingFile,progress]);var handleDrop=function handleDrop(event){event.preventDefault();var files=event.dataTransfer.files;if(files.length>0){var _file=files[0];startLoading(_file);if(onLoadingFile&&typeof onLoadingFile==='function'){onLoadingFile(_file,function(){return setFile(_file);});}else{setFile(_file);}}};var completeProgress=function completeProgress(){setProgress(100);animateProgress(100);setTimeout(function(){setProgress(0);animateProgress(0);},2000);};var animateProgress=function animateProgress(toValue){_reactNative.Animated.timing(progressAnim,{toValue:toValue,duration:500,useNativeDriver:false}).start();};var startLoading=function startLoading(pickedFile){currentStep=0;setFile(pickedFile);setProgress(progressSteps[0]);animateProgress(progressSteps[0]);var progressInterval=setInterval(function(){if(currentStep<progressSteps.length-1){currentStep++;setProgress(progressSteps[currentStep]);animateProgress(progressSteps[currentStep]);}else{clearInterval(progressInterval);if(!loadingFile){completeProgress();}}},1000);};var handleFileButtonClick=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(_reactNative.Platform.OS==='web'){fileInputRef.current.click();}else if(_reactNative.Platform.OS==='android'||_reactNative.Platform.OS==='ios'){if(!DocumentPicker){console.error('DocumentPicker is not available on this platform.');return;}try{var response=yield DocumentPicker.pick({type:[DocumentPicker.types.allFiles]});var pickedFile={name:response[0].name,size:response[0].size,type:response[0].type,uri:response[0].uri};startLoading(pickedFile);if(onLoadingFile&&typeof onLoadingFile==='function'){onLoadingFile(pickedFile,function(){return setFile(pickedFile);});}else{setFile(pickedFile);}}catch(err){if(!DocumentPicker.isCancel(err)){console.error(err);}}}});return function handleFileButtonClick(){return _ref2.apply(this,arguments);};}();var handleSendMessage=function handleSendMessage(){if(!loadingFile&&(value==null?void 0:value.trim())!==''){if(onSubmit){onSubmit(fileInputRef.current);setProgress(0);animateProgress(0);setLoadingFile(false);}}else{_reactNative.Alert.alert("Message Incomplete","Please wait for the file to finish loading or ensure the message is not empty.");}};var rightButtons=[_react.default.createElement(_button.Button,{width:48,typeStyle:"white",onPress:handleFileButtonClick,iconLeft:_react.default.createElement(_Clipboard.ClipboardIcon,{style:{width:24,height:24},fill:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:162,columnNumber:23}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:158,columnNumber:9}})];var handleFileSelect=function handleFileSelect(event){var file=event.target.files[0];if(file){startLoading(file);if(onLoadingFile&&typeof onLoadingFile==='function'){onLoadingFile(file,function(){return setFile(file);});}else{setFile(file);}}event.target.value=null;};var handleDeleteFile=function handleDeleteFile(){setFile(null);setProgress(0);animateProgress(0);if(fileInputRef.current){fileInputRef.current.value=null;}};return _react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:9}},file&&loadingFile?_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:195,columnNumber:17}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameLeftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:196,columnNumber:21}},_react.default.createElement(_FileIcon.FileIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:197,columnNumber:25}}),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameLeftContent,__self:_this,__source:{fileName:_jsxFileName,lineNumber:198,columnNumber:25}},_react.default.createElement(_reactNative.Text,{style:_FileSearchInput.styles.fileNameText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:199,columnNumber:29}},file.name),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.progressBarBackground,__self:_this,__source:{fileName:_jsxFileName,lineNumber:200,columnNumber:29}},_react.default.createElement(_reactNative.Animated.View,{style:[_FileSearchInput.styles.progressBarFill,{width:progressAnim.interpolate({inputRange:[0,100],outputRange:['0%','100%']})}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:201,columnNumber:33}})))),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handleDeleteFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:210,columnNumber:21}},_react.default.createElement(_DeleteIcon.DeleteIcon,{style:_FileSearchInput.styles.deleteIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:211,columnNumber:25}}))):file&&_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:216,columnNumber:21}},_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameLoadedLeftContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:217,columnNumber:25}},_react.default.createElement(_FileIcon.FileIcon,{style:_FileSearchInput.styles.fileIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:218,columnNumber:29}}),_react.default.createElement(_reactNative.Text,{style:_FileSearchInput.styles.fileNameText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:219,columnNumber:29}},file.name)),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.fileNameRightContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:221,columnNumber:25}},_react.default.createElement(_CheckCircleIcon.CheckCircleIcon,{style:_FileSearchInput.styles.checkCircleIcon,fill:_colors.SUCCESS_600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:222,columnNumber:29}}),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:handleDeleteFile,__self:_this,__source:{fileName:_jsxFileName,lineNumber:223,columnNumber:29}},_react.default.createElement(_DeleteIcon.DeleteIcon,{style:_FileSearchInput.styles.deleteIcon,__self:_this,__source:{fileName:_jsxFileName,lineNumber:224,columnNumber:33}})))),_react.default.createElement(_reactNative.View,{style:_FileSearchInput.styles.inputContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:230,columnNumber:13}},_reactNative.Platform.OS==="web"?_react.default.createElement("div",{ref:dropAreaRef,onDrop:handleDrop,__self:_this,__source:{fileName:_jsxFileName,lineNumber:232,columnNumber:21}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({value:value},inputBaseProps,{onSubmit:handleSendMessage,rightButtons:rightButtons,__self:_this,__source:{fileName:_jsxFileName,lineNumber:236,columnNumber:25}})),_react.default.createElement("input",{type:"file",ref:fileInputRef,style:{display:'none'},onChange:handleFileSelect,__self:_this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:25}})):_react.default.createElement(_InputBase.default,(0,_extends2.default)({value:value},inputBaseProps,{onSubmit:handleSendMessage,rightButtons:rightButtons,__self:_this,__source:{fileName:_jsxFileName,lineNumber:249,columnNumber:21}}))));};var _default=exports.default=FileSearchInput;

package/dist-native/components/inputBase/file-search-input/FileSearchInput.styles.d.ts

@@ -0,0 +1,84 @@
+export declare const styles: {
+    container: {
+        flex: number;
+    };
+    inputContainer: {
+        flex: number;
+    };
+    fileNameContainer: {
+        alignItems: "center";
+        backgroundColor: string;
+        borderColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        flexDirection: "row";
+        gap: number;
+        height: "100%";
+        justifyContent: "space-between";
+        marginBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingVertical: number;
+        width: "100%";
+    };
+    fileNameLeftContainer: {
+        flexDirection: "row";
+        gap: number;
+        width: "95%" | "97.5%";
+    };
+    fileNameLeftContent: {
+        flex: number;
+        height: number;
+    };
+    fileNameLoadedLeftContainer: {
+        alignItems: "center";
+        flexDirection: "row";
+        gap: number;
+        width: "85%" | undefined;
+    };
+    checkCircleIcon: {
+        height: number;
+        width: number;
+    };
+    fileNameRightContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        width: "15%" | undefined;
+    };
+    deleteIcon: {
+        height: number;
+        width: number;
+    };
+    loadingContainer: {
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        width: "100%";
+    };
+    loadingText: {
+        fontSize: number;
+    };
+    fileNameText: {
+        color: string;
+        fontWeight: "500";
+        fontSize: number;
+        height: "100%";
+        paddingBottom: number | undefined;
+    };
+    fileIcon: {
+        height: number;
+        width: number;
+    };
+    progressBarBackground: {
+        backgroundColor: string;
+        borderRadius: number;
+        height: number;
+    };
+    progressBarFill: {
+        backgroundColor: string;
+        borderRadius: number;
+        height: "100%";
+    };
+};

package/dist-native/components/inputBase/file-search-input/FileSearchInput.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({container:{flex:1},inputContainer:{flex:1},fileNameContainer:{alignItems:'center',backgroundColor:_colors.NEUTRAL_0,borderColor:_colors.NEUTRAL_400,borderRadius:8,borderWidth:1,flexDirection:"row",gap:4,height:"100%",justifyContent:"space-between",marginBottom:4,paddingLeft:8,paddingRight:16,paddingVertical:_reactNative.Platform.OS==="web"?16:32,width:"100%"},fileNameLeftContainer:{flexDirection:"row",gap:4,width:_reactNative.Platform.OS==="web"?"97.5%":"95%"},fileNameLeftContent:{flex:1,height:24},fileNameLoadedLeftContainer:{alignItems:"center",flexDirection:"row",gap:4,width:_reactNative.Platform.OS==="web"?undefined:"85%"},checkCircleIcon:{height:24,width:24},fileNameRightContainer:{flexDirection:"row",alignItems:"center",gap:8,width:_reactNative.Platform.OS==="web"?undefined:"15%"},deleteIcon:{height:20,width:20},loadingContainer:{alignItems:"center",justifyContent:"center",paddingHorizontal:8,paddingVertical:16,width:"100%"},loadingText:{fontSize:14},fileNameText:{color:_colors.NEUTRAL_1000,fontWeight:"500",fontSize:_reactNative.Platform.OS==="web"?14:16,height:"100%",paddingBottom:_reactNative.Platform.OS==="web"?4:undefined},fileIcon:{height:36,width:36},progressBarBackground:{backgroundColor:_colors.NEUTRAL_300,borderRadius:10,height:8},progressBarFill:{backgroundColor:_colors.NEUTRAL_100,borderRadius:10,height:'100%'}});

package/dist-native/components/inputBase/file-search-input/FileSearchInput.types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { IInputBase } from "../InputBase.types";
+interface IFile {
+    name: string;
+    size: number;
+    type: string;
+    uri: string;
+}
+export interface FileSearchInputProps extends IInputBase {
+    value?: string;
+    onSubmit?: (message: string, file?: IFile) => void;
+    file: IFile | null;
+    setFile: React.Dispatch<React.SetStateAction<IFile | null>>;
+    loadingFile: boolean;
+    setLoadingFile: React.Dispatch<React.SetStateAction<boolean>>;
+    onLoadingFile: (file: IFile, callback?: () => void) => void;
+}
+export {};

package/dist-native/components/inputBase/file-search-input/FileSearchInput.types.js

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

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

@@ -47,6 +47,7 @@ export declare const PROCESS_100 = "#FBA643";
 export declare const SUCCESS_10 = "#E5F7ED";
 export declare const SUCCESS_100 = "#00B34C";
 export declare const SUCCESS_110 = "#C8FBCA";
+export declare const SUCCESS_600 = "#009950";
 export declare const SUCCESS_800 = "#00674B";
 export declare const SUCCESS_900 = "#005546";
 export declare const DESTRUCTIVE_10 = "#FEF0EF";

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_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_600=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_600=exports.DANGER_600='#D0474B';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_600=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_600=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_600=exports.SUCCESS_600='#009950';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_600=exports.DANGER_600='#D0474B';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/CheckCircleIcon.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 CheckCircleIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;

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

@@ -0,0 +1,23 @@
+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 CheckCircleIcon = function CheckCircleIcon(_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, 24);
+  var height = sizeSvg(style === null || style === void 0 ? void 0 : style.height, 24);
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    style: style
+  }, /*#__PURE__*/React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.999 1C5.92389 1 0.999023 5.92487 0.999023 12C0.999023 18.0751 5.92389 23 11.999 23C18.0742 23 22.999 18.0751 22.999 12C22.999 5.92487 18.0742 1 11.999 1ZM17.4334 9.70711C17.8239 9.31658 17.8239 8.68342 17.4334 8.29289C17.0429 7.90237 16.4097 7.90237 16.0192 8.29289L10.7263 13.5858L8.70613 11.5656C8.31561 11.1751 7.68244 11.1751 7.29192 11.5656C6.90139 11.9561 6.90139 12.5893 7.29192 12.9798L10.0192 15.7071C10.4097 16.0976 11.0429 16.0976 11.4334 15.7071L17.4334 9.70711Z",
+    fill: fill
+  }));
+};

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

package/dist-web/assets/images/icons/Clipboard.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 ClipboardIcon = function ClipboardIcon(_ref) {
+  var style = _ref.style,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? 'black' : _ref$fill;
+  var width = sizeSvg(style === null || style === void 0 ? void 0 : style.width, 24);
+  var height = sizeSvg(style === null || style === void 0 ? void 0 : style.height, 24);
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    style: style
+  }, /*#__PURE__*/React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 8C4.93913 8 3.92172 8.42143 3.17157 9.17157C2.42143 9.92172 2 10.9391 2 12C2 13.0609 2.42143 14.0783 3.17157 14.8284C3.54301 15.1999 3.98396 15.4945 4.46927 15.6955C4.95457 15.8965 5.47471 16 6 16H9C9.55229 16 10 16.4477 10 17C10 17.5523 9.55229 18 9 18H6C5.21207 18 4.43185 17.8448 3.7039 17.5433C2.97595 17.2417 2.31451 16.7998 1.75736 16.2426C0.632141 15.1174 0 13.5913 0 12C0 10.4087 0.632141 8.88258 1.75736 7.75736C2.88258 6.63214 4.4087 6 6 6H9C9.55229 6 10 6.44772 10 7C10 7.55228 9.55229 8 9 8H6ZM14 7C14 6.44772 14.4477 6 15 6H18C18.7879 6 19.5681 6.15519 20.2961 6.45672C21.0241 6.75825 21.6855 7.20021 22.2426 7.75736C22.7998 8.31451 23.2417 8.97595 23.5433 9.7039C23.8448 10.4319 24 11.2121 24 12C24 12.7879 23.8448 13.5681 23.5433 14.2961C23.2417 15.0241 22.7998 15.6855 22.2426 16.2426C21.6855 16.7998 21.0241 17.2417 20.2961 17.5433C19.5681 17.8448 18.7879 18 18 18H15C14.4477 18 14 17.5523 14 17C14 16.4477 14.4477 16 15 16H18C18.5253 16 19.0454 15.8965 19.5307 15.6955C20.016 15.4945 20.457 15.1999 20.8284 14.8284C21.1999 14.457 21.4945 14.016 21.6955 13.5307C21.8965 13.0454 22 12.5253 22 12C22 11.4747 21.8965 10.9546 21.6955 10.4693C21.4945 9.98396 21.1999 9.54301 20.8284 9.17157C20.457 8.80014 20.016 8.5055 19.5307 8.30448C19.0454 8.10346 18.5253 8 18 8H15C14.4477 8 14 7.55228 14 7Z",
+    fill: fill
+  }), /*#__PURE__*/React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7 12C7 11.4477 7.44772 11 8 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H8C7.44772 13 7 12.5523 7 12Z",
+    fill: fill
+  }));
+};

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

package/dist-web/assets/images/icons/DeleteIcon.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 DeleteIcon = function DeleteIcon(_ref) {
+  var style = _ref.style,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#202452' : _ref$fill;
+  var width = sizeSvg(style === null || style === void 0 ? void 0 : style.width, 32);
+  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 16 16",
+    fill: "none",
+    style: style
+  }, /*#__PURE__*/React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.4711 3.52859C12.7314 3.78894 12.7314 4.21105 12.4711 4.4714L4.47065 12.4714C4.21029 12.7317 3.78816 12.7317 3.52779 12.4714C3.26743 12.2111 3.26743 11.7889 3.52779 11.5286L11.5282 3.52859C11.7886 3.26824 12.2107 3.26824 12.4711 3.52859Z",
+    fill: fill
+  }), /*#__PURE__*/React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.52779 3.52859C3.78816 3.26824 4.21029 3.26824 4.47065 3.52859L12.4711 11.5286C12.7314 11.7889 12.7314 12.2111 12.4711 12.4714C12.2107 12.7317 11.7886 12.7317 11.5282 12.4714L3.52779 4.4714C3.26743 4.21105 3.26743 3.78894 3.52779 3.52859Z",
+    fill: fill
+  }));
+};

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

@@ -5,8 +5,8 @@ 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);
+  var width = sizeSvg((style === null || style === void 0 ? void 0 : style.width) || 32);
+  var height = sizeSvg((style === null || style === void 0 ? void 0 : style.height) || 32);
   return /*#__PURE__*/React.createElement(Svg, {
     width: width,
     height: height,

package/dist-web/components/inputBase/InputBase.js

@@ -11,9 +11,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Text, TextInput, TouchableOpacity, View } from "react-native-web";
 import React, { useEffect, useState } from 'react';
 import { ButtonContainer } from "../containers";
-import { styles } from "./InputBase.style";
 import { Button } from "../button";
 import { CornerDownRightIcon } from "../../assets/images/icons/CornerDownRightIcon";
+import { styles } from "./InputBase.styles";
 var InputBase = function InputBase(_ref) {
   var value = _ref.value,
     placeholder = _ref.placeholder,
@@ -83,7 +83,7 @@ var InputBase = function InputBase(_ref) {
   };
   useEffect(function () {
     setButtons([].concat(_toConsumableArray(rightButtons !== null && rightButtons !== void 0 ? rightButtons : []), [onSubmit !== undefined && /*#__PURE__*/React.createElement(Button, {
-      width: 24,
+      width: 48,
       typeStyle: "white",
       onPress: onSubmit,
       iconLeft: /*#__PURE__*/React.createElement(CornerDownRightIcon, {

package/dist-web/components/inputBase/{InputBase.style.d.ts → InputBase.styles.d.ts}

@@ -62,6 +62,7 @@ export declare const styles: {
         letterSpacing: number;
         color: string;
         flex: number;
+        outlineStyle: string;
     };
     helperText: {
         fontFamily: string;

package/dist-web/components/inputBase/{InputBase.style.js → InputBase.styles.js}

@@ -63,7 +63,8 @@ export var styles = StyleSheet.create({
     lineHeight: 22,
     letterSpacing: -0.16,
     color: PRIMARY_100,
-    flex: 1
+    flex: 1,
+    outlineStyle: "none"
   },
   helperText: {
     fontFamily: 'Inter',

package/dist-web/components/inputBase/file-search-input/FileSearchInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FileSearchInputProps } from './FileSearchInput.types';
+declare const FileSearchInput: ({ value, onSubmit, setLoadingFile, loadingFile, onLoadingFile, file, setFile, ...inputBaseProps }: FileSearchInputProps) => React.JSX.Element;
+export default FileSearchInput;

package/dist-web/components/inputBase/file-search-input/FileSearchInput.js

@@ -0,0 +1,297 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["value", "onSubmit", "setLoadingFile", "loadingFile", "onLoadingFile", "file", "setFile"];
+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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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; }
+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, { useState, useRef, useEffect } from 'react';
+import { View, TouchableOpacity, Animated, Platform, Text, Alert } from "react-native-web";
+import InputBase from "../InputBase";
+
+// Import styles
+import { styles } from "./FileSearchInput.styles";
+import { PRIMARY_100, SUCCESS_600 } from "../../../styles/colors";
+
+// Import icons
+import { CheckCircleIcon } from "../../../assets/images/icons/CheckCircleIcon";
+import { ClipboardIcon } from "../../../assets/images/icons/Clipboard";
+import { DeleteIcon } from "../../../assets/images/icons/DeleteIcon";
+import { FileIcon } from "../../../assets/images/icons/FileIcon";
+
+// Import types
+
+import { Button } from "../../button";
+
+// Import DocumentPicker for mobile platforms only
+var DocumentPicker = null;
+if (Platform.OS !== 'web') {
+  DocumentPicker = require('react-native-document-picker')["default"];
+}
+var FileSearchInput = function FileSearchInput(_ref) {
+  var value = _ref.value,
+    onSubmit = _ref.onSubmit,
+    setLoadingFile = _ref.setLoadingFile,
+    loadingFile = _ref.loadingFile,
+    onLoadingFile = _ref.onLoadingFile,
+    file = _ref.file,
+    setFile = _ref.setFile,
+    inputBaseProps = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    progress = _useState2[0],
+    setProgress = _useState2[1];
+  var dropAreaRef = useRef(null);
+  var fileInputRef = useRef(null);
+  var progressAnim = useRef(new Animated.Value(0)).current;
+  var progressSteps = [5, 25, 50, 70, 90];
+  var currentStep = 0;
+  useEffect(function () {
+    if (!loadingFile && progress === 90) {
+      completeProgress();
+    }
+  }, [loadingFile, progress]);
+  var handleDrop = function handleDrop(event) {
+    event.preventDefault();
+    var files = event.dataTransfer.files;
+    if (files.length > 0) {
+      var _file = files[0]; // Tomar el primer archivo si se sueltan varios
+      startLoading(_file);
+      if (onLoadingFile && typeof onLoadingFile === 'function') {
+        onLoadingFile(_file, function () {
+          return setFile(_file);
+        });
+      } else {
+        setFile(_file);
+      }
+    }
+  };
+  var completeProgress = function completeProgress() {
+    setProgress(100);
+    animateProgress(100);
+    setTimeout(function () {
+      setProgress(0);
+      animateProgress(0);
+    }, 2000);
+  };
+  var animateProgress = function animateProgress(toValue) {
+    Animated.timing(progressAnim, {
+      toValue: toValue,
+      duration: 500,
+      useNativeDriver: false
+    }).start();
+  };
+  var startLoading = function startLoading(pickedFile) {
+    currentStep = 0;
+    setFile(pickedFile);
+    setProgress(progressSteps[0]);
+    animateProgress(progressSteps[0]);
+    var progressInterval = setInterval(function () {
+      if (currentStep < progressSteps.length - 1) {
+        currentStep++;
+        setProgress(progressSteps[currentStep]);
+        animateProgress(progressSteps[currentStep]);
+      } else {
+        clearInterval(progressInterval);
+        if (!loadingFile) {
+          completeProgress();
+        }
+      }
+    }, 1000);
+  };
+
+  // Handles file button click - Opens file picker on web and uses DocumentPicker on mobile
+  var handleFileButtonClick = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var response, pickedFile;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(Platform.OS === 'web')) {
+              _context.next = 4;
+              break;
+            }
+            fileInputRef.current.click();
+            _context.next = 20;
+            break;
+          case 4:
+            if (!(Platform.OS === 'android' || Platform.OS === 'ios')) {
+              _context.next = 20;
+              break;
+            }
+            if (DocumentPicker) {
+              _context.next = 8;
+              break;
+            }
+            console.error('DocumentPicker is not available on this platform.');
+            return _context.abrupt("return");
+          case 8:
+            _context.prev = 8;
+            _context.next = 11;
+            return DocumentPicker.pick({
+              type: [DocumentPicker.types.allFiles]
+            });
+          case 11:
+            response = _context.sent;
+            pickedFile = {
+              name: response[0].name,
+              size: response[0].size,
+              type: response[0].type,
+              uri: response[0].uri
+            };
+            startLoading(pickedFile);
+
+            // If an onLoadingFile function is provided, call it
+            if (onLoadingFile && typeof onLoadingFile === 'function') {
+              onLoadingFile(pickedFile, function () {
+                return setFile(pickedFile);
+              });
+            } else {
+              setFile(pickedFile);
+            }
+            _context.next = 20;
+            break;
+          case 17:
+            _context.prev = 17;
+            _context.t0 = _context["catch"](8);
+            if (!DocumentPicker.isCancel(_context.t0)) {
+              console.error(_context.t0);
+            }
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[8, 17]]);
+    }));
+    return function handleFileButtonClick() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // Disable message sending if a file is loading or if the input text is empty
+  var handleSendMessage = function handleSendMessage() {
+    if (!loadingFile && (value === null || value === void 0 ? void 0 : value.trim()) !== '') {
+      if (onSubmit) {
+        onSubmit(fileInputRef.current);
+        setProgress(0);
+        animateProgress(0);
+        setLoadingFile(false);
+      }
+    } else {
+      Alert.alert("Message Incomplete", "Please wait for the file to finish loading or ensure the message is not empty.");
+    }
+  };
+
+  // Define the right buttons for the input
+  var rightButtons = [/*#__PURE__*/React.createElement(Button, {
+    width: 48,
+    typeStyle: "white",
+    onPress: handleFileButtonClick,
+    iconLeft: /*#__PURE__*/React.createElement(ClipboardIcon, {
+      style: {
+        width: 24,
+        height: 24
+      },
+      fill: PRIMARY_100
+    })
+  })];
+
+  // Handle file selection from the input - Web specific
+  var handleFileSelect = function handleFileSelect(event) {
+    var file = event.target.files[0];
+    if (file) {
+      startLoading(file);
+      if (onLoadingFile && typeof onLoadingFile === 'function') {
+        onLoadingFile(file, function () {
+          return setFile(file);
+        });
+      } else {
+        setFile(file);
+      }
+    }
+    event.target.value = null;
+  };
+
+  // Function to handle file deletion
+  var handleDeleteFile = function handleDeleteFile() {
+    setFile(null);
+    setProgress(0);
+    animateProgress(0);
+    if (fileInputRef.current) {
+      fileInputRef.current.value = null;
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, file && loadingFile ? /*#__PURE__*/React.createElement(View, {
+    style: styles.fileNameContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.fileNameLeftContainer
+  }, /*#__PURE__*/React.createElement(FileIcon, {
+    style: styles.fileIcon
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.fileNameLeftContent
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.fileNameText
+  }, file.name), /*#__PURE__*/React.createElement(View, {
+    style: styles.progressBarBackground
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.progressBarFill, {
+      width: progressAnim.interpolate({
+        inputRange: [0, 100],
+        outputRange: ['0%', '100%']
+      })
+    }]
+  })))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleDeleteFile
+  }, /*#__PURE__*/React.createElement(DeleteIcon, {
+    style: styles.deleteIcon
+  }))) : file && /*#__PURE__*/React.createElement(View, {
+    style: styles.fileNameContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.fileNameLoadedLeftContainer
+  }, /*#__PURE__*/React.createElement(FileIcon, {
+    style: styles.fileIcon
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.fileNameText
+  }, file.name)), /*#__PURE__*/React.createElement(View, {
+    style: styles.fileNameRightContainer
+  }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
+    style: styles.checkCircleIcon,
+    fill: SUCCESS_600
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleDeleteFile
+  }, /*#__PURE__*/React.createElement(DeleteIcon, {
+    style: styles.deleteIcon
+  })))), /*#__PURE__*/React.createElement(View, {
+    style: styles.inputContainer
+  }, Platform.OS === "web" ? /*#__PURE__*/React.createElement("div", {
+    ref: dropAreaRef,
+    onDrop: handleDrop
+  }, /*#__PURE__*/React.createElement(InputBase, _extends({
+    value: value
+  }, inputBaseProps, {
+    onSubmit: handleSendMessage,
+    rightButtons: rightButtons
+  })), /*#__PURE__*/React.createElement("input", {
+    type: "file",
+    ref: fileInputRef,
+    style: {
+      display: 'none'
+    },
+    onChange: handleFileSelect
+  })) : /*#__PURE__*/React.createElement(InputBase, _extends({
+    value: value
+  }, inputBaseProps, {
+    onSubmit: handleSendMessage,
+    rightButtons: rightButtons
+  }))));
+};
+export default FileSearchInput;

package/dist-web/components/inputBase/file-search-input/FileSearchInput.styles.d.ts

@@ -0,0 +1,84 @@
+export declare const styles: {
+    container: {
+        flex: number;
+    };
+    inputContainer: {
+        flex: number;
+    };
+    fileNameContainer: {
+        alignItems: "center";
+        backgroundColor: string;
+        borderColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        flexDirection: "row";
+        gap: number;
+        height: "100%";
+        justifyContent: "space-between";
+        marginBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingVertical: number;
+        width: "100%";
+    };
+    fileNameLeftContainer: {
+        flexDirection: "row";
+        gap: number;
+        width: "95%" | "97.5%";
+    };
+    fileNameLeftContent: {
+        flex: number;
+        height: number;
+    };
+    fileNameLoadedLeftContainer: {
+        alignItems: "center";
+        flexDirection: "row";
+        gap: number;
+        width: "85%" | undefined;
+    };
+    checkCircleIcon: {
+        height: number;
+        width: number;
+    };
+    fileNameRightContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        width: "15%" | undefined;
+    };
+    deleteIcon: {
+        height: number;
+        width: number;
+    };
+    loadingContainer: {
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        width: "100%";
+    };
+    loadingText: {
+        fontSize: number;
+    };
+    fileNameText: {
+        color: string;
+        fontWeight: "500";
+        fontSize: number;
+        height: "100%";
+        paddingBottom: number | undefined;
+    };
+    fileIcon: {
+        height: number;
+        width: number;
+    };
+    progressBarBackground: {
+        backgroundColor: string;
+        borderRadius: number;
+        height: number;
+    };
+    progressBarFill: {
+        backgroundColor: string;
+        borderRadius: number;
+        height: "100%";
+    };
+};

package/dist-web/components/inputBase/file-search-input/FileSearchInput.styles.js

@@ -0,0 +1,86 @@
+import { StyleSheet, Platform } from "react-native-web";
+import { NEUTRAL_0, NEUTRAL_100, NEUTRAL_1000, NEUTRAL_300, NEUTRAL_400 } from "../../../styles/colors";
+export var styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  inputContainer: {
+    flex: 1
+  },
+  fileNameContainer: {
+    alignItems: 'center',
+    backgroundColor: NEUTRAL_0,
+    borderColor: NEUTRAL_400,
+    borderRadius: 8,
+    borderWidth: 1,
+    flexDirection: "row",
+    gap: 4,
+    height: "100%",
+    justifyContent: "space-between",
+    marginBottom: 4,
+    paddingLeft: 8,
+    paddingRight: 16,
+    paddingVertical: Platform.OS === "web" ? 16 : 32,
+    width: "100%"
+  },
+  fileNameLeftContainer: {
+    flexDirection: "row",
+    gap: 4,
+    width: Platform.OS === "web" ? "97.5%" : "95%"
+  },
+  fileNameLeftContent: {
+    flex: 1,
+    height: 24
+  },
+  fileNameLoadedLeftContainer: {
+    alignItems: "center",
+    flexDirection: "row",
+    gap: 4,
+    width: Platform.OS === "web" ? undefined : "85%"
+  },
+  checkCircleIcon: {
+    height: 24,
+    width: 24
+  },
+  fileNameRightContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    width: Platform.OS === "web" ? undefined : "15%"
+  },
+  deleteIcon: {
+    height: 20,
+    width: 20
+  },
+  loadingContainer: {
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 8,
+    paddingVertical: 16,
+    width: "100%"
+  },
+  loadingText: {
+    fontSize: 14
+  },
+  fileNameText: {
+    color: NEUTRAL_1000,
+    fontWeight: "500",
+    fontSize: Platform.OS === "web" ? 14 : 16,
+    height: "100%",
+    paddingBottom: Platform.OS === "web" ? 4 : undefined
+  },
+  fileIcon: {
+    height: 36,
+    width: 36
+  },
+  progressBarBackground: {
+    backgroundColor: NEUTRAL_300,
+    borderRadius: 10,
+    height: 8
+  },
+  progressBarFill: {
+    backgroundColor: NEUTRAL_100,
+    borderRadius: 10,
+    height: '100%'
+  }
+});

package/dist-web/components/inputBase/file-search-input/FileSearchInput.types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { IInputBase } from "../InputBase.types";
+interface IFile {
+    name: string;
+    size: number;
+    type: string;
+    uri: string;
+}
+export interface FileSearchInputProps extends IInputBase {
+    value?: string;
+    onSubmit?: (message: string, file?: IFile) => void;
+    file: IFile | null;
+    setFile: React.Dispatch<React.SetStateAction<IFile | null>>;
+    loadingFile: boolean;
+    setLoadingFile: React.Dispatch<React.SetStateAction<boolean>>;
+    onLoadingFile: (file: IFile, callback?: () => void) => void;
+}
+export {};

package/dist-web/components/inputBase/file-search-input/FileSearchInput.types.js

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

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

@@ -47,6 +47,7 @@ export declare const PROCESS_100 = "#FBA643";
 export declare const SUCCESS_10 = "#E5F7ED";
 export declare const SUCCESS_100 = "#00B34C";
 export declare const SUCCESS_110 = "#C8FBCA";
+export declare const SUCCESS_600 = "#009950";
 export declare const SUCCESS_800 = "#00674B";
 export declare const SUCCESS_900 = "#005546";
 export declare const DESTRUCTIVE_10 = "#FEF0EF";

package/dist-web/styles/colors.js

@@ -47,6 +47,7 @@ export var PROCESS_100 = '#FBA643';
 export var SUCCESS_10 = '#E5F7ED';
 export var SUCCESS_100 = '#00B34C';
 export var SUCCESS_110 = '#C8FBCA';
+export var SUCCESS_600 = '#009950';
 export var SUCCESS_800 = '#00674B';
 export var SUCCESS_900 = '#005546';
 export var DESTRUCTIVE_10 = '#FEF0EF';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.3.70",
+  "version": "1.3.72",
   "private": false,
   "scripts": {
     "android": "react-native run-android",
@@ -73,6 +73,7 @@
     "react-dom": "^18.2.0",
     "react-markdown": "^9.0.1",
     "react-native": "0.70.6",
+    "react-native-document-picker": "^9.1.0",
     "react-native-svg": "^13.9.0",
     "react-native-svg-transformer": "^1.0.0",
     "react-native-svg-web": "^1.0.9",