koylu-vampir-design 0.0.16

package/dist/Menus/UserBar.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserBar = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Utils_1 = require("../Utils");
+const Buttons_1 = require("../Buttons");
+const Typography_1 = require("../Typography");
+const Icon_1 = require("../Utils/Icon");
+const goldIcon = require("../assets/images/gold.png");
+const diamondIcon = require("../assets/images/diamond.png");
+const UserBar = ({ user, avatar, onMenuPress, onUserPress, onMarketPress, }) => {
+    const baseTextColor = "#ffffff";
+    const apperence = user.isAdmin ? "isAdmin" : user.isMod ? "isMod" : "";
+    const gold = Utils_1.abbreviateNumber(user.gold);
+    const diamond = Utils_1.abbreviateNumber(user.diamond);
+    const userNameLength = user.name.length || 5;
+    const nameSize = userNameLength > 14 ? 10 : userNameLength > 10 ? 12 : 13;
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.wrapper, apperence ? styles[apperence] : {}] },
+        react_1.default.createElement(react_native_1.SafeAreaView, { style: styles.safeArea },
+            react_1.default.createElement(Utils_1.Stack, { type: "horizontal", style: { alignItems: "center", paddingRight: 10 }, space: "none" },
+                !!onMenuPress && (react_1.default.createElement(Buttons_1.TouchableView, { out: true, onPress: onMenuPress, style: [styles.pressables, { paddingLeft: 20, marginRight: -5 }] },
+                    react_1.default.createElement(Icon_1.Icon, { name: "users", font: "Feather", size: 20, color: baseTextColor }))),
+                react_1.default.createElement(Buttons_1.TouchableView, { out: true, onPress: onUserPress, style: styles.pressables },
+                    !!avatar && react_1.default.createElement(react_native_1.Image, { source: avatar, style: styles.avatar }),
+                    react_1.default.createElement(Typography_1.Typography, { color: baseTextColor, size: nameSize, style: { maxWidth: 150, flex: 0 } }, user.name)),
+                react_1.default.createElement(Utils_1.Flex, null),
+                react_1.default.createElement(Buttons_1.TouchableView, { out: true, onPress: onMarketPress, style: styles.pressables },
+                    !!gold && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(react_native_1.Image, { source: goldIcon, style: styles.icon, accessibilityLabel: "Alt\u0131nlar\u0131n:" }),
+                        react_1.default.createElement(Typography_1.Typography, { color: baseTextColor }, gold))),
+                    !!diamond && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(react_native_1.Image, { source: diamondIcon, style: styles.icon, accessibilityLabel: "Elmaslar\u0131n:" }),
+                        react_1.default.createElement(Typography_1.Typography, { color: baseTextColor }, diamond))))))));
+};
+exports.UserBar = UserBar;
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        backgroundColor: "#00000033",
+        paddingBottom: 2,
+    },
+    isAdmin: {
+        borderColor: "rgba(255,56,63,0.53)",
+        borderBottomWidth: 2,
+    },
+    isMod: {
+        borderColor: "#ffff0088",
+        borderBottomWidth: 2,
+    },
+    safeArea: {
+        flexDirection: "column",
+    },
+    avatar: {
+        height: 36,
+        width: 36,
+        borderRadius: 10,
+        marginRight: 10,
+    },
+    pressables: {
+        flexDirection: "row",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        padding: 10,
+    },
+    icon: {
+        height: 20,
+        width: 24,
+        margin: 5,
+        resizeMode: "contain",
+    },
+});

package/dist/Menus/index.d.ts

@@ -0,0 +1,5 @@
+export { MenuItem } from "./MenuItem";
+export { MenuLabel } from "./MenuLabel";
+export { MenuUserItem } from "./MenuUserItem";
+export { MenuOptions } from "./MenuOptions";
+//# sourceMappingURL=index.d.ts.map

package/dist/Menus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/Menus/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuOptions = exports.MenuUserItem = exports.MenuLabel = exports.MenuItem = void 0;
+var MenuItem_1 = require("./MenuItem");
+Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return MenuItem_1.MenuItem; } });
+var MenuLabel_1 = require("./MenuLabel");
+Object.defineProperty(exports, "MenuLabel", { enumerable: true, get: function () { return MenuLabel_1.MenuLabel; } });
+var MenuUserItem_1 = require("./MenuUserItem");
+Object.defineProperty(exports, "MenuUserItem", { enumerable: true, get: function () { return MenuUserItem_1.MenuUserItem; } });
+var MenuOptions_1 = require("./MenuOptions");
+Object.defineProperty(exports, "MenuOptions", { enumerable: true, get: function () { return MenuOptions_1.MenuOptions; } });

