@opexa/portal-components 0.0.911 → 0.0.912
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.
package/dist/components/DepositWithdrawal/Deposit/AurixPayGrabPayDeposit/AurixPayGrabPayDeposit.js
CHANGED
|
@@ -200,7 +200,26 @@ export function AurixPayPayMayaDeposit() {
|
|
|
200
200
|
accountNumber: data.accountNumber,
|
|
201
201
|
});
|
|
202
202
|
}
|
|
203
|
-
}), noValidate: true, children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Account number" }), _jsx(Field.Input, { ...form.register('accountNumber'
|
|
203
|
+
}), noValidate: true, children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Account number" }), _jsx(Field.Input, { ...form.register('accountNumber', {
|
|
204
|
+
onChange: (e) => {
|
|
205
|
+
// Allow only digits and leading +
|
|
206
|
+
let value = e.target.value;
|
|
207
|
+
// Remove all non-digit except leading +
|
|
208
|
+
value = value.replace(/(?!^)\D/g, '');
|
|
209
|
+
if (value.startsWith('+')) {
|
|
210
|
+
// keep leading +
|
|
211
|
+
value = '+' + value.slice(1).replace(/\D/g, '');
|
|
212
|
+
}
|
|
213
|
+
else {
|
|
214
|
+
// remove all non-digits
|
|
215
|
+
value = value.replace(/\D/g, '');
|
|
216
|
+
}
|
|
217
|
+
e.target.value = value;
|
|
218
|
+
form.setValue('accountNumber', value, {
|
|
219
|
+
shouldValidate: true,
|
|
220
|
+
});
|
|
221
|
+
},
|
|
222
|
+
}), inputMode: "tel", pattern: "^\\+?[0-9]*$", autoComplete: "tel" }), _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-lg", children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
|
|
204
223
|
o.field.onChange(details.value);
|
|
205
224
|
}, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Enter amount you want to deposit" }), _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) => {
|
|
206
225
|
form.setValue('amount', value.toString(), {
|
package/dist/components/DepositWithdrawal/Deposit/AurixPayPayMayaDeposit/AurixPayGrabPayDeposit.js
CHANGED
|
@@ -200,7 +200,26 @@ export function AurixPayGrabPayDeposit() {
|
|
|
200
200
|
accountNumber: data.accountNumber,
|
|
201
201
|
});
|
|
202
202
|
}
|
|
203
|
-
}), noValidate: true, children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Account number" }), _jsx(Field.Input, { ...form.register('accountNumber'
|
|
203
|
+
}), noValidate: true, children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Account number" }), _jsx(Field.Input, { ...form.register('accountNumber', {
|
|
204
|
+
onChange: (e) => {
|
|
205
|
+
// Allow only digits and leading +
|
|
206
|
+
let value = e.target.value;
|
|
207
|
+
// Remove all non-digit except leading +
|
|
208
|
+
value = value.replace(/(?!^)\D/g, '');
|
|
209
|
+
if (value.startsWith('+')) {
|
|
210
|
+
// keep leading +
|
|
211
|
+
value = '+' + value.slice(1).replace(/\D/g, '');
|
|
212
|
+
}
|
|
213
|
+
else {
|
|
214
|
+
// remove all non-digits
|
|
215
|
+
value = value.replace(/\D/g, '');
|
|
216
|
+
}
|
|
217
|
+
e.target.value = value;
|
|
218
|
+
form.setValue('accountNumber', value, {
|
|
219
|
+
shouldValidate: true,
|
|
220
|
+
});
|
|
221
|
+
},
|
|
222
|
+
}), inputMode: "tel", pattern: "^\\+?[0-9]*$", autoComplete: "tel" }), _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-lg", children: [_jsxs(NumberInput.Root, { min: 0, step: 1, value: o.field.value, onValueChange: (details) => {
|
|
204
223
|
o.field.onChange(details.value);
|
|
205
224
|
}, allowMouseWheel: true, children: [_jsx(NumberInput.Label, { children: "Enter amount you want to deposit" }), _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) => {
|
|
206
225
|
form.setValue('amount', value.toString(), {
|