@wereform/pkgm-shared 1.0.3 → 1.0.5

package/dist/components/buttons/CustomizableButton.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CustomizedButton=CustomizedButton;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _customizableButtonStyles=require("../../styles/customizableButtonStyles");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\components\\buttons\\CustomizableButton.jsx";function CustomizedButton(_ref){var label=_ref.label,onPress=_ref.onPress,onPressStyle=_ref.onPressStyle,textColor=_ref.textColor,fontSize=_ref.fontSize,fontFamily=_ref.fontFamily,fontWeight=_ref.fontWeight,customIcon=_ref.customIcon,style=_ref.style,isDisabled=_ref.isDisabled;if(!label){console.warn("CustomizedButton: 'label' prop is missing.");}var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),pressed=_useState2[0],setPressed=_useState2[1];return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPress||function(){return console.warn("CustomizedButton: onPress not provided");},onPressIn:function onPressIn(){return setPressed(true);},onPressOut:function onPressOut(){return setPressed(false);},style:[_customizableButtonStyles.customizableButtonStyles.buttonContainer,style,pressed&&onPressStyle],activeOpacity:1,disabled:isDisabled,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:customIcon?{flexDirection:"row",width:"100%",justifyContent:"space-between",alignItems:"center",paddingRight:12}:{},children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_customizableButtonStyles.customizableButtonStyles.buttonText,{color:textColor||"#fff",fontSize:fontSize||16,fontFamily:fontFamily,fontWeight:fontWeight}],children:label||"Default Button"}),(0,_jsxRuntime.jsx)(_reactNative.View,{children:customIcon&&customIcon})]})});}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.CustomizedButton=CustomizedButton;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _customizableButtonStyles=require("../../styles/customizableButtonStyles");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\components\\buttons\\CustomizableButton.jsx";function CustomizedButton(_ref){var label=_ref.label,onPress=_ref.onPress,onPressStyle=_ref.onPressStyle,textColor=_ref.textColor,fontSize=_ref.fontSize,fontFamily=_ref.fontFamily,fontWeight=_ref.fontWeight,customIcon=_ref.customIcon,style=_ref.style,isDisabled=_ref.isDisabled;if(!label){console.warn("CustomizedButton: 'label' prop is missing.");}var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),pressed=_useState2[0],setPressed=_useState2[1];return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPress||function(){return console.warn("CustomizedButton: onPress not provided");},onPressIn:function onPressIn(){return setPressed(true);},onPressOut:function onPressOut(){return setPressed(false);},style:[_customizableButtonStyles.customizableButtonStyles.buttonContainer,style,pressed&&onPressStyle],activeOpacity:1,disabled:isDisabled,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:customIcon?{flexDirection:"row",width:"100%",justifyContent:"space-between",alignItems:"center",paddingRight:12}:{},children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_customizableButtonStyles.customizableButtonStyles.buttonText,{color:textColor||"#fff",fontSize:fontSize||16,fontFamily:fontFamily,fontWeight:fontWeight}],children:label||"Default Button"}),(0,_jsxRuntime.jsx)(_reactNative.View,{children:customIcon&&customIcon})]})});}

package/dist/components/dropdowns/DropDown.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.DropDown=DropDown;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _reactNativeModalSelector=_interopRequireDefault(require("react-native-modal-selector"));var _react=require("react");var _dropDownStyles=require("../../styles/dropDownStyles");var _vectorIcons=require("@expo/vector-icons");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\components\\dropdowns\\DropDown.jsx";function DropDown(_ref){var selectText=_ref.selectText,data=_ref.data,styles=_ref.styles,iconStyles=_ref.iconStyles;var _useState=(0,_react.useState)(selectText),_useState2=(0,_slicedToArray2.default)(_useState,2),selected=_useState2[0],setSelected=_useState2[1];return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_dropDownStyles.dropDownStyles.container,styles],children:(0,_jsxRuntime.jsx)(_reactNativeModalSelector.default,{data:data,initValue:selectText||"Select Option",onChange:function onChange(option){console.log("Selected option:",option);setSelected(option);},overlayStyle:_dropDownStyles.dropDownStyles.overlayStyle,optionTextStyle:{color:"#fff",fontWeight:"500"},optionContainerStyle:_dropDownStyles.dropDownStyles.optionContainerStyle,cancelTextStyle:{color:"#000",fontFamily:"Inter",fontWeight:"800"},cancelStyle:_dropDownStyles.dropDownStyles.cancelContainerStyle,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_dropDownStyles.dropDownStyles.dropDownContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_dropDownStyles.dropDownStyles.dropDownText,children:typeof selected==="string"?selected:(selected==null?void 0:selected.label)||"Select Option"}),(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"caret-down",size:16,color:"white",style:iconStyles})]})})});}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.DropDown=DropDown;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _reactNativeModalSelector=_interopRequireDefault(require("react-native-modal-selector"));var _react=require("react");var _dropDownStyles=require("../../styles/dropDownStyles");var _vectorIcons=require("@expo/vector-icons");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\components\\dropdowns\\DropDown.jsx";function DropDown(_ref){var selectText=_ref.selectText,data=_ref.data,styles=_ref.styles,iconStyles=_ref.iconStyles;var _useState=(0,_react.useState)(selectText),_useState2=(0,_slicedToArray2.default)(_useState,2),selected=_useState2[0],setSelected=_useState2[1];return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_dropDownStyles.dropDownStyles.container,styles],children:(0,_jsxRuntime.jsx)(_reactNativeModalSelector.default,{data:data,initValue:selectText||"Select Option",onChange:function onChange(option){console.log("Selected option:",option);setSelected(option);},overlayStyle:_dropDownStyles.dropDownStyles.overlayStyle,optionTextStyle:{color:"#fff",fontWeight:"500"},optionContainerStyle:_dropDownStyles.dropDownStyles.optionContainerStyle,cancelTextStyle:{color:"#000",fontFamily:"Inter",fontWeight:"800"},cancelStyle:_dropDownStyles.dropDownStyles.cancelContainerStyle,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_dropDownStyles.dropDownStyles.dropDownContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_dropDownStyles.dropDownStyles.dropDownText,children:typeof selected==="string"?selected:(selected==null?void 0:selected.label)||"Select Option"}),(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"caret-down",size:16,color:"white",style:iconStyles})]})})});}

