rn-vs-lb 1.0.17 → 1.0.19

package/dist/components/footer/Footer.js

@@ -0,0 +1,121 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomTab = void 0;
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var theme_1 = require("../../constants/theme");
+var Octicons_1 = __importDefault(require("react-native-vector-icons/Octicons"));
+var Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
+var MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
+var LbTypes;
+(function (LbTypes) {
+    LbTypes["OCTICONS"] = "Octicons";
+    LbTypes["IONICONS"] = "Ionicons";
+    LbTypes["MATERIALICONS"] = "MaterialIcons";
+})(LbTypes || (LbTypes = {}));
+var tabs = [
+    { name: 'Search', iconName: "search", size: 22, lb: LbTypes.OCTICONS },
+    { name: 'Place', iconName: "organization", size: 22, lb: LbTypes.OCTICONS },
+    { name: 'Persons', iconName: "person-search", size: 29, lb: LbTypes.MATERIALICONS },
+    { name: 'Chat', iconName: "chatbubbles-sharp", size: 24, lb: LbTypes.IONICONS },
+    { name: 'Profile', iconName: "person", size: 23, lb: LbTypes.OCTICONS },
+];
+var renderIcon = function (tab) {
+    switch (tab.lb) {
+        case LbTypes.OCTICONS:
+            return react_1.default.createElement(Octicons_1.default, { name: tab.iconName, size: tab.size, color: "#475A77" });
+        case LbTypes.IONICONS:
+            return react_1.default.createElement(Ionicons_1.default, { name: tab.iconName, size: tab.size, color: "#475A77" });
+        case LbTypes.MATERIALICONS:
+            return react_1.default.createElement(MaterialIcons_1.default, { name: tab.iconName, size: tab.size, color: "#475A77" });
+        default:
+            return null;
+    }
+};
+var BottomTab = function () {
+    var _a = (0, react_1.useState)(0), activeTab = _a[0], setActiveTab = _a[1];
+    var tabWidth = theme_1.SIZES.width;
+    var tabW = tabWidth < theme_1.SIZES.container ? tabWidth / 5 : theme_1.SIZES.container / 5;
+    var circlePosition = (0, react_1.useRef)(new react_native_1.Animated.Value(tabWidth < theme_1.SIZES.container ? tabWidth / 2.5 : theme_1.SIZES.container / 2.5)).current;
+    (0, react_1.useEffect)(function () {
+        react_native_1.Animated.spring(circlePosition, {
+            toValue: activeTab * tabW,
+            useNativeDriver: true,
+        }).start();
+    }, [activeTab]);
+    var handleTabPress = function (index) {
+        setActiveTab(index);
+    };
+    return (react_1.default.createElement(react_native_1.View, { style: styles.tabContainer },
+        react_1.default.createElement(react_native_1.Animated.View, { style: [
+                styles.circle,
+                {
+                    width: tabW,
+                    transform: [{ translateX: circlePosition }],
+                },
+            ] },
+            react_1.default.createElement(react_native_1.View, { style: styles.circleInner })),
+        tabs.map(function (tab, index) { return (react_1.default.createElement(react_native_1.TouchableOpacity, { key: index, activeOpacity: 0.8, onPress: function () { return handleTabPress(index); }, style: styles.tabButton }, renderIcon(tab))); })));
+};
+exports.BottomTab = BottomTab;
+var styles = react_native_1.StyleSheet.create({
+    tabContainer: {
+        flexDirection: 'row',
+        height: 60,
+        backgroundColor: theme_1.COLORS.card,
+        alignItems: 'center',
+    },
+    tabButton: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    circle: {
+        position: 'absolute',
+        height: '100%',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    circleInner: {
+        height: 40,
+        width: 40,
+        borderRadius: 20,
+        backgroundColor: theme_1.COLORS.primary,
+        opacity: 0.15,
+    },
+    iconImage: {
+        width: 20,
+        height: 20,
+    },
+    profileImage: {
+        width: 34,
+        height: 34,
+        borderRadius: 50,
+    },
+});

package/dist/components/footer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomTab = void 0;
+var Footer_1 = require("./Footer");
+Object.defineProperty(exports, "BottomTab", { enumerable: true, get: function () { return Footer_1.BottomTab; } });

package/dist/components/header/homeHeader.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeHeader = void 0;
+var react_native_1 = require("react-native");
+var react_1 = __importDefault(require("react"));
+var styleSheet_1 = require("../../constants/styleSheet");
+var logo_svg_1 = __importDefault(require("../../assets/images/logo.svg"));
+var Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
+var HomeHeader = function () {
+    return (react_1.default.createElement(react_native_1.View, { style: [styleSheet_1.GlobalStyleSheet.flexalingjust, { height: 50 }] },
+        react_1.default.createElement(react_native_1.View, null,
+            react_1.default.createElement(react_native_1.Text, null,
+                react_1.default.createElement(logo_svg_1.default, { width: 139, height: 37 }))),
+        react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styleSheet_1.GlobalStyleSheet.btnicon, { marginRight: 10, backgroundColor: '#EFF3FA' }], onPress: function () { return console.log('createpost'); } },
+                react_1.default.createElement(Ionicons_1.default, { name: "add-sharp", size: 28, color: "#475A77" })),
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styleSheet_1.GlobalStyleSheet.btnicon, { marginRight: 10, backgroundColor: '#EFF3FA' }], onPress: function () { return console.log('notification'); } },
+                react_1.default.createElement(Ionicons_1.default, { name: "notifications-outline", size: 22, color: "#475A77" })),
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styleSheet_1.GlobalStyleSheet.btnicon, { backgroundColor: '#EFF3FA' }], onPress: function () { return console.log('Components'); } },
+                react_1.default.createElement(Ionicons_1.default, { name: "filter", size: 22, color: "#475A77" })))));
+};
+exports.HomeHeader = HomeHeader;

