@opexa/portal-components 0.0.279 → 0.0.281

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 (71) hide show
  1. package/dist/components/BetRecords/BetRecords.client.js +3 -8
  2. package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.module.css +184 -184
  3. package/dist/components/Jackpots/JackpotsList/JackpotsListItem.module.css +184 -184
  4. package/dist/components/KYC/utils.js +18 -18
  5. package/dist/components/SignUp/SignUpDefault/SignUpForm.js +3 -20
  6. package/dist/components/SignUp/SignUpKYC/CaptureIdDocument.js +2 -2
  7. package/dist/components/SignUp/SignUpKYC/CaptureSelfie.js +3 -3
  8. package/dist/components/SignUp/SignUpKYC/ImageUploader.js +1 -1
  9. package/dist/components/SignUp/SignUpKYC/SignUpFormKYC.js +2 -19
  10. package/dist/components/SignUp/SignUpKYC/useImageUploader.js +1 -1
  11. package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselItem.module.css +184 -184
  12. package/dist/components/Tournaments/TournamentsList/TournamentItem.module.css +184 -184
  13. package/dist/components/shared/IdDocumentField.client.d.ts +25 -0
  14. package/dist/components/shared/IdDocumentField.client.js +204 -0
  15. package/dist/components/shared/IdDocumentField.d.ts +2 -0
  16. package/dist/components/shared/IdDocumentField.js +11 -0
  17. package/dist/components/shared/SelfieField.client.d.ts +20 -0
  18. package/dist/components/shared/SelfieField.client.js +327 -0
  19. package/dist/components/shared/SelfieField.d.ts +2 -0
  20. package/dist/components/shared/SelfieField.js +11 -0
  21. package/dist/handlers/index.d.ts +7 -7
  22. package/dist/handlers/postTransformIdFrontImage.js +6 -21
  23. package/dist/handlers/postTransformSelfieImage.js +9 -20
  24. package/dist/handlers.d.ts +43 -0
  25. package/dist/handlers.js +297 -0
  26. package/dist/services/auth.js +4 -3
  27. package/dist/services/cmsPortal.js +2 -2
  28. package/dist/services/queries.d.ts +1 -1
  29. package/dist/services/queries.js +2574 -2570
  30. package/dist/services/wallet.js +18 -2
  31. package/dist/styles/theme.css +695 -695
  32. package/dist/ui/AlertDialog/AlertDialog.d.ts +55 -55
  33. package/dist/ui/AlertDialog/alertDialog.recipe.d.ts +5 -5
  34. package/dist/ui/Carousel/Carousel.d.ts +99 -99
  35. package/dist/ui/Carousel/carousel.recipe.d.ts +11 -11
  36. package/dist/ui/Checkbox/Checkbox.d.ts +23 -23
  37. package/dist/ui/Checkbox/checkbox.recipe.d.ts +3 -3
  38. package/dist/ui/Clipboard/Clipboard.d.ts +18 -18
  39. package/dist/ui/Clipboard/clipboard.recipe.d.ts +3 -3
  40. package/dist/ui/Collapsible/Collapsible.d.ts +20 -20
  41. package/dist/ui/Collapsible/collapsible.recipe.d.ts +5 -5
  42. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  43. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  44. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  45. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  46. package/dist/ui/Dialog/Dialog.d.ts +55 -55
  47. package/dist/ui/Dialog/dialog.recipe.d.ts +5 -5
  48. package/dist/ui/Drawer/Drawer.d.ts +33 -33
  49. package/dist/ui/Drawer/drawer.recipe.d.ts +3 -3
  50. package/dist/ui/Field/Field.d.ts +21 -21
  51. package/dist/ui/Field/field.recipe.d.ts +3 -3
  52. package/dist/ui/Menu/Menu.d.ts +198 -198
  53. package/dist/ui/Menu/menu.recipe.d.ts +11 -11
  54. package/dist/ui/PasswordInput/PasswordInput.d.ts +18 -18
  55. package/dist/ui/PasswordInput/passwordInput.recipe.d.ts +3 -3
  56. package/dist/ui/Popover/Popover.d.ts +55 -55
  57. package/dist/ui/Popover/popover.recipe.d.ts +5 -5
  58. package/dist/ui/SegmentGroup/SegmentGroup.d.ts +18 -18
  59. package/dist/ui/SegmentGroup/segmentGroup.recipe.d.ts +3 -3
  60. package/dist/ui/Select/Select.d.ts +45 -45
  61. package/dist/ui/Select/select.recipe.d.ts +3 -3
  62. package/dist/ui/Table/Table.d.ts +21 -21
  63. package/dist/ui/Table/table.anatomy.d.ts +1 -1
  64. package/dist/ui/Table/table.recipe.d.ts +3 -3
  65. package/dist/ui/Tabs/Tabs.d.ts +15 -15
  66. package/dist/ui/Tabs/tabs.recipe.d.ts +3 -3
  67. package/package.json +163 -163
  68. package/dist/components/SignUp/SignUpKYC/PersonOverlayDesktop.d.ts +0 -7
  69. package/dist/components/SignUp/SignUpKYC/PersonOverlayDesktop.js +0 -9
  70. package/dist/components/SignUp/SignUpKYC/utils.d.ts +0 -9
  71. package/dist/components/SignUp/SignUpKYC/utils.js +0 -79