package/dist/components/headers/HeaderGlobal.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.HeaderGlobal=HeaderGlobal;var _reactNative=require("react-native");var _headerGlobalStyles=require("../../styles/headerGlobalStyles");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\components\\headers\\HeaderGlobal.jsx";function HeaderGlobal(_ref){var aiIcon=_ref.aiIcon,notificationIcon=_ref.notificationIcon,searchIcon=_ref.searchIcon;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_headerGlobalStyles.headerGlobalStyles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:"https://begenone-images.s3.us-east-1.amazonaws.com/begenone-white-transparent-logo-beta-min.png"},style:_headerGlobalStyles.headerGlobalStyles.image}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_headerGlobalStyles.headerGlobalStyles.iconsContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:_headerGlobalStyles.headerGlobalStyles.icons,children:aiIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:_headerGlobalStyles.headerGlobalStyles.icons,children:notificationIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:_headerGlobalStyles.headerGlobalStyles.icons,children:searchIcon})]})]});}
+Object.defineProperty(exports,"__esModule",{value:true});exports.HeaderGlobal=HeaderGlobal;var _reactNative=require("react-native");var _headerGlobalStyles=require("../../styles/headerGlobalStyles");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\components\\headers\\HeaderGlobal.jsx";function HeaderGlobal(_ref){var aiIcon=_ref.aiIcon,notificationIcon=_ref.notificationIcon,searchIcon=_ref.searchIcon;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_headerGlobalStyles.headerGlobalStyles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:"https://begenone-images.s3.us-east-1.amazonaws.com/begenone-white-transparent-logo-beta-min.png"},style:_headerGlobalStyles.headerGlobalStyles.image}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_headerGlobalStyles.headerGlobalStyles.iconsContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:_headerGlobalStyles.headerGlobalStyles.icons,children:aiIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:_headerGlobalStyles.headerGlobalStyles.icons,children:notificationIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:_headerGlobalStyles.headerGlobalStyles.icons,children:searchIcon})]})]});}

package/dist/components/inputs/InputComment.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.InputComment=InputComment;var _reactNative=require("react-native");var _commentInputStyles=require("../../styles/commentInputStyles");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\components\\inputs\\InputComment.jsx";function InputComment(_ref){var placeholder=_ref.placeholder,submitIcon=_ref.submitIcon,props=_ref.props;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_commentInputStyles.commentInputStyles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,Object.assign({placeholder:placeholder,placeholderTextColor:"#999",style:[_commentInputStyles.commentInputStyles.input]},props)),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{children:submitIcon})]});}
+Object.defineProperty(exports,"__esModule",{value:true});exports.InputComment=InputComment;var _reactNative=require("react-native");var _commentInputStyles=require("../../styles/commentInputStyles");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\components\\inputs\\InputComment.jsx";function InputComment(_ref){var placeholder=_ref.placeholder,submitIcon=_ref.submitIcon,props=_ref.props;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_commentInputStyles.commentInputStyles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,Object.assign({placeholder:placeholder,placeholderTextColor:"#999",style:[_commentInputStyles.commentInputStyles.input]},props)),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{children:submitIcon})]});}

package/dist/components/inputs/InputField.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.InputField=InputField;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 _inputStyles=require("../../styles/inputStyles");var _inter=require("@expo-google-fonts/inter");var _vectorIcons=require("@expo/vector-icons");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\components\\inputs\\InputField.jsx";var _excluded=["placeholder","error","iconLeft","iconRight","onIconPress","iconRightColor","inputStyle","inputWrapper","multiline","onChangeText","isEditable","secureTextEntry","Children"];function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}function InputField(_ref){var placeholder=_ref.placeholder,error=_ref.error,iconLeft=_ref.iconLeft,iconRight=_ref.iconRight,onIconPress=_ref.onIconPress,iconRightColor=_ref.iconRightColor,inputStyle=_ref.inputStyle,inputWrapper=_ref.inputWrapper,multiline=_ref.multiline,onChangeText=_ref.onChangeText,isEditable=_ref.isEditable,secureTextEntry=_ref.secureTextEntry,Children=_ref.Children,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useFonts=(0,_inter.useFonts)({Inter_400Regular:_inter.Inter_400Regular,Inter_700Bold:_inter.Inter_700Bold}),_useFonts2=(0,_slicedToArray2.default)(_useFonts,1),fontsLoaded=_useFonts2[0];if(!fontsLoaded){return null;}var isMultiline=multiline||false;return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_inputStyles.inputStyles.inputWrapper,inputWrapper],children:[iconLeft&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:_inputStyles.inputStyles.icon,children:iconLeft}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,Object.assign({editable:isEditable,placeholder:placeholder,placeholderTextColor:"#999",multiline:isMultiline,style:[_inputStyles.inputStyles.input,inputStyle,isMultiline&&{textAlignVertical:"top"}],onChangeText:onChangeText,secureTextEntry:secureTextEntry},props)),iconRight&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:_inputStyles.inputStyles.icon,onPress:onIconPress,disabled:!onIconPress,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:iconRight,size:18,color:iconRightColor||"#fff"})})]}),error&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:customErrorStyle,children:error})]});}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.InputField=InputField;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 _inputStyles=require("../../styles/inputStyles");var _inter=require("@expo-google-fonts/inter");var _vectorIcons=require("@expo/vector-icons");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\components\\inputs\\InputField.jsx";var _excluded=["placeholder","error","iconLeft","iconRight","onIconPress","iconRightColor","inputStyle","inputWrapper","multiline","onChangeText","isEditable","secureTextEntry","Children"];function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}function InputField(_ref){var placeholder=_ref.placeholder,error=_ref.error,iconLeft=_ref.iconLeft,iconRight=_ref.iconRight,onIconPress=_ref.onIconPress,iconRightColor=_ref.iconRightColor,inputStyle=_ref.inputStyle,inputWrapper=_ref.inputWrapper,multiline=_ref.multiline,onChangeText=_ref.onChangeText,isEditable=_ref.isEditable,secureTextEntry=_ref.secureTextEntry,Children=_ref.Children,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useFonts=(0,_inter.useFonts)({Inter_400Regular:_inter.Inter_400Regular,Inter_700Bold:_inter.Inter_700Bold}),_useFonts2=(0,_slicedToArray2.default)(_useFonts,1),fontsLoaded=_useFonts2[0];if(!fontsLoaded){return null;}var isMultiline=multiline||false;return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_inputStyles.inputStyles.inputWrapper,inputWrapper],children:[iconLeft&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:_inputStyles.inputStyles.icon,children:iconLeft}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,Object.assign({editable:isEditable,placeholder:placeholder,placeholderTextColor:"#999",multiline:isMultiline,style:[_inputStyles.inputStyles.input,inputStyle,isMultiline&&{textAlignVertical:"top"}],onChangeText:onChangeText,secureTextEntry:secureTextEntry},props)),iconRight&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:_inputStyles.inputStyles.icon,onPress:onIconPress,disabled:!onIconPress,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:iconRight,size:18,color:iconRightColor||"#fff"})})]}),error&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:customErrorStyle,children:error})]});}

