koylu-vampir-design 1.0.25 → 1.0.27

package/dist/Alerts/AlertProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertProvider.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,aAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,aAAK,SAAS,GAAG;IACf,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3E,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7F,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,YAAY,0BAKvB,CAAC;AAEH,eAAO,MAAM,QAAQ,iBAAuC,CAAC;AAC7D,aAAK,UAAU,GAAG,EAAE,CAAA;AAEpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwE9C,CAAC"}
+{"version":3,"file":"AlertProvider.d.ts","sourceRoot":"","sources":["../../src/Alerts/AlertProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,aAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,aAAK,SAAS,GAAG;IACf,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3E,WAAW,CAAC,EAAE,CACZ,OAAO,CAAC,EAAE,GAAG,EACb,UAAU,CAAC,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,gBAAgB,KACvB,OAAO,CAAC,GAAG,CAAC,CAAC;IAClB,UAAU,CAAC,EAAE,CACX,OAAO,CAAC,EAAE,GAAG,EACb,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,EAClB,OAAO,CAAC,EAAE,gBAAgB,KACvB,OAAO,CAAC,GAAG,CAAC,CAAC;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,YAAY,0BAGvB,CAAC;AAEH,eAAO,MAAM,QAAQ,iBAAuC,CAAC;AAC7D,aAAK,UAAU,GAAG,EAAE,CAAC;AAErB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsF9C,CAAC"}

package/dist/Alerts/AlertProvider.js

@@ -12,10 +12,8 @@ const AlertSelectContent_1 = require("./AlertSelectContent");
 const Utils_1 = require("../Utils");
 const MODAL_PRESENTATION_STYLE = "pageSheet";
 exports.AlertContext = react_1.default.createContext({
-    showAlert: () => {
-    },
-    closeAlert: () => {
-    }
+    showAlert: () => { },
+    closeAlert: () => { },
 });
 const useAlert = () => react_1.default.useContext(exports.AlertContext);
 exports.useAlert = useAlert;
@@ -60,8 +58,9 @@ const AlertProvider = ({ children }) => {
     return (react_1.default.createElement(exports.AlertContext.Provider, { value: { showAlert, showQuestion, closeAlert, showConfirm, showSelect } },
         children,
         react_1.default.createElement(react_native_1.Modal, { visible: isVisible, onRequestClose: () => setVisible(false), animationType: "slide", presentationStyle: Utils_1.Performance.ramAvailable(2) ? "pageSheet" : undefined, transparent: true },
-            type === "alert" && react_1.default.createElement(AlertContent_1.AlertContent, { options: options }, content),
-            type === "question" && react_1.default.createElement(AlertQuestionContent_1.AlertQuestionContent, { options: options }, content),
-            type === "select" && react_1.default.createElement(AlertSelectContent_1.AlertSelectContent, { options: options }, content))));
+            react_1.default.createElement(react_native_1.View, { style: { flex: 1, backgroundColor: "rgba(0,0,0,0.5)" } },
+                type === "alert" && (react_1.default.createElement(AlertContent_1.AlertContent, { options: options }, content)),
+                type === "question" && (react_1.default.createElement(AlertQuestionContent_1.AlertQuestionContent, { options: options }, content)),
+                type === "select" && (react_1.default.createElement(AlertSelectContent_1.AlertSelectContent, { options: options }, content))))));
 };
 exports.AlertProvider = AlertProvider;

package/dist/Buttons/GiftFrame.d.ts

@@ -4,6 +4,7 @@ declare type Props = {
     selected?: boolean;
     onPress: (event?: GestureResponderEvent) => void;
     gift: string;
+    size?: number;
 };
 export declare const GiftFrame: React.FC<Props>;
 export {};

package/dist/Buttons/GiftFrame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GiftFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/GiftFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BrC,CAAC"}
+{"version":3,"file":"GiftFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/GiftFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkCrC,CAAC"}

package/dist/Buttons/GiftFrame.js

@@ -8,19 +8,20 @@ const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const Views_1 = require("../Views");
 const Utils_1 = require("../Utils");