package/dist/Menus/indez.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=indez.d.ts.map

package/dist/Menus/indez.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indez.d.ts","sourceRoot":"","sources":["../../src/Menus/indez.ts"],"names":[],"mappings":""}

package/dist/Menus/indez.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Messages/MessageInput.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { StyleProp } from "react-native";
+declare type Props = {
+    style?: StyleProp<any>;
+    disabled?: boolean;
+    fastMessages?: Array<string>;
+    onSendPress?: (message: string) => void;
+    placeHolder?: string;
+};
+export declare const MessageInput: React.FC<Props>;
+export {};
+//# sourceMappingURL=MessageInput.d.ts.map

package/dist/Messages/MessageInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../src/Messages/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAML,SAAS,EAIV,MAAM,cAAc,CAAC;AAOtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6FxC,CAAC"}

package/dist/Messages/MessageInput.js

@@ -0,0 +1,151 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageInput = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Utils_1 = require("../Utils");
+const Themes_1 = require("../Themes");
+const Menus_1 = require("../Menus");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const Animatable = __importStar(require("react-native-animatable"));
+const MessageInput = ({ style, disabled, placeHolder = "", fastMessages, onSendPress }) => {
+    const [text, setText] = react_1.useState("");
+    const [showModal, setShowModal] = react_1.useState(false);
+    const lastSent = react_1.useRef(0);
+    const insets = react_native_safe_area_context_1.useSafeAreaInsets();
+    const _onSendPress = (message = "") => {
+        if (disabled) {
+            return;
+        }
+        if ((Date.now() - lastSent.current) < 2000) {
+            if (message) {
+                setText(message);
+            }
+            return;
+        }
+        if (!(message || text)) {
+            return;
+        }
+        const cleanedMessage = (message || text).replace(/^\s*|\s*$/gm, "");
+        if (cleanedMessage) {
+            if (!message) {
+                setText("");
+            }
+            onSendPress && onSendPress(cleanedMessage);
+        }
+        lastSent.current = Date.now();
+    };
+    const _quickMessage = (text) => {
+        setShowModal(false);
+        _onSendPress(text);
+    };
+    const { baseTextColor, baseBackgroundColor } = Themes_1.useColors();
+    return react_1.default.createElement(react_native_1.View, { style: [styles.wrapper, style] },
+        react_1.default.createElement(react_native_1.TextInput, { value: text, autoCorrect: false, maxLength: 140, editable: !disabled, keyboardAppearance: placeHolder ? "dark" : "light", enablesReturnKeyAutomatically: false, returnKeyLabel: "Gönder", placeholder: placeHolder || (disabled ? "Yazışma kapalı!" : ""), returnKeyType: "done", onChangeText: setText, onSubmitEditing: () => _onSendPress(), style: [styles.input, { color: baseTextColor, backgroundColor: baseBackgroundColor }] }),
+        react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.mentionButton, disabled: disabled, onPress: () => setShowModal(true), accessibilityLabel: "Hazır mesajlar Mmenüsü" },
+            react_1.default.createElement(Utils_1.Icon, { name: "list", size: 20 })),
+        react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.sendButton, onPress: () => _onSendPress() },
+            react_1.default.createElement(react_native_1.Text, { style: styles.sendButtonText }, "G\u00F6nder")),
+        react_1.default.createElement(react_native_1.Modal, { transparent: true, animationType: "none", visible: showModal },
+            react_1.default.createElement(react_native_1.View, { style: styles.modal },
+                react_1.default.createElement(react_native_1.TouchableWithoutFeedback, { style: styles.overlay, onPress: () => setShowModal(false) },
+                    react_1.default.createElement(react_native_1.View, { style: styles.overlay })),
+                react_1.default.createElement(Animatable.View, { animation: "fadeInUp", duration: 200, style: [styles.menu, {
+                            marginBottom: insets.bottom + 40,
+                            backgroundColor: baseBackgroundColor
+                        }] },
+                    react_1.default.createElement(Menus_1.MenuLabel, null, "HAZIR MESAJLAR"),
+                    react_1.default.createElement(react_native_1.ScrollView, { showsVerticalScrollIndicator: false, style: { maxHeight: 400 } }, !!fastMessages && fastMessages.map(item => {
+                        return react_1.default.createElement(Menus_1.MenuItem, { key: item, onPress: () => _quickMessage(item) }, item);
+                    }))))));
+};
+exports.MessageInput = MessageInput;
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        position: "relative",
+        flexDirection: "row",
+        marginHorizontal: 10
+    },
+    overlay: {
+        position: "absolute",
+        left: 0, right: 0,
+        top: 0,
+        bottom: 0
+    },
+    modal: {
+        flex: 1,
+        flexDirection: "column-reverse"
+    },
+    menu: {
+        backgroundColor: "#ffffff",
+        marginRight: "auto",
+        marginLeft: 32,
+        borderRadius: 16,
+        paddingBottom: 10,
+        shadowColor: "#777777",
+        shadowOffset: {
+            width: 6,
+            height: 6
+        },
+        shadowOpacity: .5,
+        shadowRadius: 10,
+        elevation: 5
+    },
+    input: {
+        backgroundColor: "#f2f2f2",
+        color: "#343434",
+        paddingHorizontal: 10,
+        paddingLeft: 50,
+        paddingRight: 80,
+        flex: 1,
+        borderRadius: 25,
+        height: 50
+    },
+    mentionButton: {
+        height: 40,
+        backgroundColor: "#e2e2e2aa",
+        justifyContent: "center",
+        paddingHorizontal: 10,
+        borderRadius: 30,
+        position: "absolute",
+        top: 5,
+        left: 6
+    },
+    sendButton: {
+        height: 40,
+        backgroundColor: "rgba(18,129,255,0.8)",
+        justifyContent: "center",
+        paddingHorizontal: 10,
+        borderRadius: 30,
+        position: "absolute",
+        top: 5,
+        right: 5
+    },
+    mentionButtonIcon: {
+        width: 20,
+        height: 14,
+        resizeMode: "contain"
+    },
+    sendButtonText: {
+        color: "#ffffff"
+    }
+});

