koylu-vampir-design 1.0.28 → 1.0.30

package/dist/Buttons/BGFrame.d.ts

@@ -3,6 +3,7 @@ import { GestureResponderEvent } from "react-native";
 declare type Props = {
     selected?: boolean;
     onPress: (event?: GestureResponderEvent) => void;
+    have: boolean;
     frame: {
         [key: string]: any;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"BGFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/BGFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAIpF,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC/B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAanC,CAAC"}
+{"version":3,"file":"BGFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/BGFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAItB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyBnC,CAAC"}

package/dist/Buttons/BGFrame.js

@@ -8,35 +8,44 @@ const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const Views_1 = require("../Views");
 const Utils_1 = require("../Utils");
-const BGFrame = ({ selected, onPress, frame }) => {
+const BGFrame = ({ selected, onPress, frame, have, }) => {
     const frameSource = Utils_1.Assets.getSource("frame", frame.path);
-    return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
+    return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
             styles.colorFrameWrapper,
             selected ? styles.colorFrameWrapperSelected : {},
         ] },
-        react_1.default.createElement(Utils_1.FadeImage, { style: styles.frameImage, source: frameSource }));
+        react_1.default.createElement(Utils_1.FadeImage, { style: styles.frameImage, source: frameSource }),
+        !!have && (react_1.default.createElement(react_native_1.Image, { style: styles.have, source: Utils_1.Assets.getSource("image", "tickTrg") }))));
 };
 exports.BGFrame = BGFrame;
 const styles = react_native_1.StyleSheet.create({
     colorFrameWrapper: {
         width: 94,
         height: 94,
-        backgroundColor: 'transparent',
+        backgroundColor: "transparent",
         borderWidth: 2,
         borderRadius: 24,
-        borderColor: 'transparent',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
+        borderColor: "transparent",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
     },
     colorFrameWrapperSelected: {
-        borderColor: "#ffff00"
+        borderColor: "#ffff00",
     },
     frameImage: {
         width: 84,
         height: 84,
         borderRadius: 20,
         borderWidth: 2,
-        backgroundColor: '#ca8989',
+        backgroundColor: "#ca8989",
+    },
+    have: {
+        position: "absolute",
+        width: 40,
+        height: 40,
+        left: 2,
+        top: 2,
+        borderTopLeftRadius: 20,
     },
 });

package/dist/Buttons/ColorFrame.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { GestureResponderEvent } from "react-native";
 declare type Props = {
     selected?: boolean;
+    have?: boolean;
     onPress: (event?: GestureResponderEvent) => void;
     customFrame: {
         [key: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"ColorFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/ColorFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAKpF,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACrC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAUtC,CAAC"}
+{"version":3,"file":"ColorFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/ColorFrame.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,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+BtC,CAAC"}

package/dist/Buttons/ColorFrame.js

@@ -7,12 +7,17 @@ exports.ColorFrame = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const Views_1 = require("../Views");
+const Utils_1 = require("../Utils");
 const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
-const ColorFrame = ({ selected, onPress, customFrame }) => {
+const ColorFrame = ({ selected, onPress, customFrame, have, }) => {
     const colors = customFrame.bg;
     const borderColor = customFrame.bc;
-    return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [styles.colorFrameWrapper, selected ? styles.colorFrameWrapperSelected : {}] },
-        react_1.default.createElement(react_native_linear_gradient_1.default, { style: [styles.colorFrame, { borderColor }], colors: colors, start: { x: 1, y: 0 } }));
+    return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
+            styles.colorFrameWrapper,
+            selected ? styles.colorFrameWrapperSelected : {},
+        ] },
+        react_1.default.createElement(react_native_linear_gradient_1.default, { style: [styles.colorFrame, { borderColor }], colors: colors, start: { x: 1, y: 0 } }),
+        !!have && (react_1.default.createElement(react_native_1.Image, { style: styles.have, source: Utils_1.Assets.getSource("image", "tickTrg") }))));
 };
 exports.ColorFrame = ColorFrame;
 const styles = react_native_1.StyleSheet.create({
@@ -25,16 +30,24 @@ const styles = react_native_1.StyleSheet.create({
         borderColor: "transparent",
         flexDirection: "column",
         justifyContent: "center",
-        alignItems: "center"
+        alignItems: "center",
     },
     colorFrameWrapperSelected: {
-        borderColor: "#ffff00"
+        borderColor: "#ffff00",
     },
     colorFrame: {
         width: 54,
         height: 54,
         borderRadius: 32,
         borderWidth: 2,
-        backgroundColor: "#ca8989"
-    }
+        backgroundColor: "#ca8989",
+    },
+    have: {
+        position: "absolute",
+        width: 40,
+        height: 40,
+        left: 0,
+        top: 0,
+        borderRadius: 28,
+    },
 });