package/dist/components/menus/MenuChannelMeta.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.MenuChannelMeta=void 0;var _reactNative=require("react-native");var _MenuChannelMetaStyles=require("../../styles/MenuChannelMetaStyles");var _vectorIcons=require("@expo/vector-icons");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\components\\menus\\MenuChannelMeta.jsx";var calcWidth;var calcHeight;var MenuChannelMeta=exports.MenuChannelMeta=function MenuChannelMeta(_ref){var timeAgo=_ref.timeAgo,viewsText=_ref.viewsText,channelLogo=_ref.channelLogo,userName=_ref.userName,subscribersCount=_ref.subscribersCount,containerStyles=_ref.containerStyles,channelContainerStyles=_ref.channelContainerStyles;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_MenuChannelMetaStyles.MenuChannelMetaStyles.container,containerStyles],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.dateViewsContainer,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.dateContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.dateIcon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"calendar",size:16,color:"white"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.dateText,children:timeAgo||"14 Hours Ago"})]})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.channelMetaContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.channelMetaContainer_ColumnOne,children:[(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:channelLogo||"https://begenone-images.s3.us-east-1.amazonaws.com/default-user-photo.jpg"},style:_MenuChannelMetaStyles.MenuChannelMetaStyles.userImage}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.nameSubcountContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_MenuChannelMetaStyles.MenuChannelMetaStyles.userName,inlineStyles.userName],children:userName||"Default Username"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.subCountContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.subCount,children:subscribersCount||"0"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.subText,children:"Subscribers"})]})]})]}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:[_MenuChannelMetaStyles.MenuChannelMetaStyles.subscribeButtonContainer,{backgroundColor:"#303030"}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_MenuChannelMetaStyles.MenuChannelMetaStyles.subscribeButtonText,{color:"#7f7f7f"}],children:"Subscribe"})})]})]});};var inlineStyles=_reactNative.StyleSheet.create({userName:{width:""}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.MenuChannelMeta=void 0;var _reactNative=require("react-native");var _MenuChannelMetaStyles=require("../../styles/MenuChannelMetaStyles");var _vectorIcons=require("@expo/vector-icons");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\components\\menus\\MenuChannelMeta.jsx";var calcWidth;var calcHeight;var MenuChannelMeta=exports.MenuChannelMeta=function MenuChannelMeta(_ref){var timeAgo=_ref.timeAgo,viewsText=_ref.viewsText,channelLogo=_ref.channelLogo,userName=_ref.userName,subscribersCount=_ref.subscribersCount,containerStyles=_ref.containerStyles,channelContainerStyles=_ref.channelContainerStyles;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_MenuChannelMetaStyles.MenuChannelMetaStyles.container,containerStyles],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.dateViewsContainer,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.dateContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.dateIcon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"calendar",size:16,color:"white"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.dateText,children:timeAgo||"14 Hours Ago"})]})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.channelMetaContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.channelMetaContainer_ColumnOne,children:[(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:channelLogo||"https://begenone-images.s3.us-east-1.amazonaws.com/default-user-photo.jpg"},style:_MenuChannelMetaStyles.MenuChannelMetaStyles.userImage}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.nameSubcountContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_MenuChannelMetaStyles.MenuChannelMetaStyles.userName,inlineStyles.userName],children:userName||"Default Username"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.subCountContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.subCount,children:subscribersCount||"0"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:_MenuChannelMetaStyles.MenuChannelMetaStyles.subText,children:"Subscribers"})]})]})]}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:[_MenuChannelMetaStyles.MenuChannelMetaStyles.subscribeButtonContainer,{backgroundColor:"#303030"}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[_MenuChannelMetaStyles.MenuChannelMetaStyles.subscribeButtonText,{color:"#7f7f7f"}],children:"Subscribe"})})]})]});};var inlineStyles=_reactNative.StyleSheet.create({userName:{width:""}});

package/dist/components/menus/MenuInteraction.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.MenuInteraction=void 0;var _reactNative=require("react-native");var _MenuInteractionStyles=require("../../styles/MenuInteractionStyles");var _vectorIcons=require("@expo/vector-icons");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\components\\menus\\MenuInteraction.jsx";var MenuInteraction=exports.MenuInteraction=function MenuInteraction(_ref){var containerStyles=_ref.containerStyles,columnMainIconStyles=_ref.columnMainIconStyles,pressed=_ref.pressed;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_MenuInteractionStyles.MenuInteractionStyles.container,containerStyles],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_MenuInteractionStyles.MenuInteractionStyles.column_mainIcons,columnMainIconStyles],children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"arrow-redo",size:24,color:"white"})})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"chatbubble-ellipses",size:24,color:"white"})})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"repeat-outline",size:24,color:"white"})})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"thumbs-up-outline",size:24,color:"white"})})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"thumbs-down-outline",size:24,color:"white"})})})]}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:function onPress(){return pressed(true);},children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"ellipsis-vertical-outline",size:24,color:"white"})})]});};
+Object.defineProperty(exports,"__esModule",{value:true});exports.MenuInteraction=void 0;var _reactNative=require("react-native");var _MenuInteractionStyles=require("../../styles/MenuInteractionStyles");var _vectorIcons=require("@expo/vector-icons");var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\components\\menus\\MenuInteraction.jsx";var MenuInteraction=exports.MenuInteraction=function MenuInteraction(_ref){var containerStyles=_ref.containerStyles,columnMainIconStyles=_ref.columnMainIconStyles,pressed=_ref.pressed;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_MenuInteractionStyles.MenuInteractionStyles.container,containerStyles],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[_MenuInteractionStyles.MenuInteractionStyles.column_mainIcons,columnMainIconStyles],children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"arrow-redo",size:24,color:"white"})})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"chatbubble-ellipses",size:24,color:"white"})})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"repeat-outline",size:24,color:"white"})})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"thumbs-up-outline",size:24,color:"white"})})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:_MenuInteractionStyles.MenuInteractionStyles.icon,children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"thumbs-down-outline",size:24,color:"white"})})})]}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:function onPress(){return pressed(true);},children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"ellipsis-vertical-outline",size:24,color:"white"})})]});};

package/dist/components/menus/MenuNav.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.MenuNav=MenuNav;var _reactNative=require("react-native");var _menuNavStyles=require("../../styles/menuNavStyles");var _vectorIcons=require("@expo/vector-icons");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\components\\menus\\MenuNav.jsx";function MenuNav(_ref){var homeIcon=_ref.homeIcon,wireIcon=_ref.wireIcon,uploadIcon=_ref.uploadIcon,channelIcon=_ref.channelIcon,profileIcon=_ref.profileIcon,onPressHome=_ref.onPressHome,onPressWire=_ref.onPressWire,onPressUpload=_ref.onPressUpload,onPressChannel=_ref.onPressChannel,onPressProfile=_ref.onPressProfile;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_menuNavStyles.menuNavStyles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressHome,children:homeIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressWire,children:wireIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressUpload,children:uploadIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressChannel,children:channelIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressProfile,children:profileIcon||(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"person-outline",size:24,color:"white"})})]});}
+Object.defineProperty(exports,"__esModule",{value:true});exports.MenuNav=MenuNav;var _reactNative=require("react-native");var _menuNavStyles=require("../../styles/menuNavStyles");var _vectorIcons=require("@expo/vector-icons");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\components\\menus\\MenuNav.jsx";function MenuNav(_ref){var homeIcon=_ref.homeIcon,wireIcon=_ref.wireIcon,uploadIcon=_ref.uploadIcon,channelIcon=_ref.channelIcon,profileIcon=_ref.profileIcon,onPressHome=_ref.onPressHome,onPressWire=_ref.onPressWire,onPressUpload=_ref.onPressUpload,onPressChannel=_ref.onPressChannel,onPressProfile=_ref.onPressProfile;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_menuNavStyles.menuNavStyles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressHome,children:homeIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressWire,children:wireIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressUpload,children:uploadIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressChannel,children:channelIcon}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPressProfile,children:profileIcon||(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"person-outline",size:24,color:"white"})})]});}