package/dist/Messages/MessageItem.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { StyleProp } from "react-native";
+declare type MessageItem = {
+    [key: string]: any;
+};
+declare type Props = {
+    style?: StyleProp<any>;
+    faded?: boolean;
+    messages: Array<MessageItem>;
+    labelFormatter: (user: string) => {
+        displayName: string;
+        labelStyle: any;
+    };
+};
+export declare const MessageList: React.FC<Props>;
+export {};
+//# sourceMappingURL=MessageItem.d.ts.map

package/dist/Messages/MessageItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../src/Messages/MessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoD,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3F,aAAK,WAAW,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA;AAED,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,GAAG,CAAA;KAAE,CAAC;CAC5E,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+DvC,CAAC"}

package/dist/Messages/MessageItem.js

@@ -0,0 +1,133 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.MessageList = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Animatable = __importStar(require("react-native-animatable"));
+const Views_1 = require("../Views");
+const MessageList = ({ style, messages, labelFormatter, faded }) => {
+    const flatListRef = react_1.default.useRef(null);
+    const userLabelFormatter = !!labelFormatter ? labelFormatter : user => {
+        let displayName = user;
+        let labelStyle = {};
+        return { displayName, labelStyle };
+    };
+    const _renderItem = ({ item, index }) => {
+        const unFocusMessage = {};
+        const isNight = false;
+        const textColor = isNight ? styles.lightText : styles.darkText;
+        const { displayName, labelStyle } = userLabelFormatter(item.user);
+        return react_1.default.createElement(Animatable.View, { animation: "fadeInUp", duration: 300, style: [styles.messageRow, unFocusMessage] },
+            react_1.default.createElement(react_native_1.View, { style: [
+                    styles.messageUserLabel,
+                    isNight ? styles.messageUserLabelNight : {},
+                    labelStyle
+                ] },
+                !!item.number && (react_1.default.createElement(react_native_1.View, { style: styles.messageNumber },
+                    react_1.default.createElement(react_native_1.Text, { style: styles.messageNumberText }, item.number))),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.messageUser] }, displayName)),
+            react_1.default.createElement(react_native_1.Text, { style: [styles.messageText, textColor] }, item.message));
+    };
+    const _onContentSizeChange = () => {
+        var _a;
+        if (messages.length > 3) {
+            (_a = flatListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToOffset({ offset: 0, animated: true });
+        }
+    };
+    return react_1.default.createElement(Views_1.MaskedGradientView, { style: [styles.wrapper, style] },
+        react_1.default.createElement(react_native_1.FlatList, { ref: flatListRef, inverted: true, ListHeaderComponent: react_1.default.createElement(react_native_1.View, { style: styles.listBottomSpace }), keyExtractor: item => item.key, onContentSizeChange: _onContentSizeChange, data: messages, style: [styles.flatList], renderItem: _renderItem }));
+};
+exports.MessageList = MessageList;
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        flex: 1,
+        paddingHorizontal: 10,
+        marginBottom: -35
+    },
+    flatList: {
+        paddingHorizontal: 8,
+        backgroundColor: "#ffffff99",
+        borderRadius: 16
+    },
+    flatListOpaque: {
+        backgroundColor: "#eeeeeeff",
+        borderColor: "#ffffffff",
+        borderWidth: 2
+    },
+    listBottomSpace: {
+        height: 35
+    },
+    messageRow: {
+        flexDirection: "row",
+        paddingBottom: 8
+    },
+    messageUserLabel: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        alignSelf: "flex-start",
+        borderRadius: 6,
+        paddingVertical: 3,
+        paddingHorizontal: 6,
+        backgroundColor: "rgba(42,40,40,0.4)",
+        marginRight: 5,
+        marginBottom: 5
+    },
+    messageUserLabelNight: {
+        backgroundColor: "rgba(162,157,157,0.4)"
+    },
+    messageUser: {
+        lineHeight: 16,
+        paddingBottom: 0,
+        marginBottom: 0,
+        color: "#ffffff",
+        fontSize: 14
+    },
+    messageText: {
+        alignSelf: "center",
+        marginBottom: 2,
+        flex: 1,
+        fontSize: 12
+    },
+    messageNumber: {
+        backgroundColor: "rgba(42,40,40,0.4)",
+        width: 20,
+        borderRadius: 10,
+        marginRight: 6,
+        alignItems: "center",
+        justifyContent: "center"
+    },
+    messageNumberText: {
+        color: "#ffffff",
+        textAlign: "center",
+        fontSize: 12
+    },
+    lightText: {
+        color: "#cecece"
+    },
+    darkText: {
+        color: "#343434"
+    }
+});

