koylu-vampir-design 0.0.16

package/dist/Buttons/RoleFrame.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoleFrame = 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 RoleFrame = ({ selected, onPress, role, name }) => {
+    return react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
+                styles.roleFrameWrapper,
+                selected ? styles.roleFrameWrapperSelected : {}
+            ] },
+            react_1.default.createElement(react_native_1.View, { style: styles.roleFrame },
+                react_1.default.createElement(react_native_1.Image, { accessibilityLabel: role, style: styles.roleImage, source: Utils_1.Assets.getSource("role", role) }),
+                react_1.default.createElement(react_native_1.Text, { style: styles.roleName }, name))));
+};
+exports.RoleFrame = RoleFrame;
+const styles = react_native_1.StyleSheet.create({
+    roleFrameWrapper: {
+        width: 90,
+        height: 90,
+        backgroundColor: "transparent",
+        borderWidth: 2,
+        borderRadius: 16,
+        borderColor: "transparent",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center"
+    },
+    roleFrameWrapperSelected: {
+        borderColor: "#ffff00"
+    },
+    roleFrame: {
+        width: 80,
+        height: 80,
+        borderRadius: 12,
+        borderWidth: 2,
+        borderColor: "#454545",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "#ffffff"
+    },
+    roleImage: {
+        height: 40,
+        width: 40,
+        resizeMode: "contain",
+        tintColor: "#050505",
+        marginHorizontal: 2
+    },
+    roleName: {
+        color: "#454545",
+        fontSize: 11,
+        marginTop: 5,
+        textAlign: "center"
+    }
+});

package/dist/Buttons/TouchableView.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { GestureResponderEvent, StyleProp } from "react-native";
+declare type Props = {
+    style?: StyleProp<any>;
+    wrapperStyle?: StyleProp<any>;
+    out?: boolean;
+    centered?: boolean;
+    accessibilityLabel?: string;
+    onPress?: (event?: GestureResponderEvent) => void;
+    onPressIn?: (event?: GestureResponderEvent) => void;
+    onLongPress?: (event?: GestureResponderEvent) => void;
+    disabled?: boolean;
+    flex?: number;
+};
+export declare const TouchableView: React.FC<Props>;
+export {};
+//# sourceMappingURL=TouchableView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableView.d.ts","sourceRoot":"","sources":["../../src/Buttons/TouchableView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAoB,qBAAqB,EAAE,SAAS,EAAkC,MAAM,cAAc,CAAC;AAElH,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC9B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqGzC,CAAC"}

package/dist/Buttons/TouchableView.js

