rn-vs-lb 1.0.51 → 1.0.53

package/dist/components/buttons/Button.js

@@ -13,6 +13,7 @@ var Button = function (_a) {
         type === 'primary' && styles.primaryButton,
         type === 'gray' && styles.grayButton,
         type === 'primary-outline' && styles.primaryOutlineButton,
+        type === 'gray-outline' && styles.grayOutlineButton,
         style,
     ];
     var textStyles = [
@@ -20,6 +21,7 @@ var Button = function (_a) {
         type === 'primary' && styles.primaryButtonText,
         type === 'gray' && styles.grayButtonText,
         type === 'primary-outline' && styles.primaryOutlineButtonText,
+        type === 'gray-outline' && styles.grayOutlineButtonText,
         textStyle,
     ];
     return (react_1.default.createElement(react_native_1.TouchableOpacity, { style: buttonStyles, onPress: onPress },
@@ -32,6 +34,7 @@ var styles = react_native_1.StyleSheet.create({
         alignItems: 'center',
         borderRadius: 6,
         paddingHorizontal: 16,
+        width: "100%",
     },
     primaryButton: {
         backgroundColor: theme_1.COLORS.primary,
@@ -46,7 +49,7 @@ var styles = react_native_1.StyleSheet.create({
     },
     buttonText: {
         fontSize: 16,
-        fontWeight: 'bold',
+        fontWeight: '500',
     },
     primaryButtonText: {
         color: theme_1.COLORS.white,
@@ -57,5 +60,13 @@ var styles = react_native_1.StyleSheet.create({
     grayButtonText: {
         color: '#333',
     },
+    grayOutlineButton: {
+        backgroundColor: '#f5f5f5',
+        borderColor: theme_1.COLORS.border,
+        borderWidth: 1,
+    },
+    grayOutlineButtonText: {
+    // color: COLORS.
+    }
 });
 exports.default = Button;

package/dist/components/buttons/PostButton.js

@@ -15,22 +15,20 @@ var PostButton = function (_a) {
 var styles = react_native_1.StyleSheet.create({
     button: {
         backgroundColor: '#f2f2f2', // light grey background
-        paddingVertical: 10,
+        paddingVertical: 13,
         paddingHorizontal: 20,
         borderRadius: 8,
         width: "100%",
         alignItems: 'center',
-        marginVertical: 10,
-        marginTop: 24,
         display: "flex",
         flexDirection: "row",
         justifyContent: "center",
-        gap: 6,
     },
     buttonText: {
         color: '#007AFF', // iOS blue color
         fontSize: 16,
-        fontWeight: '600',
+        fontWeight: '500',
+        marginLeft: 4,
     },
 });
 exports.default = PostButton;

package/dist/components/icon/Icon.js

@@ -15,13 +15,14 @@ var IconTypes;
     IconTypes["MATERIALICONS"] = "MaterialIcons";
 })(IconTypes || (exports.IconTypes = IconTypes = {}));
 var renderIcon = function (icon) {
+    var _a, _b, _c;
     switch (icon.lb) {
         case IconTypes.OCTICONS:
-            return react_1.default.createElement(Octicons_1.default, { name: icon.iconName, size: icon.size, color: "#475A77" });
+            return react_1.default.createElement(Octicons_1.default, { name: icon.iconName, size: icon.size, color: (_a = icon.color) !== null && _a !== void 0 ? _a : "#475A77" });
         case IconTypes.IONICONS:
-            return react_1.default.createElement(Ionicons_1.default, { name: icon.iconName, size: icon.size, color: "#475A77" });
+            return react_1.default.createElement(Ionicons_1.default, { name: icon.iconName, size: icon.size, color: (_b = icon.color) !== null && _b !== void 0 ? _b : "#475A77" });
         case IconTypes.MATERIALICONS:
-            return react_1.default.createElement(MaterialIcons_1.default, { name: icon.iconName, size: icon.size, color: "#475A77" });
+            return react_1.default.createElement(MaterialIcons_1.default, { name: icon.iconName, size: icon.size, color: (_c = icon.color) !== null && _c !== void 0 ? _c : "#475A77" });
         default:
             return null;
     }

package/dist/components/profile/ProfileCard.js

@@ -1,27 +1,49 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
-var MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
-var PostButton_1 = __importDefault(require("../buttons/PostButton"));
+var constants_1 = require("../../constants");
+var theme_1 = require("../../constants/theme");
+var icon_1 = require("../icon");
+var buttons_1 = require("../buttons");
 var ProfileCard = function (_a) {
-    var name = _a.name, quote = _a.quote, imageUri = _a.imageUri, onPostPress = _a.onPostPress, onLearnMorePress = _a.onLearnMorePress;
+    var name = _a.name, quote = _a.quote, onBack = _a.onBack, imageUri = _a.imageUri, onPostPress = _a.onPostPress, onLearnMorePress = _a.onLearnMorePress, isAuth = _a.isAuth;
     return (react_1.default.createElement(react_native_1.View, { style: styles.cardContainer },
+        react_1.default.createElement(react_native_1.View, { style: [constants_1.GlobalStyleSheet.flexalingjust, styles.navigation] },
+            react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: onBack },
+                react_1.default.createElement(icon_1.IconConverter, { name: 'arrow-back', iconName: 'arrow-back', lb: icon_1.IconTypes.IONICONS, size: 24 })),
+            react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: function () { return console.log('Settings'); } },
+                react_1.default.createElement(react_native_1.View, { style: constants_1.GlobalStyleSheet.background },
+                    react_1.default.createElement(icon_1.IconConverter, { name: 'settings-outline', iconName: 'settings-outline', lb: icon_1.IconTypes.IONICONS, size: 24 })))),
         react_1.default.createElement(react_native_1.Image, { source: { uri: imageUri }, style: styles.profileImage }),
         react_1.default.createElement(react_native_1.Text, { style: styles.name }, name),
-        react_1.default.createElement(react_native_1.View, { style: styles.learnMoreContainer },
-            react_1.default.createElement(MaterialIcons_1.default, { name: "info-outline", size: 20, color: "#888" }),
-            react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: onLearnMorePress },
-                react_1.default.createElement(react_native_1.Text, { style: styles.learnMoreText }, "Learn more"))),
-        react_1.default.createElement(PostButton_1.default, { onPress: onPostPress, title: 'Post' })));
+        react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: onLearnMorePress, style: styles.learnMoreContainer },
+            react_1.default.createElement(icon_1.IconConverter, { color: theme_1.COLORS.greyText, name: 'info-outline', iconName: 'info-outline', lb: icon_1.IconTypes.MATERIALICONS, size: 18 }),
+            react_1.default.createElement(react_native_1.Text, { style: styles.learnMoreText }, "Learn more")),
+        isAuth && react_1.default.createElement(react_native_1.View, { style: styles.buttonContainer },
+            react_1.default.createElement(buttons_1.Button, { type: "gray-outline", onPress: onPostPress, title: 'Follow' }),
+            react_1.default.createElement(buttons_1.Button, { type: "gray-outline", onPress: onPostPress, title: 'Message' }))));
 };
 var styles = react_native_1.StyleSheet.create({
     cardContainer: {
         alignItems: 'center',
-        padding: 20,
+        padding: 16,
+        paddingTop: 8,
+        paddingBottom: 32,
         borderRadius: 16,
         backgroundColor: '#f9f9f9',
         shadowColor: '#000',
@@ -29,16 +51,17 @@ var styles = react_native_1.StyleSheet.create({
         shadowOffset: { width: 0, height: 2 },
         shadowRadius: 5,
     },
+    navigation: {
+        display: 'flex',
+        width: '100%',
+    },
     profileImage: {
         width: 100,
         height: 100,
         borderRadius: 50,
         marginBottom: 10,
     },
-    name: {
-        fontSize: 20,
-        fontWeight: 'bold',
-    },
+    name: __assign(__assign({}, theme_1.FONTS.h4), { fontWeight: 'bold' }),
     quote: {
         fontSize: 14,
         color: '#000',
@@ -49,10 +72,11 @@ var styles = react_native_1.StyleSheet.create({
         alignItems: 'center',
         marginTop: 8,
     },
-    learnMoreText: {
-        fontSize: 14,
-        color: '#888',
-        marginLeft: 5,
-    },
+    learnMoreText: __assign(__assign({}, theme_1.FONTS.font), { color: theme_1.COLORS.greyText, marginLeft: 5 }),
+    buttonContainer: {
+        width: '100%',
+        gap: 8,
+        marginTop: 24,
+    }
 });
 exports.default = ProfileCard;

package/dist/components/profile/meetProfileCard.js

@@ -12,7 +12,7 @@ var GradientLine = function () {
 };
 var MeetProfileCard = function (_a) {
     var name = _a.name, userName = _a.userName, quote = _a.quote, imageUri = _a.imageUri, postCount = _a.postCount, followersCount = _a.followersCount, followingCount = _a.followingCount;
-    return (react_1.default.createElement(react_1.default.Fragment, null, "hello")
+    return (react_1.default.createElement(react_1.default.Fragment, null)
     // <ImageBackground
     //     style={{width:'100%',height:340,borderBottomLeftRadius:25,borderBottomRightRadius:25,overflow:'hidden'}}
     //     source={IMAGES.profilebackground}

package/dist/constants/styleSheet.js

@@ -154,7 +154,7 @@ exports.GlobalStyleSheet = react_native_1.StyleSheet.create({
     postlike: __assign(__assign(__assign({}, theme_1.FONTS.fontXs), theme_1.FONTS.fontMedium), { color: theme_1.COLORS.title, marginLeft: 10 }),
     //reelsitem
     background: {
-        backgroundColor: 'rgba(255,255,255,.1)',
+        backgroundColor: theme_1.COLORS.input,
         height: 40,
         width: 40,
         borderRadius: 50,

package/dist/types/components/buttons/Button.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ViewStyle, TextStyle, TouchableOpacityProps, StyleProp } from 'react-native';
 export interface MyButtonProps extends TouchableOpacityProps {
     title: string;
-    type?: 'primary' | 'gray' | 'primary-outline';
+    type?: 'primary' | 'gray' | 'primary-outline' | 'gray-outline';
     style?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
 }

package/dist/types/components/icon/Icon.d.ts

@@ -9,6 +9,7 @@ interface Icon {
     iconName: string;
     size: number;
     lb: IconTypes;
+    color?: string;
 }
 export declare const IconConverter: React.FC<Icon>;
 export {};

package/dist/types/components/profile/ProfileCard.d.ts

@@ -5,6 +5,8 @@ interface ProfileCardProps {
     imageUri: string;
     onPostPress: () => void;
     onLearnMorePress: () => void;
+    onBack: () => void;
+    isAuth: boolean;
 }
 declare const ProfileCard: React.FC<ProfileCardProps>;
 export default ProfileCard;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-vs-lb",
-  "version": "1.0.51",
+  "version": "1.0.53",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "scripts": {