koylu-vampir-design 1.0.19 → 1.0.20

package/dist/Alerts/AlertButtons.js

@@ -14,7 +14,7 @@ const AlertButtons = ({ options, payload }) => {
         options.onAccept(payload);
     };
     return (react_1.default.createElement(react_native_1.View, { style: styles.buttons },
-        react_1.default.createElement(__1.MenuButton, { style: styles.button, size: "medium", type: "outline", onPress: options.onClose ? options.onClose : () => closeAlert() }, options.cancelText ? options.cancelText : options.onAccept ? "VAZGEÇ" : "KAPAT"),
+        react_1.default.createElement(__1.MenuButton, { style: styles.button, size: "medium", type: options.cancelType || "outline", onPress: options.onClose ? options.onClose : () => closeAlert() }, options.cancelText ? options.cancelText : options.onAccept ? "VAZGEÇ" : "KAPAT"),
         !!options.onAccept && (react_1.default.createElement(__1.MenuButton, { style: styles.button, size: "medium", type: options.acceptType || "success", onPress: onAcceptPress }, options.acceptText || "UYGULA"))));
 };
 exports.AlertButtons = AlertButtons;

package/dist/Alerts/AlertProvider.d.ts

@@ -8,6 +8,7 @@ declare type AlertOptionsType = {
     currentValue?: string;
     acceptType?: string;
     cancelText?: string;
+    cancelType?: string;
     description?: string;
 };
 declare type AlertProp = {

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,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,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"}

package/dist/GameParts/TreasureInfo.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
 import { GestureResponderEvent } from "react-native";
 declare type Props = {
-    treasure: number;
+    readyButtonText: string;
+    readyText: string;
     onReadyPress: (event?: GestureResponderEvent) => void;
 };
 export declare const TreasureInfo: React.FC<Props>;

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

@@ -1 +1 @@
-{"version":3,"file":"TreasureInfo.d.ts","sourceRoot":"","sources":["../../src/GameParts/TreasureInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAKpF,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAA;AACD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+BvC,CAAC"}
+{"version":3,"file":"TreasureInfo.d.ts","sourceRoot":"","sources":["../../src/GameParts/TreasureInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAMpF,aAAK,KAAK,GAAG;IACX,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAA;AACD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuBvC,CAAC"}

package/dist/GameParts/TreasureInfo.js

@@ -28,26 +28,15 @@ const react_native_1 = require("react-native");
 const Buttons_1 = require("../Buttons");
 const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
 const Utils_1 = require("../Utils");
-exports.TreasureInfo = React.memo(({ treasure, onReadyPress }) => {
-    const winElement = treasure < 10 ? "elmas" : "altın";
-    const winElementShareText = treasure < 10
-        ? "Oyun sonunda hazinedeki elmaslar tüm kazananalara dağıtılacak."
-        : "Oyun sonunda hazinedeki altınlar kazananalar arasında paylaştırılacaktır.";
-    return (React.createElement(react_native_1.View, { style: styles.wrapper },
-        React.createElement(react_native_linear_gradient_1.default, { colors: ["#206A97", "#56C0BE", "#dc72ff"], start: { x: 0.5, y: 0 }, end: { x: 0.8, y: 1.2 }, style: styles.frame },
-            React.createElement(react_native_1.View, { style: styles.info },
-                React.createElement(react_native_1.Text, { style: styles.infoText },
-                    "Bu k\u00F6y\u00FCn hazinesinde tam",
-                    "\n",
-                    React.createElement(react_native_1.Text, { style: styles.boldText }, treasure),
-                    " ",
-                    winElement,
-                    " ",
-                    "var. ",
-                    "\n",
-                    winElementShareText),
-                React.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "prize"), style: styles.infoImage })),
-            React.createElement(Buttons_1.MenuButton, { type: "success", size: "large", onPress: onReadyPress }, "HAZIRIM"))));
+const Themes_1 = require("../Themes");
+exports.TreasureInfo = React.memo(({ readyButtonText, readyText, onReadyPress }) => {
+    return (React.createElement(Themes_1.ThemeProvider, { appearance: "dark" },
+        React.createElement(react_native_1.View, { style: styles.wrapper },
+            React.createElement(react_native_linear_gradient_1.default, { colors: ["#206A97", "#56C0BE", "#dc72ff"], start: { x: 0.5, y: 1 }, end: { x: 0.8, y: 1.2 }, style: styles.frame },
+                React.createElement(react_native_1.View, { style: styles.info },
+                    React.createElement(react_native_1.Text, { style: styles.infoText }, readyText),
+                    React.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "prize"), style: styles.infoImage })),
+                React.createElement(Buttons_1.MenuButton, { type: "success", size: "large", onPress: onReadyPress }, readyButtonText)))));
 });
 const styles = react_native_1.StyleSheet.create({
     wrapper: {

package/dist/Messages/MessageInput.d.ts

@@ -6,6 +6,8 @@ declare type Props = {
     fastMessages?: Array<string>;
     onSendPress?: (message: string) => void;
     placeHolder?: string;
+    sendButtonText?: string;
+    fastMessagesText?: string;
 };
 export declare const MessageInput: React.FC<Props>;
 export {};

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

@@ -1 +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"}
+{"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;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+FxC,CAAC"}

package/dist/Messages/MessageInput.js

@@ -27,7 +27,7 @@ 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 MessageInput = ({ style, disabled, placeHolder = "", fastMessages, onSendPress, sendButtonText = "Gönder", fastMessagesText = "HAZIR MESAJLAR" }) => {
     const [text, setText] = react_1.useState("");
     const [showModal, setShowModal] = react_1.useState(false);
     const lastSent = react_1.useRef(0);
@@ -60,11 +60,11 @@ const MessageInput = ({ style, disabled, placeHolder = "", fastMessages, onSendP
     };
     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.TextInput, { value: text, autoCorrect: false, maxLength: 140, editable: !disabled, keyboardAppearance: placeHolder ? "dark" : "light", enablesReturnKeyAutomatically: false, returnKeyLabel: sendButtonText, 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.Text, { style: styles.sendButtonText }, sendButtonText)),
         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) },
@@ -73,7 +73,7 @@ const MessageInput = ({ style, disabled, placeHolder = "", fastMessages, onSendP
                             marginBottom: insets.bottom + 40,
                             backgroundColor: baseBackgroundColor
                         }] },
-                    react_1.default.createElement(Menus_1.MenuLabel, null, "HAZIR MESAJLAR"),
+                    react_1.default.createElement(Menus_1.MenuLabel, null, fastMessagesText),
                     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);
                     }))))));

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,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"}
+{"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,CAuFvC,CAAC"}

