@opexa/portal-components 0.1.83 → 0.1.85
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/constants/GameProvider.js +35 -0
- package/dist/handlers/index.d.ts +2 -2
- 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/game-providers/VIBRA.png +0 -0
- package/dist/images/game-providers/VIBRA_AQUA_GAMING.png +0 -0
- package/dist/images/game-providers/VIBRA_GOLDEN_SPINS.png +0 -0
- package/dist/images/game-providers/VIBRA_RUVI_BET.png +0 -0
- package/dist/images/game-providers/VIBRA_SPINOCCHIO.png +0 -0
- package/dist/images/phone-icon.svg +10 -10
- package/dist/schemas/forgotPasswordSchema.d.ts +4 -4
- package/dist/services/queries.js +3613 -3613
- package/dist/styles/theme.css +776 -776
- package/dist/types/index.d.ts +1 -1
- package/dist/ui/AlertDialog/AlertDialog.d.ts +154 -154
- package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +14 -14
- package/dist/ui/Badge/Badge.d.ts +12 -12
- package/dist/ui/Badge/badge.anatomy.d.ts +1 -1
- package/dist/ui/Badge/badge.recipe.d.ts +3 -3
- package/dist/ui/Carousel/Carousel.d.ts +99 -99
- package/dist/ui/Carousel/carousel.recipe.d.ts +11 -11
- package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
- package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
- 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 +144 -144
- package/dist/ui/Menu/menu.recipe.d.ts +8 -8
- package/dist/ui/Popover/Popover.d.ts +88 -88
- package/dist/ui/Popover/popover.recipe.d.ts +8 -8
- 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/utils/get-fingerprint.d.ts +8 -0
- package/dist/utils/get-fingerprint.js +37 -0
- package/dist/utils/getProviderData.js +25 -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
|
}
|