@opexa/portal-components 0.0.1041 → 0.0.1043

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 (8) hide show
  1. package/dist/components/DepositWithdrawal/Withdrawal/InstapayGCashWithdrawal/InstapayGcashWithdrawal.js +10 -12
  2. package/dist/components/DepositWithdrawal/Withdrawal/InstapayPaymayaWithdrawal/InstapayPaymayaWithdrawal.js +10 -12
  3. package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal/InstapayWithdrawal.js +9 -10
  4. package/dist/components/Jackpots/JackpotsCarouselNext/JackpotsCarouselItem.js +1 -1
  5. package/dist/components/Jackpots/JackpotsList/JackpotsListItemMobile.js +1 -1
  6. package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemDesktop.js +2 -2
  7. package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemMobile.js +1 -1
  8. package/package.json +1 -1
package/dist/components/DepositWithdrawal/Withdrawal/InstapayGCashWithdrawal/InstapayGcashWithdrawal.js CHANGED
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { zodResolver } from '@hookform/resolvers/zod';
3
3
  import Link from 'next/link';
4
4
  import { useEffect, useState } from 'react';
5
- import { Controller, useForm } from 'react-hook-form';
5
+ import { useForm } from 'react-hook-form';
6
6
  import { z } from 'zod';
7
7
  import { useShallow } from 'zustand/shallow';
8
8
  import { useAccountQuery } from '../../../../client/hooks/useAccountQuery.js';
@@ -11,8 +11,6 @@ import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
11
11
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
12
12
  import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
13
13
  import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
14
- import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
15
- import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.js';
16
14
  import { EyeIcon } from '../../../../icons/EyeIcon.js';
17
15
  import { EyeOffIcon } from '../../../../icons/EyeOffIcon.js';
18
16
  import { SpinnerIcon } from '../../../../icons/SpinnerIcon.js';
@@ -20,7 +18,6 @@ import { XIcon } from '../../../../icons/XIcon.js';
20
18
  import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
21
19
  import { Button } from '../../../../ui/Button/index.js';
22
20
  import { Field } from '../../../../ui/Field/index.js';
23
- import { NumberInput } from '../../../../ui/NumberInput/index.js';
24
21
  import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
25
22
  import { Portal } from '../../../../ui/Portal/index.js';
26
23
  import { parseDecimal } from '../../../../utils/parseDecimal.js';
@@ -87,7 +84,10 @@ export function InstapayGCashWithdrawal() {
87
84
  .string()
88
85
  .min(8, 'Password must be 8 or more characters')
89
86
  .max(64, 'Password must be not be more than 64 characters'),
90
- accountNumber: z.string().min(1).trim(),
87
+ accountNumber: z
88
+ .string()
89
+ .min(8, { message: 'Phone number must be 8 or more digits' })
90
+ .trim(),
91
91
  accountName: z
92
92
  .string({ required_error: 'Account name is required' })
93
93
  .min(4, 'Account name must be at least 4 characters'),
@@ -124,13 +124,11 @@ export function InstapayGCashWithdrawal() {
124
124
  bankCode: 'BNKGCH',
125
125
  });
126
126
  });
127
- return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsx(Controller, { control: form.control, name: "accountNumber", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, className: "mt-3xl", children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
128
- o.field.onChange(details.value);
129
- }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Phone Number" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, { onKeyDown: (e) => {
130
- if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
131
- e.preventDefault();
132
- }
133
- } }), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] })) }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount'), onKeyDown: (e) => {
127
+ return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Phone Number" }), _jsx(Field.Input, { type: "number", ...form.register('accountNumber'), onKeyDown: (e) => {
128
+ if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
129
+ e.preventDefault();
130
+ }
131
+ } }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount'), onKeyDown: (e) => {
134
132
  if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
135
133
  e.preventDefault();
136
134
  }
package/dist/components/DepositWithdrawal/Withdrawal/InstapayPaymayaWithdrawal/InstapayPaymayaWithdrawal.js CHANGED
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { zodResolver } from '@hookform/resolvers/zod';
3
3
  import Link from 'next/link';
4
4
  import { useEffect, useState } from 'react';
