@opexa/portal-components 0.1.83 → 0.1.85

package/dist/components/Tournaments/TournamentsList/TournamentItem.module.css

@@ -1,184 +1,184 @@
-@keyframes arrow-green-flash {
-  0% {
-    color: #abefc6;
-  }
-  100% {
-    color: #079455;
-  }
-}
-
-.animate-arrow-green-flash-1 {
-  animation: arrow-green-flash 0.4s infinite;
-  animation-delay: -0.2s;
-}
-
-.animate-arrow-green-flash-2 {
-  animation: arrow-green-flash 0.4s infinite;
-  animation-delay: -0.1s;
-}
-
-.animate-arrow-green-flash-3 {
-  animation: arrow-green-flash 0.4s infinite;
-}
-
-@keyframes arrow-red-flash {
-  0%,
-  100% {
-    color: #f97066;
-  }
-  50% {
-    color: #fecdca;
-  }
-}
-
-.animate-arrow-red-flash-1 {
-  animation: arrow-red-flash 0.4s infinite;
-}
-
-.animate-arrow-red-flash-2 {
-  animation: arrow-red-flash 0.4s infinite;
-  animation-delay: -0.1s;
-}
-
-.animate-arrow-red-flash-3 {
-  animation: arrow-red-flash 0.4s infinite;
-  animation-delay: -0.2s;
-}
-
-/* Animated BG */
-@keyframes rotate {
-  to {
-    transform: rotate(1turn);
-  }
-}
-
-.light-rays {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  overflow: hidden;
-
-  --first: var(--color-bg-tertiary);
-  --second: var(--color-bg-quaternary);
-}
-
-.light-rays::before,
-.light-rays::after {
-  content: '';
-  position: absolute;
-  top: var(--light-rays-top, 150px);
-  left: calc(50% - 90px);
-  margin: -100vmax;
-  width: 200vmax;
-  height: 200vmax;
-  opacity: 0.6;
-  transform-origin: center;
-}
-
-.light-rays::before {
-  background: conic-gradient(
-    var(--first) 0deg 7.2deg,
-    var(--second) 7.2deg 14.4deg,
-    var(--first) 14.4deg 21.6deg,
-    var(--second) 21.6deg 28.8deg,
-    var(--first) 28.8deg 36deg,
-    var(--second) 36deg 43.2deg,
-    var(--first) 43.2deg 50.4deg,
-    var(--second) 50.4deg 57.6deg,
-    var(--first) 57.6deg 64.8deg,
-    var(--second) 64.8deg 72deg,
-    var(--first) 72deg 79.2deg,
-    var(--second) 79.2deg 86.4deg,
-    var(--first) 86.4deg 93.6deg,
-    var(--second) 93.6deg 100.8deg,
-    var(--first) 100.8deg 108deg,
-    var(--second) 108deg 115.2deg,
-    var(--first) 115.2deg 122.4deg,
-    var(--second) 122.4deg 129.6deg,
-    var(--first) 129.6deg 136.8deg,
-    var(--second) 136.8deg 144deg,
-    var(--first) 144deg 151.2deg,
-    var(--second) 151.2deg 158.4deg,
-    var(--first) 158.4deg 165.6deg,
-    var(--second) 165.6deg 172.8deg,
-    var(--first) 172.8deg 180deg,
-    var(--second) 180deg 187.2deg,
-    var(--first) 187.2deg 194.4deg,
-    var(--second) 194.4deg 201.6deg,
-    var(--first) 201.6deg 208.8deg,
-    var(--second) 208.8deg 216deg,
-    var(--first) 216deg 223.2deg,
-    var(--second) 223.2deg 230.4deg,
-    var(--first) 230.4deg 237.6deg,
-    var(--second) 237.6deg 244.8deg,
-    var(--first) 244.8deg 252deg,
-    var(--second) 252deg 259.2deg,
-    var(--first) 259.2deg 266.4deg,
-    var(--second) 266.4deg 273.6deg,
-    var(--first) 273.6deg 280.8deg,
-    var(--second) 280.8deg 288deg,
-    var(--first) 288deg 295.2deg,
-    var(--second) 295.2deg 302.4deg,
-    var(--first) 302.4deg 309.6deg,
-    var(--second) 309.6deg 316.8deg,
-    var(--first) 316.8deg 324deg,
-    var(--second) 324deg 331.2deg,
-    var(--first) 331.2deg 338.4deg,
-    var(--second) 338.4deg 345.6deg,
-    var(--first) 345.6deg 352.8deg,
-    var(--second) 352.8deg 360deg
-  );
-  animation: rotate 20s linear infinite;
-}
-
-@media (max-width: 1024px) {
-  .light-rays::before,
-  .light-rays::after {
-    left: auto;
-    right: 11%;
-  }
-}
-
-/* ScrollArea.module.css */
-.scrollArea {
-  overflow-y: scroll;
-  padding-right: 4px;
-}
-
-/* WebKit-based browsers */
-.scrollArea::-webkit-scrollbar {
-  width: 8px;
-}
-
-.scrollArea::-webkit-scrollbar-track {
-  background: var(--color-bg-primary-alt);
-  border-radius: 9999px;
-}
-
-.scrollArea::-webkit-scrollbar-thumb {
-  background-color: var(--color-bg-quaternary);
-  border-radius: 9999px;
-}
-
-@keyframes waveColor {
-  0%,
-  2.5% {
-    color: var(--wave-highlight-color);
-  }
-  2.51%,
-  100% {
-    color: var(--color-brand-300);
-  }
-}
-
-.animate-wave-color-success {
-  --wave-highlight-color: var(--color-success-800);
-  animation: waveColor 4s ease-in-out infinite;
-}
-
-.animate-wave-color-error {
-  --wave-highlight-color: var(--color-error-600);
-  animation: waveColor 4s ease-in-out infinite;
-}
+@keyframes arrow-green-flash {
+  0% {
+    color: #abefc6;
+  }
+  100% {
+    color: #079455;
+  }
+}
+
+.animate-arrow-green-flash-1 {
+  animation: arrow-green-flash 0.4s infinite;
+  animation-delay: -0.2s;
+}
+
+.animate-arrow-green-flash-2 {
+  animation: arrow-green-flash 0.4s infinite;
+  animation-delay: -0.1s;
+}
+
+.animate-arrow-green-flash-3 {
+  animation: arrow-green-flash 0.4s infinite;
+}
+
+@keyframes arrow-red-flash {
+  0%,
+  100% {
+    color: #f97066;
+  }
+  50% {
+    color: #fecdca;
+  }
+}
+
+.animate-arrow-red-flash-1 {
+  animation: arrow-red-flash 0.4s infinite;
+}
+
+.animate-arrow-red-flash-2 {
+  animation: arrow-red-flash 0.4s infinite;
+  animation-delay: -0.1s;
+}
+
+.animate-arrow-red-flash-3 {
+  animation: arrow-red-flash 0.4s infinite;
+  animation-delay: -0.2s;
+}
+
+/* Animated BG */
+@keyframes rotate {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+.light-rays {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+
+  --first: var(--color-bg-tertiary);
+  --second: var(--color-bg-quaternary);
+}
+
+.light-rays::before,
+.light-rays::after {
+  content: '';
+  position: absolute;
+  top: var(--light-rays-top, 150px);
+  left: calc(50% - 90px);
+  margin: -100vmax;
+  width: 200vmax;
+  height: 200vmax;
+  opacity: 0.6;
+  transform-origin: center;
+}
+
+.light-rays::before {
+  background: conic-gradient(
+    var(--first) 0deg 7.2deg,
+    var(--second) 7.2deg 14.4deg,
+    var(--first) 14.4deg 21.6deg,
+    var(--second) 21.6deg 28.8deg,
+    var(--first) 28.8deg 36deg,
+    var(--second) 36deg 43.2deg,
+    var(--first) 43.2deg 50.4deg,
+    var(--second) 50.4deg 57.6deg,
+    var(--first) 57.6deg 64.8deg,
+    var(--second) 64.8deg 72deg,
+    var(--first) 72deg 79.2deg,
+    var(--second) 79.2deg 86.4deg,
+    var(--first) 86.4deg 93.6deg,
+    var(--second) 93.6deg 100.8deg,
+    var(--first) 100.8deg 108deg,
+    var(--second) 108deg 115.2deg,
+    var(--first) 115.2deg 122.4deg,
+    var(--second) 122.4deg 129.6deg,
+    var(--first) 129.6deg 136.8deg,
+    var(--second) 136.8deg 144deg,
+    var(--first) 144deg 151.2deg,
+    var(--second) 151.2deg 158.4deg,
+    var(--first) 158.4deg 165.6deg,
+    var(--second) 165.6deg 172.8deg,
+    var(--first) 172.8deg 180deg,
+    var(--second) 180deg 187.2deg,
+    var(--first) 187.2deg 194.4deg,
+    var(--second) 194.4deg 201.6deg,
+    var(--first) 201.6deg 208.8deg,
+    var(--second) 208.8deg 216deg,
+    var(--first) 216deg 223.2deg,
+    var(--second) 223.2deg 230.4deg,
+    var(--first) 230.4deg 237.6deg,
+    var(--second) 237.6deg 244.8deg,
+    var(--first) 244.8deg 252deg,
+    var(--second) 252deg 259.2deg,
+    var(--first) 259.2deg 266.4deg,
+    var(--second) 266.4deg 273.6deg,
+    var(--first) 273.6deg 280.8deg,
+    var(--second) 280.8deg 288deg,
+    var(--first) 288deg 295.2deg,
+    var(--second) 295.2deg 302.4deg,
+    var(--first) 302.4deg 309.6deg,
+    var(--second) 309.6deg 316.8deg,
+    var(--first) 316.8deg 324deg,
+    var(--second) 324deg 331.2deg,
+    var(--first) 331.2deg 338.4deg,
+    var(--second) 338.4deg 345.6deg,
+    var(--first) 345.6deg 352.8deg,
+    var(--second) 352.8deg 360deg
+  );
+  animation: rotate 20s linear infinite;
+}
+
+@media (max-width: 1024px) {
+  .light-rays::before,
+  .light-rays::after {
+    left: auto;
+    right: 11%;
+  }
+}
+
+/* ScrollArea.module.css */
+.scrollArea {
+  overflow-y: scroll;
+  padding-right: 4px;
+}
+
+/* WebKit-based browsers */
+.scrollArea::-webkit-scrollbar {
+  width: 8px;
+}
+
+.scrollArea::-webkit-scrollbar-track {
+  background: var(--color-bg-primary-alt);
+  border-radius: 9999px;
+}
+
+.scrollArea::-webkit-scrollbar-thumb {
+  background-color: var(--color-bg-quaternary);
+  border-radius: 9999px;
+}
+
+@keyframes waveColor {
+  0%,
+  2.5% {
+    color: var(--wave-highlight-color);
+  }
+  2.51%,
+  100% {
+    color: var(--color-brand-300);
+  }
+}
+
+.animate-wave-color-success {
+  --wave-highlight-color: var(--color-success-800);
+  animation: waveColor 4s ease-in-out infinite;
+}
+
+.animate-wave-color-error {
+  --wave-highlight-color: var(--color-error-600);
+  animation: waveColor 4s ease-in-out infinite;
+}

package/dist/components/UpdateMobilePhoneNumber/hooks/useAutoOpenWhenUnverified.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Opens the UpdateMobilePhoneNumber dialog automatically (once per mount) if
+ * the account has finished loading and the user's mobile number is not yet
+ * verified. Closes it if it is verified.
+ */
+export declare function useAutoOpenWhenUnverified(): void;

package/dist/components/UpdateMobilePhoneNumber/hooks/useAutoOpenWhenUnverified.js

@@ -0,0 +1,31 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { useShallow } from 'zustand/shallow';
+import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
+import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
+/**
+ * Opens the UpdateMobilePhoneNumber dialog automatically (once per mount) if
+ * the account has finished loading and the user's mobile number is not yet
+ * verified. Closes it if it is verified.
+ */
+export function useAutoOpenWhenUnverified() {
+    const { setOpen } = useGlobalStore(useShallow((ctx) => ({
+        setOpen: ctx.updateMobilePhoneNumber.setOpen,
+    })));
+    const accountQuery = useAccountQuery();
+    const account = accountQuery.data;
+    const isAccountLoading = accountQuery.isLoading;
+    const isMobileNumberVerified = account?.mobileNumberVerified === true;
+    const hasExecuted = useRef(false);
+    useEffect(() => {
+        if (!isAccountLoading && !!account && !hasExecuted.current) {
+            if (!isMobileNumberVerified) {
+                setOpen(true);
+            }
+            else {
+                setOpen(false);
+            }
+            hasExecuted.current = true;
+        }
+    }, [isAccountLoading, account, isMobileNumberVerified, setOpen]);
+}

package/dist/constants/GameProvider.js

@@ -44,6 +44,11 @@ import sexycasino from '../images/game-providers/SEXYCASINO.png';
 import spadegaming from '../images/game-providers/SPADEGAMING.png';
 import spinix from '../images/game-providers/SPINIX.png';
 import spribe from '../images/game-providers/SPRIBE.png';
+import vibra from '../images/game-providers/VIBRA.png';
+import vibraAquaGaming from '../images/game-providers/VIBRA_AQUA_GAMING.png';
+import vibraGoldenSpins from '../images/game-providers/VIBRA_GOLDEN_SPINS.png';
+import vibraRuviBet from '../images/game-providers/VIBRA_RUVI_BET.png';
+import vibraSpinocchio from '../images/game-providers/VIBRA_SPINOCCHIO.png';
 import yellowbat from '../images/game-providers/YELLOWBAT.png';
 export const GAME_PROVIDER_DATA = {
     ALIZE: {
@@ -364,6 +369,36 @@ export const GAME_PROVIDER_DATA = {
         slug: 'evolution-tap-a-roo',
         logo: evolutionTapARoo,
     },
+    VIBRA: {
+        id: 'VIBRA',
+        name: 'Vibra',
+        slug: 'vibra',
+        logo: vibra,
+    },
+    VIBRA_GOLDEN_SPINS: {
+        id: 'VIBRA_GOLDEN_SPINS',
+        name: 'VibraGoldenSpins',
+        slug: 'vibra-golden-spins',
+        logo: vibraGoldenSpins,
+    },
+    VIBRA_SPINOCCHIO: {
+        id: 'VIBRA_SPINOCCHIO',
+        name: 'VibraSpinocchio',
+        slug: 'vibra-pinocchio',
+        logo: vibraSpinocchio,
+    },
+    VIBRA_RUVI_BET: {
+        id: 'VIBRA_RUVI_BET',
+        name: 'VibraRuviBet',
+        slug: 'vibra-ruvi-bet',
+        logo: vibraRuviBet,
+    },
+    VIBRA_AQUA_GAMING: {
+        id: 'VIBRA_AQUA_GAMING',
+        name: 'VibraAquaGaming',
+        slug: 'vibra-aqua-gaming',
+        logo: vibraAquaGaming,
+    },
 };
 export const GAME_PROVIDERS = Object.values(GAME_PROVIDER_DATA).map(({ id }) => id);
 export const LEGACY_GAME_PROVIDERS = [

package/dist/handlers/index.d.ts

@@ -18,14 +18,14 @@ export declare const GET: (req: NextRequest, { params }: Context) => Promise<Nex
     __error?: unknown;
 } | {
     ok: true;
-    data: import("../types").Session;
+    data: Record<string, unknown>;
 }> | NextResponse<{
     ok: false;
     message: string;
     __error?: unknown;
 } | {
     ok: true;
-    data: Record<string, unknown>;
+    data: import("../types").Session;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;

package/dist/handlers/v4Cookies.d.ts

@@ -0,0 +1,9 @@
+import type { NextResponse } from 'next/server';
+/**
+ * Proxies AUTH `Set-Cookie` headers (the v4 refresh cookie) onto the outgoing
+ * Next.js response. In the proxy model the browser never talks to AUTH
+ * directly, so the cookie is re-scoped to the app domain (the `Domain`
+ * attribute from AUTH is dropped) and the route handler forwards it back to
+ * AUTH on subsequent requests via the `Cookie` header.
+ */
+export declare function applyV4SetCookie(response: NextResponse, setCookie: string[]): void;

package/dist/handlers/v4Cookies.js

@@ -0,0 +1,49 @@
+/**
+ * Proxies AUTH `Set-Cookie` headers (the v4 refresh cookie) onto the outgoing
+ * Next.js response. In the proxy model the browser never talks to AUTH
+ * directly, so the cookie is re-scoped to the app domain (the `Domain`
+ * attribute from AUTH is dropped) and the route handler forwards it back to
+ * AUTH on subsequent requests via the `Cookie` header.
+ */
+export function applyV4SetCookie(response, setCookie) {
+    for (const raw of setCookie) {
+        const parsed = parseSetCookie(raw);
+        if (!parsed)
+            continue;
+        response.cookies.set(parsed.name, parsed.value, parsed.options);
+    }
+}
+function parseSetCookie(raw) {
+    const [pair, ...attrs] = raw.split(';');
+    const eq = pair.indexOf('=');
+    if (eq < 0)
+        return null;
+    const name = pair.slice(0, eq).trim();
+    const value = pair.slice(eq + 1).trim();
+    const options = {};
+    for (const attr of attrs) {
+        const [k, v] = attr.split('=').map((s) => s.trim());
+        const key = k.toLowerCase();
+        if (key === 'path')
+            options.path = v;
+        else if (key === 'max-age')
+            options.maxAge = Number(v);
+        else if (key === 'expires') {
+            const d = new Date(v);
+            if (!Number.isNaN(d.getTime()))
+                options.expires = d;
+        }
+        else if (key === 'httponly')
+            options.httpOnly = true;
+        else if (key === 'secure')
+            options.secure = true;
+        else if (key === 'samesite') {
+            const lv = (v ?? '').toLowerCase();
+            if (lv === 'strict' || lv === 'lax' || lv === 'none') {
+                options.sameSite = lv;
+            }
+        }
+        // `Domain` is intentionally dropped so the cookie scopes to the app.
+    }
+    return { name, value, options };
+}

package/dist/images/phone-icon.svg

@@ -1,10 +1,10 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.9997 29.6667H20.0163M13.6663 37.1667H26.333C28.1998 37.1667 29.1333 37.1667 29.8463 36.8034C30.4735 36.4838 30.9835 35.9739 31.303 35.3467C31.6663 34.6336 31.6663 33.7002 31.6663 31.8334V9.16671C31.6663 7.29987 31.6663 6.36644 31.303 5.65341C30.9835 5.0262 30.4735 4.51626 29.8463 4.19669C29.1333 3.83337 28.1998 3.83337 26.333 3.83337H13.6663C11.7995 3.83337 10.8661 3.83337 10.153 4.19669C9.52583 4.51626 9.0159 5.0262 8.69632 5.65341C8.33301 6.36644 8.33301 7.29987 8.33301 9.16671V31.8334C8.33301 33.7002 8.33301 34.6336 8.69632 35.3467C9.0159 35.9739 9.52583 36.4838 10.153 36.8034C10.8661 37.1667 11.7995 37.1667 13.6663 37.1667ZM20.833 29.6667C20.833 30.1269 20.4599 30.5 19.9997 30.5C19.5394 30.5 19.1663 30.1269 19.1663 29.6667C19.1663 29.2065 19.5394 28.8334 19.9997 28.8334C20.4599 28.8334 20.833 29.2065 20.833 29.6667Z" stroke="url(#paint0_linear_7447_22974)" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
-<defs>
-<linearGradient id="paint0_linear_7447_22974" x1="6.15787" y1="37.1667" x2="42.6082" y2="16.0851" gradientUnits="userSpaceOnUse">
-<stop stop-color="#C7802D"/>
-<stop offset="0.438525" stop-color="#FFE585"/>
-<stop offset="1" stop-color="#C7802D"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.9997 29.6667H20.0163M13.6663 37.1667H26.333C28.1998 37.1667 29.1333 37.1667 29.8463 36.8034C30.4735 36.4838 30.9835 35.9739 31.303 35.3467C31.6663 34.6336 31.6663 33.7002 31.6663 31.8334V9.16671C31.6663 7.29987 31.6663 6.36644 31.303 5.65341C30.9835 5.0262 30.4735 4.51626 29.8463 4.19669C29.1333 3.83337 28.1998 3.83337 26.333 3.83337H13.6663C11.7995 3.83337 10.8661 3.83337 10.153 4.19669C9.52583 4.51626 9.0159 5.0262 8.69632 5.65341C8.33301 6.36644 8.33301 7.29987 8.33301 9.16671V31.8334C8.33301 33.7002 8.33301 34.6336 8.69632 35.3467C9.0159 35.9739 9.52583 36.4838 10.153 36.8034C10.8661 37.1667 11.7995 37.1667 13.6663 37.1667ZM20.833 29.6667C20.833 30.1269 20.4599 30.5 19.9997 30.5C19.5394 30.5 19.1663 30.1269 19.1663 29.6667C19.1663 29.2065 19.5394 28.8334 19.9997 28.8334C20.4599 28.8334 20.833 29.2065 20.833 29.6667Z" stroke="url(#paint0_linear_7447_22974)" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_7447_22974" x1="6.15787" y1="37.1667" x2="42.6082" y2="16.0851" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7802D"/>
+<stop offset="0.438525" stop-color="#FFE585"/>
+<stop offset="1" stop-color="#C7802D"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/schemas/forgotPasswordSchema.d.ts

@@ -8,23 +8,23 @@ export declare const createForgotPasswordSchema: (mobileNumberParser: MobileNumb
     mobileNumber: z.ZodEffects<z.ZodString, string, string>;
     verificationCode: z.ZodEffects<z.ZodString, string, string>;
 }, "strip", z.ZodTypeAny, {
-    verificationCode: string;
     password: string;
+    verificationCode: string;
     mobileNumber: string;
     confirmPassword: string;
 }, {
-    verificationCode: string;
     password: string;
+    verificationCode: string;
     mobileNumber: string;
     confirmPassword: string;
 }>, {
-    verificationCode: string;
     password: string;
+    verificationCode: string;
     mobileNumber: string;
     confirmPassword: string;
 }, {
-    verificationCode: string;
     password: string;
+    verificationCode: string;
     mobileNumber: string;
     confirmPassword: string;
 }>;