koylu-vampir-design 1.0.22 → 1.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/Buttons/GiftFrame.d.ts.map +1 -1
  2. package/dist/Buttons/GiftFrame.js +16 -15
  3. package/dist/GameParts/GiftPackBar.d.ts.map +1 -1
  4. package/dist/GameParts/GiftPackBar.js +21 -22
  5. package/dist/Players/PlayerView.d.ts.map +1 -1
  6. package/dist/Players/PlayerView.js +40 -39
  7. package/dist/Utils/Assets.d.ts.map +1 -1
  8. package/dist/Utils/Assets.js +4 -4
  9. package/package.json +1 -1
package/dist/Buttons/GiftFrame.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GiftFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/GiftFrame.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,IAAI,EAAE,MAAM,CAAC;CACd,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwBrC,CAAC"}
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"}
package/dist/Buttons/GiftFrame.js CHANGED
@@ -11,49 +11,50 @@ const Utils_1 = require("../Utils");
11
11
  const GiftFrame = ({ selected, onPress, gift }) => {
12
12
  const renderIcon = () => {
13
13
  if (!gift.indexOf("a-")) {
14
- return react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("gift", gift), accessibilityLabel: gift.replace('a-', ''), style: styles.giftImage });
14
+ console.log("SRC", Utils_1.Assets.getSource("gift", gift));
15
+ return (react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("gift", gift, "small"), accessibilityLabel: gift.replace("a-", ""), style: styles.giftImage }));
15
16
  }
16
17
  return react_1.default.createElement(react_native_1.Text, { style: styles.giftText }, gift);
17
18
  };
18
- return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
19
+ return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
19
20
  styles.giftFrameWrapper,
20
21
  selected ? styles.giftFrameWrapperSelected : {},
21
22
  ] },
22
- react_1.default.createElement(react_native_1.View, { style: styles.giftFrame }, renderIcon()));
23
+ react_1.default.createElement(react_native_1.View, { style: styles.giftFrame }, renderIcon())));
23
24
  };
24
25
  exports.GiftFrame = GiftFrame;
25
26
  const styles = react_native_1.StyleSheet.create({
26
27
  giftFrameWrapper: {
27
28
  width: 70,
28
29
  height: 70,
29
- backgroundColor: 'transparent',
30
+ backgroundColor: "transparent",
30
31
  borderWidth: 2,
31
32
  borderRadius: 24,
32
- borderColor: 'transparent',
33
- flexDirection: 'column',
34
- justifyContent: 'center',
35
- alignItems: 'center',
33
+ borderColor: "transparent",
34
+ flexDirection: "column",
35
+ justifyContent: "center",
36
+ alignItems: "center",
36
37
  },
37
38
  giftFrameWrapperSelected: {
38
- borderColor: '#ffff00',
39
+ borderColor: "#ffff00",
39
40
  },
40
41
  giftFrame: {
41
42
  width: 60,
42
43
  height: 60,
43
44
  borderRadius: 20,
44
45
  borderWidth: 2,
45
- borderColor: '#454545',
46
- flexDirection: 'column',
47
- justifyContent: 'center',
48
- alignItems: 'center',
49
- backgroundColor: '#ffffff',
46
+ borderColor: "#454545",
47
+ flexDirection: "column",
48
+ justifyContent: "center",
49
+ alignItems: "center",
50
+ backgroundColor: "#ffffff",
50
51
  },
51
52
  giftText: {
52
53
  fontSize: 33,
53
54
  },
54
55
  giftImage: {
55
56
  width: 38,
56
- resizeMode: 'contain',
57
+ resizeMode: "contain",
57
58
  height: 38,
58
59
  },
59
60
  });
package/dist/GameParts/GiftPackBar.d.ts.map CHANGED
@@ -1 +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,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4GvC,CAAC"}
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,CAqHvC,CAAC"}
package/dist/GameParts/GiftPackBar.js CHANGED
@@ -9,7 +9,7 @@ const react_native_1 = require("react-native");
9
9
  const Buttons_1 = require("../Buttons");