5
- import { Controller, useForm } from 'react-hook-form';
5
+ import { useForm } from 'react-hook-form';
6
6
  import { z } from 'zod';
7
7
  import { useShallow } from 'zustand/shallow';
8
8
  import { useAccountQuery } from '../../../../client/hooks/useAccountQuery.js';
@@ -11,8 +11,6 @@ import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
11
11
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
12
12
  import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
13
13
  import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
14
- import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
15
- import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.js';
16
14
  import { EyeIcon } from '../../../../icons/EyeIcon.js';
17
15
  import { EyeOffIcon } from '../../../../icons/EyeOffIcon.js';
18
16
  import { SpinnerIcon } from '../../../../icons/SpinnerIcon.js';
@@ -20,7 +18,6 @@ import { XIcon } from '../../../../icons/XIcon.js';
20
18
  import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
21
19
  import { Button } from '../../../../ui/Button/index.js';
22
20
  import { Field } from '../../../../ui/Field/index.js';
23
- import { NumberInput } from '../../../../ui/NumberInput/index.js';
24
21
  import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
25
22
  import { Portal } from '../../../../ui/Portal/index.js';
26
23
  import { parseDecimal } from '../../../../utils/parseDecimal.js';
@@ -86,7 +83,10 @@ export function InstapayPaymayaWithdrawal() {
86
83
  .string()
87
84
  .min(8, 'Password must be 8 or more characters')
88
85
  .max(64, 'Password must be not be more than 64 characters'),
89
- accountNumber: z.string().min(1).trim(),
86
+ accountNumber: z
87
+ .string()
88
+ .min(8, { message: 'Phone number must be 8 or more digits' })
89
+ .trim(),
90
90
  accountName: z
91
91
  .string({ required_error: 'Account name is required' })
92
92
  .min(4, 'Account name must be at least 4 characters'),
@@ -123,13 +123,11 @@ export function InstapayPaymayaWithdrawal() {
123
123
  bankCode: 'BNKMYA',
124
124
  });
125
125
  });
126
- return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsx(Controller, { control: form.control, name: "accountNumber", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
127
- o.field.onChange(details.value);
128
- }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Phone Number" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, { onKeyDown: (e) => {
129
- if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
130
- e.preventDefault();
131
- }
132
- } }), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] })) }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount'), onKeyDown: (e) => {
126
+ return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Phone Number" }), _jsx(Field.Input, { type: "number", ...form.register('accountNumber'), onKeyDown: (e) => {
127
+ if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
128
+ e.preventDefault();
129
+ }
130
+ } }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount'), onKeyDown: (e) => {
133
131
  if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
134
132
  e.preventDefault();
135
133
  }
package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal/InstapayWithdrawal.js CHANGED
@@ -15,7 +15,6 @@ import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
15
15
  import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
16
16
  import { CheckIcon } from '../../../../icons/CheckIcon.js';
17
17
  import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.js';
18
- import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.js';
19
18
  import { EyeIcon } from '../../../../icons/EyeIcon.js';
20
19
  import { EyeOffIcon } from '../../../../icons/EyeOffIcon.js';
21
20
  import { SpinnerIcon } from '../../../../icons/SpinnerIcon.js';
@@ -23,7 +22,6 @@ import { XIcon } from '../../../../icons/XIcon.js';
23
22
  import { AlertDialog } from '../../../../ui/AlertDialog/index.js';
24
23
  import { Button } from '../../../../ui/Button/index.js';
25
24
  import { Field } from '../../../../ui/Field/index.js';
26
- import { NumberInput } from '../../../../ui/NumberInput/index.js';
27
25
  import { PasswordInput } from '../../../../ui/PasswordInput/index.js';
28
26
  import { Portal } from '../../../../ui/Portal/index.js';
29
27
  import { Select } from '../../../../ui/Select/index.js';