package/dist/Messages/MessageList.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { StyleProp } from "react-native";
+declare type MessageItem = {
+    [key: string]: any;
+};
+declare type Props = {
+    style?: StyleProp<any>;
+    faded?: boolean;
+    deadFocus?: boolean;
+    vampiresFocus?: boolean;
+    appearance?: "dark" | "light";
+    messages: Array<MessageItem>;
+    labelFormatter: (user: string) => {
+        displayName: string;
+        labelStyle: any;
+    };
+};
+export declare const MessageList: React.FC<Props>;
+export {};
+//# sourceMappingURL=MessageList.d.ts.map

package/dist/Messages/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/Messages/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoD,SAAS,EAAE,MAAM,cAAc,CAAC;AAI3F,aAAK,WAAW,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA;AAED,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,GAAG,CAAA;KAAE,CAAC;CAC5E,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqFvC,CAAC"}

package/dist/Messages/MessageList.js

@@ -0,0 +1,149 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.MessageList = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Animatable = __importStar(require("react-native-animatable"));
+const Views_1 = require("../Views");
+const MessageList = ({ style, messages, labelFormatter, appearance = "light", faded, deadFocus, vampiresFocus }) => {
+    const flatListRef = react_1.default.useRef(null);
+    const userLabelFormatter = !!labelFormatter ? labelFormatter : user => {
+        let displayName = user;
+        let labelStyle = {};
+        return { displayName, labelStyle };
+    };
+    const _renderItem = ({ item, index }) => {
+        const unFocusMessage = {};
+        const isDark = appearance === "dark";
+        const textColor = isDark ? styles.lightText : styles.darkText;
+        const { displayName, labelStyle } = userLabelFormatter(item.user);
+        if (item.vampirsOnly) {
+            labelStyle.backgroundColor = 'red';
+        }
+        if (deadFocus && !item.deathsOnly) {
+            unFocusMessage.opacity = 0.3;
+        }
+        if (vampiresFocus && !item.vampirsOnly) {
+            unFocusMessage.opacity = 0.3;
+        }
+        if (!deadFocus && item.deathsOnly) {
+            return null;
+        }
+        if (!vampiresFocus && item.vampirsOnly) {
+            return null;
+        }
+        return react_1.default.createElement(Animatable.View, { animation: "fadeInUp", duration: 300, style: [styles.messageRow] },
+            react_1.default.createElement(react_native_1.View, { style: [styles.messageWrapper, unFocusMessage] },
+                react_1.default.createElement(react_native_1.View, { style: [
+                        styles.messageUserLabel,
+                        isDark ? styles.messageUserLabelNight : {},
+                        labelStyle
+                    ] },
+                    !!item.number && (react_1.default.createElement(react_native_1.View, { style: styles.messageNumber },
+                        react_1.default.createElement(react_native_1.Text, { style: styles.messageNumberText }, item.number))),
+                    react_1.default.createElement(react_native_1.Text, { style: [styles.messageUser] }, displayName)),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.messageText, textColor] }, item.message)));
+    };
+    const _onContentSizeChange = () => {
+        var _a;
+        if (messages.length > 3) {
+            (_a = flatListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToOffset({ offset: 0, animated: true });
+        }
+    };
+    return react_1.default.createElement(Views_1.MaskedGradientView, { style: [styles.wrapper, style] },
+        react_1.default.createElement(react_native_1.FlatList, { ref: flatListRef, inverted: true, ListHeaderComponent: react_1.default.createElement(react_native_1.View, { style: styles.listBottomSpace }), keyExtractor: item => item.key, onContentSizeChange: _onContentSizeChange, data: messages, style: [styles.flatList, appearance === "dark" && styles.flatListDark], renderItem: _renderItem }));
+};
+exports.MessageList = MessageList;
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        flex: 1,
+        paddingHorizontal: 10,
+        marginBottom: -35
+    },
+    flatList: {
+        paddingHorizontal: 8,
+        backgroundColor: "#ffffff99",
+        borderRadius: 16
+    },
+    flatListDark: {
+        backgroundColor: "#000000aa",
+    },
+    listBottomSpace: {
+        height: 35
+    },
+    messageRow: {
+        paddingBottom: 8
+    },
+    messageWrapper: {
+        flexDirection: "row",
+    },
+    messageUserLabel: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        alignSelf: "flex-start",
+        borderRadius: 6,
+        paddingVertical: 3,
+        paddingHorizontal: 6,
+        backgroundColor: "rgba(42,40,40,0.4)",
+        marginRight: 5,
+        marginBottom: 5
+    },
+    messageUserLabelNight: {
+        backgroundColor: "rgba(162,157,157,0.4)"
+    },
+    messageUser: {
+        lineHeight: 16,
+        paddingBottom: 0,
+        marginBottom: 0,
+        color: "#ffffff",
+        fontSize: 14
+    },
+    messageText: {
+        alignSelf: "center",
+        marginBottom: 2,
+        flex: 1,
+        fontSize: 12
+    },
+    messageNumber: {
+        backgroundColor: "rgba(42,40,40,0.4)",
+        width: 20,
+        borderRadius: 10,
+        marginRight: 6,
+        alignItems: "center",
+        justifyContent: "center"
+    },
+    messageNumberText: {
+        color: "#ffffff",
+        textAlign: "center",
+        fontSize: 12
+    },
+    lightText: {
+        color: "#cecece"
+    },
+    darkText: {
+        color: "#343434"
+    }
+});