package/dist/Messages/MessageList.js

@@ -56,15 +56,15 @@ const MessageList = ({ style, messages, labelFormatter, appearance = "light", fa
         }
         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: [
+                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 : {},
                         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)));
+                        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;

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarSelector.d.ts","sourceRoot":"","sources":["../../src/Players/AvatarSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsF1C,CAAC"}
+{"version":3,"file":"AvatarSelector.d.ts","sourceRoot":"","sources":["../../src/Players/AvatarSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuF1C,CAAC"}

package/dist/Players/AvatarSelector.js

@@ -31,8 +31,9 @@ const AvatarSelector = ({ items = [], selected = 0, onSelect, children }) => {
     const _carousel = react_1.default.useRef();
     const _renderItem = ({ item, index }) => {
         const avatarSource = Utils_1.Assets.getSource("avatar", item);
+        let isSelected = selected === item || selected === index;
         return (react_1.default.createElement(react_native_1.View, { style: styles.slide, key: item },
-            react_1.default.createElement(react_native_1.View, { style: styles.imageWrapper, accessibilityLabel: `${index + 1}. sıradaki avatar.` },
+            react_1.default.createElement(react_native_1.View, { style: [styles.imageWrapper, isSelected ? styles.imageWrapperSelected : {}], accessibilityLabel: `${index + 1}. sıradaki avatar.` },
                 react_1.default.createElement(Utils_1.FadeImage, { opacity: 0.2, source: avatarSource, style: styles.image }))));
     };
     react_1.useEffect(() => {
@@ -83,9 +84,13 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: "center"
     },
     imageWrapper: {
-        marginBottom: 30,
-        backgroundColor: "#ffffff22",
-        borderRadius: 16
+        marginBottom: 40,
+        backgroundColor: "#00000022",
+        padding: 5,
+        borderRadius: 20
+    },
+    imageWrapperSelected: {
+        backgroundColor: '#722bc9',
     },
     leftArrow: {
         position: "absolute",

package/dist/Players/PlayerBg.js

@@ -18,7 +18,7 @@ exports.PlayerBg = react_1.default.memo(({ fr, bg, isTarget, isDead, radius }) =
     }
     const radiusStyle = { borderRadius: radius || 12 };
     if (fr && !isDead && !isTarget) {
-        return react_1.default.createElement(Utils_1.FadeImage, { source: Utils_1.Assets.getSource("frame", fr), style: [react_native_1.StyleSheet.absoluteFill, radiusStyle] });
+        return react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("frame", fr), style: [react_native_1.StyleSheet.absoluteFill, radiusStyle] });
     }
     return react_1.default.createElement(react_native_linear_gradient_1.default, { style: [react_native_1.StyleSheet.absoluteFill, radiusStyle], colors: colors, start: { x: 1, y: 0 } });
 });

package/dist/Players/PlayerNumber.js

@@ -12,7 +12,7 @@ const PlayerNumber = ({ isSelf, number, size }) => {
     }
     const textSize = { fontSize: size && size < 100 ? 11 : 14 };
     return react_1.default.createElement(react_native_1.View, { style: [styles.number, isSelf && styles.numberIsSelf] },
-        react_1.default.createElement(react_native_1.Text, { accessibilityLabel: `${number} numara`, style: [styles.numberText, textSize, isSelf && styles.numberIsSelfText] }, number));
+        react_1.default.createElement(react_native_1.Text, { accessibilityLabel: `${number} numara.`, style: [styles.numberText, textSize, isSelf && styles.numberIsSelfText] }, number));
 };
 exports.PlayerNumber = PlayerNumber;
 const styles = react_native_1.StyleSheet.create({

package/dist/Players/PlayerView.js

@@ -58,10 +58,10 @@ const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, number, isAn
         radiusStyle
     ];
     if (empty) {
-        return (react_1.default.createElement(Views_1.TouchableView, { style: wrapperStyle, onLongPress: onLongPress },
+        return (react_1.default.createElement(Views_1.TouchableView, { accessibilityLabel: "Boş kutu.", style: wrapperStyle, onLongPress: onLongPress },
             react_1.default.createElement(PlayerBg_1.PlayerBg, { bg: ["#00000044", "#33333322"], radius: size && size < 100 ? 8 : 12 })));
     }
-    return (react_1.default.createElement(Views_1.TouchableView, Object.assign({ style: wrapperStyle }, { onLongPress, onPress }),
+    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, isDead, isTarget })),
         !!isSaved && react_1.default.createElement(Animatable.View, { animation: "pulse", iterationCount: "infinite", style: styles.playerBorder },
             react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "playerBorderTR"), style: [styles.playerBorderTR, { tintColor: "yellow" }] }),