@@ -104,7 +102,10 @@ export function InstapayWithdrawal() {
104
102
  .string()
105
103
  .min(8, 'Password must be 8 or more characters')
106
104
  .max(64, 'Password must be not be more than 64 characters'),
107
- accountNumber: z.string().min(1).trim(),
105
+ accountNumber: z
106
+ .string()
107
+ .min(6, { message: 'Account number must be at least 6 or more digits' })
108
+ .trim(),
108
109
  accountName: z
109
110
  .string({ required_error: 'Account name is required' })
110
111
  .min(4, 'Account name must be at least 4 characters'),
@@ -176,13 +177,11 @@ export function InstapayWithdrawal() {
176
177
  sameWidth: true,
177
178
  }, value: o.field.value ? [o.field.value] : [], onValueChange: (details) => {
178
179
  o.field.onChange(details.value.at(0) ?? '');
179
- }, children: [_jsx(Select.Label, { children: "Bank" }), _jsx(Select.Control, { children: _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }) }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: bankCollection.items.map((item) => (_jsxs(Select.Item, { item: item, children: [_jsx(Select.ItemText, { children: item.name }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, item.id))) }) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.bankCode?.message })] })) }), _jsx(Controller, { control: form.control, name: "accountNumber", render: (o) => (_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, className: "mt-3xl", children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
180
- o.field.onChange(details.value);
181
- }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Account number" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, { onKeyDown: (e) => {
182
- if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
183
- e.preventDefault();
184
- }
185
- } }), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] })) }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount'), onKeyDown: (e) => {
180
+ }, children: [_jsx(Select.Label, { children: "Bank" }), _jsx(Select.Control, { children: _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }) }), _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: bankCollection.items.map((item) => (_jsxs(Select.Item, { item: item, children: [_jsx(Select.ItemText, { children: item.name }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, item.id))) }) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.bankCode?.message })] })) }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account number" }), _jsx(Field.Input, { type: "number", ...form.register('accountNumber'), onKeyDown: (e) => {
181
+ if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
182
+ e.preventDefault();
183
+ }
184
+ } }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount'), onKeyDown: (e) => {
186
185
  if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
187
186
  e.preventDefault();
188
187
  }
