@opexa/portal-components 0.0.382 → 0.0.383
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.
|
@@ -100,7 +100,7 @@ export function JackpotsListItemMobile({ animate = true, customJackpotChestImage
|
|
|
100
100
|
maxDecimalPlaces: 2,
|
|
101
101
|
}) }), _jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: format(new Date(jackpotPayout.dateTimeCreated), 'dd MMM yyyy h:mm a') })] }, i)))
|
|
102
102
|
: Array.from({ length: 10 }).map((_, i) => (_jsx("tr", { className: twMerge('bg-bg-primary text-left text-sm text-text-secondary-700', className?.recentPayoutsTableBodyRow), children: Array.from({ length: 5 }).map((_, j) => (_jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: "-" }, j))) }, i))) })] }) }));
|
|
103
|
-
return (_jsxs("div", {
|
|
103
|
+
return (_jsxs("div", { className: twMerge('rounded-2xl border border-border-primary bg-bg-primary', className?.itemRoot), children: [_jsxs("div", { style: props.style, className: "relative flex shrink-0 rounded-2xl bg-bg-tertiary p-3 text-center lg:gap-4 lg:p-5", children: [_jsxs("div", { className: "relative z-1 flex flex-1 flex-col", children: [_jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsx("div", { className: "flex w-full flex-col", children: _jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { children: [isPayingOut ? (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-success-200 bg-utility-success-50 px-2 py-0.5 font-medium text-utility-success-700 text-xs", children: [_jsx("span", { className: "full size-1.5 animate-pulse rounded bg-utility-success-500" }), "Paying Out"] })) : (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-blue-200 bg-utility-blue-50 px-2 py-0.5 font-medium text-utility-blue-700 text-xs", children: [_jsx(ArrowNarrowUpRightIcon, { className: "size-3.5 text-utility-blue-500" }), "Accumulating"] })), _jsx("div", { className: "mt-1 text-left font-medium text-lg text-text-primary-900 lg:mt-5 lg:text-2xl", children: jackpot.name }), _jsx("div", { className: twMerge('mt-1.5 w-fit rounded-md bg-bg-primary px-2 py-1 font-bold text-2xl text-brand-400 lg:mt-2 lg:text-4xl', className?.jackpotAmountRoot), children: formatNumber(jackpotAmount, {
|
|
104
104
|
currency: localeInfo.currency.code,
|
|
105
105
|
minDecimalPlaces: 2,
|
|
106
106
|
maxDecimalPlaces: 2,
|
|
@@ -49,24 +49,12 @@ export function MobileNumberSignIn() {
|
|
|
49
49
|
globalStore.signIn.setOpen(false);
|
|
50
50
|
globalStore.kycReminder.setOpen(true);
|
|
51
51
|
},
|
|
52
|
-
onError: (err) => {
|
|
53
|
-
toaster.error({
|
|
54
|
-
title: 'Sign In Failed',
|
|
55
|
-
description: err.message,
|
|
56
|
-
});
|
|
57
|
-
},
|
|
58
52
|
});
|
|
59
53
|
const sendVerificationCodeMutation = useSendVerificationCodeMutation({
|
|
60
54
|
onSuccess: () => {
|
|
61
55
|
context.setStep(2);
|
|
62
56
|
cooldown.start();
|
|
63
57
|
},
|
|
64
|
-
onError: (err) => {
|
|
65
|
-
toaster.error({
|
|
66
|
-
title: 'Sign In Failed',
|
|
67
|
-
description: err.message,
|
|
68
|
-
});
|
|
69
|
-
},
|
|
70
58
|
});
|
|
71
59
|
const localeInfo = useLocaleInfo();
|
|
72
60
|
const mobileNumberParser = useMobileNumberParser();
|
|
@@ -128,6 +116,13 @@ export function MobileNumberSignIn() {
|
|
|
128
116
|
channel: 'SMS',
|
|
129
117
|
recipient: mobileNumberParser.format(data.mobileNumber),
|
|
130
118
|
strict: true,
|
|
119
|
+
}, {
|
|
120
|
+
onError: (err) => {
|
|
121
|
+
toaster.error({
|
|
122
|
+
title: 'Sign In Failed',
|
|
123
|
+
description: err.message,
|
|
124
|
+
});
|
|
125
|
+
},
|
|
131
126
|
});
|
|
132
127
|
}), children: [_jsxs(Field.Root, { invalid: !!step1Form.formState.errors.mobileNumber, children: [_jsx(Field.Label, { children: "Mobile Number" }), _jsxs("div", { className: "relative", children: [_jsxs("div", { className: "-translate-y-1/2 absolute top-1/2 left-3.5 flex shrink-0 items-center gap-md", children: [_jsx(localeInfo.country.flag, { className: "size-5" }), _jsx("span", { className: "text-text-placeholder", children: localeInfo.mobileNumber.areaCode })] }), _jsx(Field.Input, { style: {
|
|
133
128
|
paddingLeft: `calc(2.75rem + ${localeInfo.mobileNumber.areaCode.length}ch)`,
|
|
@@ -166,6 +161,13 @@ export function MobileNumberSignIn() {
|
|
|
166
161
|
type: 'MOBILE_NUMBER',
|
|
167
162
|
mobileNumber: mobileNumberParser.format(mobileNumber),
|
|
168
163
|
verificationCode: verificationCode.join(''),
|
|
164
|
+
}, {
|
|
165
|
+
onError: (err) => {
|
|
166
|
+
toaster.error({
|
|
167
|
+
title: 'Sign In Failed',
|
|
168
|
+
description: err.message,
|
|
169
|
+
});
|
|
170
|
+
},
|
|
169
171
|
});
|
|
170
172
|
}), children: [_jsx(Controller, { name: "verificationCode", control: step2Form.control, render: (o) => (_jsxs(Field.Root, { invalid: o.fieldState.invalid, children: [_jsxs(PinInput.Root, { placeholder: "0", value: o.field.value, onValueChange: (details) => {
|
|
171
173
|
o.field.onChange(details.value);
|