@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.
Files changed (60) hide show
  1. package/dist/client/hooks/useMarkGameAsFavoriteMutation.js +1 -9
  2. package/dist/client/hooks/useUnmarkGameAsFavoriteMutation.js +1 -1
  3. package/dist/components/AccountSecurity/AccountSecurity.js +1 -3
  4. package/dist/components/BetDepositLimit/betDepositLimitStore.d.ts +24 -0
  5. package/dist/components/BetDepositLimit/betDepositLimitStore.js +51 -0
  6. package/dist/components/ForgotPassword/Crazywin/ForgotPassword.module.css +42 -42
  7. package/dist/components/Jackpots/Jackpots.module.css +288 -288
  8. package/dist/components/KYC/KYCDefault/KYCVerificationStatus.lazy.js +2 -2
  9. package/dist/components/KYC/KYCNonPagCor/KYCVerificationStatus.lazy.js +2 -2
  10. package/dist/components/ResponsibleGamingLimits/ResponsibleGamingLimits.lazy.d.ts +1 -0
  11. package/dist/components/ResponsibleGamingLimits/ResponsibleGamingLimits.lazy.js +117 -0
  12. package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselItem.module.css +184 -184
  13. package/dist/components/Tournaments/TournamentsList/TournamentItem.module.css +184 -184
  14. package/dist/components/UpdateMobilePhoneNumber/hooks/useAutoOpenWhenUnverified.d.ts +6 -0
  15. package/dist/components/UpdateMobilePhoneNumber/hooks/useAutoOpenWhenUnverified.js +31 -0
  16. package/dist/handlers/v4Cookies.d.ts +9 -0
  17. package/dist/handlers/v4Cookies.js +49 -0
  18. package/dist/images/game-providers/SEXYCASINO.webp +0 -0
  19. package/dist/images/phone-icon.svg +10 -10
  20. package/dist/services/queries.js +3613 -3613
  21. package/dist/styles/theme.css +776 -776
  22. package/dist/ui/AlertDialog/AlertDialog.d.ts +121 -121
  23. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +11 -11
  24. package/dist/ui/Carousel/Carousel.d.ts +45 -45
  25. package/dist/ui/Carousel/carousel.recipe.d.ts +5 -5
  26. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  27. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  28. package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
  29. package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
  30. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  31. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  32. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  33. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  34. package/dist/ui/Dialog/Dialog.d.ts +33 -33
  35. package/dist/ui/Dialog/dialog.recipe.d.ts +3 -3
  36. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  37. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  38. package/dist/ui/Menu/Menu.d.ts +307 -307
  39. package/dist/ui/Menu/menu.recipe.d.ts +17 -17
  40. package/dist/ui/Popover/Popover.d.ts +88 -88
  41. package/dist/ui/Popover/popover.recipe.d.ts +8 -8
  42. package/dist/ui/Progress/Progress.d.ts +27 -27
  43. package/dist/ui/Progress/progress.recipe.d.ts +3 -3
  44. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  45. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  46. package/dist/ui/Select/Select.d.ts +45 -45
  47. package/dist/ui/Select/select.recipe.d.ts +3 -3
  48. package/dist/ui/Table/Table.d.ts +21 -21
  49. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  50. package/dist/ui/Table/table.recipe.d.ts +3 -3
  51. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  52. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  53. package/dist/ui/Tooltip/Tooltip.d.ts +30 -30
  54. package/dist/ui/Tooltip/tooltip.recipe.d.ts +5 -5
  55. package/dist/utils/get-fingerprint.d.ts +8 -0
  56. package/dist/utils/get-fingerprint.js +37 -0
  57. package/package.json +1 -1
  58. package/README.md +0 -238
  59. package/dist/components/Promos/PromoCardClassNames.d.ts +0 -11
  60. 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.id !== id);
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: twMerge('size-6', profileCompletion?.accountPassword
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
  }