10
10
  const Views_1 = require("../Views");
11
11
  const Utils_1 = require("../Utils");
12
- const GiftPackBar = ({ title, onSelect, onBuyPress, pack, selected, remain }) => {
12
+ const GiftPackBar = ({ title, onSelect, onBuyPress, pack, selected, remain, }) => {
13
13
  const gifts = [...pack.gifts] || [];
14
14
  const customGifts = [];
15
15
  let buttonText = `${pack.usageCount || 100} Kullanıma\n${pack.price || 5} ${pack.priceType === "gold" ? "Altın 💰" : "💎"} Öde`;
@@ -18,9 +18,8 @@ const GiftPackBar = ({ title, onSelect, onBuyPress, pack, selected, remain }) =>
18
18
  }
19
19
  // ad
20
20
  const loaded = true;
21
- return react_1.default.createElement(react_native_1.View, { style: styles.wrapper },
22
- react_1.default.createElement(react_native_1.View, { style: styles.giftPackBar }, selected &&
23
- [...gifts, ...customGifts].indexOf(selected) !== -1 ? (react_1.default.createElement(react_native_1.View, { style: styles.sendWrapper },
21
+ return (react_1.default.createElement(react_native_1.View, { style: styles.wrapper },
22
+ 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 },
24
23
  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,
25
24
  react_1.default.createElement(react_native_1.View, { style: styles.giftPackTitleWrapper },
26
25
  react_1.default.createElement(react_native_1.Text, { style: styles.giftPackTitle },
@@ -33,27 +32,27 @@ const GiftPackBar = ({ title, onSelect, onBuyPress, pack, selected, remain }) =>
33
32
  react_1.default.createElement(react_native_1.View, { style: [styles.buttonIcons, { opacity: remain == 0 ? 0.6 : 1 }] },
34
33
  !!customGifts.length && (react_1.default.createElement(react_native_1.View, { style: [
35
34
  styles.buttonIcons,
36
- { opacity: remain == 0 ? 0.6 : 1, marginBottom: 0 }
35
+ { opacity: remain == 0 ? 0.6 : 1, marginBottom: 0 },
37
36
  ] }, customGifts.map((item, key) => {
38
37
  let giftElement = react_1.default.createElement(react_native_1.Text, null, item);
39
38
  if (item.indexOf("a") === 0) {
40
- giftElement = (react_1.default.createElement(react_native_1.Image, { style: { width: 40, height: 40 }, accessibilityLabel: item, source: Utils_1.Assets.getSource("gift", item) }));
39
+ giftElement = (react_1.default.createElement(react_native_1.Image, { style: { width: 30, height: 30 }, accessibilityLabel: item, source: Utils_1.Assets.getSource("gift", item, "icon") }));
41
40
  }
42
41
  return (react_1.default.createElement(Views_1.TouchableView, { out: true, key: key, onPress: () => onSelect(item, pack.id), style: [
43
42
  styles.button,
44
- selected === item ? styles.buttonSelected : {}
43
+ selected === item ? styles.buttonSelected : {},
45
44
  ] }, giftElement));
46
45
  }))),
47
46
  gifts.map((item, key) => {
48
47
  let giftElement = react_1.default.createElement(react_native_1.Text, null, item);
49
48
  if (item.indexOf("a") === 0) {
50
- giftElement = (react_1.default.createElement(react_native_1.Image, { style: { width: 40, height: 40 }, accessibilityLabel: item.toString(), source: Utils_1.Assets.getSource("gift", item) }));
49
+ giftElement = (react_1.default.createElement(react_native_1.Image, { style: { width: 30, height: 30 }, accessibilityLabel: item.toString(), source: Utils_1.Assets.getSource("gift", item, "icon") }));
51
50
  }
52
51
  return (react_1.default.createElement(Views_1.TouchableView, { out: true, key: key, onPress: () => onSelect(item, pack.id), style: [
53
52
  styles.button,
54
- selected === item ? styles.buttonSelected : {}
53
+ selected === item ? styles.buttonSelected : {},
55
54
  ] }, giftElement));
56
- })));
55
+ }))));
57
56
  };
58
57
  exports.GiftPackBar = GiftPackBar;
59
58
  const { height } = react_native_1.Dimensions.get("window");
@@ -63,15 +62,15 @@ const styles = react_native_1.StyleSheet.create({
63
62
  wrapper: {
64
63
  flexDirection: "column",
65
64
  alignSelf: "center",
66
- flexGrow: 0
65
+ flexGrow: 0,
67
66
  },
68
67
  giftPackBar: {
69
68
  flexDirection: "row",
70
- alignItems: "center"
69
+ alignItems: "center",
71
70
  },
72
71
  giftPackTitleWrapper: {
73
72
  flexDirection: "column",
74
- marginRight: "auto"
73
+ marginRight: "auto",
75
74
  },
76
75
  giftPackTitle: {
77
76
  lineHeight: 14,
@@ -80,38 +79,38 @@ const styles = react_native_1.StyleSheet.create({
80
79
  textShadowColor: "rgba(0, 0, 0, 0.45)",
81
80
  textShadowOffset: { width: 1, height: 1 },
82
81
  textShadowRadius: 4,
83
- fontWeight: "bold"
82
+ fontWeight: "bold",
84
83
  },
85
84
  sendWrapper: {
86
85
  flexDirection: "row",
87
86
  height: 44,
88
87
  alignItems: "center",
89
- justifyContent: "center"
88
+ justifyContent: "center",
90
89
  },
91
90
  sendText: {
92
91
  lineHeight: 14,
93
92
  fontSize: 14,
94
93
  color: "#ffffff",
95
94
  fontWeight: "bold",
96
- textAlign: "center"
95
+ textAlign: "center",
97
96
  },
98
97
  button: {
99
- padding: height < 700 ? (isMiniDevice ? 4 : 8) : 9,
98
+ padding: height < 700 ? (isMiniDevice ? 4 : 4) : 4,
100
99
  backgroundColor: "#ffffff55",
101
100
  margin: 1,
102
- borderRadius: 8,
101
+ borderRadius: 4,
103
102
  borderWidth: 1,
104
- borderColor: "#ffffff44"
103
+ borderColor: "#ffffff44",
105
104
  },
106
105
  buttonSelected: {
107
106
  backgroundColor: "#ffffffff",
108
107
  borderWidth: 1,
109
- borderColor: "#F9A01C"
108
+ borderColor: "#F9A01C",
110
109
  },
111
110
  buttonIcons: {
112
111
  flexDirection: "row",
113
112
  flexWrap: "wrap",
114
113
  width: "100%",
115
- marginBottom: 20
116
- }
114
+ marginBottom: 20,
115
+ },
117
116
  });
package/dist/Players/PlayerView.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PlayerView.d.ts","sourceRoot":"","sources":["../../src/Players/PlayerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiC,SAAS,EAAE,qBAAqB,EAAc,MAAM,cAAc,CAAC;AAY3G,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,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,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAaD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoI1C,CAAC;AAyHF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAA8B,CAAC"}
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,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,CA6M1C,CAAC;AAsHF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAA8B,CAAC"}
package/dist/Players/PlayerView.js CHANGED
@@ -34,7 +34,7 @@ const PlayerNumber_1 = require("./PlayerNumber");
34
34
  const PlayerGifts_1 = require("./PlayerGifts");
35
35
  const Typography_1 = require("../Typography");
36
36
  const Themes_1 = require("../Themes");
37
- const deadReasonMap = reason => {
37
+ const deadReasonMap = (reason) => {
38
38
  switch (reason) {
39
39
  case "exit":
40
40
  return "kaçtı";
@@ -44,52 +44,53 @@ const deadReasonMap = reason => {
44
44
  return "öldü";
45
45
  }
46
46
  };
47
- const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, number, isAnonymous, fr, customName, size, space, empty, isDead, deadReason, isTarget, gifts, voiceUserId, role, visibleRole, onPress, onLongPress, micEffectComponent: MicEffectComponent, isAfkComponent: IsAfkComponent, roleVisible, targetPoint, myTarget, isSaved, targetNumber, isPaired, hideSelections }) => {
47
+ const PlayerViewBase = ({ isSelf, name, avatar, userId, bg, bc, da, number, isAnonymous, fr, customName, size, space, empty, isDead, deadReason, isTarget, gifts, voiceUserId, role, visibleRole, onPress, onLongPress, micEffectComponent: MicEffectComponent, isAfkComponent: IsAfkComponent, roleVisible, targetPoint, myTarget, isSaved, targetNumber, isPaired, hideSelections, }) => {
48
48
  const { baseBackgroundColor, baseTextColor } = Themes_1.useColors();
49
49
  const border = bc ? bc : !isAnonymous ? "#ffffff" : null;
50
50
  const isRoleVisible = roleVisible || isSelf || isDead;
51
51
  const radiusStyle = {
52
- borderRadius: size && size < 100 ? 8 : 12
52
+ borderRadius: size && size < 100 ? 8 : 12,
53
53
  };
54
54
  const wrapperStyle = [
55
55
  styles.wrapper,
56
56
  size && { width: size },
57
57
  size && space && { width: size - space * 2, margin: space },
58
- radiusStyle
58
+ radiusStyle,
59
59
  ];
60
60
  if (empty) {
61
61
  return (react_1.default.createElement(Views_1.TouchableView, { accessibilityLabel: "Boş kutu.", style: wrapperStyle, onLongPress: onLongPress },
62
62
  react_1.default.createElement(PlayerBg_1.PlayerBg, { bg: ["#00000044", "#33333322"], radius: size && size < 100 ? 8 : 12 })));
63
63
  }
64
64
  return (react_1.default.createElement(Views_1.TouchableView, Object.assign({ key: userId, style: wrapperStyle }, { onLongPress, onPress }),
65
- react_1.default.createElement(PlayerBg_1.PlayerBg, Object.assign({}, { fr, bg, isDead, isTarget })),
66
- !!isSaved && react_1.default.createElement(Animatable.View, { animation: "pulse", iterationCount: "infinite", style: styles.playerBorder },
65
+ react_1.default.createElement(PlayerBg_1.PlayerBg, Object.assign({}, { fr, bg, isDead }, { isTarget: hideSelections ? false : isTarget })),
66
+ !!isSaved && (react_1.default.createElement(Animatable.View, { animation: "pulse", iterationCount: "infinite", style: styles.playerBorder },
67
67
  react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "playerBorderTR"), style: [styles.playerBorderTR, { tintColor: "yellow" }] }),
68
- react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "playerBorderBL"), style: [styles.playerBorderBL, { tintColor: "yellow" }] })),
69
- !!myTarget && react_1.default.createElement(Animatable.View, { animation: "pulse", iterationCount: "infinite", style: styles.playerBorder },
68
+ react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "playerBorderBL"), style: [styles.playerBorderBL, { tintColor: "yellow" }] }))),
69
+ !!myTarget && (react_1.default.createElement(Animatable.View, { animation: "pulse", iterationCount: "infinite", style: styles.playerBorder },
70
70
  react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "playerBorderTR"), style: styles.playerBorderTR }),