@@ -0,0 +1,95 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchableView = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const TouchableView = ({ children, style, wrapperStyle, onPress, onPressIn: onPressInEvent, disabled, accessibilityLabel, out, flex, centered, onLongPress, }) => {
+    const appear = new react_native_1.Animated.Value(1);
+    const appearRef = react_1.useRef(appear);
+    const scale = appearRef.current;
+    const [longPressTimer, setLongPressTimer] = react_1.useState(0);
+    const [animationState, setAnimationState] = react_1.useState(null);
+    react_1.useEffect(() => {
+        if (animationState === "in") {
+            react_native_1.Animated.timing(appearRef.current, {
+                toValue: out ? 1.1 : 0.9,
+                duration: 500,
+                easing: react_native_1.Easing.out(react_native_1.Easing.back(1)),
+                useNativeDriver: true,
+            }).start();
+        }
+        else if (animationState === "out") {
+            react_native_1.Animated.timing(appearRef.current, {
+                toValue: 1,
+                duration: 500,
+                easing: react_native_1.Easing.out(react_native_1.Easing.back(2)),
+                useNativeDriver: true,
+            }).start();
+        }
+    }, [animationState]);
+    const onPressIn = (event) => {
+        if (disabled) {
+            return false;
+        }
+        !!onPressInEvent && onPressInEvent(event);
+        setAnimationState("in");
+        if (longPressTimer) {
+            clearTimeout(longPressTimer);
+        }
+        !!onLongPress &&
+            setLongPressTimer(setTimeout(() => {
+                event.preventDefault();
+                setLongPressTimer(1);
+                onLongPress && onLongPress(event);
+            }, 400));
+    };
+    const onPressOut = () => {
+        if (disabled) {
+            return false;
+        }
+        if (longPressTimer) {
+            clearTimeout(longPressTimer);
+        }
+        setAnimationState("out");
+    };
+    const onPressCallback = (event) => {
+        if (disabled) {
+            return false;
+        }
+        if (longPressTimer !== 1) {
+            onPress && onPress(event);
+        }
+    };
+    return (react_1.default.createElement(react_native_1.TouchableWithoutFeedback, Object.assign({}, { onPressIn, onPressOut }, { onPress: disabled ? undefined : onPressCallback, accessibilityLabel: accessibilityLabel }),
+        react_1.default.createElement(react_native_1.Animated.View, { style: [
+                {
+                    transform: [{ scale }],
+                },
+                centered
+                    ? { alignItems: "center", marginLeft: "auto", marginRight: "auto" }
+                    : {},
+                flex ? { flex } : {},
+                wrapperStyle,
+            ] },
+            react_1.default.createElement(react_native_1.View, { style: style }, children))));
+};
+exports.TouchableView = TouchableView;

package/dist/Buttons/index.d.ts