package/dist/Buttons/DeadFrame.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { GestureResponderEvent } from "react-native";
 declare type Props = {
     selected?: boolean;
+    have?: boolean;
     onPress: (event?: GestureResponderEvent) => void;
     avatar: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DeadFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/DeadFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAKpF,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBrC,CAAC"}
+{"version":3,"file":"DeadFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/DeadFrame.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,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6BrC,CAAC"}

package/dist/Buttons/DeadFrame.js

@@ -8,42 +8,48 @@ const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const Views_1 = require("../Views");
 const Utils_1 = require("../Utils");
-const DeadFrame = ({ selected, onPress, avatar }) => {
+const DeadFrame = ({ selected, onPress, avatar, have, }) => {
     const avatarSource = Utils_1.Assets.getSource("avatar", avatar);
-    return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, accessibilityLabel: avatar, style: [
+    return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, accessibilityLabel: avatar, style: [
             styles.colorFrameWrapper,
             selected ? styles.colorFrameWrapperSelected : {},
         ] },
-        react_1.default.createElement(react_native_1.Image, { style: [
-                styles.frameImage,
-                selected ? styles.frameImageSelected : {},
-            ], source: avatarSource }));
+        react_1.default.createElement(react_native_1.Image, { style: [styles.frameImage, selected ? styles.frameImageSelected : {}], source: avatarSource }),
+        !!have && (react_1.default.createElement(react_native_1.Image, { style: styles.have, source: Utils_1.Assets.getSource("image", "tickTrg") }))));
 };
 exports.DeadFrame = DeadFrame;
 const styles = react_native_1.StyleSheet.create({
     colorFrameWrapper: {
         width: 120,
         height: 120,
-        backgroundColor: 'transparent',
+        backgroundColor: "transparent",
         borderWidth: 2,
         borderRadius: 24,
-        borderColor: 'transparent',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        alignItems: 'center',
+        borderColor: "transparent",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
     },
     colorFrameWrapperSelected: {
-        borderColor: '#ffff00',
+        borderColor: "#ffff00",
     },
     frameImage: {
         width: 110,
         height: 110,
         borderRadius: 20,
         borderWidth: 2,
-        borderColor: '#ffffff',
-        backgroundColor: '#ffffff55',
+        borderColor: "#ffffff",
+        backgroundColor: "#ffffff55",
     },
     frameImageSelected: {
-        backgroundColor: '#ffffff',
+        backgroundColor: "#ffffff",
+    },
+    have: {
+        position: "absolute",
+        width: 40,
+        height: 40,
+        left: 2,
+        top: 2,
+        borderTopLeftRadius: 20,
     },
 });

package/dist/Players/PlayerName.js