-const GiftFrame = ({ selected, onPress, gift }) => {
+const GiftFrame = ({ selected, onPress, gift, size = 70, }) => {
     const renderIcon = () => {
         if (!gift.indexOf("a-")) {
             console.log("SRC", Utils_1.Assets.getSource("gift", gift));
-            return (react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("gift", gift, "small"), accessibilityLabel: gift.replace("a-", ""), style: styles.giftImage }));
+            return (react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("gift", gift, "small"), accessibilityLabel: gift.replace("a-", ""), style: [styles.giftImage, { width: size - 15, height: size - 15 }] }));
         }
         return react_1.default.createElement(react_native_1.Text, { style: styles.giftText }, gift);
     };
     return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
             styles.giftFrameWrapper,
+            { width: size, height: size },
             selected ? styles.giftFrameWrapperSelected : {},
         ] },
-        react_1.default.createElement(react_native_1.View, { style: styles.giftFrame }, renderIcon())));
+        react_1.default.createElement(react_native_1.View, { style: [styles.giftFrame, { width: size - 10, height: size - 10 }] }, renderIcon())));
 };
 exports.GiftFrame = GiftFrame;
 const styles = react_native_1.StyleSheet.create({

package/dist/Buttons/MenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,qBAAqB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAK9F,oBAAY,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7E,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwGhD,CAAC"}
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../src/Buttons/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,qBAAqB,EACrB,SAAS,EAGV,MAAM,cAAc,CAAC;AAKtB,oBAAY,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7E,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsGhD,CAAC"}

package/dist/Buttons/MenuButton.js

@@ -9,7 +9,7 @@ const react_native_1 = require("react-native");
 const Views_1 = require("../Views");
 const Icon_1 = require("../Utils/Icon");
 const Themes_1 = require("../Themes");
-const MenuButton = ({ children, style = {}, size, iconStyle, onPress, onLongPress, textStyle, iconFamily, type, buttonStyle, selected, icon, disabled, out = true, rightComponent }) => {
+const MenuButton = ({ children, style = {}, size, iconStyle, onPress, onLongPress, textStyle, iconFamily, type, buttonStyle, selected, icon, disabled, out = true, rightComponent, }) => {
     const buttonStyles = [styles.button];
     const textStyles = [styles.text];
     const iconStyles = [styles.icon];
@@ -69,7 +69,7 @@ const MenuButton = ({ children, style = {}, size, iconStyle, onPress, onLongPres
     }
     return (react_1.default.createElement(Views_1.TouchableView, { out: out, style: [...buttonStyles, style, disabled && styles.disabled], wrapperStyle: {
             marginLeft: style.marginLeft,
-            marginRight: style.marginRight
+            marginRight: style.marginRight,
         }, disabled: disabled, onPress: onPress, onLongPress: onLongPress },
         icon && (react_1.default.createElement(Icon_1.Icon, { name: icon, color: "#ffffff", font: iconFamily || "IconIon", size: 16, style: [...iconStyles, iconStyle] })),
         react_1.default.createElement(react_native_1.Text, { style: [...textStyles, textStyle] }, children),
@@ -95,61 +95,61 @@ const styles = react_native_1.StyleSheet.create({
         shadowColor: "#000000",
         shadowOffset: {
             width: 4,
-            height: 6
+            height: 6,
         },
         shadowOpacity: 0.25,
         shadowRadius: 5,
-        elevation: 5
+        elevation: 5,
     },
     lightBlue: {
         backgroundColor: "#4BC3F6",
         width: "auto",
-        height: 44
+        height: 44,
     },
     disabled: {
         backgroundColor: "#aaaaaa",
         borderColor: "#cccccc",
         shadowOpacity: 0,
         shadowRadius: 0,
-        elevation: 0
+        elevation: 0,
     },
     icon: {
         width: 18,
         height: 18,
         marginRight: 6,
-        marginLeft: 0
+        marginLeft: 0,
     },
     text: {
         color: "white",
         textAlign: "center",
         fontFamily: "Righteous-Regular",
         fontSize: 14,
-        fontWeight: "bold"
+        fontWeight: "bold",
     },
     lightBlueText: {
         fontSize: 13,
-        color: "#ffffff"
+        color: "#ffffff",
     },
     outline: {
         backgroundColor: "#88888833",
         borderColor: "#ee7461",
         borderWidth: 3,
-        shadowOpacity: 0
+        shadowOpacity: 0,
     },
     outlineText: {
-        color: "#ee7461"
+        color: "#ee7461",
     },
     medium: {
         height: 44,
         width: "auto",
-        paddingHorizontal: 25
+        paddingHorizontal: 25,
     },
     small: {
         height: 28,
         width: "auto",
-        paddingHorizontal: 20
+        paddingHorizontal: 20,
     },
     smallText: {
-        fontSize: 13
-    }
+        fontSize: 13,
+    },
 });

package/dist/GameParts/GiftPackBar.d.ts

@@ -9,6 +9,16 @@ declare type Props = {
     selected?: string;
     remain?: number;
 };
+declare type ItemProps = {
+    item: string;
+    onSelect: (item: string, pack: string) => void;
+    pack: {
+        [key: string]: any;
+    };
+    isEmpty: boolean;
+    isSelected: boolean;
+};
+export declare const GiftPackItem: React.FC<ItemProps>;
 export declare const GiftPackBar: React.FC<Props>;
 export {};
 //# sourceMappingURL=GiftPackBar.d.ts.map

package/dist/GameParts/GiftPackBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GiftPackBar.d.ts","sourceRoot":"","sources":["../../src/GameParts/GiftPackBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsHvC,CAAC"}
+{"version":3,"file":"GiftPackBar.d.ts","sourceRoot":"","sources":["../../src/GameParts/GiftPackBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,aAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4B5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyFvC,CAAC"}

package/dist/GameParts/GiftPackBar.js

@@ -3,12 +3,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GiftPackBar = void 0;
+exports.GiftPackBar = exports.GiftPackItem = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const Buttons_1 = require("../Buttons");
 const Views_1 = require("../Views");
 const Utils_1 = require("../Utils");
+const GiftPackItem = ({ item, onSelect, pack, isEmpty, isSelected, }) => {
+    return react_1.default.useMemo(() => {
+        let giftElement = react_1.default.createElement(react_native_1.Text, { style: { fontSize: 14 } }, item);
+        if (item.indexOf("a") === 0) {
+            giftElement = (react_1.default.createElement(react_native_1.Image, { style: [{ width: 24, height: 24 }, { opacity: isEmpty ? 0.7 : 1 }], accessibilityLabel: item.toString(), source: Utils_1.Assets.getSource("gift", item, "icon") }));
+        }
+        return (react_1.default.createElement(Views_1.TouchableView, { out: true, onPress: () => onSelect(item, pack.id), style: [styles.button, isSelected ? styles.buttonSelected : {}] }, giftElement));
+    }, [isSelected, isEmpty]);
+};
+exports.GiftPackItem = GiftPackItem;
 const GiftPackBar = ({ title, onSelect, onBuyPress, pack, selected, remain, }) => {
     const gifts = [...pack.gifts] || [];
     const customGifts = [];
@@ -18,44 +28,27 @@ const GiftPackBar = ({ title, onSelect, onBuyPress, pack, selected, remain, }) =
     }
     // ad
     const loaded = true;
-    return (react_1.default.createElement(react_native_1.View, { style: styles.wrapper },
-        react_1.default.createElement(react_native_1.View, { style: styles.giftPackBar }, selected && [...gifts, ...customGifts].indexOf(selected) !== -1 ? (react_1.default.createElement(react_native_1.View, { style: styles.sendWrapper },
-            react_1.default.createElement(react_native_1.Text, { style: styles.sendText }, "\u015Eimdi g\u00F6ndermek istedi\u011Fin ki\u015Fiyi se\u00E7"))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_native_1.View, { style: styles.giftPackTitleWrapper },
-                react_1.default.createElement(react_native_1.Text, { style: styles.giftPackTitle },
-                    remain == 0 && "🔒 ",
-                    title || pack.name),
-                !!remain && remain > 0 && (react_1.default.createElement(react_native_1.Text, { style: styles.giftPackTitle },
-                    "Kalan Kullan\u0131m: ",
-                    remain))),
-            (pack.priceType !== "ad" || loaded) && (react_1.default.createElement(Buttons_1.GiftBuyButton, { onPress: () => onBuyPress(pack) }, buttonText || pack.buttonText))))),
-        react_1.default.createElement(react_native_1.View, { style: [styles.buttonIcons] },
-            !!customGifts.length && (react_1.default.createElement(react_native_1.View, { style: [styles.buttonIcons, { marginBottom: 0 }] }, customGifts.map((item, key) => {
-                let giftElement = react_1.default.createElement(react_native_1.Text, null, item);
-                if (item.indexOf("a") === 0) {
-                    giftElement = (react_1.default.createElement(react_native_1.Image, { style: [
-                            { width: 16, height: 16 },
-                            { opacity: remain == 0 ? 0.7 : 1 },
-                        ], accessibilityLabel: item, source: Utils_1.Assets.getSource("gift", item, "icon") }));
-                }
-                return (react_1.default.createElement(Views_1.TouchableView, { out: true, key: key, onPress: () => onSelect(item, pack.id), style: [
-                        styles.button,
-                        selected === item ? styles.buttonSelected : {},
-                    ] }, giftElement));
-            }))),
-            gifts.map((item, key) => {
-                let giftElement = react_1.default.createElement(react_native_1.Text, null, item);
-                if (item.indexOf("a") === 0) {
-                    giftElement = (react_1.default.createElement(react_native_1.Image, { style: [
-                            { width: 16, height: 16 },
-                            { opacity: remain == 0 ? 0.7 : 1 },
-                        ], accessibilityLabel: item.toString(), source: Utils_1.Assets.getSource("gift", item, "icon") }));
-                }
-                return (react_1.default.createElement(Views_1.TouchableView, { out: true, key: key, onPress: () => onSelect(item, pack.id), style: [
-                        styles.button,
-                        selected === item ? styles.buttonSelected : {},
-                    ] }, giftElement));
-            }))));
+    const isSelected = selected && [...gifts, ...customGifts].indexOf(selected) !== -1;
+    return react_1.default.useMemo(() => {
+        return (react_1.default.createElement(react_native_1.View, { style: styles.wrapper },
+            react_1.default.createElement(react_native_1.View, { style: styles.giftPackBar }, isSelected ? (react_1.default.createElement(react_native_1.View, { style: styles.sendWrapper },
+                react_1.default.createElement(react_native_1.Text, { style: styles.sendText }, "\u015Eimdi g\u00F6ndermek istedi\u011Fin ki\u015Fiyi se\u00E7"))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(react_native_1.View, { style: styles.giftPackTitleWrapper },
+                    react_1.default.createElement(react_native_1.Text, { style: styles.giftPackTitle },
+                        remain == 0 && "🔒 ",
+                        title || pack.name),
+                    !!remain && remain > 0 && (react_1.default.createElement(react_native_1.Text, { style: styles.giftPackTitle },
+                        "Kalan Kullan\u0131m: ",
+                        remain))),
+                (pack.priceType !== "ad" || loaded) && (react_1.default.createElement(Buttons_1.GiftBuyButton, { onPress: () => onBuyPress(pack) }, buttonText || pack.buttonText))))),
+            react_1.default.createElement(react_native_1.View, { style: [styles.buttonIcons] },
+                !!customGifts.length && (react_1.default.createElement(react_native_1.View, { style: [styles.buttonIcons, { marginBottom: 0 }] }, customGifts.map((item, key) => {
+                    return (react_1.default.createElement(exports.GiftPackItem, { key: key, item: item, onSelect: onSelect, pack: pack, isEmpty: remain === 0, isSelected: selected == item }));
+                }))),
+                gifts.map((item, key) => {
+                    return (react_1.default.createElement(exports.GiftPackItem, { key: key, item: item, onSelect: onSelect, pack: pack, isEmpty: remain === 0, isSelected: selected === item }));
+                }))));
+    }, [selected, remain, title, pack]);
 };
 exports.GiftPackBar = GiftPackBar;
 const { height } = react_native_1.Dimensions.get("window");
@@ -100,7 +93,7 @@ const styles = react_native_1.StyleSheet.create({
         margin: 1,
         borderRadius: 4,
         borderWidth: 1,
-        borderColor: "#66aadd",
+        borderColor: "transparent",
     },
     buttonSelected: {
         backgroundColor: "#ffffff",

package/dist/Markets/MarketInfo.d.ts

@@ -3,13 +3,17 @@ import React from "react";
 declare type Props = {
     gold: number;
     diamond: number;
+    ticket: number;
     gifts: number;
+    style: any;
     goldIcon: ImageSourcePropType;
     diamondIcon: ImageSourcePropType;
+    ticketIcon: ImageSourcePropType;
     giftIcon: ImageSourcePropType;
     titleText?: string;
     myGoldsText?: string;
     myDiamondsText?: string;
+    myTicketsText?: string;
     myGiftsText?: string;
 };
 export declare const MarketInfo: React.FC<Props & ViewProps>;

package/dist/Markets/MarketInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketInfo.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,mBAAmB,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AACvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,WAAW,EAAE,mBAAmB,CAAC;IACjC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CAEtB,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,SAAS,CA4BlD,CAAC"}
+{"version":3,"file":"MarketInfo.d.ts","sourceRoot":"","sources":["../../src/Markets/MarketInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAGnB,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,WAAW,EAAE,mBAAmB,CAAC;IACjC,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,SAAS,CA8ClD,CAAC"}

package/dist/Markets/MarketInfo.js

@@ -7,9 +7,9 @@ exports.MarketInfo = void 0;
 const react_native_1 = require("react-native");
 const react_1 = __importDefault(require("react"));
 const Typography_1 = require("../Typography");
-const MarketInfo = ({ gold, diamond, gifts, goldIcon, diamondIcon, giftIcon, titleText = "Hesabım", myGoldsText = "Altınlarım:", myDiamondsText = "Elmaslarım:", myGiftsText = "Hediyelerim:" }) => {
-    return react_1.default.createElement(react_native_1.View, { style: styles.info },
-        react_1.default.createElement(Typography_1.Typography, { bold: true, style: styles.title }, titleText),
+const MarketInfo = ({ gold, diamond, gifts, style, ticket, goldIcon, diamondIcon, ticketIcon, giftIcon, titleText, myGoldsText = "Altınlarım:", myDiamondsText = "Elmaslarım:", myTicketsText = "Elmaslarım:", myGiftsText = "Hediyelerim:", }) => {
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.info, style] },
+        !!titleText && (react_1.default.createElement(Typography_1.Typography, { bold: true, style: styles.title }, titleText)),
         react_1.default.createElement(react_native_1.View, { style: styles.line },
             react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myGoldsText),
             react_1.default.createElement(Typography_1.Typography, { bold: true }, gold),
@@ -18,37 +18,41 @@ const MarketInfo = ({ gold, diamond, gifts, goldIcon, diamondIcon, giftIcon, tit
             react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myDiamondsText),
             react_1.default.createElement(Typography_1.Typography, { bold: true }, diamond),
             react_1.default.createElement(react_native_1.Image, { style: styles.image, source: diamondIcon })),
+        react_1.default.createElement(react_native_1.View, { style: styles.line },
+            react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myTicketsText),
+            react_1.default.createElement(Typography_1.Typography, { bold: true }, ticket),
+            react_1.default.createElement(react_native_1.Image, { style: styles.image, source: ticketIcon })),
         react_1.default.createElement(react_native_1.View, { style: styles.line },
             react_1.default.createElement(Typography_1.Typography, { style: styles.label }, myGiftsText),
             react_1.default.createElement(Typography_1.Typography, { bold: true }, gifts),
-            react_1.default.createElement(react_native_1.Image, { style: styles.image, source: giftIcon })));
+            react_1.default.createElement(react_native_1.Image, { style: styles.image, source: giftIcon }))));
 };
 exports.MarketInfo = MarketInfo;
 const styles = react_native_1.StyleSheet.create({
     info: {
         flex: 1,
-        padding: 20
+        padding: 20,
     },
     line: {
-        paddingVertical: 4,
-        paddingHorizontal: 10,
-        borderRadius: 8,
-        backgroundColor: "#00000020",
+        paddingVertical: 0,
+        borderBottomColor: "#e0e0e022",
+        borderBottomWidth: 1,
+        paddingHorizontal: 0,
         flexDirection: "row",
         alignItems: "center",
-        marginBottom: 10
+        marginBottom: 10,
     },
     label: {
-        marginRight: "auto"
+        marginRight: "auto",
     },
     title: {
         textAlign: "center",
-        marginBottom: 20
+        marginBottom: 20,
     },
     image: {
         width: 30,
         height: 30,
         marginLeft: 10,
-        resizeMode: "contain"
-    }
+        resizeMode: "contain",
+    },
 });