package/dist/components/Jackpots/JackpotsCarouselNext/JackpotsCarouselItem.js CHANGED
@@ -158,7 +158,7 @@ export function JackpotsCarouselItem({ style, className, viewAllUrl, animate = t
158
158
  maxDecimalPlaces: 2,
159
159
  })] }), _jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) })] }) })] }), _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }), _jsxs(Tooltip.Root, { open: isMobile() ? minLimitTooltipOpen : undefined, onOpenChange: (details) => isMobile() && setMinLimitTooltipOpen(details.open), openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: { strategy: 'fixed', placement: 'top' }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("div", { onClick: handleMinLimitTooltipClick, className: "absolute inset-0 h-full bg-black opacity-30", style: {
160
160
  width: `${getPercentage(jackpot.minimumJackpotPoolDrawingLimit, jackpot.pool)}%`,
161
- }, role: "button", tabIndex: 0, "aria-label": "Show minimum payout limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum Payout Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
161
+ }, role: "button", tabIndex: 0, "aria-label": "Show minimum payout limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum Jackpot Pool Drawing Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
162
162
  currency: localeInfo.currency.code,
163
163
  minDecimalPlaces: 2,
164
164
  maxDecimalPlaces: 2,
package/dist/components/Jackpots/JackpotsList/JackpotsListItemMobile.js CHANGED
@@ -101,7 +101,7 @@ export function JackpotsListItemMobile({ animate = true, customJackpotChestImage
101
101
  maxDecimalPlaces: 2,
102
102
  })] }), _jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) })] }) })] }), _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }), _jsxs(Tooltip.Root, { open: minLimitTooltipOpen, onOpenChange: (details) => setMinLimitTooltipOpen(details.open), openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: { strategy: 'fixed', placement: 'top' }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("div", { onClick: handleMinLimitTooltipClick, className: "absolute inset-0 h-full bg-black opacity-30", style: {
103
103
  width: `${getPercentage(jackpot.minimumJackpotPoolDrawingLimit, jackpot.pool)}%`,
104
- }, role: "button", tabIndex: 0, "aria-label": "Show minimum payout limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum Payout Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
104
+ }, role: "button", tabIndex: 0, "aria-label": "Show minimum payout limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum Jackpot Pool Drawing Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
105
105
  currency: localeInfo.currency.code,
106
106
  minDecimalPlaces: 2,
107
107
  maxDecimalPlaces: 2,
package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemDesktop.js CHANGED
@@ -68,7 +68,7 @@ export function JackpotsListItemDesktop({ animate = true, customJackpotChestImag
68
68
  maxDecimalPlaces: 2,
69
69
  })] }), _jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) })] }) })] }), _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }), _jsxs(Tooltip.Root, { openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: { strategy: 'fixed', placement: 'top' }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("div", { className: "absolute inset-0 h-full bg-black opacity-30", style: {
70
70
  width: `${getPercentage(jackpot.minimumJackpotPoolDrawingLimit, jackpot.pool)}%`,
71
- } }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { children: [_jsxs("div", { className: "text-xs", children: ["Minimum Payout Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
71
+ } }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { children: [_jsxs("div", { className: "text-xs", children: ["Minimum Jackpot Pool Drawing Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
72
72
  currency: localeInfo.currency.code,
73
73
  minDecimalPlaces: 2,
74
74
  maxDecimalPlaces: 2,
@@ -78,7 +78,7 @@ export function JackpotsListItemDesktop({ animate = true, customJackpotChestImag
78
78
  compact: true,
79
79
  })} Play now for your chance to win big! 🔥`
80
80
  : getAccumulatingJackpotDescription(Number(jackpot?.pool) ?? 0, Number(jackpot?.maximumJackpotPoolLimit) ?? 0) })] }));
81
- const RecentPayoutsTable = () => (_jsx("div", { className: twMerge('max-h-[17rem] overflow-y-scroll rounded-xl', styles.scrollArea), children: _jsx("div", { className: 'rounded-xl border-gray-200', children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsx("tr", { className: twMerge('h-8 whitespace-nowrap bg-bg-secondary text-left font-medium text-text-tertiary-600 text-xs', className?.recentPayoutsTableHeadRow), children: [
81
+ const RecentPayoutsTable = () => (_jsx("div", { className: twMerge('max-h-[17rem] overflow-y-scroll rounded-xl', styles.scrollArea), children: _jsx("div", { className: "rounded-xl border-gray-200", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsx("tr", { className: twMerge('h-8 whitespace-nowrap bg-bg-secondary text-left font-medium text-text-tertiary-600 text-xs', className?.recentPayoutsTableHeadRow), children: [
82
82
  'Player',
83
83
  'Game Provider',
84
84
  'Multiplier',
package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemMobile.js CHANGED
@@ -101,7 +101,7 @@ export function JackpotsListItemMobile({ animate = true, customJackpotChestImage
101
101
  maxDecimalPlaces: 2,
102
102
  })] }), _jsx(Tooltip.Arrow, { children: _jsx(Tooltip.ArrowTip, {}) })] }) })] }), _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }), _jsxs(Tooltip.Root, { open: minLimitTooltipOpen, onOpenChange: (details) => setMinLimitTooltipOpen(details.open), openDelay: 0, closeDelay: 100, lazyMount: true, unmountOnExit: true, positioning: { strategy: 'fixed', placement: 'top' }, children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx("div", { onClick: handleMinLimitTooltipClick, className: "absolute inset-0 h-full bg-black opacity-30", style: {
103
103
  width: `${getPercentage(jackpot.minimumJackpotPoolDrawingLimit, jackpot.pool)}%`,
104
- }, role: "button", tabIndex: 0, "aria-label": "Show minimum payout limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum Payout Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
104
+ }, role: "button", tabIndex: 0, "aria-label": "Show minimum jackpot pool drawing limit tooltip", "aria-describedby": minLimitTooltipId }) }), _jsx(Tooltip.Positioner, { children: _jsxs(Tooltip.Content, { id: minLimitTooltipId, children: [_jsxs("div", { className: "text-xs", children: ["Minimum Jackpot Pool Drawing Limit:", ' ', formatNumber(jackpot.minimumJackpotPoolDrawingLimit, {
105
105
  currency: localeInfo.currency.code,
106
106
  minDecimalPlaces: 2,
107
107
  maxDecimalPlaces: 2,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opexa/portal-components",
3
- "version": "0.0.1041",
3
+ "version": "0.0.1043",
4
4
  "exports": {
5
5
  "./ui/*": {
6
6
  "types": "./dist/ui/*/index.d.ts",