package/dist/components/titles/CustomizedTitle.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.CustomizedTitle=CustomizedTitle;var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\components\\titles\\CustomizedTitle.jsx";function CustomizedTitle(_ref){var title=_ref.title,fontSize=_ref.fontSize,fontFamily=_ref.fontFamily,textColor=_ref.textColor,style=_ref.style,textStyle=_ref.textStyle,dateTextStyles=_ref.dateTextStyles;var displayTitle=title&&title.length>75?title.slice(0,75)+"…":title||"Here is your default Title!";return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{width:"100%"},style],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{flexShrink:1,fontFamily:fontFamily,fontSize:fontSize,color:textColor,flexWrap:"wrap"},textStyle],numberOfLines:2,children:displayTitle})});}
+Object.defineProperty(exports,"__esModule",{value:true});exports.CustomizedTitle=CustomizedTitle;var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\components\\titles\\CustomizedTitle.jsx";function CustomizedTitle(_ref){var title=_ref.title,fontSize=_ref.fontSize,fontFamily=_ref.fontFamily,textColor=_ref.textColor,style=_ref.style,textStyle=_ref.textStyle,dateTextStyles=_ref.dateTextStyles;var displayTitle=title&&title.length>75?title.slice(0,75)+"…":title||"Here is your default Title!";return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{width:"100%"},style],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{flexShrink:1,fontFamily:fontFamily,fontSize:fontSize,color:textColor,flexWrap:"wrap"},textStyle],numberOfLines:2,children:displayTitle})});}

package/dist/index.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"CustomizedButton",{enumerable:true,get:function get(){return _CustomizableButton.CustomizedButton;}});Object.defineProperty(exports,"CustomizedTitle",{enumerable:true,get:function get(){return _CustomizedTitle.CustomizedTitle;}});Object.defineProperty(exports,"DateViews",{enumerable:true,get:function get(){return _DateViews.DateViews;}});Object.defineProperty(exports,"DropDown",{enumerable:true,get:function get(){return _DropDown.DropDown;}});Object.defineProperty(exports,"HeaderGlobal",{enumerable:true,get:function get(){return _HeaderGlobal.HeaderGlobal;}});Object.defineProperty(exports,"InputComment",{enumerable:true,get:function get(){return _InputComment.InputComment;}});Object.defineProperty(exports,"InputField",{enumerable:true,get:function get(){return _InputField.InputField;}});Object.defineProperty(exports,"MenuChannelMeta",{enumerable:true,get:function get(){return _MenuChannelMeta.MenuChannelMeta;}});Object.defineProperty(exports,"MenuInteraction",{enumerable:true,get:function get(){return _MenuInteraction.MenuInteraction;}});Object.defineProperty(exports,"MenuNav",{enumerable:true,get:function get(){return _MenuNav.MenuNav;}});Object.defineProperty(exports,"normalizeUrl",{enumerable:true,get:function get(){return _normalizeUrl.default;}});var _InputField=require("./components/inputs/InputField");var _MenuNav=require("./components/menus/MenuNav");var _HeaderGlobal=require("./components/headers/HeaderGlobal");var _MenuInteraction=require("./components/menus/MenuInteraction");var _MenuChannelMeta=require("./components/menus/MenuChannelMeta");var _InputComment=require("./components/inputs/InputComment.jsx");var _DropDown=require("./components/dropdowns/DropDown.jsx");var _CustomizedTitle=require("./components/titles/CustomizedTitle.jsx");var _CustomizableButton=require("./components/buttons/CustomizableButton.jsx");var _DateViews=require("./utils/DateViews.jsx");var _normalizeUrl=_interopRequireDefault(require("./utils/normalizeUrl.js"));
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"CustomizedButton",{enumerable:true,get:function get(){return _CustomizableButton.CustomizedButton;}});Object.defineProperty(exports,"CustomizedTitle",{enumerable:true,get:function get(){return _CustomizedTitle.CustomizedTitle;}});Object.defineProperty(exports,"DateViews",{enumerable:true,get:function get(){return _DateViews.DateViews;}});Object.defineProperty(exports,"DropDown",{enumerable:true,get:function get(){return _DropDown.DropDown;}});Object.defineProperty(exports,"HeaderGlobal",{enumerable:true,get:function get(){return _HeaderGlobal.HeaderGlobal;}});Object.defineProperty(exports,"InputComment",{enumerable:true,get:function get(){return _InputComment.InputComment;}});Object.defineProperty(exports,"InputField",{enumerable:true,get:function get(){return _InputField.InputField;}});Object.defineProperty(exports,"MenuChannelMeta",{enumerable:true,get:function get(){return _MenuChannelMeta.MenuChannelMeta;}});Object.defineProperty(exports,"MenuInteraction",{enumerable:true,get:function get(){return _MenuInteraction.MenuInteraction;}});Object.defineProperty(exports,"MenuNav",{enumerable:true,get:function get(){return _MenuNav.MenuNav;}});Object.defineProperty(exports,"normalizeUrl",{enumerable:true,get:function get(){return _normalizeUrl.default;}});var _InputField=require("./components/inputs/InputField");var _MenuNav=require("./components/menus/MenuNav");var _HeaderGlobal=require("./components/headers/HeaderGlobal");var _MenuInteraction=require("./components/menus/MenuInteraction");var _MenuChannelMeta=require("./components/menus/MenuChannelMeta");var _InputComment=require("./components/inputs/InputComment");var _DropDown=require("./components/dropdowns/DropDown");var _CustomizedTitle=require("./components/titles/CustomizedTitle");var _CustomizableButton=require("./components/buttons/CustomizableButton");var _DateViews=require("./utils/DateViews");var _normalizeUrl=_interopRequireDefault(require("./utils/normalizeUrl"));