package/dist/Menus/MenuOptions.d.ts

@@ -12,6 +12,7 @@ declare type Props = {
     color?: string;
     badge?: string;
     feature?: boolean;
+    disabled?: boolean;
     value?: ItemValueType;
     options?: Array<OptionItem>;
     onPress?: (event?: GestureResponderEvent) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"MenuOptions.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAMxF,aAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;AAGtD,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAA;CACrB,CAAA;AAGD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkDvC,CAAC"}
+{"version":3,"file":"MenuOptions.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,SAAS,EAIV,MAAM,cAAc,CAAC;AAMtB,aAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;AAEtD,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmFvC,CAAC"}

package/dist/Menus/MenuOptions.js

@@ -10,24 +10,34 @@ const Views_1 = require("../Views");
 const Typography_1 = require("../Typography");
 const Utils_1 = require("../Utils");
 const Themes_1 = require("../Themes");
-const MenuOptions = ({ children, style, color, onPress, feature, iconName, iconFont = "MaterialIcons", badge, value, options, onChange, }) => {
+const MenuOptions = ({ children, style, color, onPress, feature, iconName, disabled, iconFont = "MaterialIcons", badge, value, options, onChange, }) => {
     const { baseTextColor } = Themes_1.useColors();
     const textColor = color ? color : baseTextColor;
     const setValue = (value) => {
+        if (disabled) {
+            return;
+        }
         onChange && onChange(value);
     };
-    return (react_1.default.createElement(react_native_1.View, { style: [styles.wrapper, styles.container, feature && styles.border, style] },
+    return (react_1.default.createElement(react_native_1.View, { style: [
+            styles.wrapper,
+            styles.container,
+            feature && styles.border,
+            disabled && { opacity: 0.5 },
+            style,
+        ] },
         react_1.default.createElement(Typography_1.Typography, { size: 14, color: textColor, bold: feature, style: [feature && { textDecorationLine: "underline" }] }, children),
-        !!badge && react_1.default.createElement(react_native_1.View, { style: styles.badge },
-            react_1.default.createElement(react_native_1.Text, { style: styles.badgeText }, badge)),
+        !!badge && (react_1.default.createElement(react_native_1.View, { style: styles.badge },
+            react_1.default.createElement(react_native_1.Text, { style: styles.badgeText }, badge))),
         react_1.default.createElement(react_native_1.View, { style: styles.flex }),
         !!iconName && (react_1.default.createElement(react_native_1.View, { accessibilityElementsHidden: true },
             react_1.default.createElement(Utils_1.Icon, { name: iconName, color: textColor, font: iconFont, style: styles.icon, size: 18 }))),
-        react_1.default.createElement(react_native_1.View, { style: styles.values }, !!options && options.map((item, key) => {
-            const isActive = item.value === value;
-            return react_1.default.createElement(Views_1.TouchableView, { onPress: () => setValue(item.value), style: [styles.value, isActive && styles.valueActive], accessibilityState: { selected: isActive }, wrapperStyle: styles.valueWrapper, key: key },
-                react_1.default.createElement(react_native_1.Text, { style: [styles.valueText, isActive && styles.valueTextActive] }, item.label));
-        }))));
+        react_1.default.createElement(react_native_1.View, { style: styles.values }, !!options &&
+            options.map((item, key) => {
+                const isActive = item.value === value;
+                return (react_1.default.createElement(Views_1.TouchableView, { onPress: () => setValue(item.value), disabled: disabled, style: [styles.value, isActive && styles.valueActive], accessibilityState: { selected: isActive }, wrapperStyle: styles.valueWrapper, key: key },
+                    react_1.default.createElement(react_native_1.Text, { style: [styles.valueText, isActive && styles.valueTextActive] }, item.label)));
+            }))));
 };
 exports.MenuOptions = MenuOptions;
 const styles = react_native_1.StyleSheet.create({
@@ -38,7 +48,7 @@ const styles = react_native_1.StyleSheet.create({
     container: {
         flexDirection: "row",
         alignItems: "center",
-        flexWrap: "wrap"
+        flexWrap: "wrap",
     },
     border: {
         flex: 1,
@@ -48,10 +58,10 @@ const styles = react_native_1.StyleSheet.create({
         paddingVertical: 10,
         marginHorizontal: 10,
         borderRadius: 8,
-        paddingHorizontal: 10
+        paddingHorizontal: 10,
     },
     icon: {
-        marginRight: 0
+        marginRight: 0,
     },
     flex: {
         flex: 1,
@@ -64,13 +74,13 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: "center",
         width: 16,
         height: 16,
-        borderRadius: 16
+        borderRadius: 16,
     },
     badgeText: {
         color: "#ffffff",
         fontSize: 11,
         paddingLeft: 1,
-        fontWeight: "bold"
+        fontWeight: "bold",
     },
     values: {
         marginLeft: -3,
@@ -81,7 +91,7 @@ const styles = react_native_1.StyleSheet.create({
     valueWrapper: {
         flex: 1,
         alignItems: "stretch",
-        justifyContent: "center"
+        justifyContent: "center",
     },
     value: {
         backgroundColor: "transparent",
@@ -100,14 +110,14 @@ const styles = react_native_1.StyleSheet.create({
         fontSize: 11,
         paddingLeft: 1,
         fontWeight: "bold",
-        textAlign: "center"
+        textAlign: "center",
     },
     valueActive: {
         backgroundColor: "#00B3FF",
         borderColor: "#00B3FF",
-        borderWidth: 1
+        borderWidth: 1,
     },
     valueTextActive: {
         color: "#ffffff",
-    }
+    },
 });

package/dist/Menus/MenuUserItem.d.ts

@@ -3,10 +3,12 @@ import { ImageSourcePropType, StyleProp } from "react-native";
 declare type Props = {
     style?: StyleProp<any>;
     avatarStyle?: StyleProp<any>;
+    icon?: string;
     userName: string;
     avatar: ImageSourcePropType;
     color?: string;
     isOnline?: boolean;
+    onNamePress?: () => void;
 };
 export declare const MenuUserItemComponent: React.FC<Props>;
 export declare const MenuUserItem: React.FC<Props>;

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

@@ -1 +1 @@
-{"version":3,"file":"MenuUserItem.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuUserItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAC;AAKhF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4BjD,CAAC;AAgCF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAqC,CAAC"}
+{"version":3,"file":"MenuUserItem.d.ts","sourceRoot":"","sources":["../../src/Menus/MenuUserItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,mBAAmB,EACnB,SAAS,EAIV,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqDjD,CAAC;AAmCF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAqC,CAAC"}

package/dist/Menus/MenuUserItem.js

@@ -9,13 +9,18 @@ const react_native_1 = require("react-native");
 const Utils_1 = require("../Utils");
 const Typography_1 = require("../Typography");
 const Themes_1 = require("../Themes");
-const MenuUserItemComponent = ({ children, color, isOnline, avatar, style, avatarStyle, userName, }) => {
+const MenuUserItemComponent = ({ children, color, isOnline, avatar, icon, style, onNamePress, avatarStyle, userName, }) => {
     const { baseTextColor } = Themes_1.useColors();
     const textColor = color ? color : baseTextColor;
+    const _renerContent = () => {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            !!icon && (react_1.default.createElement(Typography_1.Typography, { size: 14, style: styles.icon }, icon)),
+            !!avatar && (react_1.default.createElement(Utils_1.FadeImage, { opacity: 0.1, source: avatar, style: [styles.avatar, avatarStyle] })),
+            !!isOnline && react_1.default.createElement(react_native_1.View, { style: styles.isOnline }),
+            react_1.default.createElement(Typography_1.Typography, { size: 14, color: textColor, style: styles.name }, userName)));
+    };
     return (react_1.default.createElement(react_native_1.View, { style: [styles.wrapper, style] },
-        !!avatar && (react_1.default.createElement(Utils_1.FadeImage, { opacity: 0.1, source: avatar, style: [styles.avatar, avatarStyle] })),
-        !!isOnline && react_1.default.createElement(react_native_1.View, { style: styles.isOnline }),
-        react_1.default.createElement(Typography_1.Typography, { size: 14, color: textColor, style: styles.name }, userName),
+        !!onNamePress ? (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: onNamePress, style: { flex: 1, flexDirection: "row" } }, _renerContent())) : (_renerContent()),
         children));
 };
 exports.MenuUserItemComponent = MenuUserItemComponent;
@@ -34,6 +39,9 @@ const styles = react_native_1.StyleSheet.create({
         marginRight: 8,
         borderRadius: 5,
     },
+    icon: {
+        marginRight: 10,
+    },
     name: {
         flex: 1,
     },

package/dist/Messages/MessageList.d.ts

@@ -8,7 +8,6 @@ declare type Props = {
     faded?: boolean;
     deadFocus?: boolean;
     vampiresFocus?: boolean;
-    myName?: string;
     appearance?: "dark" | "light";
     messages: Array<MessageItem>;
     labelFormatter: (user: string) => {

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

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/Messages/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAML,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,aAAK,WAAW,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,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,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,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,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqIvC,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/Messages/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAML,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,aAAK,WAAW,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,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,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmGvC,CAAC"}