@@ -0,0 +1,16 @@
+export { GameButton } from "./GameButton";
+export { FabButton } from "./FabButton";
+export { MenuButton } from "./MenuButton";
+export { MarketButton } from "./MarketButton";
+export { GoldButton } from "./GoldButton";
+export { ProfileOptionButton } from "./ProfileOptionButton";
+export { RoleFrame } from "./RoleFrame";
+export { ColorFrame } from "./ColorFrame";
+export { BGFrame } from "./BGFrame";
+export { DeadFrame } from "./DeadFrame";
+export { GiftFrame } from "./GiftFrame";
+export { DropDown } from "./DropDown";
+export { GiftBuyButton } from "./GiftBuyButton";
+export { IconButton } from "./IconButton";
+export { ProfileScoreButton } from "./ProfileScoreButton";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/Buttons/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileScoreButton = exports.IconButton = exports.GiftBuyButton = exports.DropDown = exports.GiftFrame = exports.DeadFrame = exports.BGFrame = exports.ColorFrame = exports.RoleFrame = exports.ProfileOptionButton = exports.GoldButton = exports.MarketButton = exports.MenuButton = exports.FabButton = exports.GameButton = void 0;
+var GameButton_1 = require("./GameButton");
+Object.defineProperty(exports, "GameButton", { enumerable: true, get: function () { return GameButton_1.GameButton; } });
+var FabButton_1 = require("./FabButton");
+Object.defineProperty(exports, "FabButton", { enumerable: true, get: function () { return FabButton_1.FabButton; } });
+var MenuButton_1 = require("./MenuButton");
+Object.defineProperty(exports, "MenuButton", { enumerable: true, get: function () { return MenuButton_1.MenuButton; } });
+var MarketButton_1 = require("./MarketButton");
+Object.defineProperty(exports, "MarketButton", { enumerable: true, get: function () { return MarketButton_1.MarketButton; } });
+var GoldButton_1 = require("./GoldButton");
+Object.defineProperty(exports, "GoldButton", { enumerable: true, get: function () { return GoldButton_1.GoldButton; } });
+var ProfileOptionButton_1 = require("./ProfileOptionButton");
+Object.defineProperty(exports, "ProfileOptionButton", { enumerable: true, get: function () { return ProfileOptionButton_1.ProfileOptionButton; } });
+var RoleFrame_1 = require("./RoleFrame");
+Object.defineProperty(exports, "RoleFrame", { enumerable: true, get: function () { return RoleFrame_1.RoleFrame; } });
+var ColorFrame_1 = require("./ColorFrame");
+Object.defineProperty(exports, "ColorFrame", { enumerable: true, get: function () { return ColorFrame_1.ColorFrame; } });
+var BGFrame_1 = require("./BGFrame");
+Object.defineProperty(exports, "BGFrame", { enumerable: true, get: function () { return BGFrame_1.BGFrame; } });
+var DeadFrame_1 = require("./DeadFrame");
+Object.defineProperty(exports, "DeadFrame", { enumerable: true, get: function () { return DeadFrame_1.DeadFrame; } });
+var GiftFrame_1 = require("./GiftFrame");
+Object.defineProperty(exports, "GiftFrame", { enumerable: true, get: function () { return GiftFrame_1.GiftFrame; } });
+var DropDown_1 = require("./DropDown");
+Object.defineProperty(exports, "DropDown", { enumerable: true, get: function () { return DropDown_1.DropDown; } });
+var GiftBuyButton_1 = require("./GiftBuyButton");
+Object.defineProperty(exports, "GiftBuyButton", { enumerable: true, get: function () { return GiftBuyButton_1.GiftBuyButton; } });
+var IconButton_1 = require("./IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
+var ProfileScoreButton_1 = require("./ProfileScoreButton");
+Object.defineProperty(exports, "ProfileScoreButton", { enumerable: true, get: function () { return ProfileScoreButton_1.ProfileScoreButton; } });

package/dist/GameParts/CountDownText.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { StyleProp } from "react-native";
+declare type Props = {
+    style?: StyleProp<any>;
+    start: number;
+    prefix?: string;
+    suffix?: string;
+};
+export declare const CountDownText: React.FC<Props>;
+export {};
+//# sourceMappingURL=CountDownText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountDownText.d.ts","sourceRoot":"","sources":["../../src/GameParts/CountDownText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAG/C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoCzC,CAAC"}

package/dist/GameParts/CountDownText.js

@@ -0,0 +1,63 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CountDownText = void 0;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_1 = require("react");
+const CountDownText = ({ start, prefix, suffix, style }) => {
+    const [remain, setRemain] = react_1.useState(start || 0);
+    const [timer, setTimer] = react_1.useState(0);
+    const mounted = react_1.useRef(false);
+    react_1.useEffect(() => {
+        mounted.current = true;
+        if (timer) {
+            clearTimeout(timer);
+        }
+        setRemain(Math.floor(start / 1000));
+        return () => {
+            mounted.current = false;
+            if (timer) {
+                clearTimeout(timer);
+            }
+        };
+    }, [start]);
+    react_1.useEffect(() => {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        // todo use BackgroundTimer
+        setTimer(setTimeout(() => {
+            try {
+                if (mounted.current) {
+                    remain > 0 && setRemain(prev => prev - 1);
+                }
+            }
+            catch (e) { }
+        }, 1000));
+    }, [remain]);
+    return React.createElement(react_native_1.Text, { style: style },
+        !!prefix && prefix,
+        remain < 10 ? '0' : '',
+        remain,
+        !!suffix && suffix);
+};
+exports.CountDownText = CountDownText;

package/dist/GameParts/GiftPackBar.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+declare type Props = {
+    title?: string;
+    onSelect: (item: string, pack: string) => void;
+    onBuyPress: (pack: any) => void;
+    pack: {
+        [key: string]: any;
+    };
+    selected?: string;
+    remain?: number;
+};
+export declare const GiftPackBar: React.FC<Props>;
+export {};
+//# sourceMappingURL=GiftPackBar.d.ts.map

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

@@ -0,0 +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"}

package/dist/GameParts/GiftPackBar.js

@@ -0,0 +1,117 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GiftPackBar = 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 GiftPackBar = ({ title, onSelect, onBuyPress, pack, selected, remain }) => {
+    const gifts = [...pack.gifts] || [];
+    const customGifts = [];
+    let buttonText = `${pack.usageCount || 100} Kullanıma\n${pack.price || 5} ${pack.priceType === "gold" ? "Altın 💰" : "💎"} Öde`;
+    if (pack.priceType === "ad") {
+        buttonText = `${pack.usageCount || 100} Kullanım için\n▶️ Reklam İzle`;
+    }
+    // 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, { opacity: remain == 0 ? 0.6 : 1 }] },
+            !!customGifts.length && (react_1.default.createElement(react_native_1.View, { style: [
+                    styles.buttonIcons,
+                    { opacity: remain == 0 ? 0.6 : 1, 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: 40, height: 40 }, accessibilityLabel: item, source: Utils_1.Assets.getSource("gift", item) }));
+                }
+                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: 40, height: 40 }, accessibilityLabel: item.toString(), source: Utils_1.Assets.getSource("gift", item) }));
+                }
+                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));
+            })));
+};
+exports.GiftPackBar = GiftPackBar;
+const { height } = react_native_1.Dimensions.get("window");
+const isSmallDevice = height < 740;
+const isMiniDevice = height < 600;
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        flexDirection: "column",
+        alignSelf: "center",
+        flexGrow: 0
+    },
+    giftPackBar: {
+        flexDirection: "row",
+        alignItems: "center"
+    },
+    giftPackTitleWrapper: {
+        flexDirection: "column",
+        marginRight: "auto"
+    },
+    giftPackTitle: {
+        lineHeight: 14,
+        fontSize: 12,
+        color: "#ffffff",
+        textShadowColor: "rgba(0, 0, 0, 0.45)",
+        textShadowOffset: { width: 1, height: 1 },
+        textShadowRadius: 4,
+        fontWeight: "bold"
+    },
+    sendWrapper: {
+        flexDirection: "row",
+        height: 44,
+        alignItems: "center",
+        justifyContent: "center"
+    },
+    sendText: {
+        lineHeight: 14,
+        fontSize: 14,
+        color: "#ffffff",
+        fontWeight: "bold",
+        textAlign: "center"
+    },
+    button: {
+        padding: height < 700 ? (isMiniDevice ? 4 : 8) : 9,
+        backgroundColor: "#ffffff55",
+        margin: 1,
+        borderRadius: 8,
+        borderWidth: 1,
+        borderColor: "#ffffff44"
+    },
+    buttonSelected: {
+        backgroundColor: "#ffffffff",
+        borderWidth: 1,
+        borderColor: "#F9A01C"
+    },
+    buttonIcons: {
+        flexDirection: "row",
+        flexWrap: "wrap",
+        width: "100%",
+        marginBottom: 20
+    }
+});

