@opexa/portal-components 0.0.159 → 0.0.161

package/dist/client/hooks/useGlobalStore.d.ts

@@ -1,15 +1,10 @@
 import type { FavoriteGame, Game, GameSession, Message } from '../../types';
-interface PopupStore {
+export interface PopupStore {
     open: boolean;
     setOpen: (open: boolean) => void;
     '~touched': boolean;
 }
-interface CollapsibleStore {
-    collapsed: boolean;
-    setCollapsed: (collapsed: boolean) => void;
-    '~touched': boolean;
-}
-type GameLaunchDetails = {
+export type GameLaunchStore__Details = {
     status: 'WAITING';
     game?: null;
     session?: null;
@@ -26,28 +21,28 @@ type GameLaunchDetails = {
     game: Game | FavoriteGame;
     session?: null;
 };
-interface GameLaunchStore {
-    details: GameLaunchDetails;
-    setDetails: (details: GameLaunchDetails) => void;
+export interface GameLaunchStore {
+    details: GameLaunchStore__Details;
+    setDetails: (details: GameLaunchStore__Details) => void;
     '~touched': boolean;
 }
-interface SearchStore extends PopupStore {
+export interface SearchStore extends PopupStore {
 }
-type DepositWithdrawalTab = 'DEPOSIT' | 'WITHDRAWAL';
-type MessagesTab = 'ALL' | 'UNREAD';
-interface MessagesStore extends PopupStore {
-    tab: MessagesTab;
-    setTab: (tab: MessagesTab) => void;
+export type MessagesStore__Tab = 'ALL' | 'UNREAD';
+export interface MessagesStore extends PopupStore {
+    tab: MessagesStore__Tab;
+    setTab: (tab: MessagesStore__Tab) => void;
 }
-interface MessageStore extends PopupStore {
+export interface MessageStore extends PopupStore {
     open: boolean;
     setOpen: (open: boolean) => void;
     data: Message | null;
     setData: (data: Message | null) => void;
 }
-interface DepositWithdrawalStore extends PopupStore {
-    tab: DepositWithdrawalTab;
-    setTab: (tab: DepositWithdrawalTab) => void;
+export type DepositWithdrawalStore__Tab = 'DEPOSIT' | 'WITHDRAWAL';
+export interface DepositWithdrawalStore extends PopupStore {
+    tab: DepositWithdrawalStore__Tab;
+    setTab: (tab: DepositWithdrawalStore__Tab) => void;
     promo: string | null;
     setPromo: (promo: string | null) => void;
 }
@@ -63,7 +58,8 @@ interface GlobalStore {
     account__mobile: PopupStore;
     messages: MessagesStore;
     message: MessageStore;
-    sidebar: CollapsibleStore;
+    sidebar: PopupStore;
+    sidebar__mobile: PopupStore;
     kyc: PopupStore;
     spotBonus: PopupStore;
 }

package/dist/client/hooks/useGlobalStore.js

@@ -196,12 +196,33 @@ export const useGlobalStore = create((set) => ({
         '~touched': false,
     },
     sidebar: {
-        collapsed: false,
-        setCollapsed(collapsed) {
+        open: true,
+        setOpen(open) {
+            set((prev) => ({
+                sidebar: {
+                    ...prev.sidebar,
+                    open,
+                    '~touched': true,
+                },
+                sidebar__mobile: {
+                    ...prev.sidebar__mobile,
+                    '~touched': true,
+                },
+            }));
+        },
+        '~touched': false,
+    },
+    sidebar__mobile: {
+        open: false,
+        setOpen(open) {
             set((prev) => ({
+                sidebar__mobile: {
+                    ...prev.sidebar__mobile,
+                    open,
+                    '~touched': true,
+                },
                 sidebar: {
                     ...prev.sidebar,
-                    collapsed,
                     '~touched': true,
                 },
             }));

package/dist/components/Bonus/Bonus.js

@@ -1,8 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { notFound } from 'next/navigation';
+import { DOMAIN } from '../../constants/index.js';
 import { getSession } from '../../server/services/getSession.js';
 import { prefetchBonusQuery } from '../../server/utils/prefetchBonusQuery.js';
 import { getBonus } from '../../services/wallet.js';
+import { stripTags } from '../../utils/stripTags.js';
 import { Bonus__client } from './Bonus.client.js';
 async function fetchBonus(id) {
     const session = await getSession();
@@ -20,7 +22,7 @@ export async function Bonus(props) {
         prefetchBonusQuery(props.id),
     ]);
     if (result.status === 'fulfilled' && result.value) {
-        return _jsx(Bonus__client, { ...props });
+        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.promo.description) }), _jsx("meta", { name: "og:title", content: result.value.promo.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.promo.description) }), _jsx("meta", { name: "og:image", content: result.value.promo.banner.url }), _jsx("meta", { name: "twitter:title", content: result.value.promo.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.promo.description) }), _jsx("meta", { name: "twitter:image", content: result.value.promo.banner.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:site", content: DOMAIN }), _jsx(Bonus__client, { ...props })] }));
     }
     else {
         return notFound();

package/dist/components/Cashback/Cashback.js

@@ -1,7 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { notFound } from 'next/navigation';
+import { DOMAIN } from '../../constants/index.js';
 import { prefetchCashbackQuery } from '../../server/utils/prefetchCashbackQuery.js';
 import { getCashback } from '../../services/wallet.js';
+import { stripTags } from '../../utils/stripTags.js';
 import { Cashback__client } from './Cashback.client.js';
 export async function Cashback(props) {
     const [result] = await Promise.allSettled([
@@ -9,7 +11,7 @@ export async function Cashback(props) {
         prefetchCashbackQuery(props.id),
     ]);
     if (result.status === 'fulfilled' && result.value) {
-        return _jsx(Cashback__client, { ...props });
+        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:title", content: result.value.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:title", content: result.value.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "twitter:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:site", content: DOMAIN }), _jsx(Cashback__client, { ...props })] }));
     }
     else {
         return notFound();

package/dist/components/CustomPromo/CustomPromo.js

@@ -1,11 +1,13 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Image from 'next/image';
 import Link from 'next/link';
+import { DOMAIN } from '../../constants/index.js';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
 import { Prose } from '../../ui/Prose/index.js';
+import { stripTags } from '../../utils/stripTags.js';
 export function CustomPromo(props) {
-    return (_jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), _jsx(Image, { src: props.promo.banner, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" }), _jsx("h1", { className: "mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: props.promo.name }), _jsx(Prose, { className: "mt-2xl lg:mt-6", dangerouslySetInnerHTML: {
-                    __html: props.promo.description,
-                } })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "og:title", content: props.promo.name }), _jsx("meta", { name: "og:description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "og:image", content: props.promo.banner }), _jsx("meta", { name: "twitter:title", content: props.promo.name }), _jsx("meta", { name: "twitter:description", content: stripTags(props.promo.description) }), _jsx("meta", { name: "twitter:image", content: props.promo.banner }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:site", content: DOMAIN }), _jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), _jsx(Image, { src: props.promo.banner, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" }), _jsx("h1", { className: "mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: props.promo.name }), _jsx(Prose, { className: "mt-2xl lg:mt-6", dangerouslySetInnerHTML: {
+                            __html: props.promo.description,
+                        } })] })] }));
 }