package/dist/styles/MenuChannelMetaStyles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.checkDimensions=exports.MenuChannelMetaStyles=void 0;var _reactNative=require("react-native");var _globalStyles=require("./globalStyles");var checkDimensions=exports.checkDimensions=function checkDimensions(){};var MenuChannelMetaStyles=exports.MenuChannelMetaStyles=_reactNative.StyleSheet.create({container:{width:"auto",marginRight:12,marginLeft:12},dateViewsContainer:{width:"100%",flexDirection:"row",justifyContent:"space-between",marginTop:12,paddingRight:6,paddingLeft:6},dateContainer:{flexDirection:"row",rowGap:20},dateIcon:{marginRight:8},viewsContainer:{flexDirection:"row",alignItems:"center"},eyeIcon:{marginRight:8,marginLeft:8},dateText:{color:_globalStyles.globalStyles.colors.colorPrimary600},viewsText:{color:_globalStyles.globalStyles.colors.colorPrimary600},channelMetaContainer:{flexDirection:"row",backgroundColor:_globalStyles.globalStyles.colors.colorPrimary200,padding:12,marginBottom:6,marginTop:12,borderRadius:_globalStyles.globalStyles.borders.borderPrimary100,justifyContent:"space-between"},channelMetaContainer_ColumnOne:{flexDirection:"row"},userImage:{width:40,height:40,borderRadius:_globalStyles.globalStyles.borders.borderPrimary50},nameSubcountContainer:{flexDirection:"column",paddingLeft:12},userName:{color:"#fff",fontSize:_reactNative.Platform.OS==="ios"?16:14,paddingBottom:4,fontWeight:"bold"},subCountContainer:{flexDirection:"row"},subCount:{color:_globalStyles.globalStyles.colors.colorPrimary600,paddingRight:6,fontSize:12,fontWeight:"bold"},subText:{color:"#fff",fontSize:12},subscribeButtonContainer:{backgroundColor:_globalStyles.globalStyles.colors.colorPrimary600,width:_reactNative.Platform.OS==="ios"?100:80,borderRadius:_globalStyles.globalStyles.borders.borderPrimary400,alignItems:"center",justifyContent:"center"},subscribeButtonText:{color:"#fff",fontWeight:"bold",fontSize:_reactNative.Platform==="ios"?18:12}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.MenuChannelMetaStyles=void 0;var _reactNative=require("react-native");var _globalStyles=require("./globalStyles");var MenuChannelMetaStyles=exports.MenuChannelMetaStyles=_reactNative.StyleSheet.create({container:{width:"auto",marginRight:12,marginLeft:12},dateViewsContainer:{width:"100%",flexDirection:"row",justifyContent:"space-between",marginTop:12,paddingRight:6,paddingLeft:6},dateContainer:{flexDirection:"row",rowGap:20},dateIcon:{marginRight:8},viewsContainer:{flexDirection:"row",alignItems:"center"},eyeIcon:{marginRight:8,marginLeft:8},dateText:{color:_globalStyles.globalStyles.colors.colorPrimary600},viewsText:{color:_globalStyles.globalStyles.colors.colorPrimary600},channelMetaContainer:{flexDirection:"row",backgroundColor:_globalStyles.globalStyles.colors.colorPrimary200,padding:12,marginBottom:6,marginTop:12,borderRadius:_globalStyles.globalStyles.borders.borderPrimary100,justifyContent:"space-between"},channelMetaContainer_ColumnOne:{flexDirection:"row"},userImage:{width:40,height:40,borderRadius:_globalStyles.globalStyles.borders.borderPrimary50},nameSubcountContainer:{flexDirection:"column",paddingLeft:12},userName:{color:"#fff",fontSize:_reactNative.Platform.OS==="ios"?16:14,paddingBottom:4,fontWeight:"bold"},subCountContainer:{flexDirection:"row"},subCount:{color:_globalStyles.globalStyles.colors.colorPrimary600,paddingRight:6,fontSize:12,fontWeight:"bold"},subText:{color:"#fff",fontSize:12},subscribeButtonContainer:{backgroundColor:_globalStyles.globalStyles.colors.colorPrimary600,width:_reactNative.Platform.OS==="ios"?100:80,borderRadius:_globalStyles.globalStyles.borders.borderPrimary400,alignItems:"center",justifyContent:"center"},subscribeButtonText:{color:"#fff",fontWeight:"bold",fontSize:_reactNative.Platform==="ios"?18:12}});

package/dist/utils/DateViews.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.DateViews=DateViews;var _reactNative=require("react-native");var _globalStyles=require("../styles/globalStyles");var _vectorIcons=require("@expo/vector-icons");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\mobile\\packages\\begenone-pkgm-shared\\src\\utils\\DateViews.jsx";function DateViews(_ref){var timeAgo=_ref.timeAgo,viewsText=_ref.viewsText,containerStyles=_ref.containerStyles,dateTextStyles=_ref.dateTextStyles,viewsTextStyles=_ref.viewsTextStyles,dateContainerStyles=_ref.dateContainerStyles;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.dateViewsContainer,containerStyles],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.dateContainer,dateContainerStyles],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dateIcon],children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"calendar-clear-outline",size:16,color:"white"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.dateText,dateTextStyles],children:timeAgo||"14 Hours Ago"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.viewsContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.eyeIcon],children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"eye-outline",size:16,color:"white"})}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.viewsText,viewsTextStyles],children:[viewsText||"123.400",(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:"white"},children:" Views"})]})]})]});}var styles=_reactNative.StyleSheet.create({dateViewsContainer:{width:"100%",height:30,flexDirection:"row",justifyContent:"space-between",marginTop:12,paddingRight:8},dateContainer:{flexDirection:"row",rowGap:20,paddingRight:16},dateIcon:{marginRight:8},viewsContainer:{flexDirection:"row"},eyeIcon:{marginRight:8},dateText:{color:_globalStyles.globalStyles.colors.colorPrimary600},viewsText:{color:_globalStyles.globalStyles.colors.colorPrimary600}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.DateViews=DateViews;var _reactNative=require("react-native");var _globalStyles=require("../styles/globalStyles");var _vectorIcons=require("@expo/vector-icons");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-shared\\src\\utils\\DateViews.jsx";function DateViews(_ref){var timeAgo=_ref.timeAgo,viewsText=_ref.viewsText,containerStyles=_ref.containerStyles,dateTextStyles=_ref.dateTextStyles,viewsTextStyles=_ref.viewsTextStyles,dateContainerStyles=_ref.dateContainerStyles;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.dateViewsContainer,containerStyles],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.dateContainer,dateContainerStyles],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dateIcon],children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"calendar-clear-outline",size:16,color:"white"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.dateText,dateTextStyles],children:timeAgo||"14 Hours Ago"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.viewsContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.eyeIcon],children:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"eye-outline",size:16,color:"white"})}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.viewsText,viewsTextStyles],children:[viewsText||"123.400",(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:"white"},children:" Views"})]})]})]});}var styles=_reactNative.StyleSheet.create({dateViewsContainer:{width:"100%",height:30,flexDirection:"row",justifyContent:"space-between",marginTop:12,paddingRight:8},dateContainer:{flexDirection:"row",rowGap:20,paddingRight:16},dateIcon:{marginRight:8},viewsContainer:{flexDirection:"row"},eyeIcon:{marginRight:8},dateText:{color:_globalStyles.globalStyles.colors.colorPrimary600},viewsText:{color:_globalStyles.globalStyles.colors.colorPrimary600}});

package/package.json