package/dist/GameParts/TreasureInfo.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { GestureResponderEvent } from "react-native";
+declare type Props = {
+    treasure: number;
+    onReadyPress: (event?: GestureResponderEvent) => void;
+};
+export declare const TreasureInfo: React.FC<Props>;
+export {};
+//# sourceMappingURL=TreasureInfo.d.ts.map

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

@@ -0,0 +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"}

package/dist/GameParts/TreasureInfo.js

@@ -0,0 +1,99 @@
+"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.TreasureInfo = void 0;
+const React = __importStar(require("react"));
+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 styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        paddingHorizontal: 20,
+        marginTop: "auto",
+        maxHeight: 250,
+        flex: 1,
+        shadowColor: "#000000",
+        shadowOffset: {
+            width: 4,
+            height: 6
+        },
+        shadowOpacity: .25,
+        shadowRadius: 5,
+        elevation: 5
+    },
+    frame: {
+        flex: 1,
+        width: "100%",
+        borderRadius: 32,
+        flexDirection: "column",
+        justifyContent: "space-evenly",
+        alignItems: "center",
+        paddingTop: 30,
+        paddingHorizontal: 30
+    },
+    infoText: {
+        flex: 1,
+        fontSize: 14,
+        color: "#ffffff",
+        textAlign: "center"
+    },
+    boldText: {
+        fontWeight: "bold",
+        fontSize: 20
+    },
+    infoImage: {
+        width: 120,
+        height: 100,
+        resizeMode: "contain",
+        marginLeft: -10,
+        marginRight: -10
+    },
+    info: {
+        flexDirection: "row",
+        alignItems: "center",
+        marginBottom: 20
+    }
+});