@@ -79,15 +79,15 @@ const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, number, isAn
             !!isPaired && react_1.default.createElement(Animatable.Image, { animation: "pulse", iterationCount: "infinite", source: Utils_1.Assets.getSource("icon", "eroPair"), style: [styles.erosPairImage, { tintColor: "#fa80fa" }] }),
             !!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", size: 11, bold: true }, targetNumber)))),
-        react_1.default.createElement(react_native_1.View, { style: [styles.bottomInfo, { backgroundColor: baseBackgroundColor }] },
+                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: baseBackgroundColor }], accessibilityLiveRegion: "assertive" },
             !!IsAfkComponent && react_1.default.createElement(IsAfkComponent, { userId: userId }),
             !!MicEffectComponent && react_1.default.createElement(MicEffectComponent, { voiceUserId: voiceUserId }),
-            !!voiceUserId && react_1.default.createElement(Utils_1.Icon, { name: "mic", color: baseTextColor }),
-            !!role && isRoleVisible && react_1.default.createElement(Animatable.Image, { animation: "slideInUp", style: [styles.role, { tintColor: baseTextColor }], source: Utils_1.Assets.getSource("role", visibleRole || role, "small") }),
+            (!!voiceUserId && !!IsAfkComponent) && react_1.default.createElement(Utils_1.Icon, { accessibilityLabel: "Microfonda.", name: "mic", color: baseTextColor }),
+            !!role && isRoleVisible && react_1.default.createElement(Animatable.Image, { accessibilityLabel: `Rolü: ${role}.`, animation: "slideInUp", style: [styles.role, { tintColor: baseTextColor }], source: Utils_1.Assets.getSource("role", visibleRole || role, "small") }),
             !!isDead && react_1.default.createElement(Typography_1.Typography, { size: 12, bold: true }, deadReasonMap(deadReason)),
             !!targetPoint && react_1.default.createElement(react_native_1.View, { style: styles.target },
-                react_1.default.createElement(Typography_1.Typography, { color: "red", size: 11, bold: true }, targetPoint))),
+                react_1.default.createElement(Typography_1.Typography, { color: "red", accessibilityLabel: `üzerinde ${targetPoint} oy var.`, size: 11, bold: true }, targetPoint))),
         !!border && react_1.default.createElement(react_native_1.View, { style: [react_native_1.StyleSheet.absoluteFill, radiusStyle,
                 { borderColor: border, borderWidth: 2 }] })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "koylu-vampir-design",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "Design System for Koylu Vampir Game",
   "keywords": [
     "react-native",