package/dist/components/header/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HomeHeader = void 0;
+var homeHeader_1 = require("./homeHeader");
+Object.defineProperty(exports, "HomeHeader", { enumerable: true, get: function () { return homeHeader_1.HomeHeader; } });

package/dist/components/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./buttons"), exports);
+__exportStar(require("./eventCard"), exports);
+__exportStar(require("./footer"), exports);
+__exportStar(require("./header"), exports);
+__exportStar(require("./profile"), exports);
+__exportStar(require("./listItem"), exports);

package/dist/components/listItem/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = void 0;
+var listItem_1 = require("./listItem");
+Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return __importDefault(listItem_1).default; } });

package/dist/components/listItem/listItem.js

@@ -0,0 +1,50 @@
+"use strict";
+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 vector_icons_1 = require("@expo/vector-icons");
+var theme_1 = require("../../constants/theme");
+var ListItem = function (_a) {
+    var icon = _a.icon, label = _a.label, subLabel = _a.subLabel, hideBottomLine = _a.hideBottomLine, _b = _a.hideArrow, hideArrow = _b === void 0 ? false : _b;
+    return (react_1.default.createElement(react_native_1.TouchableOpacity, { style: hideBottomLine ? styles.menuItemLast : styles.menuItem },
+        react_1.default.createElement(react_native_1.View, { style: styles.iconContainer },
+            react_1.default.createElement(vector_icons_1.FontAwesome, { name: icon, size: 24, color: theme_1.COLORS.primaryLight })),
+        react_1.default.createElement(react_native_1.View, { style: styles.textContainer },
+            react_1.default.createElement(react_native_1.Text, { style: styles.label }, label),
+            subLabel && react_1.default.createElement(react_native_1.Text, { style: styles.subLabel }, subLabel)),
+        !hideArrow && react_1.default.createElement(vector_icons_1.MaterialIcons, { name: "chevron-right", size: 24, color: theme_1.COLORS.placeholder })));
+};
+var styles = react_native_1.StyleSheet.create({
+    menuItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: 16,
+        borderBottomWidth: 1,
+        borderBottomColor: theme_1.COLORS.background,
+    },
+    menuItemLast: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: 16,
+    },
+    iconContainer: {
+        width: 40,
+        alignItems: 'center',
+    },
+    textContainer: {
+        flex: 1,
+        paddingLeft: 8,
+    },
+    label: {
+        fontSize: 16,
+        fontWeight: '500',
+    },
+    subLabel: {
+        fontSize: 12,
+        color: theme_1.COLORS.greyText,
+    },
+});
+exports.default = ListItem;

package/dist/components/profile/ProfileCard.js