@@ -1,37 +1,38 @@
-{
-  "name": "@wereform/pkgm-shared",
-  "version": "1.0.3",
-  "source": "src/index.js",
-  "main": "dist/index.js",
-  "react-native": "src/index.js",
-  "files": [
-    "dist",
-    "src",
-    "README.md"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "peerDependencies": {
-    "@react-native-picker/picker": "^2.11.4",
-    "react": "19.1.0",
-    "react-native": "^0.81.4"
-  },
-  "dependencies": {
-    "@expo-google-fonts/inter": "^0.4.2",
-    "@expo/vector-icons": "^15.0.3",
-    "expo-font": "^14.0.9",
-    "react-native-dropdown-select-list": "^2.0.5",
-    "react-native-modal-selector": "^2.1.2",
-    "react-native-picker-select": "^9.3.1"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.28.3",
-    "@babel/core": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
-    "metro-react-native-babel-preset": "^0.77.0"
-  },
-  "scripts": {
-    "build": "babel src --out-dir dist --extensions .js,.jsx"
-  }
-}
+{
+  "name": "@wereform/pkgm-shared",
+  "version": "1.0.5",
+  "source": "dist/index.js",
+  "main": "dist/index.js",
+  "react-native": "dist/index.js",
+  "files": [
+    "src",
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "babel src --out-dir dist --extensions .js,.jsx",
+    "prepublishOnly": "pnpm run build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@react-native-picker/picker": "^2.11.4",
+    "react": "19.1.0",
+    "react-native": "^0.81.4"
+  },
+  "dependencies": {
+    "@expo-google-fonts/inter": "^0.4.2",
+    "@expo/vector-icons": "^15.0.3",
+    "expo-font": "^14.0.9",
+    "react-native-dropdown-select-list": "^2.0.5",
+    "react-native-modal-selector": "^2.1.2",
+    "react-native-picker-select": "^9.3.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "metro-react-native-babel-preset": "^0.77.0"
+  }
+}

package/src/components/buttons/CustomizableButton.jsx

@@ -2,6 +2,22 @@ import { Text, TouchableOpacity, View } from "react-native";
 import { customizableButtonStyles } from "../../styles/customizableButtonStyles";
 import { useState } from "react";
 
+/**
+ * CustomizedButton
+ *
+ * A reusable, press-aware button component with optional icon support.
+ * Handles pressed state styling and basic prop validation.
+ *
+ * Props:
+ * - label: string (button text)
+ * - onPress: function (callback when pressed)
+ * - onPressStyle: style applied while pressed
+ * - textColor, fontSize, fontFamily, fontWeight: text customization
+ * - customIcon: optional icon rendered on the right
+ * - style: container style overrides
+ * - isDisabled: disables interaction
+ */
+
 export function CustomizedButton({
   label,
   onPress,

package/src/components/dropdowns/DropDown.jsx

@@ -4,6 +4,22 @@ import { useState } from "react";
 import { dropDownStyles } from "../../styles/dropDownStyles";
 import { Ionicons } from "@expo/vector-icons";
 
+/**
+ * DropDown
+ *
+ * Wrapper around react-native-modal-selector for selecting a value
+ * from a list of options.
+ *
+ * Props:
+ * - selectText: default placeholder text
+ * - data: array of { key, label } options
+ * - styles: container style overrides
+ * - iconStyles: caret icon style overrides
+ *
+ * Internal State:
+ * - selected: currently selected option or placeholder
+ */
+
 export function DropDown({ selectText, data, styles, iconStyles }) {
   const [selected, setSelected] = useState(selectText);
   return (

package/src/components/headers/HeaderGlobal.jsx

@@ -1,6 +1,18 @@
 import { Image, TouchableOpacity, View } from "react-native";
 import { headerGlobalStyles } from "../../styles/headerGlobalStyles";
 
+/**
+ * HeaderGlobal
+ *
+ * App-wide header component with logo and action icons.
+ * Icons are injected to keep this component presentation-only.
+ *
+ * Props:
+ * - aiIcon: ReactNode
+ * - notificationIcon: ReactNode
+ * - searchIcon: ReactNode
+ */
+
 export function HeaderGlobal({ aiIcon, notificationIcon, searchIcon }) {
   return (
     <View style={headerGlobalStyles.container}>

package/src/components/inputs/InputComment.jsx

@@ -1,6 +1,17 @@
 import { Pressable, TextInput, View } from "react-native";
 import { commentInputStyles } from "../../styles/commentInputStyles";
 
+/**
+ * InputComment
+ *
+ * Lightweight comment input field with an optional submit action.
+ *
+ * Props:
+ * - placeholder: input placeholder text
+ * - submitIcon: icon/button rendered on the right
+ * - props: spread-through TextInput props (onChangeText, value, etc.)
+ */
+
 export function InputComment({ placeholder, submitIcon, props }) {
   return (
     <View style={commentInputStyles.container}>

package/src/components/inputs/InputField.jsx

@@ -15,6 +15,34 @@ import {
 } from "@expo-google-fonts/inter";
 import { Ionicons } from "@expo/vector-icons";
 
+/**
+ * InputField
+ *
+ * Fully featured, reusable input component with:
+ * - optional left/right icons
+ * - error display
+ * - secure text support
+ * - multiline handling
+ * - Expo font loading (Inter)
+ *
+ * Props:
+ * - placeholder: string
+ * - error: validation error message
+ * - iconLeft: ReactNode
+ * - iconRight: Ionicons name
+ * - onIconPress: callback for right icon
+ * - iconRightColor: color override
+ * - inputStyle, inputWrapper: style overrides
+ * - multiline: boolean
+ * - onChangeText: input handler
+ * - isEditable: toggle input editability
+ * - secureTextEntry: password mode
+ *
+ * Notes:
+ * - Font loading is required before render
+ * - Multiline inputs adjust vertical alignment automatically
+ */
+
 export function InputField({
   placeholder,
   error,

package/src/components/menus/MenuChannelMeta.jsx

@@ -14,6 +14,27 @@ import { useEffect } from "react";
 let calcWidth;
 let calcHeight;
 
+/**
+ * MenuChannelMeta
+ *
+ * Displays channel-level metadata for a menu or content view.
+ * Includes publish time, channel identity, subscriber count,
+ * and a static subscribe button.
+ *
+ * Props:
+ * - timeAgo: string (e.g. "14 Hours Ago")
+ * - viewsText: string (currently unused / commented out)
+ * - channelLogo: image URL for channel avatar
+ * - userName: channel display name
+ * - subscribersCount: subscriber total
+ * - containerStyles: style overrides for root container
+ * - channelContainerStyles: reserved for future layout control
+ *
+ * Notes:
+ * - Provides safe fallbacks for missing data
+ * - Subscribe button is visual-only for now
+ */
+
 export const MenuChannelMeta = ({
   timeAgo,
   viewsText,

package/src/components/menus/MenuInteraction.jsx

@@ -3,6 +3,22 @@ import { MenuInteractionStyles } from "../../styles/MenuInteractionStyles";
 import { Ionicons } from "@expo/vector-icons";
 import { useState } from "react";
 
+/**
+ * MenuInteraction
+ *
+ * Renders the primary interaction controls for a post or wire.
+ * Includes share, comment, repost, like, dislike recognized actions.
+ *
+ * Props:
+ * - containerStyles: override styles for root container
+ * - columnMainIconStyles: override styles for icon column
+ * - pressed: callback to trigger overflow / context menu
+ *
+ * Notes:
+ * - Icons are presentation-only
+ * - Interaction handlers are expected to be wired upstream
+ */
+
 export const MenuInteraction = ({
   containerStyles,
   columnMainIconStyles,

package/src/components/menus/MenuNav.jsx

@@ -2,6 +2,21 @@ import { TouchableOpacity, View } from "react-native";
 import { menuNavStyles } from "../../styles/menuNavStyles";
 import { Ionicons } from "@expo/vector-icons";
 
+/**
+ * MenuNav
+ *
+ * Bottom navigation bar for core app sections.
+ * Icons and handlers are injected to keep this component stateless.
+ *
+ * Props:
+ * - homeIcon, wireIcon, uploadIcon, channelIcon, profileIcon: ReactNodes
+ * - onPressHome, onPressWire, onPressUpload, onPressChannel, onPressProfile: callbacks
+ *
+ * Notes:
+ * - Falls back to default profile icon if none is provided
+ * - Designed to be reusable across screens
+ */
+
 export function MenuNav({
   homeIcon,
   wireIcon,

package/src/components/titles/CustomizedTitle.jsx

@@ -1,5 +1,31 @@
 import { Text, View } from "react-native";
 
+/**
+ * CustomizedTitle
+ *
+ * Reusable title-rendering component with built-in truncation
+ * and flexible typography control.
+ *
+ * Behavior:
+ * - Automatically truncates long titles to 75 characters
+ * - Appends an ellipsis (…) when truncation occurs
+ * - Falls back to a default title when no title is provided
+ * - Limits rendering to two lines for layout stability
+ *
+ * Props:
+ * - title: string (raw title text)
+ * - fontSize: number (text size override)
+ * - fontFamily: string (font family override)
+ * - textColor: string (text color override)
+ * - style: ViewStyle (outer container style override)
+ * - textStyle: TextStyle (text style override)
+ * - dateTextStyles: reserved for future extensions
+ *
+ * Notes:
+ * - Designed for feed cards, headers, and compact layouts
+ * - Uses flexShrink and wrapping to avoid layout overflow
+ */
+
 export function CustomizedTitle({
   title,
   fontSize,

package/src/index.js

@@ -3,9 +3,9 @@ export { MenuNav } from "./components/menus/MenuNav";
 export { HeaderGlobal } from "./components/headers/HeaderGlobal";
 export { MenuInteraction } from "./components/menus/MenuInteraction";
 export { MenuChannelMeta } from "./components/menus/MenuChannelMeta";
-export { InputComment } from "./components/inputs/InputComment.jsx";
-export { DropDown } from "./components/dropdowns/DropDown.jsx";
-export { CustomizedTitle } from "./components/titles/CustomizedTitle.jsx";
-export { CustomizedButton } from "./components/buttons/CustomizableButton.jsx";
-export { DateViews } from "./utils/DateViews.jsx";
-export { default as normalizeUrl } from "./utils/normalizeUrl.js";
+export { InputComment } from "./components/inputs/InputComment";
+export { DropDown } from "./components/dropdowns/DropDown";
+export { CustomizedTitle } from "./components/titles/CustomizedTitle";
+export { CustomizedButton } from "./components/buttons/CustomizableButton";
+export { DateViews } from "./utils/DateViews";
+export { default as normalizeUrl } from "./utils/normalizeUrl";

package/src/styles/MenuChannelMetaStyles.js

@@ -1,18 +1,17 @@
 import { Platform, StyleSheet, useWindowDimensions } from "react-native";
 import { globalStyles } from "./globalStyles";
 
-export const checkDimensions = () => {};
-
-// checkDimensions();
-
+/* Channel metadata styles for menu/feed context */
 export const MenuChannelMetaStyles = StyleSheet.create({
   container: {
+    // Outer metadata wrapper
     width: "auto",
     marginRight: 12,
     marginLeft: 12,
   },
 
   dateViewsContainer: {
+    // Row for date and view count
     width: "100%",
     flexDirection: "row",
     justifyContent: "space-between",
@@ -22,37 +21,42 @@ export const MenuChannelMetaStyles = StyleSheet.create({
   },
 
   dateContainer: {
+    // Date icon and text container
     flexDirection: "row",
     rowGap: 20,
   },
 
   dateIcon: {
+    // Date icon spacing
     marginRight: 8,
   },
 
   viewsContainer: {
+    // Views icon and text container
     flexDirection: "row",
     alignItems: "center",
   },
 
   eyeIcon: {
+    // Eye icon spacing
     marginRight: 8,
     marginLeft: 8,
   },
 
   dateText: {
+    // Date text style
     color: globalStyles.colors.colorPrimary600,
   },
 
   viewsText: {
+    // Views count text style
     color: globalStyles.colors.colorPrimary600,
   },
 
   channelMetaContainer: {
+    // Channel identity and subscribe container
     flexDirection: "row",
     backgroundColor: globalStyles.colors.colorPrimary200,
-    // width: "100%",
-    // margin: 12,
     padding: 12,
     marginBottom: 6,
     marginTop: 12,
@@ -61,21 +65,25 @@ export const MenuChannelMetaStyles = StyleSheet.create({
   },
 
   channelMetaContainer_ColumnOne: {
+    // Left column with avatar and name
     flexDirection: "row",
   },
 
   userImage: {
+    // Channel avatar image
     width: 40,
     height: 40,
     borderRadius: globalStyles.borders.borderPrimary50,
   },
 
   nameSubcountContainer: {
+    // Username and subscriber count stack
     flexDirection: "column",
     paddingLeft: 12,
   },
 
   userName: {
+    // Channel display name
     color: "#fff",
     fontSize: Platform.OS === "ios" ? 16 : 14,
     paddingBottom: 4,
@@ -83,10 +91,12 @@ export const MenuChannelMetaStyles = StyleSheet.create({
   },
 
   subCountContainer: {
+    // Subscriber count row
     flexDirection: "row",
   },
 
   subCount: {
+    // Numeric subscriber count
     color: globalStyles.colors.colorPrimary600,
     paddingRight: 6,
     fontSize: 12,
@@ -94,11 +104,13 @@ export const MenuChannelMetaStyles = StyleSheet.create({
   },
 
   subText: {
+    // Subscriber label text
     color: "#fff",
     fontSize: 12,
   },
 
   subscribeButtonContainer: {
+    // Subscribe action button
     backgroundColor: globalStyles.colors.colorPrimary600,
     width: Platform.OS === "ios" ? 100 : 80,
     borderRadius: globalStyles.borders.borderPrimary400,
@@ -107,6 +119,7 @@ export const MenuChannelMetaStyles = StyleSheet.create({
   },
 
   subscribeButtonText: {
+    // Subscribe button label
     color: "#fff",
     fontWeight: "bold",
     fontSize: Platform === "ios" ? 18 : 12,

package/src/styles/MenuInteractionStyles.js

@@ -1,8 +1,9 @@
+/* Interaction bar styles for menu actions */
 export const MenuInteractionStyles = {
   container: {
+    // Interaction bar container
     width: "100%",
     height: 40,
-    // backgroundColor: "#be2e2eff",
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
@@ -10,12 +11,13 @@ export const MenuInteractionStyles = {
   },
 
   column_mainIcons: {
+    // Primary interaction icons row
     flexDirection: "row",
-    // width: "100%",
     justifyContent: "space-evenly",
   },
 
   icon: {
+    // Individual icon spacing
     paddingLeft: 18,
   },
 };

package/src/styles/commentInputStyles.js

@@ -1,28 +1,25 @@
 import { globalStyles } from "./globalStyles";
 
+/* Comment input field layout styles */
 export const commentInputStyles = {
   container: {
+    // Comment input container
     flexDirection: "row",
     width: "auto",
     backgroundColor: globalStyles.colors.colorPrimary350,
     borderRadius: globalStyles.borders.borderPrimary200,
     height: 50,
-
     justifyContent: "space-between",
     alignItems: "center",
-
     justifySelf: "center",
-
     marginRight: 12,
     marginLeft: 12,
-
     paddingLeft: 12,
     paddingRight: 24,
   },
 
   input: {
-    // width: "100%",
-
+    // Comment text input
     paddingLeft: 8,
     paddingRight: 8,
     color: "#fff",

package/src/styles/customizableButtonStyles.js

@@ -1,10 +1,14 @@
 import { StyleSheet } from "react-native";
 import { globalStyles } from "./globalStyles";
 
+/* Reusable customizable button styles */
 export const customizableButtonStyles = StyleSheet.create({
-  container: {},
+  container: {
+    // Outer wrapper container
+  },
 
   buttonContainer: {
+    // Button surface container
     height: 50,
     width: "auto",
     flexGrow: 1,
@@ -15,6 +19,7 @@ export const customizableButtonStyles = StyleSheet.create({
   },
 
   buttonText: {
+    // Button label text
     flexDirection: "row",
     color: "#000",
     fontSize: 16,

package/src/styles/dropDownStyles.js

@@ -1,29 +1,30 @@
 import { globalStyles } from "./globalStyles";
 
+/* Dropdown selection component styles */
 export const dropDownStyles = {
   container: {
+    // Outer dropdown wrapper
     width: "auto",
-    // marginLeft: 16,
-    // marginRight: 16,
-    // justifyContent: "start",
   },
 
   picker: {
+    // Native picker control
     height: 40,
     flex: 1,
-
-    // color: "#151515",
   },
 
   overlayStyle: {
+    // Modal overlay background
     backgroundColor: globalStyles.colors.colorPrimary50,
   },
 
   optionTextStyle: {
+    // Dropdown option text
     color: "#fff",
   },
 
   optionContainerStyle: {
+    // Dropdown option container
     backgroundColor: globalStyles.colors.colorPrimary200,
     borderWidth: 1,
     borderRadius: globalStyles.borders.borderPrimary200,
@@ -31,14 +32,15 @@ export const dropDownStyles = {
   },
 
   cancelContainerStyle: {
+    // Cancel action container
     backgroundColor: "#fff",
   },
 
   dropDownContainer: {
+    // Selected value display container
     flexDirection: "row",
     width: "100%",
     justifyContent: "space-between",
-    // borderWidth: 1,
     borderRadius: globalStyles.borders.borderPrimary200,
     height: 50,
     alignItems: "center",
@@ -48,6 +50,7 @@ export const dropDownStyles = {
   },
 
   dropDownText: {
+    // Selected value text
     color: "#fff",
     paddingLeft: 12,
   },

package/src/styles/globalStyles.js

@@ -1,23 +1,23 @@
+/* Global design tokens for colors and border radii */
 export const globalStyles = {
   colors: {
+    // Primary background shades
     colorPrimary50: "rgba(21, 21, 21, .7)",
     colorPrimary100: "#151515",
-
     colorPrimary200: "#252525",
     colorPrimary250: "rgba(37, 37, 37, .9)",
-
     colorPrimary300: "#3C3C3C",
     colorPrimary350: "rgba(60,60,60,.2)",
-
     colorPrimary400: "#7F7F7F",
-
     colorPrimary500: "#D3D3D3",
 
+    // Accent and action colors
     colorPrimary600: "#ff6600ff",
-
     colorPrimary700: "#FF8800",
   },
+
   borders: {
+    // Standard border radius scale
     borderPrimary50: 8,
     borderPrimary100: 10,
     borderPrimary200: 12,

package/src/styles/headerGlobalStyles.js

@@ -1,8 +1,9 @@
+/* Global header layout styles */
 export const headerGlobalStyles = {
   container: {
+    // Main header container
     height: 75,
     width: "100%",
-    // backgroundColor: "#fffffff",
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
@@ -10,14 +11,17 @@ export const headerGlobalStyles = {
   },
 
   iconsContainer: {
+    // Right-side icon group
     flexDirection: "row",
   },
 
   icons: {
+    // Individual icon spacing
     paddingRight: 20,
   },
 
   image: {
+    // Header logo image
     width: 120,
     height: 120,
     resizeMode: "contain",

package/src/styles/inputStyles.js

@@ -1,22 +1,24 @@
+/* Reusable input field styles */
 export const inputStyles = {
   label: {
+    // Input label text
     fontSize: 14,
     marginBottom: 5,
     color: "#333",
   },
+
   inputWrapper: {
+    // Input container with icon support
     flexDirection: "row",
     alignItems: "center",
-
     borderRadius: 8,
     borderWidth: 1,
     borderColor: "rgba(37, 37, 37, 0)",
-    // backgroundColor: "#fff",
-    // width: 320,
-    overflow: "hidden", // necessary for clipping children
+    overflow: "hidden",
   },
+
   input: {
-    // height: 50,
+    // Text input field
     width: "auto",
     paddingLeft: 14,
     paddingRight: 14,
@@ -26,9 +28,12 @@ export const inputStyles = {
   },
 
   icon: {
+    // Input icon spacing
     marginHorizontal: 5,
   },
+
   error: {
+    // Validation error text
     color: "red",
     fontSize: 12,
     marginTop: 4,

package/src/styles/menuNavStyles.js

@@ -1,23 +1,22 @@
 import { StyleSheet } from "react-native";
 import { globalStyles } from "./globalStyles";
 
+/* Bottom menu navigation bar styles */
 export const menuNavStyles = StyleSheet.create({
   container: {
+    // Bottom navigation container
     flexDirection: "row",
     justifyContent: "space-evenly",
-
     backgroundColor: globalStyles.colors.colorPrimary200,
-
     height: 60,
     width: "80%",
-
     alignSelf: "center",
     alignItems: "center",
-
     borderRadius: globalStyles.borders.borderPrimary300,
   },
 
   uploadIcon: {
+    // Highlighted upload icon
     color: globalStyles.colors.colorPrimary600,
   },
 });