71
- react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "playerBorderBL"), style: styles.playerBorderBL })),
71
+ react_1.default.createElement(react_native_1.Image, { source: Utils_1.Assets.getSource("image", "playerBorderBL"), style: styles.playerBorderBL }))),
72
72
  react_1.default.createElement(PlayerName_1.PlayerName, Object.assign({}, { name, customName, size })),
73
73
  !!avatar && (react_1.default.createElement(react_native_1.View, { style: [styles.avatarWrapper, !!da && styles.deadAvatarWrapper] },
74
74
  react_1.default.createElement(PlayerNumber_1.PlayerNumber, Object.assign({}, { number, isSelf, size })),
75
- !!isDead && !!da ?
76
- react_1.default.createElement(Animatable.Image, { animation: "slideInUp", source: Utils_1.Assets.getSource("tombStone", da), style: [styles.avatar, styles.deadAvatar] })
77
- : react_1.default.createElement(Utils_1.FadeImage, { source: Utils_1.Assets.getSource("avatar", avatar), style: [styles.avatar] }),
75
+ !!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] })),
78
76
  react_1.default.createElement(PlayerGifts_1.PlayerGifts, { gifts: gifts, size: size }),
79
- !!isPaired && react_1.default.createElement(Animatable.Image, { animation: "pulse", iterationCount: "infinite", source: Utils_1.Assets.getSource("icon", "eroPair"), style: [styles.erosPairImage, { tintColor: "#fa80fa" }] }),
80
- !hideSelections && !!targetNumber && react_1.default.createElement(react_1.default.Fragment, null,
77
+ !!isPaired && (react_1.default.createElement(Animatable.Image, { animation: "pulse", iterationCount: "infinite", source: Utils_1.Assets.getSource("icon", "eroPair"), style: [styles.erosPairImage, { tintColor: "#fa80fa" }] })),
78
+ !hideSelections && !!targetNumber && (react_1.default.createElement(react_1.default.Fragment, null,
81
79
  react_1.default.createElement(Utils_1.Icon, { style: styles.targetNumberIcon, name: "chatbox" }),
82
- react_1.default.createElement(Typography_1.Typography, { style: styles.targetNumber, color: "green", accessibilityLabel: `Seçtiği ${targetNumber}`, size: 11, bold: true }, targetNumber)))),
80
+ react_1.default.createElement(Typography_1.Typography, { style: styles.targetNumber, color: "green", accessibilityLabel: `Seçtiği ${targetNumber}`, size: 11, bold: true }, targetNumber))))),
83
81
  react_1.default.createElement(react_native_1.View, { style: [styles.bottomInfo, { backgroundColor: baseBackgroundColor }], accessibilityLiveRegion: "assertive" },
84
82
  !!IsAfkComponent && react_1.default.createElement(IsAfkComponent, { userId: userId }),
85
- !!MicEffectComponent && react_1.default.createElement(MicEffectComponent, { voiceUserId: voiceUserId }),
86
- (!!voiceUserId && !!IsAfkComponent) && react_1.default.createElement(Utils_1.Icon, { accessibilityLabel: "Microfonda.", name: "mic", color: baseTextColor }),
87
- !!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") }),
88
- !!isDead && react_1.default.createElement(Typography_1.Typography, { size: 12, bold: true }, deadReasonMap(deadReason)),
89
- !hideSelections && !!targetPoint && react_1.default.createElement(react_native_1.View, { style: styles.target },
90
- react_1.default.createElement(Typography_1.Typography, { color: "red", accessibilityLabel: `üzerinde ${targetPoint} oy var.`, size: 11, bold: true }, targetPoint))),
91
- !!border && react_1.default.createElement(react_native_1.View, { style: [react_native_1.StyleSheet.absoluteFill, radiusStyle,
92
- { borderColor: border, borderWidth: 2 }] })));
83
+ !!MicEffectComponent && (react_1.default.createElement(MicEffectComponent, { voiceUserId: voiceUserId })),
84
+ !!voiceUserId && !!IsAfkComponent && (react_1.default.createElement(Utils_1.Icon, { accessibilityLabel: "Microfonda.", name: "mic", color: baseTextColor })),
85
+ !!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") })),
86
+ !!isDead && (react_1.default.createElement(Typography_1.Typography, { size: 12, bold: true }, deadReasonMap(deadReason))),
87
+ !hideSelections && !!targetPoint && (react_1.default.createElement(react_native_1.View, { style: styles.target },
88
+ react_1.default.createElement(Typography_1.Typography, { color: "red", accessibilityLabel: `üzerinde ${targetPoint} oy var.`, size: 11, bold: true }, targetPoint)))),
89
+ !!border && (react_1.default.createElement(react_native_1.View, { style: [
90
+ react_native_1.StyleSheet.absoluteFill,
91
+ radiusStyle,
92
+ { borderColor: border, borderWidth: 2 },
93
+ ] }))));
93
94
  };
