koylu-vampir-design 1.0.26 → 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/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/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"}

package/dist/Messages/MessageList.js

@@ -26,7 +26,8 @@ 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 MessageList = ({ style, messages, labelFormatter, appearance = "light", faded, myName, deadFocus, vampiresFocus, }) => {
+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
@@ -35,7 +36,6 @@ const MessageList = ({ style, messages, labelFormatter, appearance = "light", fa
             let labelStyle = {};
             return { displayName, labelStyle };
         };
-    const [scrollOffset, setScrollOffset] = react_1.default.useState(0);
     const _renderItem = ({ item, index }) => {
         const unFocusMessage = {};
         const isDark = appearance === "dark";
@@ -56,46 +56,26 @@ const MessageList = ({ style, messages, labelFormatter, appearance = "light", fa
         if (!vampiresFocus && item.vampirsOnly) {
             return null;
         }
-        const isSpecial = !item.number;
         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,
-                    myName === item.user ? styles.myMessageRow : {},
-                ] },
+            react_1.default.createElement(react_native_1.View, { style: [styles.messageWrapper, unFocusMessage] },
                 react_1.default.createElement(react_native_1.View, { accessible: true, accessibilityLabel: `${item.number ? item.number + " numara." : ""} ${displayName}: ${item.message}`, style: [
                         styles.messageUserLabel,
                         isDark ? styles.messageUserLabelNight : {},
-                        isSpecial ? styles.messageUserCenter : {},
-                        myName === item.user ? styles.myMessage : {},
+                        labelStyle,
                     ] },
-                    !!item.number && (react_1.default.createElement(react_native_1.View, { style: [
-                            styles.messageNumber,
-                            myName === item.user ? styles.myMessageNumber : {},
-                        ] },
-                        react_1.default.createElement(react_native_1.Text, { style: [
-                                styles.messageNumberText,
-                                myName === item.user ? styles.myMessageNumberText : {},
-                            ], accessible: false }, item.number))),
-                    react_1.default.createElement(react_native_1.View, { style: [styles.messageUserView, labelStyle] },
-                        react_1.default.createElement(react_native_1.Text, { style: [styles.messageUser], accessible: false }, displayName))),
-                react_1.default.createElement(react_native_1.Text, { style: [
-                        styles.messageText,
-                        myName === item.user ? styles.myMessageText : {},
-                        textColor,
-                        isSpecial ? styles.messageTextCenter : {},
-                    ], accessible: false }, item.message))));
+                    !!item.number && (react_1.default.createElement(react_native_1.View, { style: styles.messageNumber },
+                        react_1.default.createElement(react_native_1.Text, { style: styles.messageNumberText, accessible: false }, item.number))),
+                    react_1.default.createElement(react_native_1.Text, { style: [styles.messageUser], accessible: false }, displayName)),
+                react_1.default.createElement(react_native_1.Text, { style: [styles.messageText, textColor], accessible: false }, item.message))));
     };
     const _onContentSizeChange = () => {
         var _a;
-        if (messages.length > 3 && scrollOffset < 50) {
+        if (messages.length > 3) {
             (_a = flatListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToOffset({ offset: 0, animated: true });
         }
     };
-    return (react_1.default.createElement(react_native_1.View, { 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, onScroll: (event) => {
-                setScrollOffset(event.nativeEvent.contentOffset.y);
-            }, data: messages, contentContainerStyle: { paddingBottom: 10 }, style: [styles.flatList, appearance === "dark" && styles.flatListDark], renderItem: _renderItem })));
+    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({
@@ -106,7 +86,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     flatList: {
         paddingHorizontal: 8,
-        backgroundColor: "#ffffff66",
+        backgroundColor: "#ffffff99",
         borderRadius: 16,
     },
     flatListDark: {
@@ -117,13 +97,9 @@ const styles = react_native_1.StyleSheet.create({
     },
     messageRow: {
         paddingBottom: 8,
-        paddingRight: 30,
-    },
-    myMessageRow: {
-        flexDirection: "column",
     },
     messageWrapper: {
-        flexDirection: "column",
+        flexDirection: "row",
     },
     messageUserLabel: {
         flexDirection: "row",
@@ -131,70 +107,40 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: "center",
         alignSelf: "flex-start",
         borderRadius: 6,
-        paddingVertical: 0,
+        paddingVertical: 3,
         paddingHorizontal: 6,
+        backgroundColor: "rgba(42,40,40,0.4)",
         marginRight: 5,
-        marginBottom: 2,
-    },
-    myMessage: {
-        flexDirection: "row-reverse",
-        alignSelf: "flex-end",
+        marginBottom: 5,
     },
     messageUserLabelNight: {
-    //    backgroundColor: "rgba(162,157,157,0.4)",
-    },
-    messageUserCenter: {
-        //alignSelf: "center",
-        paddingLeft: 30,
-    },
-    messageUserView: {
-        backgroundColor: "rgba(42,40,40,0.4)",
-        borderRadius: 12,
-        marginLeft: 6,
-        marginRight: 6,
+        backgroundColor: "rgba(162,157,157,0.4)",
     },
     messageUser: {
-        lineHeight: 18,
+        lineHeight: 16,
+        paddingBottom: 0,
+        marginBottom: 0,
         color: "#ffffff",
         fontSize: 14,
-        paddingVertical: 2,
-        paddingHorizontal: 8,
     },
     messageText: {
-        alignSelf: "flex-start",
-        paddingLeft: 36,
-        marginBottom: 5,
+        alignSelf: "center",
+        marginBottom: 2,
         flex: 1,
         fontSize: 12,
     },
-    myMessageText: {
-        alignSelf: "flex-end",
-        paddingRight: 36,
-    },
-    messageTextCenter: {
-        paddingHorizontal: 20,
-        //    alignSelf: "center",
-        //    textAlign: "center",
-    },
     messageNumber: {
         backgroundColor: "rgba(42,40,40,0.4)",
         width: 20,
         borderRadius: 10,
+        marginRight: 6,
         alignItems: "center",
         justifyContent: "center",
     },
-    myMessageNumber: {
-        backgroundColor: "#fefe11",
-    },
-    myMessageNumberText: {
-        color: "#000000",
-    },
     messageNumberText: {
         color: "#ffffff",
         textAlign: "center",
-        fontWeight: "bold",
-        fontSize: 14,
-        lineHeight: 16,
+        fontSize: 12,
     },
     lightText: {
         color: "#cecece",

package/dist/Players/ArtistView.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+import { StyleProp, GestureResponderEvent } from "react-native";
+declare type Props = {
+    userId?: string;
+    alwaysGift?: string;
+    avatar?: string | number;
+    bg?: any;
+    bc?: string;
+    isNight?: boolean;
+    size?: number;
+    space?: number;
+    name?: string;
+    number?: string | number;
+    style?: StyleProp<any>;
+    deadAvatar?: string;
+    role?: string;
+    visibleRole?: string;
+    customName?: string;
+    deadReason?: string;
+    fr?: string;
+    invisible?: boolean;
+    isDead?: boolean;
+    isTarget?: boolean;
+    isSelf?: boolean;
+    isAnonymous?: boolean;
+    gifts?: Array<string>;
+    empty?: boolean;
+    voiceUserId?: string | number;
+    roleVisible?: boolean;
+    da?: string | number;
+    key?: string;
+    micEffectComponent?: React.FC<any>;
+    isAfkComponent?: React.FC<any>;
+    onPress?: (event?: GestureResponderEvent) => void;
+    onLongPress?: (event?: GestureResponderEvent) => void;
+    targetPoint?: number;
+    myTarget?: string;
+    isSaved?: boolean;
+    isPaired?: boolean;
+    hideSelections?: boolean;
+    targetNumber?: string;
+};
+export declare const ArtistViewBase: React.FC<Props>;
+export declare const ArtistView: React.FC<Props>;
+export {};
+//# sourceMappingURL=ArtistView.d.ts.map

package/dist/Players/ArtistView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtistView.d.ts","sourceRoot":"","sources":["../../src/Players/ArtistView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAWtB,aAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAaF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwK1C,CAAC;AAoHF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAA8B,CAAC"}

package/dist/Players/ArtistView.js

@@ -0,0 +1,205 @@
+"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.ArtistView = exports.ArtistViewBase = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Views_1 = require("../Views");
+const Animatable = __importStar(require("react-native-animatable"));
+const Utils_1 = require("../Utils");
+const PlayerName_1 = require("./PlayerName");
+const PlayerBg_1 = require("./PlayerBg");
+const PlayerGifts_1 = require("./PlayerGifts");
+const Typography_1 = require("../Typography");
+const Themes_1 = require("../Themes");
+const deadReasonMap = (reason) => {
+    switch (reason) {
+        case "exit":
+            return "kaçtı";
+        case "avci":
+            return "vuruldu";
+        default:
+            return "öldü";
+    }
+};
+const ArtistViewBase = ({ isSelf, name, isNight, avatar, userId, bg, bc, da, number, isAnonymous, fr, invisible, customName, size, space, empty, isDead, deadReason, isTarget, gifts, voiceUserId, role, visibleRole, onPress, onLongPress, micEffectComponent: MicEffectComponent, isAfkComponent: IsAfkComponent, roleVisible, targetPoint, myTarget, isSaved, targetNumber, isPaired, hideSelections, }) => {
+    const { baseBackgroundColor, baseTextColor } = Themes_1.useColors();
+    const border = bc ? bc : !isAnonymous ? "#ffffff" : null;
+    const isRoleVisible = roleVisible || isSelf || isDead;
+    const radiusStyle = {
+        borderRadius: size && size < 100 ? 8 : 12,
+    };
+    const wrapperStyle = [
+        styles.wrapper,
+        size && { width: size },
+        size && space && { width: size - space * 2, margin: space },
+        radiusStyle,
+    ];
+    if (invisible) {
+        return (react_1.default.createElement(Views_1.TouchableView, { accessibilityLabel: "Boşluk", style: wrapperStyle }));
+    }
+    if (empty) {
+        return (react_1.default.createElement(Views_1.TouchableView, { accessibilityLabel: "Boş kutu.", style: wrapperStyle, onLongPress: onLongPress },
+            react_1.default.createElement(PlayerBg_1.PlayerBg, { bg: ["#33333322", "#00000033"], radius: 10 })));
+    }
+    const artistBg = bg || ["#8DF30A", "#3781C6", "#32D3D0", "#A895FF"];
+    const artistBorder = border || "#ffffff";
+    const nameColor = isNight ? "#4D7D8C" : "#222222";
+    const playerCustomName = customName ? customName.split("#")[0] || "" : name;
+    return (react_1.default.createElement(Views_1.TouchableView, Object.assign({ key: userId, style: wrapperStyle }, { onLongPress, onPress }),
+        react_1.default.createElement(PlayerBg_1.PlayerBg, Object.assign({}, { fr, bg: artistBg, isDead }, { isTarget: hideSelections ? false : isTarget })),
+        react_1.default.createElement(PlayerName_1.PlayerName, Object.assign({}, { name, customName: `${playerCustomName}${nameColor}`, size }, { fontSize: playerCustomName && playerCustomName.length > 10 ? 8 : 10, style: styles.name })),
+        !!avatar && (react_1.default.createElement(react_native_1.View, { style: [styles.avatarWrapper, !!da && styles.deadAvatarWrapper] },
+            !!isDead && !!da ? (react_1.default.createElement(Animatable.Image, { animation: "slideInUp", source: Utils_1.Assets.getSource("tombStone", da), style: [styles.avatar, styles.deadAvatar] })) : (react_1.default.createElement(Utils_1.FadeImage, { source: Utils_1.Assets.getSource("avatar", avatar), style: [styles.avatar] })),
+            react_1.default.createElement(PlayerGifts_1.PlayerGifts, { gifts: gifts, size: 50 }),
+            !!isPaired && (react_1.default.createElement(Animatable.Image, { animation: "pulse", iterationCount: "infinite", source: Utils_1.Assets.getSource("icon", "eroPair"), style: [styles.erosPairImage, { tintColor: "#fa80fa" }] })),
+            !hideSelections && !!targetNumber && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Utils_1.Icon, { style: styles.targetNumberIcon, name: "chatbox" }),
+                react_1.default.createElement(Typography_1.Typography, { style: styles.targetNumber, color: "green", accessibilityLabel: `Seçtiği ${targetNumber}`, size: 11, bold: true }, targetNumber))))),
+        react_1.default.createElement(react_native_1.View, { style: [styles.bottomInfo, { backgroundColor: "#f8f8ff" }], accessibilityLiveRegion: "assertive" },
+            !!IsAfkComponent && react_1.default.createElement(IsAfkComponent, { userId: userId }),
+            !!MicEffectComponent && (react_1.default.createElement(MicEffectComponent, { dark: true, voiceUserId: voiceUserId })),
+            react_1.default.createElement(Utils_1.Icon, { accessibilityLabel: "Microfonda.", font: "MaterialCommunityIcons", name: !!voiceUserId && !!IsAfkComponent
+                    ? "microphone-variant"
+                    : "microphone-off", color: nameColor })),
+        !!border && (react_1.default.createElement(react_native_1.View, { style: [
+                react_native_1.StyleSheet.absoluteFill,
+                radiusStyle,
+                { borderColor: border, borderWidth: 2 },
+            ] }))));
+};
+exports.ArtistViewBase = ArtistViewBase;
+const { width, height } = react_native_1.Dimensions.get("window");
+const isSmallDevice = height < 740;
+const isMiniDevice = height < 600;
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        position: "relative",
+        width: 180,
+        aspectRatio: 1.2,
+    },
+    radius: {
+        borderRadius: 12,
+    },
+    avatarWrapper: {
+        position: "relative",
+        marginBottom: "auto",
+    },
+    avatar: {
+        width: isSmallDevice ? "55%" : "58%",
+        aspectRatio: 1,
+        borderRadius: 8,
+        alignSelf: "center",
+    },
+    deadAvatarWrapper: {
+        marginTop: "auto",
+        marginBottom: 0,
+    },
+    erosPairImage: {
+        width: 6 * 2.5,
+        height: 6 * 2.5,
+        resizeMode: "contain",
+        position: "absolute",
+        bottom: 0,
+        left: "5%",
+    },
+    targetNumber: {
+        position: "absolute",
+        bottom: 3,
+        width: 20,
+        textAlign: "center",
+        marginLeft: -7,
+        left: "50%",
+    },
+    targetNumberIcon: {
+        position: "absolute",
+        bottom: -4,
+        left: "50%",
+        marginLeft: -8,
+        color: "#ffffff",
+        fontSize: 22,
+    },
+    target: {
+        width: 20,
+        marginBottom: 1,
+        height: "80%",
+        borderRadius: 4,
+        borderColor: "#ff0000",
+        borderWidth: 1,
+        backgroundColor: "#ff000033",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    role: {
+        height: 20,
+        marginHorizontal: 5,
+        maxHeight: "80%",
+        width: 20,
+        marginTop: "auto",
+        marginBottom: "auto",
+        resizeMode: "contain",
+    },
+    deadAvatar: {
+        borderRadius: 0,
+        marginTop: -10,
+        width: "60%",
+        marginBottom: -10,
+    },
+    name: {
+        position: "relative",
+        zIndex: 1,
+        marginTop: -8,
+        marginBottom: 2,
+        paddingHorizontal: 4,
+        paddingVertical: 2,
+        backgroundColor: "#ffffff",
+        borderRadius: 20,
+        marginLeft: "auto",
+        marginRight: "auto",
+        shadowColor: "#000000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.2,
+        shadowRadius: 2,
+        elevation: 2,
+    },
+    bottomInfo: {
+        position: "relative",
+        zIndex: 1,
+        backgroundColor: "#ffffff",
+        overflow: "hidden",
+        minWidth: 16,
+        height: 20,
+        width: "auto",
+        marginLeft: "auto",
+        marginRight: "auto",
+        marginBottom: -9,
+        marginTop: "auto",
+        borderRadius: 20,
+        paddingHorizontal: 4,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-evenly",
+    },
+});
+exports.ArtistView = react_1.default.memo(exports.ArtistViewBase);

package/dist/Players/GuestLights.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export default function GuestLights({ isNight, perdeOpen }: {
+    isNight: any;
+    perdeOpen: any;
+}): JSX.Element;
+//# sourceMappingURL=GuestLights.d.ts.map

package/dist/Players/GuestLights.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuestLights.d.ts","sourceRoot":"","sources":["../../src/Players/GuestLights.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;;;CAAA,eAsJzD"}