package/dist/Messages/index.d.ts

@@ -0,0 +1,3 @@
+export { MessageList } from "./MessageList";
+export { MessageInput } from "./MessageInput";
+//# sourceMappingURL=index.d.ts.map

package/dist/Messages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Messages/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/Messages/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageInput = exports.MessageList = void 0;
+var MessageList_1 = require("./MessageList");
+Object.defineProperty(exports, "MessageList", { enumerable: true, get: function () { return MessageList_1.MessageList; } });
+var MessageInput_1 = require("./MessageInput");
+Object.defineProperty(exports, "MessageInput", { enumerable: true, get: function () { return MessageInput_1.MessageInput; } });

package/dist/Navbars/UserBar.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { GestureResponderEvent, StyleProp } from "react-native";
+declare type Props = {
+    style?: StyleProp<any>;
+    user: {
+        [key: string]: any;
+    };
+    badge?: boolean;
+    onMenuPress?: (event?: GestureResponderEvent) => void;
+    onUserPress?: (event?: GestureResponderEvent) => void;
+    onMarketPress?: (event?: GestureResponderEvent) => void;
+};
+export declare const UserBar: React.FC<Props>;
+export {};
+//# sourceMappingURL=UserBar.d.ts.map

package/dist/Navbars/UserBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserBar.d.ts","sourceRoot":"","sources":["../../src/Navbars/UserBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,qBAAqB,EAGrB,SAAS,EAGV,MAAM,cAAc,CAAC;AAMtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACzD,CAAC;AAKF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyGnC,CAAC"}