@@ -0,0 +1,58 @@
+"use strict";
+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 ProfileCard = function (_a) {
+    var name = _a.name, quote = _a.quote, imageUri = _a.imageUri, onPostPress = _a.onPostPress, onLearnMorePress = _a.onLearnMorePress;
+    return (react_1.default.createElement(react_native_1.View, { style: styles.cardContainer },
+        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' })));
+};
+var styles = react_native_1.StyleSheet.create({
+    cardContainer: {
+        alignItems: 'center',
+        padding: 20,
+        borderRadius: 16,
+        backgroundColor: '#f9f9f9',
+        shadowColor: '#000',
+        shadowOpacity: 0.1,
+        shadowOffset: { width: 0, height: 2 },
+        shadowRadius: 5,
+    },
+    profileImage: {
+        width: 100,
+        height: 100,
+        borderRadius: 50,
+        marginBottom: 10,
+    },
+    name: {
+        fontSize: 20,
+        fontWeight: 'bold',
+    },
+    quote: {
+        fontSize: 14,
+        color: '#000',
+        marginVertical: 5,
+    },
+    learnMoreContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginTop: 8,
+    },
+    learnMoreText: {
+        fontSize: 14,
+        color: '#888',
+        marginLeft: 5,
+    },
+});
+exports.default = ProfileCard;

package/dist/components/profile/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MeetProfileCard = exports.ProfileCard = void 0;
+var ProfileCard_1 = require("./ProfileCard");
+Object.defineProperty(exports, "ProfileCard", { enumerable: true, get: function () { return __importDefault(ProfileCard_1).default; } });
+var meetProfileCard_1 = require("./meetProfileCard");
+Object.defineProperty(exports, "MeetProfileCard", { enumerable: true, get: function () { return __importDefault(meetProfileCard_1).default; } });

package/dist/components/profile/meetProfileCard.js

@@ -0,0 +1,78 @@
+"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 theme_1 = require("../../constants/theme");
+var styleSheet_1 = require("../../constants/styleSheet");
+var GradientLine = function () {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_native_1.View, { style: [styles.line, styles.right] }),
+        react_1.default.createElement(react_native_1.View, { style: [styles.line, styles.left] })));
+};
+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_native_1.ImageBackground, { style: { width: '100%', height: 340, borderBottomLeftRadius: 25, borderBottomRightRadius: 25, overflow: 'hidden' }, source: theme_1.IMAGES.profilebackground },
+        react_1.default.createElement(react_native_1.View, { style: styleSheet_1.GlobalStyleSheet.container },
+            react_1.default.createElement(react_native_1.View, { style: [styleSheet_1.GlobalStyleSheet.flexalingjust, { marginTop: 10 }] },
+                react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: function () { return console.log('goBack'); } },
+                    react_1.default.createElement(react_native_1.Image, { style: { width: 18, height: 18, tintColor: '#fff' }, source: theme_1.IMAGES.arrowleft })),
+                react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: function () { return console.log('Settings'); } },
+                    react_1.default.createElement(react_native_1.View, { style: styleSheet_1.GlobalStyleSheet.background },
+                        react_1.default.createElement(react_native_1.Image, { style: [styleSheet_1.GlobalStyleSheet.image, { tintColor: theme_1.COLORS.white }], source: theme_1.IMAGES.setting }))))),
+        react_1.default.createElement(react_native_1.View, { style: { alignItems: 'center', justifyContent: 'center' } },
+            react_1.default.createElement(react_native_1.View, null,
+                react_1.default.createElement(react_native_1.TouchableOpacity, null,
+                    react_1.default.createElement(react_native_1.View, { style: { backgroundColor: 'rgba(217, 217, 217, .6)', height: 110, width: 110, borderRadius: 100, alignItems: 'center', justifyContent: 'center' } },
+                        react_1.default.createElement(react_native_1.Image, { style: { width: 100, height: 100, borderRadius: 100 }, 
+                            // source={IMAGES.profile}
+                            source: { uri: imageUri } }))),
+                react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: function () { return console.log('EditProfile'); }, style: { position: 'absolute', bottom: 0, right: 0 } },
+                    react_1.default.createElement(react_native_1.View, { style: { backgroundColor: '#001F50', width: 36, height: 36, borderRadius: 50, alignItems: 'center', justifyContent: 'center' } },
+                        react_1.default.createElement(react_native_1.View, { style: { backgroundColor: '#2979F8', width: 30, height: 30, borderRadius: 50, alignItems: 'center', justifyContent: 'center' } },
+                            react_1.default.createElement(react_native_1.Image, { style: { width: 18, height: 18, resizeMode: 'contain' }, source: theme_1.IMAGES.write2 }))))),
+            react_1.default.createElement(react_native_1.View, { style: { marginTop: 20, alignItems: 'center' } },
+                react_1.default.createElement(react_native_1.Text, { style: __assign(__assign({}, theme_1.FONTS.h6), { color: theme_1.COLORS.white }) }, name),
+                userName && react_1.default.createElement(react_native_1.Text, { style: __assign(__assign({}, theme_1.FONTS.font), { color: theme_1.COLORS.white, opacity: .6, marginTop: 5 }) }, userName)),
+            react_1.default.createElement(react_native_1.View, { style: { backgroundColor: 'rgba(255, 255, 255, .1)', height: 70, width: 300, borderRadius: 12, marginTop: 20, alignItems: 'center', justifyContent: 'center', flexDirection: 'row', } },
+                react_1.default.createElement(react_native_1.View, { style: { alignItems: 'center', width: '33.33%' } },
+                    react_1.default.createElement(react_native_1.Text, { style: styleSheet_1.GlobalStyleSheet.textfont2 }, postCount),
+                    react_1.default.createElement(react_native_1.Text, { style: styleSheet_1.GlobalStyleSheet.titlefont }, "Post")),
+                react_1.default.createElement(react_native_1.View, { style: { width: '33.33%' } },
+                    react_1.default.createElement(react_native_1.TouchableOpacity, { style: { alignItems: 'center' }, onPress: function () { return console.log('Followers'); } },
+                        react_1.default.createElement(react_native_1.Text, { style: styleSheet_1.GlobalStyleSheet.textfont2 }, followersCount),
+                        react_1.default.createElement(react_native_1.Text, { style: styleSheet_1.GlobalStyleSheet.titlefont }, "Followers"))),
+                react_1.default.createElement(react_native_1.View, { style: { width: '33.33%' } },
+                    react_1.default.createElement(react_native_1.TouchableOpacity, { style: { alignItems: 'center', }, onPress: function () { return console.log('Following'); } },
+                        react_1.default.createElement(react_native_1.Text, { style: styleSheet_1.GlobalStyleSheet.textfont2 }, followingCount),
+                        react_1.default.createElement(react_native_1.Text, { style: styleSheet_1.GlobalStyleSheet.titlefont }, "Following"))),
+                react_1.default.createElement(GradientLine, null)))));
+};
+var styles = react_native_1.StyleSheet.create({
+    line: {
+        width: 2,
+        height: 50,
+        position: 'absolute',
+        backgroundColor: 'rgba(255, 255, 255, 0.2)',
+    },
+    right: {
+        right: 100,
+    },
+    left: {
+        left: 100,
+    },
+});
+exports.default = MeetProfileCard;