package/dist/components/News/News.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Image from 'next/image';
 import Link from 'next/link';
+import { DOMAIN } from '../../constants/index.js';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
 import { Prose } from '../../ui/Prose/index.js';
+import { stripTags } from '../../utils/stripTags.js';
 export function News(props) {
-    return (_jsxs("div", { style: props.style, className: props.className, children: [_jsxs(Link, { href: props.viewAllUrl ?? '/news', className: "text-button-secondary-fg flex items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all News"] }), _jsx(Image, { src: props.news.image, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-3xl block h-auto w-full rounded-xl lg:mt-6" }), _jsx("p", { className: "text-brand-400 mt-xl text-sm font-semibold lg:mt-6", children: props.news.category }), _jsx("h2", { className: "mt-xl text-2xl font-semibold lg:mt-6", children: props.news.title }), _jsx(Prose, { className: "mt-xl lg:mt-6", dangerouslySetInnerHTML: {
-                    __html: props.news.content,
-                } })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(props.news.content) }), _jsx("meta", { name: "og:title", content: props.news.title }), _jsx("meta", { name: "og:description", content: stripTags(props.news.content) }), _jsx("meta", { name: "og:image", content: props.news.image }), _jsx("meta", { name: "twitter:title", content: props.news.title }), _jsx("meta", { name: "twitter:description", content: stripTags(props.news.content) }), _jsx("meta", { name: "twitter:image", content: props.news.image }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:site", content: DOMAIN }), _jsxs("div", { style: props.style, className: props.className, children: [_jsxs(Link, { href: props.viewAllUrl ?? '/news', className: "text-button-secondary-fg flex items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all News"] }), _jsx(Image, { src: props.news.image, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-3xl block h-auto w-full rounded-xl lg:mt-6" }), _jsx("p", { className: "text-brand-400 mt-xl text-sm font-semibold lg:mt-6", children: props.news.category }), _jsx("h2", { className: "mt-xl text-2xl font-semibold lg:mt-6", children: props.news.title }), _jsx(Prose, { className: "mt-xl lg:mt-6", dangerouslySetInnerHTML: {
+                            __html: props.news.content,
+                        } })] })] }));
 }

package/dist/components/Promo/Promo.js

@@ -1,7 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { notFound } from 'next/navigation';
+import { DOMAIN } from '../../constants/index.js';
 import { prefetchPromoQuery } from '../../server/utils/prefetchPromoQuery.js';
 import { getPromo } from '../../services/wallet.js';
+import { stripTags } from '../../utils/stripTags.js';
 import { Promo__client } from './Promo.client.js';
 export async function Promo(props) {
     const [result] = await Promise.allSettled([
@@ -9,7 +11,7 @@ export async function Promo(props) {
         prefetchPromoQuery(props.id),
     ]);
     if (result.status === 'fulfilled' && result.value) {
-        return _jsx(Promo__client, { ...props });
+        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:title", content: result.value.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:title", content: result.value.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "twitter:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:site", content: DOMAIN }), _jsx(Promo__client, { ...props })] }));
     }
     else {
         return notFound();

package/dist/utils/stripTags.d.ts

@@ -0,0 +1 @@
+export declare const stripTags: (html: string) => string;

package/dist/utils/stripTags.js

@@ -0,0 +1,4 @@
+import { cache } from 'react';
+export const stripTags = cache((html) => {
+    return html.replace(/<[^>]+>/gi, '');
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.159",
+  "version": "0.0.161",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",
@@ -101,8 +101,8 @@
     "@hookform/resolvers": "5.1.1",
     "@opexa/object-id": "0.1.6",
     "@tailwindcss/postcss": "4",
-    "@tanstack/react-query": "5.80.10",
-    "@tanstack/react-query-devtools": "5.80.10",
+    "@tanstack/react-query": "5.81.2",
+    "@tanstack/react-query-devtools": "5.81.2",
     "@total-typescript/ts-reset": "0.6.1",
     "@types/lodash-es": "4.17.12",
     "@types/node": "24",