package/dist/GameParts/index.d.ts

@@ -0,0 +1,4 @@
+export { TreasureInfo } from "./TreasureInfo";
+export { CountDownText } from "./CountDownText";
+export { GiftPackBar } from "./GiftPackBar";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GameParts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/GameParts/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GiftPackBar = exports.CountDownText = exports.TreasureInfo = void 0;
+var TreasureInfo_1 = require("./TreasureInfo");
+Object.defineProperty(exports, "TreasureInfo", { enumerable: true, get: function () { return TreasureInfo_1.TreasureInfo; } });
+var CountDownText_1 = require("./CountDownText");
+Object.defineProperty(exports, "CountDownText", { enumerable: true, get: function () { return CountDownText_1.CountDownText; } });
+var GiftPackBar_1 = require("./GiftPackBar");
+Object.defineProperty(exports, "GiftPackBar", { enumerable: true, get: function () { return GiftPackBar_1.GiftPackBar; } });

package/dist/Inputs/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { GestureResponderEvent } from "react-native";
+declare type Props = {
+    checked?: boolean;
+    checkedTitle?: string;
+    onPress?: (event?: GestureResponderEvent) => void;
+    onTextPress?: (event?: GestureResponderEvent) => void;
+};
+export declare const Checkbox: React.FC<Props>;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/Inputs/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Inputs/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAMvE,aAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmBpC,CAAC"}

package/dist/Inputs/Checkbox.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = 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 Typography_1 = require("../Typography");
+const Themes_1 = require("../Themes");
+const Checkbox = ({ children, checked, checkedTitle, onPress, onTextPress }) => {
+    const { baseTextColor, dimBackgroundColorTransparent } = Themes_1.useColors();
+    return react_1.default.createElement(react_native_1.View, { style: [styles.wrapper, { backgroundColor: dimBackgroundColorTransparent }] },
+        react_1.default.createElement(Views_1.TouchableView, { style: styles.iconBox, onPress: onPress },
+            react_1.default.createElement(Utils_1.Icon, { color: baseTextColor, size: 24, name: checked ? "checkbox" : "square-outline" })),
+        react_1.default.createElement(Views_1.TouchableView, { disabled: !onTextPress, onPress: onTextPress, style: styles.textBox, wrapperStyle: { flex: 0, flexShrink: 1 } },
+            react_1.default.createElement(Typography_1.Typography, { style: styles.text }, !!checkedTitle && checked ? checkedTitle : children)));
+};
+exports.Checkbox = Checkbox;
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        flexDirection: "row",
+        alignItems: "center",
+        backgroundColor: "#00000022",
+        borderRadius: 32,
+        borderWidth: 0,
+        marginBottom: 10
+    },
+    iconBox: {
+        paddingVertical: 10,
+        paddingHorizontal: 20,
+        paddingRight: 10
+    },
+    text: {},
+    textBox: {
+        paddingHorizontal: 10,
+        paddingVertical: 10,
+        paddingLeft: 0
+    }
+});

package/dist/Inputs/DescriptionBox.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ViewProps } from "react-native";
+export declare const DescriptionBox: React.FC<ViewProps>;
+//# sourceMappingURL=DescriptionBox.d.ts.map

package/dist/Inputs/DescriptionBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionBox.d.ts","sourceRoot":"","sources":["../../src/Inputs/DescriptionBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAM9C,CAAC"}