package/dist/constants/styleSheet.js

@@ -0,0 +1,256 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalStyleSheet = void 0;
+var react_native_1 = require("react-native");
+var theme_1 = require("./theme");
+exports.GlobalStyleSheet = react_native_1.StyleSheet.create({
+    loginarea: {
+        position: 'relative',
+        flex: 1,
+        padding: 20,
+        borderTopLeftRadius: 30,
+        borderTopRightRadius: 30,
+        paddingTop: 35
+    },
+    cricleGradient1: {
+        position: 'absolute',
+        top: -50,
+        left: -50,
+        flex: 1,
+        width: 155,
+        height: 155,
+        transform: [{ rotate: '-120deg' }],
+        borderRadius: 100
+    },
+    cricleGradient2: {
+        position: 'absolute',
+        bottom: -50,
+        right: -50,
+        flex: 1,
+        width: 155,
+        height: 155,
+        transform: [{ rotate: '-90deg' }],
+        borderRadius: 100
+    },
+    formtitle: __assign(__assign({}, theme_1.FONTS.h2), { color: theme_1.COLORS.white, marginBottom: 5 }),
+    forndescription: __assign(__assign({}, theme_1.FONTS.fontXs), { color: 'rgba(255, 255, 255, 0.80)', width: 285, textAlign: 'center', marginBottom: 30 }),
+    inputlable: __assign({ marginBottom: 5 }, theme_1.FONTS.fontSm),
+    inputBox: {
+        height: 48,
+        borderRadius: 12,
+        paddingLeft: 50,
+        justifyContent: 'center',
+        marginBottom: 15,
+        borderWidth: 1,
+        borderColor: 'transparent'
+    },
+    inputimage: {
+        position: 'absolute',
+        left: 15,
+        height: 16,
+        width: 16,
+        resizeMode: 'contain',
+        opacity: .8,
+    },
+    input: __assign(__assign({}, theme_1.FONTS.font), { padding: 0, height: 48 }),
+    btnlink: __assign(__assign({ color: theme_1.COLORS.primary }, theme_1.FONTS.fontRegular), { marginBottom: 20, textDecorationLine: 'underline' }),
+    mediabtn: {
+        height: 48,
+        borderRadius: 12,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginBottom: 20,
+    },
+    shadowPrimary: {
+        shadowColor: theme_1.COLORS.primary,
+        shadowOffset: {
+            width: 0,
+            height: 5,
+        },
+        shadowOpacity: .5,
+        shadowRadius: 5,
+    },
+    shadow: {
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: -8,
+        },
+        shadowOpacity: .1,
+        shadowRadius: 15,
+    },
+    btn: {
+        height: 48,
+        borderRadius: 12,
+        justifyContent: 'center',
+        paddingHorizontal: 20,
+    },
+    btnTxt: __assign(__assign({}, theme_1.FONTS.h6), { color: theme_1.COLORS.white, textAlign: 'center' }),
+    inputSecureIcon: {
+        height: 22,
+        width: 22,
+        opacity: .8,
+    },
+    container: {
+        paddingHorizontal: 15,
+        maxWidth: 700,
+    },
+    btnicon: {
+        width: 32,
+        height: 32,
+        backgroundColor: '#EFF3FA',
+        borderRadius: 8,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    followbtn: {
+        height: 35,
+        paddingHorizontal: 20,
+        borderRadius: 4,
+        justifyContent: 'center',
+        backgroundColor: '#EFF3FA'
+    },
+    followbtnTxt: __assign(__assign({}, theme_1.FONTS.font), { color: theme_1.COLORS.white, textAlign: 'center' }),
+    sharebtnTxt: __assign(__assign({}, theme_1.FONTS.font), { color: theme_1.COLORS.title, textAlign: 'center' }),
+    //chatoptionsheet
+    TouchableOpacity: {
+        flexDirection: 'row',
+        marginBottom: 20,
+    },
+    image: {
+        width: 20,
+        height: 20,
+        tintColor: 'red',
+        resizeMode: 'contain',
+    },
+    image2: {
+        width: 20,
+        height: 20,
+        resizeMode: 'contain',
+    },
+    text: __assign(__assign({}, theme_1.FONTS.font), { color: 'red', marginLeft: 10 }),
+    //flex,aling,just
+    flexalingjust: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    flexaling: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    //postcard
+    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)',
+        height: 40,
+        width: 40,
+        borderRadius: 50,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    Text: __assign(__assign(__assign({}, theme_1.FONTS.font), theme_1.FONTS.fontMedium), { color: theme_1.COLORS.white, fontSize: 12, marginTop: 5 }),
+    textfont: __assign(__assign({}, theme_1.FONTS.fontSm), { color: theme_1.COLORS.title }),
+    //profiole.js
+    textfont2: __assign(__assign({}, theme_1.FONTS.h5), { color: theme_1.COLORS.white }),
+    titlefont: {
+        fontSize: 12,
+        color: theme_1.COLORS.white,
+        opacity: .7,
+    },
+    titlefont2: {
+        fontSize: 13,
+        color: '#475A77',
+        marginLeft: 5,
+    },
+    titlefont3: {
+        fontSize: 12,
+        opacity: .6,
+        paddingLeft: 10,
+        marginTop: -5
+    },
+    TouchableOpacity2: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        width: '50%',
+        height: 48,
+        justifyContent: 'center',
+    },
+    headerstyle: {
+        flexDirection: 'row',
+        height: 50,
+        alignItems: 'center',
+        paddingHorizontal: 15,
+        paddingLeft: 5,
+        borderBottomWidth: 1,
+        borderBottomColor: 'rgba(0, 0, 0, 0.10)',
+        backgroundColor: '#fff'
+    },
+    Dot: {
+        width: 6,
+        height: 6,
+        borderRadius: 100,
+        backgroundColor: theme_1.COLORS.title
+    },
+    formControl: {
+        height: 50,
+        borderWidth: 1,
+        paddingHorizontal: 15,
+    },
+    activeInput: {
+        borderColor: theme_1.COLORS.primary,
+    },
+    label: __assign(__assign({}, theme_1.FONTS.font), { marginBottom: 8 }),
+    inputGroup: {
+        marginBottom: 15,
+    },
+    row: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        marginHorizontal: -5,
+    },
+    col50: {
+        width: '50%',
+        paddingHorizontal: 5,
+    },
+    col33: {
+        width: '33.33%',
+        paddingHorizontal: 5,
+    },
+    card: {
+        marginBottom: 15,
+        backgroundColor: theme_1.COLORS.white,
+        borderRadius: theme_1.SIZES.radius,
+    },
+    cardHeader: {
+        borderBottomWidth: 1,
+        paddingHorizontal: 15,
+        paddingVertical: 15,
+    },
+    cardBody: {
+        paddingHorizontal: 15,
+        paddingVertical: 15,
+    },
+    shadow2: {
+        shadowColor: "rgba(0,0,0,.5)",
+        shadowOffset: {
+            width: 0,
+            height: 4,
+        },
+        shadowOpacity: 0.30,
+        shadowRadius: 4.65,
+        elevation: 8,
+    }
+});