@opexa/portal-components 0.1.83 → 0.1.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/hooks/useMarkGameAsFavoriteMutation.js +1 -9
- package/dist/client/hooks/useUnmarkGameAsFavoriteMutation.js +1 -1
- package/dist/components/BetDepositLimit/betDepositLimitStore.d.ts +24 -0
- package/dist/components/BetDepositLimit/betDepositLimitStore.js +51 -0
- package/dist/components/ForgotPassword/Crazywin/ForgotPassword.module.css +42 -42
- package/dist/components/Jackpots/Jackpots.module.css +288 -288
- package/dist/components/KYC/KYCDefault/KYCVerificationStatus.lazy.js +2 -2
- package/dist/components/KYC/KYCNonPagCor/KYCVerificationStatus.lazy.js +2 -2
- package/dist/components/ResponsibleGamingLimits/ResponsibleGamingLimits.lazy.d.ts +1 -0
- package/dist/components/ResponsibleGamingLimits/ResponsibleGamingLimits.lazy.js +117 -0
- package/dist/components/SignIn/CrazyWin/NameAndPasswordSignIn.js +2 -1
- package/dist/components/SignIn/HappyBingo/NameAndPasswordSignIn.js +2 -1
- package/dist/components/SignIn/NameAndPasswordSignIn.js +2 -1
- package/dist/components/SignIn/SignIn.lazy.d.ts +5 -0
- package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselItem.module.css +184 -184
- package/dist/components/Tournaments/TournamentsList/TournamentItem.module.css +184 -184
- package/dist/components/UpdateMobilePhoneNumber/hooks/useAutoOpenWhenUnverified.d.ts +6 -0
- package/dist/components/UpdateMobilePhoneNumber/hooks/useAutoOpenWhenUnverified.js +31 -0
- package/dist/handlers/v4Cookies.d.ts +9 -0
- package/dist/handlers/v4Cookies.js +49 -0
- package/dist/images/game-providers/SEXYCASINO.webp +0 -0
- package/dist/images/phone-icon.svg +10 -10
- package/dist/services/queries.js +3613 -3613
- package/dist/styles/theme.css +776 -776
- package/dist/ui/AlertDialog/AlertDialog.d.ts +121 -121
- package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +11 -11
- package/dist/ui/Carousel/Carousel.d.ts +45 -45
- package/dist/ui/Carousel/carousel.recipe.d.ts +5 -5
- package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
- package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
- package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
- package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
- package/dist/ui/Combobox/Combobox.d.ts +42 -42
- package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
- package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
- package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
- package/dist/ui/Dialog/Dialog.d.ts +33 -33
- package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
- package/dist/ui/Drawer/Drawer.d.ts +33 -33
- package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
- package/dist/ui/Menu/Menu.d.ts +307 -307
- package/dist/ui/Menu/menu.recipe.d.ts +17 -17
- package/dist/ui/Popover/Popover.d.ts +88 -88
- package/dist/ui/Popover/popover.recipe.d.ts +8 -8
- package/dist/ui/Progress/Progress.d.ts +27 -27
- package/dist/ui/Progress/progress.recipe.d.ts +3 -3
- package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
- package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
- package/dist/ui/Select/Select.d.ts +45 -45
- package/dist/ui/Select/select.recipe.d.ts +3 -3
- package/dist/ui/Table/Table.d.ts +21 -21
- package/dist/ui/Table/table.anatomy.d.ts +1 -1
- package/dist/ui/Table/table.recipe.d.ts +3 -3
- package/dist/ui/Tabs/Tabs.d.ts +15 -15
- package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
- package/dist/ui/Tooltip/Tooltip.d.ts +30 -30
- package/dist/ui/Tooltip/tooltip.recipe.d.ts +5 -5
- package/dist/utils/get-fingerprint.d.ts +8 -0
- package/dist/utils/get-fingerprint.js +37 -0
- package/package.json +1 -1
- package/README.md +0 -238
- package/dist/components/Promos/PromoCardClassNames.d.ts +0 -11
- package/dist/components/Promos/PromoCardClassNames.js +0 -6
|
@@ -28,15 +28,7 @@ export const useMarkGameAsFavoriteMutation = (config) => {
|
|
|
28
28
|
const game = games.find((game) => game.reference === id);
|
|
29
29
|
queryClient.setQueryData(getFavoriteGamesQueryKey(), (prev = []) => {
|
|
30
30
|
if (game) {
|
|
31
|
-
return [
|
|
32
|
-
...prev,
|
|
33
|
-
{
|
|
34
|
-
id: game.reference,
|
|
35
|
-
name: game.name,
|
|
36
|
-
type: game.type,
|
|
37
|
-
provider: game.provider,
|
|
38
|
-
},
|
|
39
|
-
];
|
|
31
|
+
return [...prev, game];
|
|
40
32
|
}
|
|
41
33
|
});
|
|
42
34
|
return id;
|
|
@@ -19,7 +19,7 @@ export const useUnmarkGameAsFavoriteMutation = (config) => {
|
|
|
19
19
|
},
|
|
20
20
|
});
|
|
21
21
|
queryClient.setQueryData(getFavoriteGamesQueryKey(), (prev) => {
|
|
22
|
-
return prev?.filter((game) => game.
|
|
22
|
+
return prev?.filter((game) => game.reference !== id);
|
|
23
23
|
});
|
|
24
24
|
},
|
|
25
25
|
});
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export type LimitType = 'bet' | 'deposit';
|
|
2
|
+
export type LimitPeriod = 'daily' | 'monthly';
|
|
3
|
+
export interface BetDepositLimitState {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
type: LimitType;
|
|
6
|
+
period: LimitPeriod;
|
|
7
|
+
currentLimit: number;
|
|
8
|
+
requestedLimit: number;
|
|
9
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
10
|
+
setType: (type: LimitType) => void;
|
|
11
|
+
setPeriod: (period: LimitPeriod) => void;
|
|
12
|
+
setCurrentLimit: (limit: number) => void;
|
|
13
|
+
setRequestedLimit: (limit: number) => void;
|
|
14
|
+
openModal: (type: LimitType, period: LimitPeriod, currentLimit: number, requestedLimit: number) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare const useBetDepositLimitStore: import("zustand").UseBoundStore<import("zustand").StoreApi<BetDepositLimitState>>;
|
|
17
|
+
export declare const betDepositLimitStore: {
|
|
18
|
+
isOpen: boolean;
|
|
19
|
+
type: LimitType;
|
|
20
|
+
period: LimitPeriod;
|
|
21
|
+
currentLimit: number;
|
|
22
|
+
requestedLimit: number;
|
|
23
|
+
openModal(newType: LimitType, newPeriod: LimitPeriod, currentLimit: number, requestedLimit: number): void;
|
|
24
|
+
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { create } from 'zustand';
|
|
2
|
+
export const useBetDepositLimitStore = create((set) => ({
|
|
3
|
+
isOpen: false,
|
|
4
|
+
type: 'bet',
|
|
5
|
+
period: 'daily',
|
|
6
|
+
currentLimit: 0,
|
|
7
|
+
requestedLimit: 0,
|
|
8
|
+
setIsOpen: (isOpen) => set({ isOpen }),
|
|
9
|
+
setType: (type) => set({ type }),
|
|
10
|
+
setPeriod: (period) => set({ period }),
|
|
11
|
+
setCurrentLimit: (currentLimit) => set({ currentLimit }),
|
|
12
|
+
setRequestedLimit: (requestedLimit) => set({ requestedLimit }),
|
|
13
|
+
openModal: (type, period, currentLimit, requestedLimit) => set({ type, period, currentLimit, requestedLimit, isOpen: true }),
|
|
14
|
+
}));
|
|
15
|
+
export const betDepositLimitStore = {
|
|
16
|
+
get isOpen() {
|
|
17
|
+
return useBetDepositLimitStore.getState().isOpen;
|
|
18
|
+
},
|
|
19
|
+
set isOpen(value) {
|
|
20
|
+
useBetDepositLimitStore.setState({ isOpen: value });
|
|
21
|
+
},
|
|
22
|
+
get type() {
|
|
23
|
+
return useBetDepositLimitStore.getState().type;
|
|
24
|
+
},
|
|
25
|
+
set type(value) {
|
|
26
|
+
useBetDepositLimitStore.setState({ type: value });
|
|
27
|
+
},
|
|
28
|
+
get period() {
|
|
29
|
+
return useBetDepositLimitStore.getState().period;
|
|
30
|
+
},
|
|
31
|
+
set period(value) {
|
|
32
|
+
useBetDepositLimitStore.setState({ period: value });
|
|
33
|
+
},
|
|
34
|
+
get currentLimit() {
|
|
35
|
+
return useBetDepositLimitStore.getState().currentLimit;
|
|
36
|
+
},
|
|
37
|
+
set currentLimit(value) {
|
|
38
|
+
useBetDepositLimitStore.setState({ currentLimit: value });
|
|
39
|
+
},
|
|
40
|
+
get requestedLimit() {
|
|
41
|
+
return useBetDepositLimitStore.getState().requestedLimit;
|
|
42
|
+
},
|
|
43
|
+
set requestedLimit(value) {
|
|
44
|
+
useBetDepositLimitStore.setState({ requestedLimit: value });
|
|
45
|
+
},
|
|
46
|
+
openModal(newType, newPeriod, currentLimit, requestedLimit) {
|
|
47
|
+
useBetDepositLimitStore
|
|
48
|
+
.getState()
|
|
49
|
+
.openModal(newType, newPeriod, currentLimit, requestedLimit);
|
|
50
|
+
},
|
|
51
|
+
};
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
.card {
|
|
2
|
-
--gradient-bg: radial-gradient(103.87% 100% at 50.15% 0%, #072b37 20.3%, #051125 100%);
|
|
3
|
-
|
|
4
|
-
--gradient-border-top: radial-gradient(
|
|
5
|
-
139.23% 113.41% at 50.14% 0%,
|
|
6
|
-
#8affdc 0.49%,
|
|
7
|
-
rgba(138, 255, 220, 0) 33.03%
|
|
8
|
-
);
|
|
9
|
-
|
|
10
|
-
--gradient-border-bottom: radial-gradient(
|
|
11
|
-
42.09% 54.21% at 50.14% 100%,
|
|
12
|
-
#8affdc 5.74%,
|
|
13
|
-
rgba(138, 255, 220, 0) 93.84%
|
|
14
|
-
);
|
|
15
|
-
|
|
16
|
-
position: relative;
|
|
17
|
-
background: var(--gradient-bg);
|
|
18
|
-
box-shadow: 0px 4px 14px 6px rgba(0, 0, 0, 0.6);
|
|
19
|
-
backdrop-filter: blur(25px);
|
|
20
|
-
border-radius: 1.25em;
|
|
21
|
-
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.card::after,
|
|
25
|
-
.card::before {
|
|
26
|
-
content: '';
|
|
27
|
-
position: absolute;
|
|
28
|
-
top: 0;
|
|
29
|
-
left: 0;
|
|
30
|
-
width: 100%;
|
|
31
|
-
height: 100%;
|
|
32
|
-
z-index: -1;
|
|
33
|
-
border: 0.5px solid transparent;
|
|
34
|
-
border-image-slice: 1;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.card::before {
|
|
38
|
-
border-image-source: var(--gradient-border-bottom);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.card::after {
|
|
42
|
-
border-image-source: var(--gradient-border-top);
|
|
1
|
+
.card {
|
|
2
|
+
--gradient-bg: radial-gradient(103.87% 100% at 50.15% 0%, #072b37 20.3%, #051125 100%);
|
|
3
|
+
|
|
4
|
+
--gradient-border-top: radial-gradient(
|
|
5
|
+
139.23% 113.41% at 50.14% 0%,
|
|
6
|
+
#8affdc 0.49%,
|
|
7
|
+
rgba(138, 255, 220, 0) 33.03%
|
|
8
|
+
);
|
|
9
|
+
|
|
10
|
+
--gradient-border-bottom: radial-gradient(
|
|
11
|
+
42.09% 54.21% at 50.14% 100%,
|
|
12
|
+
#8affdc 5.74%,
|
|
13
|
+
rgba(138, 255, 220, 0) 93.84%
|
|
14
|
+
);
|
|
15
|
+
|
|
16
|
+
position: relative;
|
|
17
|
+
background: var(--gradient-bg);
|
|
18
|
+
box-shadow: 0px 4px 14px 6px rgba(0, 0, 0, 0.6);
|
|
19
|
+
backdrop-filter: blur(25px);
|
|
20
|
+
border-radius: 1.25em;
|
|
21
|
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.card::after,
|
|
25
|
+
.card::before {
|
|
26
|
+
content: '';
|
|
27
|
+
position: absolute;
|
|
28
|
+
top: 0;
|
|
29
|
+
left: 0;
|
|
30
|
+
width: 100%;
|
|
31
|
+
height: 100%;
|
|
32
|
+
z-index: -1;
|
|
33
|
+
border: 0.5px solid transparent;
|
|
34
|
+
border-image-slice: 1;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.card::before {
|
|
38
|
+
border-image-source: var(--gradient-border-bottom);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.card::after {
|
|
42
|
+
border-image-source: var(--gradient-border-top);
|
|
43
43
|
}
|