import { r as reactExports, R as React } from "../chunks/chunk-f9493079.js";
import { s as startOfDay, b as calculateTimer } from "../chunks/chunk-5a528a9a.js";
import { L as LocaleText, T as TranslationsContextProvider } from "../chunks/chunk-3c83df3d.js";
import { a as useUserId, u as useAuth } from "../chunks/chunk-0446f39b.js";
import { a as usePayment, u as useAuthVisible, S as SvgClose, e as enableBodyScroll, d as disableBodyScroll } from "../chunks/chunk-c30a49d4.js";
/* empty css */import { u as useNotification } from "../chunks/chunk-8c309d2c.js";
import { r as request } from "../chunks/chunk-a9b1670a.js";
import { u as useDocumentTitle } from "../chunks/chunk-93d07237.js";
import "../chunks/chunk-d7b68932.js";
/* empty css */import "../chunks/chunk-396ea0fd.js";
import "../chunks/chunk-7d9499dd.js";
import "../chunks/chunk-fbd48758.js";
import "../chunks/chunk-d586bac9.js";
import "../chunks/chunk-f3f7204e.js";
import "../chunks/chunk-21922e9f.js";
import "../chunks/chunk-ff14d436.js";
const mysteryTreasure = "";
const mtPrizeModal = "";
const mtGetChestModal = "";
const green200 = "/assets/static/treasure-green-200.01e36586.png";
const gold200 = "/assets/static/treasure-gold-200.e9f3014a.png";
const purple200 = "/assets/static/treasure-purple-200.2ea090fd.png";
const greenGif = "/assets/static/greenGif.c7b03125.gif";
const goldGif = "/assets/static/goldGif.f30353be.gif";
const purpleGif = "/assets/static/purpleGif.a072da72.gif";
const SvgCopy = (props) => /* @__PURE__ */ reactExports.createElement("svg", { width: 21, height: 20, viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ reactExports.createElement("path", { d: "M8 15.3333C7.54167 15.3333 7.14917 15.17 6.8225 14.8433C6.49583 14.5167 6.33278 14.1244 6.33333 13.6667V3.66667C6.33333 3.20833 6.49667 2.81583 6.82333 2.48917C7.15 2.1625 7.54222 1.99945 8 2H15.5C15.9583 2 16.3508 2.16333 16.6775 2.49C17.0042 2.81667 17.1672 3.20889 17.1667 3.66667V13.6667C17.1667 14.125 17.0033 14.5175 16.6767 14.8442C16.35 15.1708 15.9578 15.3339 15.5 15.3333H8ZM8 13.6667H15.5V3.66667H8V13.6667ZM4.66667 18.6667C4.20833 18.6667 3.81583 18.5033 3.48917 18.1767C3.1625 17.85 2.99945 17.4578 3 17V6.16667C3 5.93056 3.08 5.7325 3.24 5.5725C3.4 5.4125 3.59778 5.33278 3.83333 5.33334C4.06945 5.33334 4.2675 5.41334 4.4275 5.57334C4.5875 5.73334 4.66722 5.93111 4.66667 6.16667V17H13C13.2361 17 13.4342 17.08 13.5942 17.24C13.7542 17.4 13.8339 17.5978 13.8333 17.8333C13.8333 18.0694 13.7533 18.2675 13.5933 18.4275C13.4333 18.5875 13.2356 18.6672 13 18.6667H4.66667Z", fill: "white" }));
const mysteryTreasureTranslations = {
en: {
HOW_TEXT_1: "Make a deposit on any day of the week that matches your deposit amount with one of the following codes: Code RARE for a minimum €30 deposit, Code EPIC for a minimum €75 dep, and Code LEGENDARY for a minimum €150 dep.",
HOW_TEXT_2: "The Case you receive can be found in the Available Cases section.",
HOW_TEXT_3: "Each Mystery Case will bring you one of the 5 rewards randomly. The more valuable the Case you open is, the bigger the prizes you can get.",
HOW_TEXT_4: "You need to activate your reward by clicking on the notification ring in the top menu.",
HOW_TEXT_5: "You can get all three Mystery Cases for each level in one day.",
HOW_TEXT_6: "The promo codes are case-sensitive, make sure that only capital letters are used.",
STEP_1: `
Open
Mystery Cases
`,
STEP_2: `
Get
Rewards
`,
STEP_3: `
Play
and Win
`,
"Show Prize": "Show Prizes"
},
"en-AU": {},
"en-NZ": {},
"en-CA": {},
"fr-CA": {
Epic: "Épique",
Legendary: "Légendaire",
"Your prize:": "Votre prix:",
freespins: "Tours Gratuits",
"Mystery treasure": "Trésor mystère\n",
"UNTIL THE NEXT DAY": "JUSQU'À DEMAIN\n",
Impressive: "Impressif",
"Task:": "Compito:",
"Reward:": "Ricompensa:",
"up to": "fino a",
"Use the code:": "Utilisez le code\n",
"Available cases": "Cases disponibles\n",
"Get a case": "Obtenez une case\n",
"WHAT'S INSIDE": "QU'EST CE QU'IL Y A À L'INTÉRIEUR\n",
"Each Mystery Case contains one of the 5 different prizes!": "Chaque Case Mystère contient l'un des 5 prix différents !\n",
"HOW IT WORKS": "COMMENT ÇA MARCHE\n",
"Free Spins": "Tours Gratuits",
"Case Prizes": "Prix des Cases\n",
"Select a type of case to view rewards": "Sélectionnez un type de case pour afficher les récompenses",
Bonus: "Prime",
"Arlekin mystery cases": "Coffrets mystérieux Arlekin",
"Open the case and get one of the daily rewards": "Ouvrez le coffret et recevez une des récompenses quotidiennes",
"YOUR PRIZE": "VOTRE GAIN",
OPEN: "OUVRIR",
CLOSE: "FERMER",
"Standard Lootbox treasure": "Trésor Lootbox Standard",
"Unique Lootbox treasure": "Trésor Lootbox Unique",
"Impressive Lootbox treasure": "Trésor Lootbox Impressif",
"Show Prize": "Afficher le gain",
HOW_TEXT_1: "Effectuez un dépôt n'importe quel jour de la semaine qui correspond au montant de votre dépôt avec l'un des codes suivants : Code STANDARD pour un dépôt minimum de 30 €, Code UNIQUE pour un dépôt minimum de 75 €, et Code IMPRESSIF pour un dépôt minimum de 150 €.",
HOW_TEXT_2: "Le coffret que vous recevez peut être trouvé dans la section Coffrets disponibles",
HOW_TEXT_3: "Chaque coffret mystérieux apportera l'une des 5 récompenses au hasard. Plus le coffret ouvert par vous est de valeur, plus les gains que vous pouvez obtenir sont importants.",
HOW_TEXT_4: "Vous devez activer votre récompense en cliquant sur l'anneau de notification dans le menu du haut.",
HOW_TEXT_5: "Vous pouvez obtenir tous les trois Coffrets mystérieux pour chaque niveau en une journée.",
HOW_TEXT_6: "Les codes promos sont sensibles, assurez-vous de n'utiliser que des lettres majuscules.",
STEP_1: `
Ouvrir
Coffrets mystérieux
`,
STEP_2: `
Recevoir
Récompenses
`,
STEP_3: `
Jouez
et gagnez
`
},
"es-CL": {
Rare: "Raro",
Epic: "Épico",
Legendary: "Legendario",
"Your prize:": "Su premio:",
freespins: "Giros Gratis",
"Mystery treasure": "Tesoro misterioso",
"UNTIL THE NEXT DAY": "HASTA EL DÍA SIGUIENTE",
Impressive: "Impresionante",
"Task:": "Tarea:",
"Reward:": "Recompensa:",
"up to": "hasta",
"Use the code:": "Utilice el código:",
"Available cases": "Estuches disponibles",
"Get a case": "Consigue un maletín",
"WHAT'S INSIDE": "LO QUE HAY DENTRO",
"Each Mystery Case contains one of the 5 different prizes!": "¡Cada estuche misterioso contiene uno de los 5 premios diferentes!",
"HOW IT WORKS": "CÓMO FUNCIONA",
"Free Spins": "Giros Gratis",
"Case Prizes": "Premios de los maletines",
"Select a type of case to view rewards": "Seleccione un tipo de caso para ver los premios",
Bonus: "Bono",
"Arlekin mystery cases": "Arlekin casos misteriosos",
"Open the case and get one of the daily rewards": "Abre el caso y consigue una de las recompensas diarias",
"YOUR PRIZE": "TU PREMIO",
OPEN: "ABRIR",
CLOSE: "CERRAR",
"Standard Lootbox treasure": "Tesoro Lootbox estándar",
"Unique Lootbox treasure": "Tesoro Lootbox único",
"Impressive Lootbox treasure": "Caja de botín impresionante",
"Show Prize": "Mostrar premio",
HOW_TEXT_1: "Realice un depósito cualquier día de la semana que coincida con el importe de su depósito con uno de los siguientes códigos: Código RARE para un depósito mínimo de 30 euros, Código EPIC para un depósito mínimo de 75 euros y Código LEGENDARY para un depósito mínimo de 150 euros",
HOW_TEXT_2: "El Caso que recibas lo encontrarás en la sección de Casos Disponibles",
HOW_TEXT_3: "Cada Caso Misterioso te dará una de las 5 recompensas aleatoriamente. Cuanto más valioso sea el Caso que abras, mayores serán los premios que puedas conseguir",
HOW_TEXT_4: "Tienes que activar tu recompensa haciendo clic en el anillo de notificación del menú superior",
HOW_TEXT_5: "Puedes conseguir los tres Casos Misteriosos de cada nivel en un solo día.\n",
HOW_TEXT_6: "Los códigos promocionales distinguen entre mayúsculas y minúsculas, asegúrate de usar sólo mayúsculas.\n",
STEP_1: `
Abre
Casos misteriosos
`,
STEP_2: `
Obtener
Recompensas
`,
STEP_3: `
Juega a
y gana
`
},
"es-MX": {
Rare: "Raro",
Epic: "Épico",
Legendary: "Legendario",
"Your prize:": "Su premio:",
freespins: "Giros Gratis",
"Mystery treasure": "Tesoro misterioso",
"UNTIL THE NEXT DAY": "HASTA EL DÍA SIGUIENTE",
Impressive: "Impresionante",
"Task:": "Tarea:",
"Reward:": "Recompensa:",
"up to": "hasta",
"Use the code:": "Utilice el código:",
"Available cases": "Estuches disponibles",
"Get a case": "Consigue un maletín",
"WHAT'S INSIDE": "LO QUE HAY DENTRO",
"Each Mystery Case contains one of the 5 different prizes!": "¡Cada estuche misterioso contiene uno de los 5 premios diferentes!",
"HOW IT WORKS": "CÓMO FUNCIONA",
"Free Spins": "Giros Gratis",
"Case Prizes": "Premios de los maletines",
"Select a type of case to view rewards": "Seleccione un tipo de caso para ver los premios",
Bonus: "Bono",
"Arlekin mystery cases": "Arlekin casos misteriosos",
"Open the case and get one of the daily rewards": "Abre el caso y consigue una de las recompensas diarias",
"YOUR PRIZE": "TU PREMIO",
OPEN: "ABRIR",
CLOSE: "CERRAR",
"Standard Lootbox treasure": "Tesoro Lootbox estándar",
"Unique Lootbox treasure": "Tesoro Lootbox único",
"Impressive Lootbox treasure": "Caja de botín impresionante",
"Show Prize": "Mostrar premio",
HOW_TEXT_1: "Realice un depósito cualquier día de la semana que coincida con el importe de su depósito con uno de los siguientes códigos: Código RARE para un depósito mínimo de 30 euros, Código EPIC para un depósito mínimo de 75 euros y Código LEGENDARY para un depósito mínimo de 150 euros",
HOW_TEXT_2: "El Caso que recibas lo encontrarás en la sección de Casos Disponibles",
HOW_TEXT_3: "Cada Caso Misterioso te dará una de las 5 recompensas aleatoriamente. Cuanto más valioso sea el Caso que abras, mayores serán los premios que puedas conseguir",
HOW_TEXT_4: "Tienes que activar tu recompensa haciendo clic en el anillo de notificación del menú superior",
HOW_TEXT_5: "Puedes conseguir los tres Casos Misteriosos de cada nivel en un solo día.\n",
HOW_TEXT_6: "Los códigos promocionales distinguen entre mayúsculas y minúsculas, asegúrate de usar sólo mayúsculas.\n",
STEP_1: `
Abre
Casos misteriosos
`,
STEP_2: `
Obtener
Recompensas
`,
STEP_3: `
Juega a
y gana
`
},
"pt-BR": {
Rare: "Raros",
Epic: "Épico",
Legendary: "Lendário",
"Your prize:": "Seu prêmio:",
freespins: "Rodadas Grátis",
Bonus: "Bônus",
"Mystery treasure": "Tesouro Misterioso\n",
"UNTIL THE NEXT DAY": "ATÉ O PRÓXIMO DIA\n",
Impressive: "Impressionante",
"Task:": "Compito:",
"Reward:": "Ricompensa:",
"up to": "até",
"Use the code:": "Use o código\n",
"Available cases": "Baús disponíveis\n",
"Get a case": "Obtenha um baú\n",
"WHAT'S INSIDE": "O QUE TEM DENTRO\n",
"Each Mystery Case contains one of the 5 different prizes!": "Cada Baú Misterioso contém um dos 5 prêmios diferentes!\n",
case: "baú",
"HOW IT WORKS": "COMO FUNCIONA\n",
"Free Spins": "Rodadas Grátis",
"Case Prizes": "Prêmios dos Baús\n",
"Select a type of case to view rewards": "Selecione um tipo de baú para ver as recompensas",
Standard: "Padrão",
Unique: "Único",
"Arlekin mystery cases": "Baús Misteriosos Arlekin",
"Open the case and get one of the daily rewards": "Abra o baú e receba uma das recompensas diárias",
"YOUR PRIZE": "SEU PRÊMIO",
OPEN: "ABRIR",
CLOSE: "FECHAR",
"Standard Lootbox treasure": "Tesouro de Lootbox padrão",
"Unique Lootbox treasure": "Tesouro de Lootbox único",
"Impressive Lootbox treasure": "Tesouro de Lootbox impressionante",
"Show Prize": "Mostrar Prêmio",
HOW_TEXT_1: "Faça um depósito em qualquer dia da semana que corresponda ao valor do seu depósito com um dos seguintes códigos: Código STANDARD para um depósito mínimo de €30, Código UNIQUE para um depósito mínimo de €75, e Código IMPRESSIVE para um depósito mínimo de €150.",
HOW_TEXT_2: "O baú que você recebe pode ser encontrado na seção Baús Disponíveis.",
HOW_TEXT_3: "Cada Baú Misterioso trará uma das 5 recompensas de forma aleatória. Quanto mais valioso for o Baú que você abrir, maiores serão os prêmios que você pode ganhar.",
HOW_TEXT_4: "Você precisa ativar sua recompensa clicando no ícone de notificação no menu superior.",
HOW_TEXT_5: "Você pode obter os três Baús Misteriosos para cada nível em um único dia.",
HOW_TEXT_6: "Os códigos promocionais diferenciam maiúsculas de minúsculas, certifique-se de usar apenas letras maiúsculas.",
STEP_1: `
Abrir
Baús Misteriosos
`,
STEP_2: `
Receber
Recompensas
`,
STEP_3: `
Jogue
e Ganhe
`
},
"de-CH": {
Rare: "Seltene",
Epic: "Episch",
Legendary: "Legendär",
"Your prize:": "Ihr Preis:",
freespins: "FREISPIELE",
"Arlekin mystery cases": "Mysteriöse Koffer Arlekin",
"Open the case and get one of the daily rewards": "Öffnen Sie den Koffer und erhalten Sie eine der täglichen Belohnungen",
"YOUR PRIZE": "IHR PREIS",
OPEN: "ÖFFNEN",
CLOSE: "SCHLIEßEN",
"Standard Lootbox treasure": "Lootbox-Standardschatz",
"Unique Lootbox treasure": "Einzigartiger Lootboxschatz",
"Impressive Lootbox treasure": "Beeindruckender Lootboxschatz",
HOW_TEXT_1: "Tätigen Sie an einem beliebigen Wochentag eine Einzahlung, die Ihrem Einzahlungsbetrag entspricht, mit einem der folgenden Codes: Code STANDARD für eine Mindesteinzahlung von 30 €, Code UNIQUE für eine Mindesteinzahlung von 250 € und Code IMPRESSIVE für eine Mindesteinzahlung von 500 €.",
HOW_TEXT_2: "Den von Ihnen erhaltenen Koffer finden Sie im Abschnitt Verfügbare Koffer.",
HOW_TEXT_3: "Mit jedem geheimnisvollen Koffer kannst du eine von 5 Belohnungen gewinnen. Je wertvoller der Koffer, den du öffnest, desto größer sind die Preise, die du bekommen kannst",
HOW_TEXT_4: "Sie müssen Ihre Belohnung aktivieren, indem Sie auf den Benachrichtigungsring im oberen Menü klicken.",
HOW_TEXT_5: "Sie können alle drei mysteriösen Koffer für jedes Level an einem Tag erhalten.",
HOW_TEXT_6: "Bei den Promo-Codes wird zwischen Groß- und Kleinschreibung unterschieden. Achten Sie darauf, dass Sie ausschließlich Großbuchstaben verwenden.",
STEP_1: `
Mysteriöse
Koffer öffnen
`,
STEP_2: `
Belohnungen
erhalten
`,
STEP_3: `
Morgen
wiederholen
`,
"Mystery treasure": "Geheimnisvoller Schatz",
"UNTIL THE NEXT DAY": "BIS ZUM NÄCHSTEN TAG",
Standart: "Selten",
Unique: "Episch",
Impressive: "Legendär",
"Task:": "Aufgabe:",
"Reward:": "Belohnung:",
"up to": "bis zu",
"Use the code:": "Verwenden Sie den Code:",
"Available cases": "Verfügbare Koffer",
"Get a case": "Einen Koffer bekommen",
"WHAT'S INSIDE": "WAS IST DRIN",
"Each Mystery Case contains one of the 5 different prizes!": "Jeder mysteriöse Koffer enthält einen der 5 verschiedenen Preise!",
case: "Koffer",
"Show Prize": "PREISE ANZEIGEN",
"HOW IT WORKS": "WIE ES FUNKTIONIERT",
"Free Spins": "FREISPIELE",
"Case Prizes": "Koffer-Preise",
"Select a type of case to view rewards": "Wählen Sie einen Koffertyp aus, um die Belohnungen anzuzeigen"
},
"fr-CH": {
Epic: "Épique",
Legendary: "Légendaire",
"Your prize:": "Votre prix:",
freespins: "Tours Gratuits",
"Mystery treasure": "Trésor mystère\n",
"UNTIL THE NEXT DAY": "JUSQU'À DEMAIN\n",
Impressive: "Impressif",
"Task:": "Compito:",
"Reward:": "Ricompensa:",
"up to": "fino a",
"Use the code:": "Utilisez le code\n",
"Available cases": "Cases disponibles\n",
"Get a case": "Obtenez une case\n",
"WHAT'S INSIDE": "QU'EST CE QU'IL Y A À L'INTÉRIEUR\n",
"Each Mystery Case contains one of the 5 different prizes!": "Chaque Case Mystère contient l'un des 5 prix différents !\n",
"HOW IT WORKS": "COMMENT ÇA MARCHE\n",
"Free Spins": "Tours Gratuits",
"Case Prizes": "Prix des Cases\n",
"Select a type of case to view rewards": "Sélectionnez un type de case pour afficher les récompenses",
Bonus: "Prime",
"Arlekin mystery cases": "Coffrets mystérieux Arlekin",
"Open the case and get one of the daily rewards": "Ouvrez le coffret et recevez une des récompenses quotidiennes",
"YOUR PRIZE": "VOTRE GAIN",
OPEN: "OUVRIR",
CLOSE: "FERMER",
"Standard Lootbox treasure": "Trésor Lootbox Standard",
"Unique Lootbox treasure": "Trésor Lootbox Unique",
"Impressive Lootbox treasure": "Trésor Lootbox Impressif",
"Show Prize": "Afficher le gain",
HOW_TEXT_1: "Effectuez un dépôt n'importe quel jour de la semaine qui correspond au montant de votre dépôt avec l'un des codes suivants : Code STANDARD pour un dépôt minimum de 30 €, Code UNIQUE pour un dépôt minimum de 75 €, et Code IMPRESSIF pour un dépôt minimum de 150 €.",
HOW_TEXT_2: "Le coffret que vous recevez peut être trouvé dans la section Coffrets disponibles",
HOW_TEXT_3: "Chaque coffret mystérieux apportera l'une des 5 récompenses au hasard. Plus le coffret ouvert par vous est de valeur, plus les gains que vous pouvez obtenir sont importants.",
HOW_TEXT_4: "Vous devez activer votre récompense en cliquant sur l'anneau de notification dans le menu du haut.",
HOW_TEXT_5: "Vous pouvez obtenir tous les trois Coffrets mystérieux pour chaque niveau en une journée.",
HOW_TEXT_6: "Les codes promos sont sensibles, assurez-vous de n'utiliser que des lettres majuscules.",
STEP_1: `
Ouvrir
Coffrets mystérieux
`,
STEP_2: `
Recevoir
Récompenses
`,
STEP_3: `
Jouez
et gagnez
`
},
"it-CH": {
Rare: "Raro",
Epic: "Epico",
Legendary: "Leggendario",
"Your prize:": "Il vostro premio:",
freespins: "Giri Gratuiti",
"Mystery treasure": "Tesoro misterioso\n",
"UNTIL THE NEXT DAY": "FINO AL GIORNO SUCCESSIVO\n",
Impressive: "Straordinario",
"Task:": "Compito:",
"Reward:": "Ricompensa:",
"up to": "fino a",
"Use the code:": "Usa il codice\n",
"Available cases": "Forzieri disponibili\n",
"Get a case": "Prendi un forziere\n",
"WHAT'S INSIDE": "COSA C'È DENTRO\n",
"Each Mystery Case contains one of the 5 different prizes!": "Ogni Forziere Misterioso contiene uno dei 5 diversi premi!",
case: "forziere",
"HOW IT WORKS": "COME FUNZIONA\n",
"Free Spins": "Giri Gratuiti",
"Case Prizes": "Premi nel Forziere\n",
"Select a type of case to view rewards": "Seleziona un tipo di forziere per visualizzare i premi",
Unique: "Unico",
"Open the case and get one of the daily rewards": "Apri la valigetta e ottieni uno dei premi giornalieri",
"YOUR PRIZE": " IL TUO PREMIO",
OPEN: "APRIRE",
CLOSE: "CHIUDERE",
"Standard Lootbox treasure": "Tesoro Lootbox standard",
"Unique Lootbox treasure": "Tesoro Lootbox unico",
"Impressive Lootbox treasure": "Tesoro Lootbox straordinario",
"Arlekin mystery cases": "Valigette Misteriose di Arlekin",
HOW_TEXT_1: "Effettua un deposito in qualsiasi giorno della settimana che corrisponda al tuo importo di deposito con uno dei seguenti codici: Codice STANDARD per un deposito minimo di 30 €, Codice UNICO per un deposito minimo di 75 € e Codice STRAORDINARIO per un deposito minimo di 150 €.",
HOW_TEXT_2: "La valigetta ricevuta si trova nella sezione Valigette Disponibili.",
HOW_TEXT_3: "Ogni Valigetta misteriosa ti darà una delle 5 ricompense. Quanto più prezioso è la Valigetta aperta, tanto più grandi sono i premi che si possono ottenere.",
HOW_TEXT_4: "È necessario attivare la ricompensa facendo clic sull'anello di notifica nel menu in alto.",
HOW_TEXT_5: "È possibile ottenere tutte e tre le Valigette misteriose per ogni livello in un solo giorno.",
HOW_TEXT_6: "I codici promozionali sono sensibili alle maiuscole e alle minuscole, quindi assicurati di utilizzare solo le lettere maiuscole.",
STEP_1: `
Apri
Valigette Misteriose
`,
STEP_2: `
Ottieni
Ricompense
`,
STEP_3: `
Gioca
E vinci
`,
"Show Prize": "Mostra il premio"
},
"ar-EN": {},
it: {
Rare: "Raro",
Epic: "Epico",
Legendary: "Leggendario",
"Your prize:": "Il vostro premio:",
freespins: "Giri Gratuiti",
"Mystery treasure": "Tesoro misterioso\n",
"UNTIL THE NEXT DAY": "FINO AL GIORNO SUCCESSIVO\n",
Impressive: "Straordinario",
"Task:": "Compito:",
"Reward:": "Ricompensa:",
"up to": "fino a",
"Use the code:": "Usa il codice\n",
"Available cases": "Forzieri disponibili\n",
"Get a case": "Prendi un forziere\n",
"WHAT'S INSIDE": "COSA C'È DENTRO\n",
"Each Mystery Case contains one of the 5 different prizes!": "Ogni Forziere Misterioso contiene uno dei 5 diversi premi!",
case: "forziere",
"HOW IT WORKS": "COME FUNZIONA\n",
"Free Spins": "Giri Gratuiti",
"Case Prizes": "Premi nel Forziere\n",
"Select a type of case to view rewards": "Seleziona un tipo di forziere per visualizzare i premi",
Unique: "Unico",
"Open the case and get one of the daily rewards": "Apri la valigetta e ottieni uno dei premi giornalieri",
"YOUR PRIZE": " IL TUO PREMIO",
OPEN: "APRIRE",
CLOSE: "CHIUDERE",
"Standard Lootbox treasure": "Tesoro Lootbox standard",
"Unique Lootbox treasure": "Tesoro Lootbox unico",
"Impressive Lootbox treasure": "Tesoro Lootbox straordinario",
"Arlekin mystery cases": "Valigette Misteriose di Arlekin",
HOW_TEXT_1: "Effettua un deposito in qualsiasi giorno della settimana che corrisponda al tuo importo di deposito con uno dei seguenti codici: Codice STANDARD per un deposito minimo di 30 €, Codice UNICO per un deposito minimo di 75 € e Codice STRAORDINARIO per un deposito minimo di 150 €.",
HOW_TEXT_2: "La valigetta ricevuta si trova nella sezione Valigette Disponibili.",
HOW_TEXT_3: "Ogni Valigetta misteriosa ti darà una delle 5 ricompense. Quanto più prezioso è la Valigetta aperta, tanto più grandi sono i premi che si possono ottenere.",
HOW_TEXT_4: "È necessario attivare la ricompensa facendo clic sull'anello di notifica nel menu in alto.",
HOW_TEXT_5: "È possibile ottenere tutte e tre le Valigette misteriose per ogni livello in un solo giorno.",
HOW_TEXT_6: "I codici promozionali sono sensibili alle maiuscole e alle minuscole, quindi assicurati di utilizzare solo le lettere maiuscole.",
STEP_1: `
Apri
Valigette Misteriose
`,
STEP_2: `
Ottieni
Ricompense
`,
STEP_3: `
Gioca
E vinci
`,
"Show Prize": "Mostra il premio"
},
no: {
Rare: "Sjelden",
Epic: "Episk",
Legendary: "Legendarisk",
"Your prize:": "Premien din:",
freespins: "gratisspinn",
"Mystery treasure": "Mysterieskatt",
"UNTIL THE NEXT DAY": "TIL NESTE DAG",
Impressive: "Imponerende",
"Task:": "Oppgave:",
"Reward:": "Belønning:",
"up to": "opp til",
"Use the code:": "Bruk koden:",
"Available cases": "Tilgjengelige saker",
"Get a case": "Hent en koffert",
"WHAT'S INSIDE": "HVA ER INNI",
"Each Mystery Case contains one of the 5 different prizes!": "Hver Mystery Case inneholder en av de 5 forskjellige premiene!",
"HOW IT WORKS": "HVORDAN DET FUNGERER",
"Free Spins": "Gratisspinn",
"Case Prizes": "Case-premier",
"Select a type of case to view rewards": "Velg en type case for å se belønningene",
"Arlekin mystery cases": "Arlekin mystiske saker",
"Open the case and get one of the daily rewards": "Åpne casen og få en av de daglige belønningene",
"YOUR PRIZE": "DIN PRIS",
OPEN: "ÅPEN",
CLOSE: "STENG",
"Standard Lootbox treasure": "Standard lootbox-skatt",
"Unique Lootbox treasure": "Unik lootbox-skatt",
"Impressive Lootbox treasure": "Imponerende lootbox-skatt",
"Show Prize": "Vis premie",
HOW_TEXT_1: "Gjør et innskudd på en hvilken som helst dag i uken som matcher innskuddsbeløpet ditt med en av følgende koder: Kode RARE for et innskudd på minst €30, kode EPIC for et innskudd på minst €75 og kode LEGENDARY for et innskudd på minst €150.",
HOW_TEXT_2: "Caset du mottar, finner du i delen Tilgjengelige caser.",
HOW_TEXT_3: "Hver Mystery Case vil gi deg en av de 5 belønningene tilfeldig. Jo mer verdifullt Caset du åpner er, desto større premier kan du få.",
HOW_TEXT_4: "Du må aktivere belønningen din ved å klikke på varslingsringen i toppmenyen.",
HOW_TEXT_5: "Du kan få alle tre Mystery Cases for hvert nivå på én dag.\n",
HOW_TEXT_6: "Kampanjekodene er sensitive for store og små bokstaver, så sørg for at bare store bokstaver brukes.\n",
STEP_1: `
Åpne
Mysteriesaker
`,
STEP_2: `
Få
Belønninger
`,
STEP_3: `
Spill
og vinn
`
},
es: {
Rare: "Raro",
Epic: "Épico",
Legendary: "Legendario",
"Your prize:": "Su premio:",
freespins: "Giros Gratis",
"Mystery treasure": "Tesoro misterioso",
"UNTIL THE NEXT DAY": "HASTA EL DÍA SIGUIENTE",
Impressive: "Impresionante",
"Task:": "Tarea:",
"Reward:": "Recompensa:",
"up to": "hasta",
"Use the code:": "Utilice el código:",
"Available cases": "Estuches disponibles",
"Get a case": "Consigue un maletín",
"WHAT'S INSIDE": "LO QUE HAY DENTRO",
"Each Mystery Case contains one of the 5 different prizes!": "¡Cada estuche misterioso contiene uno de los 5 premios diferentes!",
"HOW IT WORKS": "CÓMO FUNCIONA",
"Free Spins": "Giros Gratis",
"Case Prizes": "Premios de los maletines",
"Select a type of case to view rewards": "Seleccione un tipo de caso para ver los premios",
Bonus: "Bono",
"Arlekin mystery cases": "Arlekin casos misteriosos",
"Open the case and get one of the daily rewards": "Abre el caso y consigue una de las recompensas diarias",
"YOUR PRIZE": "TU PREMIO",
OPEN: "ABRIR",
CLOSE: "CERRAR",
"Standard Lootbox treasure": "Tesoro Lootbox estándar",
"Unique Lootbox treasure": "Tesoro Lootbox único",
"Impressive Lootbox treasure": "Caja de botín impresionante",
"Show Prize": "Mostrar premio",
HOW_TEXT_1: "Realice un depósito cualquier día de la semana que coincida con el importe de su depósito con uno de los siguientes códigos: Código RARE para un depósito mínimo de 30 euros, Código EPIC para un depósito mínimo de 75 euros y Código LEGENDARY para un depósito mínimo de 150 euros",
HOW_TEXT_2: "El Caso que recibas lo encontrarás en la sección de Casos Disponibles",
HOW_TEXT_3: "Cada Caso Misterioso te dará una de las 5 recompensas aleatoriamente. Cuanto más valioso sea el Caso que abras, mayores serán los premios que puedas conseguir",
HOW_TEXT_4: "Tienes que activar tu recompensa haciendo clic en el anillo de notificación del menú superior",
HOW_TEXT_5: "Puedes conseguir los tres Casos Misteriosos de cada nivel en un solo día.\n",
HOW_TEXT_6: "Los códigos promocionales distinguen entre mayúsculas y minúsculas, asegúrate de usar sólo mayúsculas.\n",
STEP_1: `
Abre
Casos misteriosos
`,
STEP_2: `
Obtener
Recompensas
`,
STEP_3: `
Juega a
y gana
`
},
de: {
Rare: "Seltene",
Epic: "Episch",
Legendary: "Legendär",
"Your prize:": "Ihr Preis:",
freespins: "FREISPIELE",
"Arlekin mystery cases": "Mysteriöse Koffer Arlekin",
"Open the case and get one of the daily rewards": "Öffnen Sie den Koffer und erhalten Sie eine der täglichen Belohnungen",
"YOUR PRIZE": "IHR PREIS",
OPEN: "ÖFFNEN",
CLOSE: "SCHLIEßEN",
"Standard Lootbox treasure": "Lootbox-Standardschatz",
"Unique Lootbox treasure": "Einzigartiger Lootboxschatz",
"Impressive Lootbox treasure": "Beeindruckender Lootboxschatz",
HOW_TEXT_1: "Tätigen Sie an einem beliebigen Wochentag eine Einzahlung, die Ihrem Einzahlungsbetrag entspricht, mit einem der folgenden Codes: Code STANDARD für eine Mindesteinzahlung von 30 €, Code UNIQUE für eine Mindesteinzahlung von 250 € und Code IMPRESSIVE für eine Mindesteinzahlung von 500 €.",
HOW_TEXT_2: "Den von Ihnen erhaltenen Koffer finden Sie im Abschnitt Verfügbare Koffer.",
HOW_TEXT_3: "Mit jedem geheimnisvollen Koffer kannst du eine von 5 Belohnungen gewinnen. Je wertvoller der Koffer, den du öffnest, desto größer sind die Preise, die du bekommen kannst",
HOW_TEXT_4: "Sie müssen Ihre Belohnung aktivieren, indem Sie auf den Benachrichtigungsring im oberen Menü klicken.",
HOW_TEXT_5: "Sie können alle drei mysteriösen Koffer für jedes Level an einem Tag erhalten.",
HOW_TEXT_6: "Bei den Promo-Codes wird zwischen Groß- und Kleinschreibung unterschieden. Achten Sie darauf, dass Sie ausschließlich Großbuchstaben verwenden.",
STEP_1: `
Mysteriöse
Koffer öffnen
`,
STEP_2: `
Belohnungen
erhalten
`,
STEP_3: `
Morgen
wiederholen
`,
"Mystery treasure": "Geheimnisvoller Schatz",
"UNTIL THE NEXT DAY": "BIS ZUM NÄCHSTEN TAG",
Standart: "Selten",
Unique: "Episch",
Impressive: "Legendär",
"Task:": "Aufgabe:",
"Reward:": "Belohnung:",
"up to": "bis zu",
"Use the code:": "Verwenden Sie den Code:",
"Available cases": "Verfügbare Koffer",
"Get a case": "Einen Koffer bekommen",
"WHAT'S INSIDE": "WAS IST DRIN",
"Each Mystery Case contains one of the 5 different prizes!": "Jeder mysteriöse Koffer enthält einen der 5 verschiedenen Preise!",
case: "Koffer",
"Show Prize": "PREISE ANZEIGEN",
"HOW IT WORKS": "WIE ES FUNKTIONIERT",
"Free Spins": "FREISPIELE",
"Case Prizes": "Koffer-Preise",
"Select a type of case to view rewards": "Wählen Sie einen Koffertyp aus, um die Belohnungen anzuzeigen"
},
"de-AT": {
Rare: "Seltene",
Epic: "Episch",
Legendary: "Legendär",
"Your prize:": "Ihr Preis:",
freespins: "FREISPIELE",
"Arlekin mystery cases": "Mysteriöse Koffer Arlekin",
"Open the case and get one of the daily rewards": "Öffnen Sie den Koffer und erhalten Sie eine der täglichen Belohnungen",
"YOUR PRIZE": "IHR PREIS",
OPEN: "ÖFFNEN",
CLOSE: "SCHLIEßEN",
"Standard Lootbox treasure": "Lootbox-Standardschatz",
"Unique Lootbox treasure": "Einzigartiger Lootboxschatz",
"Impressive Lootbox treasure": "Beeindruckender Lootboxschatz",
HOW_TEXT_1: "Tätigen Sie an einem beliebigen Wochentag eine Einzahlung, die Ihrem Einzahlungsbetrag entspricht, mit einem der folgenden Codes: Code STANDARD für eine Mindesteinzahlung von 30 €, Code UNIQUE für eine Mindesteinzahlung von 250 € und Code IMPRESSIVE für eine Mindesteinzahlung von 500 €.",
HOW_TEXT_2: "Den von Ihnen erhaltenen Koffer finden Sie im Abschnitt Verfügbare Koffer.",
HOW_TEXT_3: "Mit jedem geheimnisvollen Koffer kannst du eine von 5 Belohnungen gewinnen. Je wertvoller der Koffer, den du öffnest, desto größer sind die Preise, die du bekommen kannst",
HOW_TEXT_4: "Sie müssen Ihre Belohnung aktivieren, indem Sie auf den Benachrichtigungsring im oberen Menü klicken.",
HOW_TEXT_5: "Sie können alle drei mysteriösen Koffer für jedes Level an einem Tag erhalten.",
HOW_TEXT_6: "Bei den Promo-Codes wird zwischen Groß- und Kleinschreibung unterschieden. Achten Sie darauf, dass Sie ausschließlich Großbuchstaben verwenden.",
STEP_1: `
Mysteriöse
Koffer öffnen
`,
STEP_2: `
Belohnungen
erhalten
`,
STEP_3: `
Morgen
wiederholen
`,
"Mystery treasure": "Geheimnisvoller Schatz",
"UNTIL THE NEXT DAY": "BIS ZUM NÄCHSTEN TAG",
Standart: "Selten",
Unique: "Episch",
Impressive: "Legendär",
"Task:": "Aufgabe:",
"Reward:": "Belohnung:",
"up to": "bis zu",
"Use the code:": "Verwenden Sie den Code:",
"Available cases": "Verfügbare Koffer",
"Get a case": "Einen Koffer bekommen",
"WHAT'S INSIDE": "WAS IST DRIN",
"Each Mystery Case contains one of the 5 different prizes!": "Jeder mysteriöse Koffer enthält einen der 5 verschiedenen Preise!",
case: "Koffer",
"Show Prize": "PREISE ANZEIGEN",
"HOW IT WORKS": "WIE ES FUNKTIONIERT",
"Free Spins": "FREISPIELE",
"Case Prizes": "Koffer-Preise",
"Select a type of case to view rewards": "Wählen Sie einen Koffertyp aus, um die Belohnungen anzuzeigen"
}
};
const endOfTheDay = +startOfDay(+/* @__PURE__ */ new Date()) + 24 * 60 * 60 * 1e3 - 1;
const TreasureTimer = () => {
const end = endOfTheDay;
const [now, setNow] = reactExports.useState(+/* @__PURE__ */ new Date());
const [days, hours, minutes, seconds] = calculateTimer(now, end);
reactExports.useEffect(() => {
const timerId = setInterval(() => {
setNow(+/* @__PURE__ */ new Date());
}, 1e3);
return () => {
clearInterval(timerId);
};
}, []);
return /* @__PURE__ */ React.createElement("div", { className: "mt-timer-wrapper" }, /* @__PURE__ */ React.createElement("div", { className: "mt-timer-item" }, /* @__PURE__ */ React.createElement(LocaleText, { className: "text", text: "Days" }), /* @__PURE__ */ React.createElement("div", { className: "number" }, days)), /* @__PURE__ */ React.createElement("div", { className: "mt-timer-item" }, /* @__PURE__ */ React.createElement(LocaleText, { className: "text", text: "Hours" }), /* @__PURE__ */ React.createElement("div", { className: "number" }, hours)), /* @__PURE__ */ React.createElement("div", { className: "mt-timer-item" }, /* @__PURE__ */ React.createElement(LocaleText, { className: "text", text: "Mins" }), /* @__PURE__ */ React.createElement("div", { className: "number" }, minutes)), /* @__PURE__ */ React.createElement("div", { className: "mt-timer-item" }, /* @__PURE__ */ React.createElement(LocaleText, { className: "text", text: "Seconds" }), /* @__PURE__ */ React.createElement("div", { className: "number" }, seconds)));
};
const chestsData = [
{
img200: green200,
code: "Rare",
dep: 30,
upTo: 300,
id: 0
},
{
img200: gold200,
code: "Epic",
dep: 75,
upTo: 1e3,
id: 1
},
{
img200: purple200,
code: "Legendary",
dep: 150,
upTo: 3e3,
id: 2
}
];
const howData = [
{
id: 1,
text: "HOW_TEXT_1"
},
{
id: 2,
text: "HOW_TEXT_2"
},
{
id: 3,
text: "HOW_TEXT_3"
},
{
id: 4,
text: "HOW_TEXT_4"
},
{
id: 5,
text: "HOW_TEXT_6"
}
];
const bonusesData = {
Rare: [
{ count: 60, type: "FS", id: 0 },
{ count: 120, type: "FS", id: 1 },
{ count: 25, type: "€", id: 2 },
{ count: 75, type: "€", id: 3 },
{ count: 300, type: "€", id: 4 }
],
Epic: [
{ count: 150, type: "FS", id: 6 },
{ count: 300, type: "FS", id: 7 },
{ count: 70, type: "€", id: 8 },
{ count: 250, type: "€", id: 9 },
{ count: 1e3, type: "€", id: 10 }
],
Legendary: [
{ count: 200, type: "FS", id: 12 },
{ count: 75, type: "€", id: 13 },
{ count: 250, type: "€", id: 14 },
{ count: 1e3, type: "€", id: 15 },
{ count: 3e3, type: "€", id: 16 }
]
};
const PrizeModal = ({ prizeModal, setPrizeModal }) => {
const userId = useUserId();
const { setModalOpenType } = usePayment();
const setAuthVisible = useAuthVisible();
return /* @__PURE__ */ React.createElement("div", { className: "kkdu-payment-modal" }, /* @__PURE__ */ React.createElement(
"div",
{
className: "kkdu-modal-backdrop",
onClick: () => {
setPrizeModal(0);
}
}
), /* @__PURE__ */ React.createElement(
"div",
{
className: "kkdu-modal-content grey-scroll",
style: {
borderRadius: 20,
width: "auto",
background: "transparent",
overflow: "scroll"
}
},
/* @__PURE__ */ React.createElement("div", { className: "kkdu-modal-body" }, /* @__PURE__ */ React.createElement("div", { className: "mt-prize-modal grey-scroll" }, /* @__PURE__ */ React.createElement(
SvgClose,
{
className: "modal-close",
onClick: () => {
setPrizeModal(0);
}
}
), /* @__PURE__ */ React.createElement("div", { className: "mt-pm-title" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "Case Prizes" })), /* @__PURE__ */ React.createElement("div", { className: "mt-pm-description" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "Select a type of case to view rewards" })), /* @__PURE__ */ React.createElement("div", { className: "mt-pm-chests" }, chestsData.map(({ img200, id, code }, index) => /* @__PURE__ */ React.createElement(
"div",
{
className: `mt-pm-chest-item${prizeModal - 1 === index ? " active" : ""}`,
key: id,
onClick: () => {
setPrizeModal(index + 1);
}
},
/* @__PURE__ */ React.createElement("img", { src: img200, alt: "", className: "img" }),
/* @__PURE__ */ React.createElement("div", { className: "text" }, /* @__PURE__ */ React.createElement(LocaleText, { text: code }), " ", /* @__PURE__ */ React.createElement(LocaleText, { text: "case" }))
))), /* @__PURE__ */ React.createElement("div", { className: "mt-pm-bonuses" }, bonusesData[chestsData[prizeModal - 1].code].map(
({ count, type, id }, index) => /* @__PURE__ */ React.createElement("div", { className: "mt-pm-bonus", key: id }, index !== 0 && /* @__PURE__ */ React.createElement("div", { className: "separator" }), /* @__PURE__ */ React.createElement("div", { className: "line" }, /* @__PURE__ */ React.createElement("span", { className: "muted" }, "Bonus ", index + 1), /* @__PURE__ */ React.createElement("span", null, type === "€" && "€", count, type === "FS" && /* @__PURE__ */ React.createElement(React.Fragment, null, " ", /* @__PURE__ */ React.createElement(LocaleText, { text: "Free Spins" })))))
)), /* @__PURE__ */ React.createElement(
"button",
{
className: "button",
type: "button",
onClick: () => {
setPrizeModal(0);
if (userId) {
setModalOpenType("deposit");
} else {
setAuthVisible(1);
}
}
},
/* @__PURE__ */ React.createElement(LocaleText, { text: "Get a case" })
)))
));
};
const GetChestModal = ({ setGetChestModal, openedLootbox }) => {
const [opened, setOpened] = reactExports.useState(false);
const { refreshUser } = useAuth();
const { lootboxes } = useAuth();
const [image, setImage] = reactExports.useState("");
const [closedBox, setClosedBox] = reactExports.useState("");
const [lootboxWin, setLootboxWin] = reactExports.useState({});
const [value, setValue] = reactExports.useState();
const [type, setType] = reactExports.useState("");
reactExports.useEffect(() => {
setImage(() => {
var _a;
if ((_a = openedLootbox == null ? void 0 : openedLootbox.title) == null ? void 0 : _a.includes("Legendary")) {
setClosedBox(purple200);
return purpleGif;
}
if (openedLootbox == null ? void 0 : openedLootbox.title.includes("Epic")) {
setClosedBox(gold200);
return goldGif;
}
setClosedBox(green200);
return greenGif;
});
}, [lootboxes, openedLootbox]);
const closeHandler = () => {
setGetChestModal(false);
refreshUser();
};
const lootboxActivation = async () => {
const activate = await request(
`player/lootboxes/${openedLootbox == null ? void 0 : openedLootbox.id}/activation`,
"POST",
1
);
setLootboxWin(activate);
};
reactExports.useEffect(() => {
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
if (lootboxWin == null ? void 0 : lootboxWin.bonuses) {
if (typeof ((_c = (_b = (_a = lootboxWin == null ? void 0 : lootboxWin.bonuses) == null ? void 0 : _a[0]) == null ? void 0 : _b.attributes[0]) == null ? void 0 : _c.value) === "number") {
setValue((_f = (_e = (_d = lootboxWin == null ? void 0 : lootboxWin.bonuses) == null ? void 0 : _d[0]) == null ? void 0 : _e.attributes[0]) == null ? void 0 : _f.value);
} else {
setValue(
(_j = (_i = (_h = (_g = lootboxWin == null ? void 0 : lootboxWin.bonuses) == null ? void 0 : _g[0]) == null ? void 0 : _h.attributes[0]) == null ? void 0 : _i.value[0]) == null ? void 0 : _j.amount_cents
);
}
setType((_l = (_k = lootboxWin == null ? void 0 : lootboxWin.bonuses) == null ? void 0 : _k[0]) == null ? void 0 : _l.type);
}
}, [lootboxWin == null ? void 0 : lootboxWin.bonuses]);
return /* @__PURE__ */ React.createElement("div", { className: "kkdu-payment-modal" }, /* @__PURE__ */ React.createElement(
"div",
{
className: "kkdu-modal-backdrop",
onClick: () => {
setGetChestModal(false);
}
}
), /* @__PURE__ */ React.createElement(
"div",
{
className: "kkdu-modal-content grey-scroll",
style: {
borderRadius: 20,
width: "auto",
background: "transparent",
height: "auto"
}
},
/* @__PURE__ */ React.createElement(
"div",
{
className: "kkdu-modal-body",
style: { height: "100%", background: "transparent" }
},
/* @__PURE__ */ React.createElement("div", { className: "mt-get-chest-modal" }, /* @__PURE__ */ React.createElement(SvgClose, { className: "modal-close", onClick: () => closeHandler() }), /* @__PURE__ */ React.createElement("div", { className: "mt-gc-title" }, /* @__PURE__ */ React.createElement(LocaleText, { text: openedLootbox == null ? void 0 : openedLootbox.title }), " ", /* @__PURE__ */ React.createElement(LocaleText, { text: "treasure" })), /* @__PURE__ */ React.createElement("div", { className: "mt-gc-description" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "Open the case and get one of the daily rewards" })), /* @__PURE__ */ React.createElement("div", { className: "mt-gc-img-wrapper" }, /* @__PURE__ */ React.createElement(
"img",
{
src: opened ? image : closedBox,
alt: "",
className: `mt-gc-img ${opened ? "mute" : ""}`
}
), /* @__PURE__ */ React.createElement("div", { className: `mt-gc-img-text ${opened ? "show" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: "title" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "Your prize:" })), /* @__PURE__ */ React.createElement("div", { className: "prize" }, value, " ", /* @__PURE__ */ React.createElement(LocaleText, { text: type })))), opened ? /* @__PURE__ */ React.createElement(
"button",
{
className: "button",
type: "button",
onClick: () => closeHandler()
},
/* @__PURE__ */ React.createElement(LocaleText, { text: "Close" })
) : /* @__PURE__ */ React.createElement(
"button",
{
className: "button",
type: "button",
onClick: () => {
setOpened(true);
lootboxActivation();
}
},
/* @__PURE__ */ React.createElement(LocaleText, { text: "Open" })
))
)
));
};
const Page = () => {
var _a;
const userId = useUserId();
const { setModalOpenType } = usePayment();
const setAuthVisible = useAuthVisible();
const setNotification = useNotification();
const { lootboxes } = useAuth();
const [prizeModal, setPrizeModalState] = reactExports.useState(0);
const [getChestModal, setGetChestModalState] = reactExports.useState(false);
const [filteredLootboxes, setFilteredLootboxes] = reactExports.useState(
{}
);
const [openedLootbox, setOpenedLootbox] = reactExports.useState(
null
);
useDocumentTitle("Mystery Treasure");
reactExports.useEffect(() => {
const filteredLootboxes2 = {
rare: [],
epic: [],
legendary: []
};
lootboxes.forEach((el) => {
if (el.title.includes("Epic")) {
filteredLootboxes2.epic.push(el);
}
if (el.title.includes("Legendary")) {
filteredLootboxes2.legendary.push(el);
}
if (el.title.includes("Rare")) {
filteredLootboxes2.rare.push(el);
}
});
setFilteredLootboxes(filteredLootboxes2);
}, [lootboxes]);
const setPrizeModal = (state) => {
if (!state) {
enableBodyScroll();
} else {
disableBodyScroll();
}
setPrizeModalState(state);
};
const setGetChestModal = (state) => {
if (!state) {
enableBodyScroll();
} else {
disableBodyScroll();
}
setGetChestModalState(state);
};
const copyToClipBoard = async (text) => {
try {
await navigator.clipboard.writeText(text.toUpperCase());
setNotification({
text: "clipboard",
status: "success"
});
} catch (err) {
}
};
return /* @__PURE__ */ React.createElement(TranslationsContextProvider, { translations: mysteryTreasureTranslations }, /* @__PURE__ */ React.createElement("div", { className: "mystery-treasure-page" }, /* @__PURE__ */ React.createElement("div", { className: "mt-header" }, /* @__PURE__ */ React.createElement("h1", { className: "mt-h1" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "Arlekin mystery cases" })), /* @__PURE__ */ React.createElement("div", { className: "mt-header-treasure-wrapper" }, chestsData.map(({ img200, code, dep, upTo, id }) => /* @__PURE__ */ React.createElement("div", { className: "mt-header-treasure-item", key: id }, /* @__PURE__ */ React.createElement("img", { className: "img", src: img200, alt: "" }), /* @__PURE__ */ React.createElement("div", { className: "title" }, /* @__PURE__ */ React.createElement(LocaleText, { text: code })), /* @__PURE__ */ React.createElement("div", { className: "text" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "Task:" }), " ", /* @__PURE__ */ React.createElement("strong", null, /* @__PURE__ */ React.createElement(LocaleText, { text: "Deposit" }), " €", dep, "+")), /* @__PURE__ */ React.createElement("div", { className: "text" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "Reward:" }), " ", /* @__PURE__ */ React.createElement("strong", null, /* @__PURE__ */ React.createElement(LocaleText, { text: "up to" }), " €", upTo.toFixed(2))), /* @__PURE__ */ React.createElement("div", { className: "text" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "Use the code:" })), /* @__PURE__ */ React.createElement(
"button",
{
className: "copy-button",
type: "button",
onClick: () => {
copyToClipBoard(code);
}
},
/* @__PURE__ */ React.createElement(SvgCopy, null),
" ",
/* @__PURE__ */ React.createElement("span", null, code)
)))), /* @__PURE__ */ React.createElement("div", { className: "available-case-buttons" }, /* @__PURE__ */ React.createElement("div", { className: "open-case-buttons" }, (_a = Object == null ? void 0 : Object.keys(filteredLootboxes)) == null ? void 0 : _a.map((el) => /* @__PURE__ */ React.createElement(
"button",
{
key: el,
type: "button",
className: "button open-case",
disabled: filteredLootboxes[el].length === 0,
onClick: () => {
setGetChestModal(true);
setOpenedLootbox(filteredLootboxes[el][0]);
}
},
el,
" x",
filteredLootboxes[el].length
))), /* @__PURE__ */ React.createElement(
"button",
{
className: "button get-case",
type: "button",
onClick: () => {
if (userId) {
setModalOpenType("deposit");
} else {
setAuthVisible(1);
}
}
},
/* @__PURE__ */ React.createElement(LocaleText, { text: "Get a case" })
))), /* @__PURE__ */ React.createElement("div", { className: "mt-steps" }, /* @__PURE__ */ React.createElement("div", { className: "mt-step" }, /* @__PURE__ */ React.createElement("div", { className: "number" }, "1"), /* @__PURE__ */ React.createElement("div", { className: "text" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "STEP_1" }))), /* @__PURE__ */ React.createElement("div", { className: "mt-step" }, /* @__PURE__ */ React.createElement("div", { className: "number" }, "2"), /* @__PURE__ */ React.createElement("div", { className: "text" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "STEP_2" }))), /* @__PURE__ */ React.createElement("div", { className: "mt-step" }, /* @__PURE__ */ React.createElement("div", { className: "number" }, "3"), /* @__PURE__ */ React.createElement("div", { className: "text" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "STEP_3" })))), /* @__PURE__ */ React.createElement("div", { className: "mt-body" }, /* @__PURE__ */ React.createElement("h3", { className: "mt-h3" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "WHAT'S INSIDE" })), /* @__PURE__ */ React.createElement("div", { className: "mt-description" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "Each Mystery Case contains one of the 5 different prizes!" })), /* @__PURE__ */ React.createElement("div", { className: "mt-cases" }, chestsData.map(({ img200, code, id }, index) => /* @__PURE__ */ React.createElement("div", { className: "mt-case", key: id }, /* @__PURE__ */ React.createElement("img", { src: img200, alt: "", className: "img" }), /* @__PURE__ */ React.createElement("div", { className: "text" }, /* @__PURE__ */ React.createElement(LocaleText, { text: code }), " ", /* @__PURE__ */ React.createElement(LocaleText, { text: "case" })), /* @__PURE__ */ React.createElement(
"button",
{
className: "button",
type: "button",
onClick: () => {
setPrizeModal(index + 1);
}
},
/* @__PURE__ */ React.createElement(LocaleText, { text: "Show Prize" })
)))), /* @__PURE__ */ React.createElement("div", { className: "mt-how" }, /* @__PURE__ */ React.createElement("h3", { className: "mt-h3" }, /* @__PURE__ */ React.createElement(LocaleText, { text: "HOW IT WORKS" })), howData.map(({ id, text }) => /* @__PURE__ */ React.createElement("div", { className: "mt-how-item", key: id }, /* @__PURE__ */ React.createElement("div", { className: "number" }, id), /* @__PURE__ */ React.createElement("div", { className: "treasure-text" }, /* @__PURE__ */ React.createElement(LocaleText, { text })))))), !!prizeModal && /* @__PURE__ */ React.createElement(PrizeModal, { prizeModal, setPrizeModal }), getChestModal && /* @__PURE__ */ React.createElement(
GetChestModal,
{
setGetChestModal,
openedLootbox
}
)));
};
export {
Page,
TreasureTimer
};