@opexa/portal-components 0.0.1042 → 0.0.1044

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 (9) hide show
  1. package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.js +15 -1
  2. package/dist/components/DepositWithdrawal/Withdrawal/InstapayGCashWithdrawal/InstapayGcashWithdrawal.js +18 -4
  3. package/dist/components/DepositWithdrawal/Withdrawal/InstapayPaymayaWithdrawal/InstapayPaymayaWithdrawal.js +18 -3
  4. package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.js +43 -10
  5. package/dist/components/Jackpots/JackpotsCarouselNext/JackpotsCarouselItem.js +1 -1
  6. package/dist/components/Jackpots/JackpotsList/JackpotsListItemMobile.js +1 -1
  7. package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemDesktop.js +2 -2
  8. package/dist/components/Jackpots/JackpotsListNext/JackpotsListItemMobile.js +1 -1
  9. package/package.json +1 -1
package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.js CHANGED
@@ -62,9 +62,23 @@ export function GCashWithdrawal() {
62
62
  const definition = z.object({
63
63
  amount: z
64
64
  .string()
65
- .regex(/^\d+$/, 'Amount must be a whole number')
65
+ .trim()
66
66
  .superRefine((val, ctx) => {
67
67
  const n = parseDecimal(val, 0);
68
+ if (!val || n === 0) {
69
+ ctx.addIssue({
70
+ code: z.ZodIssueCode.custom,
71
+ message: 'Amount is required',
72
+ });
73
+ return;
74
+ }
75
+ if (!/^\d+$/.test(val)) {
76
+ ctx.addIssue({
77
+ code: z.ZodIssueCode.custom,
78
+ message: 'Amount must be a whole number',
79
+ });
80
+ return;
81
+ }
68
82
  if (n < minimumAmount) {
69
83
  ctx.addIssue({
70
84
  type: 'number',
package/dist/components/DepositWithdrawal/Withdrawal/InstapayGCashWithdrawal/InstapayGcashWithdrawal.js CHANGED
@@ -8,6 +8,7 @@ import { useShallow } from 'zustand/shallow';
8
8
  import { useAccountQuery } from '../../../../client/hooks/useAccountQuery.js';
9
9
  import { useCreateInstapayWithdrawalMutation } from '../../../../client/hooks/useCreateInstapayWithdrawalMutation.js';
10
10
  import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
11
+ import { useLocaleInfo } from '../../../../client/hooks/useLocaleInfo.js';
11
12
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
12
13
  import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
13
14
  import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
@@ -33,6 +34,7 @@ export function InstapayGCashWithdrawal() {
33
34
  depositWithdrawal: ctx.depositWithdrawal,
34
35
  hasPendingBonus: ctx.pendingBonus,
35
36
  })));
37
+ const localeInfo = useLocaleInfo();
36
38
  const [status, setStatus] = useState('waiting');
37
39
  const createWithdrawalMutation = useCreateInstapayWithdrawalMutation({
38
40
  onMutate() {
@@ -57,10 +59,23 @@ export function InstapayGCashWithdrawal() {
57
59
  const definition = z.object({
58
60
  amount: z
59
61
  .string()
60
- .min(3, 'Amount is required')
61
- .regex(/^\d+$/, 'Amount must be a whole number')
62
+ .trim()
62
63
  .superRefine((val, ctx) => {
63
64
  const n = parseDecimal(val, 0);
65
+ if (!val || n === 0) {
66
+ ctx.addIssue({
67
+ code: z.ZodIssueCode.custom,
68
+ message: 'Amount is required',
69
+ });
70
+ return;
71
+ }
72
+ if (!/^\d+$/.test(val)) {
73
+ ctx.addIssue({
74
+ code: z.ZodIssueCode.custom,
75
+ message: 'Amount must be a whole number',
76
+ });
77
+ return;
78
+ }
64
79
  if (n < minimumAmount) {
65
80
  ctx.addIssue({
66
81
  type: 'number',
@@ -86,8 +101,7 @@ export function InstapayGCashWithdrawal() {
86
101
  .max(64, 'Password must be not be more than 64 characters'),
87
102
  accountNumber: z
88
103
  .string()
89
- .min(8, { message: 'Phone number must be 8 or more digits' })
90
- .trim(),
104
+ .regex(localeInfo.mobileNumber.pattern, 'Invalid phone number'),
91
105
  accountName: z
92
106
  .string({ required_error: 'Account name is required' })
93
107
  .min(4, 'Account name must be at least 4 characters'),
package/dist/components/DepositWithdrawal/Withdrawal/InstapayPaymayaWithdrawal/InstapayPaymayaWithdrawal.js CHANGED
@@ -8,6 +8,7 @@ import { useShallow } from 'zustand/shallow';
8
8
  import { useAccountQuery } from '../../../../client/hooks/useAccountQuery.js';
9
9
  import { useCreateInstapayWithdrawalMutation } from '../../../../client/hooks/useCreateInstapayWithdrawalMutation.js';
10
10
  import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
11
+ import { useLocaleInfo } from '../../../../client/hooks/useLocaleInfo.js';
11
12
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
12
13
  import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
13
14
  import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
@@ -33,6 +34,7 @@ export function InstapayPaymayaWithdrawal() {
33
34
  depositWithdrawal: ctx.depositWithdrawal,
34
35
  hasPendingBonus: ctx.pendingBonus,
35
36
  })));
37
+ const localeInfo = useLocaleInfo();
36
38
  const [status, setStatus] = useState('waiting');
37
39
  const createWithdrawalMutation = useCreateInstapayWithdrawalMutation({
38
40
  onMutate() {
@@ -57,9 +59,23 @@ export function InstapayPaymayaWithdrawal() {
57
59
  const definition = z.object({
58
60
  amount: z
59
61
  .string()
60
- .regex(/^\d+$/, 'Amount must be a whole number')
62
+ .trim()
61
63
  .superRefine((val, ctx) => {
62
64
  const n = parseDecimal(val, 0);
65
+ if (!val || n === 0) {
66
+ ctx.addIssue({
67
+ code: z.ZodIssueCode.custom,
68
+ message: 'Amount is required',
69
+ });
70
+ return;
71
+ }
72
+ if (!/^\d+$/.test(val)) {
73
+ ctx.addIssue({
74
+ code: z.ZodIssueCode.custom,
75
+ message: 'Amount must be a whole number',
76
+ });
77
+ return;
78
+ }
63
79
  if (n < minimumAmount) {
64
80
  ctx.addIssue({
65
81
  type: 'number',
@@ -85,8 +101,7 @@ export function InstapayPaymayaWithdrawal() {
85
101
  .max(64, 'Password must be not be more than 64 characters'),
86
102
  accountNumber: z
87
103
  .string()
88
- .min(8, { message: 'Phone number must be 8 or more digits' })
89
- .trim(),
104
+ .regex(localeInfo.mobileNumber.pattern, 'Invalid phone number'),
90
105
  accountName: z
91
106
  .string({ required_error: 'Account name is required' })
92
107
  .min(4, 'Account name must be at least 4 characters'),
package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.js CHANGED
@@ -10,6 +10,7 @@ import { useAccountQuery } from '../../../../client/hooks/useAccountQuery.js';
10
10
  import { useCreateVentajaDisbursementWithdrawalMutation } from '../../../../client/hooks/useCreateVentajaWithdrawalMutation.js';
11
11
  import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
12
12
  import { useInstapayBankListQuery } from '../../../../client/hooks/useInstapayBankListQuery.js';
13
+ import { useMobileNumberParser } from '../../../../client/hooks/useMobileNumberParser.js';
13
14
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
14
15
  import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.js';
15
16
  import { CheckIcon } from '../../../../icons/CheckIcon.js';
@@ -62,6 +63,7 @@ export function VentajaWithdrawal() {
62
63
  ...(instapayBankListQuery.data ?? []),
63
64
  ], [instapayBankListQuery.data]);
64
65
  const paymentSettingsQuery = usePaymentSettingsQuery();
66
+ const mobileNumberParser = useMobileNumberParser();
65
67
  const paymentSettings = paymentSettingsQuery.data;
66
68
  const gatewaySettings = paymentSettings?.ventajaWithdrawalGatewaySettings;
67
69
  const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
@@ -71,9 +73,23 @@ export function VentajaWithdrawal() {
71
73
  const definition = z.object({
72
74
  amount: z
73
75
  .string()
74
- .regex(/^\d+$/, 'Amount must be a whole number')
76
+ .trim()
75
77
  .superRefine((val, ctx) => {
76
78
  const n = parseDecimal(val, 0);
79
+ if (!val || n === 0) {
80
+ ctx.addIssue({
81
+ code: z.ZodIssueCode.custom,
82
+ message: 'Amount is required',
83
+ });
84
+ return;
85
+ }
86
+ if (!/^\d+$/.test(val)) {
87
+ ctx.addIssue({
88
+ code: z.ZodIssueCode.custom,
89
+ message: 'Amount must be a whole number',
90
+ });
91
+ return;
92
+ }
77
93
  if (n < minimumAmount) {
78
94
  ctx.addIssue({
79
95
  type: 'number',
@@ -100,10 +116,25 @@ export function VentajaWithdrawal() {
100
116
  .max(64, 'Withdrawal Password must be not be more than 64 characters'),
101
117
  accountNumber: z
102
118
  .string()
103
- .min(1, paymentMethod === 'INSTAPAY'
104
- ? 'Bank Account Number is required'
105
- : 'Phone Number is required')
106
- .trim(),
119
+ .trim()
120
+ .superRefine((val, ctx) => {
121
+ const isInstapay = paymentMethod === 'INSTAPAY';
122
+ if (!val) {
123
+ ctx.addIssue({
124
+ code: z.ZodIssueCode.custom,
125
+ message: isInstapay
126
+ ? 'Bank Account Number is required'
127
+ : 'Phone Number is required',
128
+ });
129
+ return;
130
+ }
131
+ if (!isInstapay && !mobileNumberParser.validate(val)) {
132
+ ctx.addIssue({
133
+ code: z.ZodIssueCode.custom,
134
+ message: 'Invalid Phone Number',
135
+ });
136
+ }
137
+ }),
107
138
  accountName: z.string().min(1, 'Account Name is required').trim(),
108
139
  bankCode: z.string().min(1, 'Bank is required').trim(),
109
140
  });
@@ -197,11 +228,13 @@ export function VentajaWithdrawal() {
197
228
  sameWidth: true,
198
229
  }, value: o.field.value ? [o.field.value] : [], onValueChange: (details) => {
199
230
  o.field.onChange(details.value.at(0) ?? '');
200
- }, 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.code))) }) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.bankCode?.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 })] })] })), _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) => {
201
- o.field.onChange(details.value);
202
- }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: paymentMethod === 'INSTAPAY'
203
- ? 'Bank account number'
204
- : 'Phone Number' }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, {}), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] })) }), _jsx(Controller, { control: form.control, name: "amount", 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) => {
231
+ }, 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.code))) }) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.bankCode?.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.accountNumber, className: "mt-3xl", children: [_jsx(Field.Label, { children: paymentMethod === 'INSTAPAY'
232
+ ? 'Bank account number'
233
+ : 'Phone Number' }), _jsx(Field.Input, { type: "number", ...form.register('accountNumber'), onKeyDown: (e) => {
234
+ if (['e', 'E', '.', '-', '+', ','].includes(e.key)) {
235
+ e.preventDefault();
236
+ }
237
+ } }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsx(Controller, { control: form.control, name: "amount", 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) => {
205
238
  o.field.onChange(details.value);
206
239
  }, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Enter amount you want to withdraw" }), _jsxs(NumberInput.Control, { children: [_jsx(NumberInput.Input, {}), _jsx(NumberInput.IncrementTrigger, { children: _jsx(ChevronUpIcon, {}) }), _jsx(NumberInput.DecrementTrigger, { children: _jsx(ChevronDownIcon, {}) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] })) }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount'), 0), onChange: (value) => {
207
240
  form.setValue('amount', value.toString(), {
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.1042",
3
+ "version": "0.0.1044",
4
4
  "exports": {
5
5
  "./ui/*": {
6
6
  "types": "./dist/ui/*/index.d.ts",