@@ -72,7 +72,7 @@ export function BetRecords__client(props) {
72
72
  }),
73
73
  ...(state.status && {
74
74
  status: {
75
- equal: state.status,
75
+ in: state.status === 'SETTLED' ? ['SETTLED'] : ['CANCELLED', 'STARTED'],
76
76
  },
77
77
  }),
78
78
  ...(state.timestamp && {
@@ -140,7 +140,7 @@ export function BetRecords__client(props) {
140
140
  e.stopPropagation();
141
141
  }, children: "Clear" }) })) : (_jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })) })) })] }), _jsx(Portal, { children: _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: providerCollection.items.map((provider) => (_jsxs(Select.Item, { item: provider, children: [_jsx(Select.ItemText, { children: provider.name }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, provider.id))) }) }) }) })] }), _jsxs(Select.Root, { collection: statusCollection, value: state.status ? [state.status] : [], onValueChange: (details) => {
142
142
  const value = z
143
- .enum(BET_RECORD_STATUSES)
143
+ .enum(['SETTLED', 'NOT_SETTLED'])
144
144
  .safeParse(details.value.at(0)).data;
145
145
  firstPage();
146
146
  setState({
@@ -185,13 +185,8 @@ export function BetRecords__client(props) {
185
185
  delimiter: capitalize.delimiters.UNDERSCORE,
186
186
  }) }) }) }), _jsx(Table.Cell, { className: "!py-1", children: data.game.name }), _jsx(Table.Cell, { className: "!py-1", children: data.vendorRoundId })] }, data.id))) })] }) }), _jsxs("div", { className: "flex items-center justify-between gap-lg px-4 py-3", children: [_jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", disabled: !hasPrevPage || loading, onClick: () => prev(), children: _jsx(ChevronLeftIcon, { className: "size-5" }) }), _jsxs("p", { className: "text-text-secondary-700 text-sm font-medium", children: ["Page ", page, " of ", totalPages] }), _jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", disabled: !hasNextPage || loading, onClick: () => next(), children: _jsx(ChevronRightIcon, { className: "size-5" }) })] })] }))] }));
187
187
  }