@@ -34,11 +34,12 @@ exports.PlayerName = PlayerName;
 const styles = react_native_1.StyleSheet.create({
     name: {
         marginTop: "auto",
-        marginBottom: "auto",
         position: "relative",
         zIndex: 1,
+        paddingVertical: 3,
         paddingHorizontal: 5,
         fontSize: 11,
+        marginBottom: -4,
         color: "#ffffff",
         fontWeight: "bold",
         textAlign: "center",

package/dist/Players/PlayerNumber copy.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare type Props = {
+    number?: string | number;
+    isSelf?: boolean;
+    dimmed?: boolean;
+    size?: number;
+    bottom?: boolean;
+};
+export declare const PlayerNumber: React.FC<Props>;
+export {};
+//# sourceMappingURL=PlayerNumber%20copy.d.ts.map

package/dist/Players/PlayerNumber copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerNumber copy.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerNumber copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiCxC,CAAC"}

package/dist/Players/PlayerNumber copy.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerNumber = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const PlayerNumber = ({ isSelf, number, dimmed, size, bottom, }) => {
+    if (!number) {
+        return null;
+    }
+    const textSize = { fontSize: size && size < 100 ? 11 : 14 };
+    return (react_1.default.createElement(react_native_1.View, { style: [
+            styles.number,
+            isSelf && styles.numberIsSelf,
+            bottom && {
+                top: "80%",
+            },
+            dimmed && {
+                opacity: 0.6,
+            },
+        ] },
+        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({
+    number: {
+        position: "absolute",
+        left: "4%",
+        top: "50%",
+        marginTop: -8,
+        backgroundColor: "#4F93B177",
+        width: 16,
+        height: 16,
+        borderRadius: 13,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    numberIsSelf: { backgroundColor: "yellow" },
+    numberIsSelfText: { color: "gray" },
+    numberText: {
+        color: "#ffffff",
+        fontWeight: "700",
+        textAlign: "center",
+        fontSize: 14,
+        lineHeight: 16,
+    },
+});

package/dist/Players/PlayerNumber.js

@@ -27,7 +27,7 @@ exports.PlayerNumber = PlayerNumber;
 const styles = react_native_1.StyleSheet.create({
     number: {
         position: "absolute",
-        left: "4%",
+        left: "6%",
         top: "50%",
         marginTop: -8,
         backgroundColor: "#4F93B177",

package/dist/Players/PlayerRozet.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare type Props = {
+    code?: string;
+};
+export declare const PlayerRozet: React.FC<Props>;
+export {};
+//# sourceMappingURL=PlayerRozet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerRozet.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerRozet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkBvC,CAAC"}

package/dist/Players/PlayerRozet.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayerRozet = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const Utils_1 = require("../Utils");
+const PlayerRozet = ({ code }) => {
+    if (!code) {
+        return null;
+    }
+    return (react_1.default.createElement(react_native_1.View, { style: [styles.wrapper] },
+        react_1.default.createElement(react_native_1.Image, { style: {
+                width: 22,
+                height: 22,
+                position: "absolute",
+                left: 0,
+                top: 0,
+            }, source: Utils_1.Assets.getSource("badge", code) })));
+};
+exports.PlayerRozet = PlayerRozet;
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        position: "absolute",
+        left: "3.5%",
+        top: "50%",
+        marginTop: -32,
+        width: 22,
+        height: 22,
+        borderRadius: 13,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});

package/dist/Players/PlayerView.d.ts

@@ -13,6 +13,7 @@ declare type Props = {
     style?: StyleProp<any>;
     deadAvatar?: string;
     role?: string;
+    ro?: string;
     visibleRole?: string;
     customName?: string;
     deadReason?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"PlayerView.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerView.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,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,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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,CA2N1C,CAAC;AAsHF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAA8B,CAAC"}
+{"version":3,"file":"PlayerView.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAYtB,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,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,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,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,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,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,CA6N1C,CAAC;AAsHF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAA8B,CAAC"}

package/dist/Players/PlayerView.js

@@ -34,6 +34,7 @@ const PlayerNumber_1 = require("./PlayerNumber");
 const PlayerGifts_1 = require("./PlayerGifts");
 const Typography_1 = require("../Typography");
 const Themes_1 = require("../Themes");
+const PlayerRozet_1 = require("./PlayerRozet");
 const deadReasonMap = (reason) => {
     switch (reason) {
         case "exit":
@@ -44,7 +45,7 @@ const deadReasonMap = (reason) => {
             return "öldü";
     }
 };
-const PlayerViewBase = ({ isSelf, name, 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, hideRoleVisible, targetPoint, myTarget, isSaved, targetNumber, isPaired, hideSelections, }) => {
+const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, ro, number, isAnonymous, fr, invisible, customName, size, space, empty, isDead, deadReason, isTarget, gifts, voiceUserId, role, visibleRole, onPress, onLongPress, micEffectComponent: MicEffectComponent, isAfkComponent: IsAfkComponent, roleVisible, hideRoleVisible, targetPoint, myTarget, isSaved, targetNumber, isPaired, hideSelections, }) => {
     const { baseBackgroundColor, baseTextColor } = Themes_1.useColors();
     const border = bc ? bc : !isAnonymous ? "#ffffff" : null;
     let isRoleVisible = roleVisible || isSelf || isDead;
@@ -78,6 +79,7 @@ const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, number, isAn
         react_1.default.createElement(PlayerName_1.PlayerName, Object.assign({}, { name, customName, size })),
         !!avatar && (react_1.default.createElement(react_native_1.View, { style: [styles.avatarWrapper, !!da && styles.deadAvatarWrapper] },
             react_1.default.createElement(PlayerNumber_1.PlayerNumber, Object.assign({}, { number, isSelf, size })),
+            react_1.default.createElement(PlayerRozet_1.PlayerRozet, { code: ro }),
             !!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: size }),
             !!isPaired && (react_1.default.createElement(Animatable.Image, { animation: "pulse", iterationCount: "infinite", source: Utils_1.Assets.getSource("icon", "eroPair"), style: [styles.erosPairImage, { tintColor: "#fa80fa" }] })),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "koylu-vampir-design",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "description": "Design System for Koylu Vampir Game",
   "keywords": [
     "react-native",
@@ -30,7 +30,7 @@
     "react-native-animatable": "^1.3.3",
     "react-native-gesture-handler": "^1.10.3",
     "react-native-linear-gradient": "^2.5.6",
-    "react-native-safe-area-context": "^3.2.0",
+    "react-native-safe-area-context": "5.4.1",
     "react-native-snap-carousel": "^3.9.1",
     "react-native-svg": "^12.1.1",
     "react-native-vector-icons": "^8.1.0"