@opexa/portal-components 0.1.79 → 0.1.80
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/AccountSecurity/AccountSecurity.js +1 -3
- 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/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
|
});
|
|
@@ -97,9 +97,7 @@ function LoginPassword({ hideSecurityQuestionFeature, }) {
|
|
|
97
97
|
},
|
|
98
98
|
});
|
|
99
99
|
const secretQuestion = form.watch('secretQuestion');
|
|
100
|
-
return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Log in password" }), _jsx("p", { className: "text-sm text-text-tertiary-600", children: "Access your account by logging in with your name and password." })] }), _jsx(ark.svg, { asChild: true, className:
|
|
101
|
-
? 'text-text-success-primary'
|
|
102
|
-
: 'text-text-warning-primary'), children: profileCompletion?.accountPassword ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
|
|
100
|
+
return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "font-semibold text-sm text-text-secondary-700", children: "Log in password" }), _jsx("p", { className: "text-sm text-text-tertiary-600", children: "Access your account by logging in with your name and password." })] }), profileCompletion?.accountPassword ? (_jsx(ark.svg, { asChild: true, className: "size-6 text-text-success-primary", children: _jsx(CheckVerified02Icon, {}) })) : (_jsxs("div", { className: "flex items-center gap-1 rounded-sm border border-[#93370d] bg-[#4e1d09] px-sm py-xs", children: [_jsx(AlertCircleIcon, { className: "h-5 w-5 text-[#FEC84B]" }), _jsx("span", { className: "m-0 text-nowrap text-[#FEC84B] text-xs", children: "Not Set" })] }))] }), !profileCompletion?.accountPassword && (_jsx(AlertWarning, { title: "Please set your log in password. This is required when logging in and helps secure your account.", className: "my-3" })), _jsxs("form", { className: "mt-5 rounded-xl border border-border-secondary bg-bg-primary-alt shadow-xs", onSubmit: form.handleSubmit((data) => {
|
|
103
101
|
updateAccountMutation.mutate({
|
|
104
102
|
password: data.password,
|
|
105
103
|
...(!hideSecurityQuestionFeature && {
|
|
@@ -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
|
}
|