94
95
  exports.PlayerViewBase = PlayerViewBase;
95
96
  const { width, height } = react_native_1.Dimensions.get("window");
@@ -100,24 +101,24 @@ const styles = react_native_1.StyleSheet.create({
100
101
  position: "relative",
101
102
  overflow: "hidden",
102
103
  width: 180,
103
- aspectRatio: isSmallDevice ? 1.3 : 1.1
104
+ aspectRatio: isSmallDevice ? 1.3 : 1.1,
104
105
  },
105
106
  radius: {
106
- borderRadius: 12
107
+ borderRadius: 12,
107
108
  },
108
109
  avatarWrapper: {
109
110
  position: "relative",
110
- marginBottom: "auto"
111
+ marginBottom: "auto",
111
112
  },
112
113
  avatar: {
113
114
  width: isSmallDevice ? "42%" : "52%",
114
115
  aspectRatio: 1,
115
116
  borderRadius: 8,
116
- alignSelf: "center"
117
+ alignSelf: "center",
117
118
  },
118
119
  deadAvatarWrapper: {
119
120
  marginTop: "auto",
120
- marginBottom: 0
121
+ marginBottom: 0,
121
122
  },
122
123
  erosPairImage: {
123
124
  width: 6 * 2.5,
@@ -125,7 +126,7 @@ const styles = react_native_1.StyleSheet.create({
125
126
  resizeMode: "contain",
126
127
  position: "absolute",
127
128
  bottom: 0,
128
- left: "5%"
129
+ left: "5%",
129
130
  },
130
131
  targetNumber: {
131
132
  position: "absolute",
@@ -133,7 +134,7 @@ const styles = react_native_1.StyleSheet.create({
133
134
  width: 20,
134
135
  textAlign: "center",
135
136
  marginLeft: -7,
136
- left: "50%"
137
+ left: "50%",
137
138
  },
138
139
  targetNumberIcon: {
139
140
  position: "absolute",
@@ -141,7 +142,7 @@ const styles = react_native_1.StyleSheet.create({
141
142
  left: "50%",
142
143
  marginLeft: -8,
143
144
  color: "#ffffff",
144
- fontSize: 22
145
+ fontSize: 22,
145
146
  },
146
147
  target: {
147
148
  width: 20,
@@ -152,7 +153,7 @@ const styles = react_native_1.StyleSheet.create({
152
153
  borderWidth: 1,
153
154
  backgroundColor: "#ff000033",
154
155
  alignItems: "center",
155
- justifyContent: "center"
156
+ justifyContent: "center",
156
157
  },
157
158
  role: {
158
159
  height: 20,
@@ -161,13 +162,13 @@ const styles = react_native_1.StyleSheet.create({
161
162
  width: 20,
162
163
  marginTop: "auto",
163
164
  marginBottom: "auto",
164
- resizeMode: "contain"
165
+ resizeMode: "contain",
165
166
  },
166
167
  deadAvatar: {
167
168
  borderRadius: 0,
168
169
  marginTop: -10,
169
170
  width: "60%",
170
- marginBottom: -10
171
+ marginBottom: -10,
171
172
  },
172
173
  bottomInfo: {
173
174
  position: "relative",
@@ -181,12 +182,12 @@ const styles = react_native_1.StyleSheet.create({
181
182
  paddingHorizontal: 16,
182
183
  flexDirection: "row",
183
184
  alignItems: "center",
184
- justifyContent: "space-evenly"
185
+ justifyContent: "space-evenly",
185
186
  },
186
187
  playerBorder: {
187
188
  position: "absolute",
188
189
  width: "100%",
189
- height: "80%"
190
+ height: "80%",
190
191
  },
191
192
  playerBorderTR: {
192
193
  width: 20 * 2.5,
@@ -194,7 +195,7 @@ const styles = react_native_1.StyleSheet.create({
194
195
  resizeMode: "contain",
195
196
  position: "absolute",
196
197
  top: 7,
197
- right: 7
198
+ right: 7,
198
199
  },
199
200
  playerBorderBL: {
200
201
  width: 10 * 2.5,
@@ -202,7 +203,7 @@ const styles = react_native_1.StyleSheet.create({
202
203
  resizeMode: "contain",
203
204
  position: "absolute",
204
205
  bottom: 8,
205
- left: 7
206
- }
206
+ left: 7,
207
+ },
207
208
  });
208
209
  exports.PlayerView = react_1.default.memo(exports.PlayerViewBase);
package/dist/Utils/Assets.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Assets.d.ts","sourceRoot":"","sources":["../../src/Utils/Assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,aAAK,gBAAgB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAA;AAC9C,aAAK,mBAAmB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,KAAA,KAAK,MAAM,CAAA;CAAE,CAAA;AAE7D,cAAM,YAAa,YAAW,aAAa;IACzC,MAAM,KAAM;IACZ,SAAS,KAAM;IAEf,gBAAgB,SAAU,MAAM,0BAAqB,IAAI,UAEvD;IAEF,SAAS,mCAAiB,gBAAgB,KAAK,gBAAgB,WAM7D;IAEF,YAAY,sCAAiB,mBAAmB,KAAK,mBAAmB,WAMtE;IAEF,SAAS,+DAcP;CACH;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,mBAAmB,CAAC;IACvF,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM,KAAK,IAAI,CAAC;CACxG;AAGD,eAAO,MAAM,MAAM,cAAqB,CAAC"}
1
+ {"version":3,"file":"Assets.d.ts","sourceRoot":"","sources":["../../src/Utils/Assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,aAAK,gBAAgB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAC/C,aAAK,mBAAmB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,KAAA,KAAK,MAAM,CAAA;CAAE,CAAC;AAE9D,cAAM,YAAa,YAAW,aAAa;IACzC,MAAM,KAAM;IACZ,SAAS,KAAM;IAEf,gBAAgB,SAAU,MAAM,0BAAqB,IAAI,UAEvD;IAEF,SAAS,mCACM,gBAAgB,KAAK,gBAAgB,WAOlD;IAEF,YAAY,sCAED,mBAAmB,KAAK,mBAAmB,WAQpD;IAEF,SAAS,+DAgBP;CACH;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,SAAS,EAAE,CACT,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GAAG,MAAM,EACrB,IAAI,CAAC,EAAE,MAAM,KACV,mBAAmB,CAAC;IACzB,gBAAgB,EAAE,CAChB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM,KACxD,IAAI,CAAC;CACX;AAED,eAAO,MAAM,MAAM,cAAqB,CAAC"}
package/dist/Utils/Assets.js CHANGED
@@ -32,11 +32,11 @@ class AssetManager {
32
32
  console.warn(`AssetManager: "${type}" resolver does not exists. Please call resolverRegister('${type}', callback) to register before use.`);
33
33
  return {
34
34
  uri: "",
35
- cache: "force-cache"
35
+ cache: "force-cache",
36
36
  };
37
37
  }
38
38
  return {
39
- uri: this.resolvers[type](code, size)
39
+ uri: this.resolvers[type](code, size),
40
40
  };
41
41
  };
42
42
  }
@@ -49,6 +49,6 @@ exports.Assets.setAssets({
49
49
  generalScreenDarkBackground: require("../assets/images/bg-dark-2.jpg"),
50
50
  prize: require("../assets/images/prize.png"),
51
51
  cark: require("../assets/images/cark.png"),
52
- carkHandle: require("../assets/images/cark-button.png")
53
- }
52
+ carkHandle: require("../assets/images/cark-button.png"),
53
+ },
54
54
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "koylu-vampir-design",
3
- "version": "1.0.22",
3
+ "version": "1.0.24",
4
4
  "description": "Design System for Koylu Vampir Game",
5
5
  "keywords": [
6
6
  "react-native",