188
- const BET_RECORD_STATUSES = [
189
- 'CANCELLED',
190
- 'SETTLED',
191
- 'STARTED',
192
- ];
193
188
  const statusCollection = createListCollection({
194
- items: BET_RECORD_STATUSES,
189
+ items: ['SETTLED', 'NOT_SETTLED'],
195
190
  itemToValue: (item) => item,
196
191
  itemToString: (item) => capitalize(item, {
197
192
  delimiter: capitalize.delimiters.UNDERSCORE,
@@ -1,184 +1,184 @@
1
- @keyframes arrow-green-flash {
2
- 0% {
3
- color: #abefc6;
4
- }
5
- 100% {
6
- color: #079455;
7
- }
8
- }
9
-
10
- .animate-arrow-green-flash-1 {
11
- animation: arrow-green-flash 0.4s infinite;
12
- animation-delay: -0.2s;
13
- }
14
-
15
- .animate-arrow-green-flash-2 {
16
- animation: arrow-green-flash 0.4s infinite;
17
- animation-delay: -0.1s;
18
- }
19
-
20
- .animate-arrow-green-flash-3 {
21
- animation: arrow-green-flash 0.4s infinite;
22
- }
23
-
24
- @keyframes arrow-red-flash {
25
- 0%,
26
- 100% {
27
- color: #f97066;
28
- }
29
- 50% {
30
- color: #fecdca;
31
- }
32
- }
33
-
34
- .animate-arrow-red-flash-1 {
35
- animation: arrow-red-flash 0.4s infinite;
36
- }
37
-
38
- .animate-arrow-red-flash-2 {
39
- animation: arrow-red-flash 0.4s infinite;
40
- animation-delay: -0.1s;
41
- }
42
-
43
- .animate-arrow-red-flash-3 {
44
- animation: arrow-red-flash 0.4s infinite;
45
- animation-delay: -0.2s;
46
- }
47
-
48
- /* Animated BG */
49
- @keyframes rotate {
50
- to {
51
- transform: rotate(1turn);
52
- }
53
- }
54
-
55
- .light-rays {
56
- position: absolute;
57
- top: 0;
58
- left: 0;
59
- right: 0;
60
- bottom: 0;
61
- overflow: hidden;
62
-
63
- --first: var(--color-bg-tertiary);
64
- --second: var(--color-bg-quaternary);
65
- }
66
-
67
- .light-rays::before,
68
- .light-rays::after {
69
- content: '';
70
- position: absolute;
71
- top: var(--light-rays-top, 150px);
72
- left: calc(50% - 90px);
73
- margin: -100vmax;
74
- width: 200vmax;
75
- height: 200vmax;
76
- opacity: 0.6;
77
- transform-origin: center;
78
- }
79
-
80
- .light-rays::before {
81
- background: conic-gradient(
82
- var(--first) 0deg 7.2deg,
83
- var(--second) 7.2deg 14.4deg,
84
- var(--first) 14.4deg 21.6deg,
85
- var(--second) 21.6deg 28.8deg,
86
- var(--first) 28.8deg 36deg,
87
- var(--second) 36deg 43.2deg,
88
- var(--first) 43.2deg 50.4deg,
89
- var(--second) 50.4deg 57.6deg,
90
- var(--first) 57.6deg 64.8deg,
91
- var(--second) 64.8deg 72deg,
92
- var(--first) 72deg 79.2deg,
93
- var(--second) 79.2deg 86.4deg,
94
- var(--first) 86.4deg 93.6deg,
95
- var(--second) 93.6deg 100.8deg,
96
- var(--first) 100.8deg 108deg,
97
- var(--second) 108deg 115.2deg,
98
- var(--first) 115.2deg 122.4deg,
99
- var(--second) 122.4deg 129.6deg,
100
- var(--first) 129.6deg 136.8deg,
101
- var(--second) 136.8deg 144deg,
102
- var(--first) 144deg 151.2deg,
103
- var(--second) 151.2deg 158.4deg,
104
- var(--first) 158.4deg 165.6deg,
105
- var(--second) 165.6deg 172.8deg,
106
- var(--first) 172.8deg 180deg,
107
- var(--second) 180deg 187.2deg,
108
- var(--first) 187.2deg 194.4deg,
109
- var(--second) 194.4deg 201.6deg,
110
- var(--first) 201.6deg 208.8deg,
111
- var(--second) 208.8deg 216deg,
112
- var(--first) 216deg 223.2deg,
113
- var(--second) 223.2deg 230.4deg,
114
- var(--first) 230.4deg 237.6deg,
115
- var(--second) 237.6deg 244.8deg,
116
- var(--first) 244.8deg 252deg,
117
- var(--second) 252deg 259.2deg,
118
- var(--first) 259.2deg 266.4deg,
119
- var(--second) 266.4deg 273.6deg,
120
- var(--first) 273.6deg 280.8deg,
121
- var(--second) 280.8deg 288deg,
122
- var(--first) 288deg 295.2deg,
123
- var(--second) 295.2deg 302.4deg,
124
- var(--first) 302.4deg 309.6deg,
125
- var(--second) 309.6deg 316.8deg,
126
- var(--first) 316.8deg 324deg,
127
- var(--second) 324deg 331.2deg,
128
- var(--first) 331.2deg 338.4deg,
129
- var(--second) 338.4deg 345.6deg,
130
- var(--first) 345.6deg 352.8deg,
131
- var(--second) 352.8deg 360deg
132
- );
133
- animation: rotate 20s linear infinite;
134
- }
135
-
136
- @media (max-width: 1024px) {
137
- .light-rays::before,
138
- .light-rays::after {
139
- left: auto;
140
- right: 11%;
141
- }
142
- }
143
-
144
- /* ScrollArea.module.css */
145
- .scrollArea {
146
- overflow-y: scroll;
147
- padding-right: 4px;
148
- }
149
-
150
- /* WebKit-based browsers */
151
- .scrollArea::-webkit-scrollbar {
152
- width: 8px;
153
- }
154
-
155
- .scrollArea::-webkit-scrollbar-track {
156
- background: var(--color-bg-primary-alt);
157
- border-radius: 9999px;
158
- }
159
-
160
- .scrollArea::-webkit-scrollbar-thumb {
161
- background-color: var(--color-bg-quaternary);
162
- border-radius: 9999px;
163
- }
164
-
165
- @keyframes waveColor {
166
- 0%,
167
- 2.5% {
168
- color: var(--wave-highlight-color);
169
- }
170
- 2.51%,
171
- 100% {
172
- color: var(--color-brand-300);
173
- }
174
- }
175
-
176
- .animate-wave-color-success {
177
- --wave-highlight-color: var(--color-success-800);
178
- animation: waveColor 4s ease-in-out infinite;
179
- }
180
-
181
- .animate-wave-color-error {
182
- --wave-highlight-color: var(--color-error-600);
183
- animation: waveColor 4s ease-in-out infinite;
184
- }
1
+ @keyframes arrow-green-flash {
2
+ 0% {
3
+ color: #abefc6;
4
+ }
5
+ 100% {
6
+ color: #079455;
7
+ }
8
+ }
9
+
10
+ .animate-arrow-green-flash-1 {
11
+ animation: arrow-green-flash 0.4s infinite;
12
+ animation-delay: -0.2s;
13
+ }
14
+
15
+ .animate-arrow-green-flash-2 {
16
+ animation: arrow-green-flash 0.4s infinite;
17
+ animation-delay: -0.1s;
18
+ }
19
+
20
+ .animate-arrow-green-flash-3 {
21
+ animation: arrow-green-flash 0.4s infinite;
22
+ }
23
+
24
+ @keyframes arrow-red-flash {
25
+ 0%,
26
+ 100% {
27
+ color: #f97066;
28
+ }
29
+ 50% {
30
+ color: #fecdca;
31
+ }
32
+ }
33
+
34
+ .animate-arrow-red-flash-1 {
35
+ animation: arrow-red-flash 0.4s infinite;
36
+ }
37
+
38
+ .animate-arrow-red-flash-2 {
39
+ animation: arrow-red-flash 0.4s infinite;
40
+ animation-delay: -0.1s;
41
+ }
42
+
43
+ .animate-arrow-red-flash-3 {
44
+ animation: arrow-red-flash 0.4s infinite;
45
+ animation-delay: -0.2s;
46
+ }
47
+
48
+ /* Animated BG */
49
+ @keyframes rotate {
50
+ to {
51
+ transform: rotate(1turn);
52
+ }
53
+ }
54
+
55
+ .light-rays {
56
+ position: absolute;
57
+ top: 0;
58
+ left: 0;
59
+ right: 0;
60
+ bottom: 0;
61
+ overflow: hidden;
62
+
63
+ --first: var(--color-bg-tertiary);
64
+ --second: var(--color-bg-quaternary);
65
+ }
66
+
67
+ .light-rays::before,
68
+ .light-rays::after {
69
+ content: '';
70
+ position: absolute;
71
+ top: var(--light-rays-top, 150px);
72
+ left: calc(50% - 90px);
73
+ margin: -100vmax;
74
+ width: 200vmax;
75
+ height: 200vmax;
76
+ opacity: 0.6;
77
+ transform-origin: center;
78
+ }
79
+
80
+ .light-rays::before {
81
+ background: conic-gradient(
82
+ var(--first) 0deg 7.2deg,
83
+ var(--second) 7.2deg 14.4deg,
84
+ var(--first) 14.4deg 21.6deg,
85
+ var(--second) 21.6deg 28.8deg,
86
+ var(--first) 28.8deg 36deg,
87
+ var(--second) 36deg 43.2deg,
88
+ var(--first) 43.2deg 50.4deg,
89
+ var(--second) 50.4deg 57.6deg,
90
+ var(--first) 57.6deg 64.8deg,
91
+ var(--second) 64.8deg 72deg,
92
+ var(--first) 72deg 79.2deg,
93
+ var(--second) 79.2deg 86.4deg,
94
+ var(--first) 86.4deg 93.6deg,
95
+ var(--second) 93.6deg 100.8deg,
96
+ var(--first) 100.8deg 108deg,
97
+ var(--second) 108deg 115.2deg,
98
+ var(--first) 115.2deg 122.4deg,
99
+ var(--second) 122.4deg 129.6deg,
100
+ var(--first) 129.6deg 136.8deg,
101
+ var(--second) 136.8deg 144deg,
102
+ var(--first) 144deg 151.2deg,
103
+ var(--second) 151.2deg 158.4deg,
104
+ var(--first) 158.4deg 165.6deg,
105
+ var(--second) 165.6deg 172.8deg,
106
+ var(--first) 172.8deg 180deg,
107
+ var(--second) 180deg 187.2deg,
108
+ var(--first) 187.2deg 194.4deg,
109
+ var(--second) 194.4deg 201.6deg,
110
+ var(--first) 201.6deg 208.8deg,
111
+ var(--second) 208.8deg 216deg,
112
+ var(--first) 216deg 223.2deg,
113
+ var(--second) 223.2deg 230.4deg,
114
+ var(--first) 230.4deg 237.6deg,
115
+ var(--second) 237.6deg 244.8deg,
116
+ var(--first) 244.8deg 252deg,
117
+ var(--second) 252deg 259.2deg,
118
+ var(--first) 259.2deg 266.4deg,
119
+ var(--second) 266.4deg 273.6deg,
120
+ var(--first) 273.6deg 280.8deg,
121
+ var(--second) 280.8deg 288deg,
122
+ var(--first) 288deg 295.2deg,
123
+ var(--second) 295.2deg 302.4deg,
124
+ var(--first) 302.4deg 309.6deg,
125
+ var(--second) 309.6deg 316.8deg,
126
+ var(--first) 316.8deg 324deg,
127
+ var(--second) 324deg 331.2deg,
128
+ var(--first) 331.2deg 338.4deg,
129
+ var(--second) 338.4deg 345.6deg,
130
+ var(--first) 345.6deg 352.8deg,
131
+ var(--second) 352.8deg 360deg
132
+ );
133
+ animation: rotate 20s linear infinite;
134
+ }
135
+
136
+ @media (max-width: 1024px) {
137
+ .light-rays::before,
138
+ .light-rays::after {
139
+ left: auto;
140
+ right: 11%;
141
+ }
142
+ }
143
+
144
+ /* ScrollArea.module.css */
145
+ .scrollArea {
146
+ overflow-y: scroll;
147
+ padding-right: 4px;
148
+ }
149
+
150
+ /* WebKit-based browsers */
151
+ .scrollArea::-webkit-scrollbar {
152
+ width: 8px;
153
+ }
154
+
155
+ .scrollArea::-webkit-scrollbar-track {
156
+ background: var(--color-bg-primary-alt);
157
+ border-radius: 9999px;
158
+ }
159
+
160
+ .scrollArea::-webkit-scrollbar-thumb {
161
+ background-color: var(--color-bg-quaternary);
162
+ border-radius: 9999px;
163
+ }
164
+
165
+ @keyframes waveColor {
166
+ 0%,
167
+ 2.5% {
168
+ color: var(--wave-highlight-color);
169
+ }
170
+ 2.51%,
171
+ 100% {
172
+ color: var(--color-brand-300);
173
+ }
174
+ }
175
+
176
+ .animate-wave-color-success {
177
+ --wave-highlight-color: var(--color-success-800);
178
+ animation: waveColor 4s ease-in-out infinite;
179
+ }
180
+
181
+ .animate-wave-color-error {
182
+ --wave-highlight-color: var(--color-error-600);
183
+ animation: waveColor 4s ease-in-out infinite;
184
+ }