@kiosinc/commons-rn 0.1.31 → 0.1.32
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/lib/commonjs/auth/screens/SignUp.js +3 -19
- package/lib/commonjs/auth/screens/SignUp.js.map +1 -1
- package/lib/commonjs/components/PhoneInput.js +23 -5
- package/lib/commonjs/components/PhoneInput.js.map +1 -1
- package/lib/module/auth/screens/SignUp.js +4 -20
- package/lib/module/auth/screens/SignUp.js.map +1 -1
- package/lib/module/components/PhoneInput.js +23 -5
- package/lib/module/components/PhoneInput.js.map +1 -1
- package/lib/typescript/src/auth/screens/SignUp.d.ts.map +1 -1
- package/lib/typescript/src/components/PhoneInput.d.ts +2 -1
- package/lib/typescript/src/components/PhoneInput.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/auth/screens/SignUp.tsx +10 -36
- package/src/components/PhoneInput.tsx +36 -14
|
@@ -14,7 +14,6 @@ var _validators = require("./validators");
|
|
|
14
14
|
var _useAuthentication = require("../hooks/useAuthentication");
|
|
15
15
|
var _constants = require("../../constants");
|
|
16
16
|
var _reactNativeConfig = _interopRequireDefault(require("react-native-config"));
|
|
17
|
-
var _reactNativePaper = require("react-native-paper");
|
|
18
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
20
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -30,7 +29,6 @@ const SignUpScreen = () => {
|
|
|
30
29
|
mutate: checkRegistration,
|
|
31
30
|
isLoading: isCheckingIsRegistered
|
|
32
31
|
} = useIsCheckRegistered();
|
|
33
|
-
const theme = (0, _reactNativePaper.useTheme)();
|
|
34
32
|
const {
|
|
35
33
|
handleSubmit,
|
|
36
34
|
control,
|
|
@@ -151,30 +149,16 @@ const SignUpScreen = () => {
|
|
|
151
149
|
value
|
|
152
150
|
}
|
|
153
151
|
}) => {
|
|
154
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
152
|
+
return /*#__PURE__*/_react.default.createElement(_components.PhoneInput, {
|
|
155
153
|
placeholder: "Phone Number",
|
|
156
154
|
onBlur: onBlur,
|
|
157
155
|
onChangePhoneNumber: onChange,
|
|
158
156
|
value: value,
|
|
159
157
|
defaultCountry: "US",
|
|
158
|
+
errorMessage: errors.phoneNumber?.message,
|
|
160
159
|
selectedCountry: selectedCountry,
|
|
161
160
|
onChangeSelectedCountry: setSelectedCountry
|
|
162
|
-
})
|
|
163
|
-
flexDirection: "row",
|
|
164
|
-
alignItems: "center",
|
|
165
|
-
pb: "2",
|
|
166
|
-
pt: "6"
|
|
167
|
-
}, /*#__PURE__*/_react.default.createElement(_components.IconButton, {
|
|
168
|
-
icon: "alert-circle-outline",
|
|
169
|
-
size: 14,
|
|
170
|
-
width: 20,
|
|
171
|
-
margin: "0",
|
|
172
|
-
bg: 'background',
|
|
173
|
-
iconColor: theme.colors.error
|
|
174
|
-
}), /*#__PURE__*/_react.default.createElement(_components.Text, {
|
|
175
|
-
variant: "bodySmall",
|
|
176
|
-
color: "error"
|
|
177
|
-
}, errors.phoneNumber?.message))));
|
|
161
|
+
});
|
|
178
162
|
},
|
|
179
163
|
name: "phoneNumber"
|
|
180
164
|
})), /*#__PURE__*/_react.default.createElement(_components.Button, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_components","require","_react","_interopRequireWildcard","_reactI18next","_reactNative","_reactHookForm","_yup","_validators","_useAuthentication","_constants","_reactNativeConfig","_interopRequireDefault","
|
|
1
|
+
{"version":3,"names":["_components","require","_react","_interopRequireWildcard","_reactI18next","_reactNative","_reactHookForm","_yup","_validators","_useAuthentication","_constants","_reactNativeConfig","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SignUpScreen","selectedCountry","setSelectedCountry","useState","useTranslation","useIsCheckRegistered","useAuthentication","mutate","checkRegistration","isLoading","isCheckingIsRegistered","handleSubmit","control","formState","errors","useForm","criteriaMode","resolver","yupResolver","Config","APP_NAME","signUpValidationSchemaWithoutBusinessName","signUpValidationSchemaWithBusinessName","defaultValues","email","name","displayName","phoneNumber","onSubmit","data","callingCode","replaceAll","createElement","ParentView","px","Header","left","position","zIndex","View","flex","justifyContent","KeyboardAvoidingView","alignSelf","width","phone","tablet","alignItems","Text","pb","variant","Controller","render","field","onChange","onBlur","value","TextInput","my","mode","error","message","errorMessage","onChangeText","label","autoCapitalize","keyboardType","autoComplete","PhoneInput","placeholder","onChangePhoneNumber","defaultCountry","onChangeSelectedCountry","Button","loading","mt","onPress","flexDirection","flexWrap","pt","LinkButton","labelStyle","style","termsAndConditions","Linking","openURL","TERMS_OF_SERVICE","privacyPolicy","PRIVACY_POLICY","exports","StyleSheet","create","marginHorizontal","marginRight","marginVertical"],"sourceRoot":"../../../../src","sources":["auth/screens/SignUp.tsx"],"mappings":"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"}
|
|
@@ -7,10 +7,14 @@ exports.PhoneInput = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNativeInternationalPhoneNumber = _interopRequireWildcard(require("react-native-international-phone-number"));
|
|
9
9
|
var _reactNativePaper = require("react-native-paper");
|
|
10
|
+
var _View = require("./View");
|
|
11
|
+
var _IconButton = require("./IconButton");
|
|
12
|
+
var _Text = require("./Text");
|
|
10
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
16
|
const PhoneInput = ({
|
|
17
|
+
errorMessage,
|
|
14
18
|
onBlur,
|
|
15
19
|
onChangePhoneNumber,
|
|
16
20
|
value,
|
|
@@ -26,7 +30,7 @@ const PhoneInput = ({
|
|
|
26
30
|
onChangePhoneNumber(value.replace(country.callingCode, ''));
|
|
27
31
|
}
|
|
28
32
|
}, [onChangePhoneNumber, onChangeSelectedCountry, value]);
|
|
29
|
-
return /*#__PURE__*/_react.default.createElement(_reactNativeInternationalPhoneNumber.default, _extends({}, rest, getStyles(theme), {
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeInternationalPhoneNumber.default, _extends({}, rest, getStyles(theme, errorMessage), {
|
|
30
34
|
placeholder: "Phone Number",
|
|
31
35
|
onBlur: onBlur,
|
|
32
36
|
onChangePhoneNumber: onChangePhoneNumber,
|
|
@@ -34,10 +38,24 @@ const PhoneInput = ({
|
|
|
34
38
|
defaultCountry: "US",
|
|
35
39
|
selectedCountry: selectedCountry,
|
|
36
40
|
onChangeSelectedCountry: onChangeSelectedCountry
|
|
37
|
-
}))
|
|
41
|
+
})), !!errorMessage && /*#__PURE__*/_react.default.createElement(_View.View, {
|
|
42
|
+
flexDirection: "row",
|
|
43
|
+
alignItems: "center",
|
|
44
|
+
pb: "2"
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
|
|
46
|
+
icon: "alert-circle-outline",
|
|
47
|
+
size: 14,
|
|
48
|
+
width: 20,
|
|
49
|
+
margin: "0",
|
|
50
|
+
bg: 'background',
|
|
51
|
+
iconColor: theme.colors.error
|
|
52
|
+
}), /*#__PURE__*/_react.default.createElement(_Text.Text, {
|
|
53
|
+
variant: "bodySmall",
|
|
54
|
+
color: "error"
|
|
55
|
+
}, errorMessage)));
|
|
38
56
|
};
|
|
39
57
|
exports.PhoneInput = PhoneInput;
|
|
40
|
-
const getStyles = theme => {
|
|
58
|
+
const getStyles = (theme, errorMessage) => {
|
|
41
59
|
return {
|
|
42
60
|
modalStyles: {
|
|
43
61
|
callingCode: {
|
|
@@ -90,8 +108,8 @@ const getStyles = theme => {
|
|
|
90
108
|
height: 50,
|
|
91
109
|
marginTop: 10,
|
|
92
110
|
borderRadius: 5,
|
|
93
|
-
borderWidth: 1,
|
|
94
|
-
borderColor: theme.colors.outline,
|
|
111
|
+
borderWidth: errorMessage ? 2 : 1,
|
|
112
|
+
borderColor: errorMessage ? theme.colors.error : theme.colors.outline,
|
|
95
113
|
backgroundColor: theme.colors.background
|
|
96
114
|
},
|
|
97
115
|
flagContainer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeInternationalPhoneNumber","_reactNativePaper","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","PhoneInput","onBlur","onChangePhoneNumber","value","selectedCountry","onChangeSelectedCountry","rest","theme","useTheme","useEffect","country","getCountryByPhoneNumber","replace","callingCode","createElement","getStyles","placeholder","defaultCountry","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeInternationalPhoneNumber","_reactNativePaper","_View","_IconButton","_Text","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","PhoneInput","errorMessage","onBlur","onChangePhoneNumber","value","selectedCountry","onChangeSelectedCountry","rest","theme","useTheme","useEffect","country","getCountryByPhoneNumber","replace","callingCode","createElement","Fragment","getStyles","placeholder","defaultCountry","View","flexDirection","alignItems","pb","IconButton","icon","size","width","margin","bg","iconColor","colors","error","Text","variant","color","exports","modalStyles","onBackground","flag","backgroundColor","background","countryButton","borderRadius","noCountryContainer","backdrop","countryName","countriesList","modal","searchInput","phoneInputStyles","caret","input","container","height","marginTop","borderWidth","borderColor","outline","flagContainer","paddingHorizontal","paddingLeft"],"sourceRoot":"../../../src","sources":["components/PhoneInput.tsx"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ParentView, Text, View, TextInput, Button, LinkButton, KeyboardAvoidingView, Header,
|
|
1
|
+
import { ParentView, Text, View, TextInput, Button, LinkButton, KeyboardAvoidingView, Header, PhoneInput } from '../../components';
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
@@ -9,7 +9,6 @@ import { useAuthentication } from '../hooks/useAuthentication';
|
|
|
9
9
|
import { Linking } from 'react-native';
|
|
10
10
|
import { PRIVACY_POLICY, TERMS_OF_SERVICE } from '../../constants';
|
|
11
11
|
import Config from 'react-native-config';
|
|
12
|
-
import { useTheme } from 'react-native-paper';
|
|
13
12
|
export const SignUpScreen = () => {
|
|
14
13
|
const [selectedCountry, setSelectedCountry] = useState();
|
|
15
14
|
const {
|
|
@@ -22,7 +21,6 @@ export const SignUpScreen = () => {
|
|
|
22
21
|
mutate: checkRegistration,
|
|
23
22
|
isLoading: isCheckingIsRegistered
|
|
24
23
|
} = useIsCheckRegistered();
|
|
25
|
-
const theme = useTheme();
|
|
26
24
|
const {
|
|
27
25
|
handleSubmit,
|
|
28
26
|
control,
|
|
@@ -143,30 +141,16 @@ export const SignUpScreen = () => {
|
|
|
143
141
|
value
|
|
144
142
|
}
|
|
145
143
|
}) => {
|
|
146
|
-
return /*#__PURE__*/React.createElement(
|
|
144
|
+
return /*#__PURE__*/React.createElement(PhoneInput, {
|
|
147
145
|
placeholder: "Phone Number",
|
|
148
146
|
onBlur: onBlur,
|
|
149
147
|
onChangePhoneNumber: onChange,
|
|
150
148
|
value: value,
|
|
151
149
|
defaultCountry: "US",
|
|
150
|
+
errorMessage: errors.phoneNumber?.message,
|
|
152
151
|
selectedCountry: selectedCountry,
|
|
153
152
|
onChangeSelectedCountry: setSelectedCountry
|
|
154
|
-
})
|
|
155
|
-
flexDirection: "row",
|
|
156
|
-
alignItems: "center",
|
|
157
|
-
pb: "2",
|
|
158
|
-
pt: "6"
|
|
159
|
-
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
160
|
-
icon: "alert-circle-outline",
|
|
161
|
-
size: 14,
|
|
162
|
-
width: 20,
|
|
163
|
-
margin: "0",
|
|
164
|
-
bg: 'background',
|
|
165
|
-
iconColor: theme.colors.error
|
|
166
|
-
}), /*#__PURE__*/React.createElement(Text, {
|
|
167
|
-
variant: "bodySmall",
|
|
168
|
-
color: "error"
|
|
169
|
-
}, errors.phoneNumber?.message))));
|
|
153
|
+
});
|
|
170
154
|
},
|
|
171
155
|
name: "phoneNumber"
|
|
172
156
|
})), /*#__PURE__*/React.createElement(Button, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ParentView","Text","View","TextInput","Button","LinkButton","KeyboardAvoidingView","Header","
|
|
1
|
+
{"version":3,"names":["ParentView","Text","View","TextInput","Button","LinkButton","KeyboardAvoidingView","Header","PhoneInput","React","useState","useTranslation","StyleSheet","Controller","useForm","yupResolver","signUpValidationSchemaWithBusinessName","signUpValidationSchemaWithoutBusinessName","useAuthentication","Linking","PRIVACY_POLICY","TERMS_OF_SERVICE","Config","SignUpScreen","selectedCountry","setSelectedCountry","t","useIsCheckRegistered","mutate","checkRegistration","isLoading","isCheckingIsRegistered","handleSubmit","control","formState","errors","criteriaMode","resolver","APP_NAME","defaultValues","email","name","displayName","phoneNumber","onSubmit","data","callingCode","replaceAll","createElement","px","left","position","zIndex","flex","justifyContent","alignSelf","width","phone","tablet","alignItems","pb","variant","render","field","onChange","onBlur","value","my","mode","error","message","errorMessage","onChangeText","label","autoCapitalize","keyboardType","autoComplete","placeholder","onChangePhoneNumber","defaultCountry","onChangeSelectedCountry","loading","mt","onPress","flexDirection","flexWrap","pt","labelStyle","style","termsAndConditions","openURL","privacyPolicy","create","marginHorizontal","marginRight","marginVertical"],"sourceRoot":"../../../../src","sources":["auth/screens/SignUp.tsx"],"mappings":"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"}
|
|
@@ -2,7 +2,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import PhoneInputOriginal, { getCountryByPhoneNumber } from 'react-native-international-phone-number';
|
|
4
4
|
import { useTheme } from 'react-native-paper';
|
|
5
|
+
import { View } from './View';
|
|
6
|
+
import { IconButton } from './IconButton';
|
|
7
|
+
import { Text } from './Text';
|
|
5
8
|
export const PhoneInput = ({
|
|
9
|
+
errorMessage,
|
|
6
10
|
onBlur,
|
|
7
11
|
onChangePhoneNumber,
|
|
8
12
|
value,
|
|
@@ -18,7 +22,7 @@ export const PhoneInput = ({
|
|
|
18
22
|
onChangePhoneNumber(value.replace(country.callingCode, ''));
|
|
19
23
|
}
|
|
20
24
|
}, [onChangePhoneNumber, onChangeSelectedCountry, value]);
|
|
21
|
-
return /*#__PURE__*/React.createElement(PhoneInputOriginal, _extends({}, rest, getStyles(theme), {
|
|
25
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PhoneInputOriginal, _extends({}, rest, getStyles(theme, errorMessage), {
|
|
22
26
|
placeholder: "Phone Number",
|
|
23
27
|
onBlur: onBlur,
|
|
24
28
|
onChangePhoneNumber: onChangePhoneNumber,
|
|
@@ -26,9 +30,23 @@ export const PhoneInput = ({
|
|
|
26
30
|
defaultCountry: "US",
|
|
27
31
|
selectedCountry: selectedCountry,
|
|
28
32
|
onChangeSelectedCountry: onChangeSelectedCountry
|
|
29
|
-
}))
|
|
33
|
+
})), !!errorMessage && /*#__PURE__*/React.createElement(View, {
|
|
34
|
+
flexDirection: "row",
|
|
35
|
+
alignItems: "center",
|
|
36
|
+
pb: "2"
|
|
37
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
38
|
+
icon: "alert-circle-outline",
|
|
39
|
+
size: 14,
|
|
40
|
+
width: 20,
|
|
41
|
+
margin: "0",
|
|
42
|
+
bg: 'background',
|
|
43
|
+
iconColor: theme.colors.error
|
|
44
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
45
|
+
variant: "bodySmall",
|
|
46
|
+
color: "error"
|
|
47
|
+
}, errorMessage)));
|
|
30
48
|
};
|
|
31
|
-
const getStyles = theme => {
|
|
49
|
+
const getStyles = (theme, errorMessage) => {
|
|
32
50
|
return {
|
|
33
51
|
modalStyles: {
|
|
34
52
|
callingCode: {
|
|
@@ -81,8 +99,8 @@ const getStyles = theme => {
|
|
|
81
99
|
height: 50,
|
|
82
100
|
marginTop: 10,
|
|
83
101
|
borderRadius: 5,
|
|
84
|
-
borderWidth: 1,
|
|
85
|
-
borderColor: theme.colors.outline,
|
|
102
|
+
borderWidth: errorMessage ? 2 : 1,
|
|
103
|
+
borderColor: errorMessage ? theme.colors.error : theme.colors.outline,
|
|
86
104
|
backgroundColor: theme.colors.background
|
|
87
105
|
},
|
|
88
106
|
flagContainer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","PhoneInputOriginal","getCountryByPhoneNumber","useTheme","PhoneInput","onBlur","onChangePhoneNumber","value","selectedCountry","onChangeSelectedCountry","rest","theme","country","replace","callingCode","createElement","_extends","getStyles","placeholder","defaultCountry","
|
|
1
|
+
{"version":3,"names":["React","useEffect","PhoneInputOriginal","getCountryByPhoneNumber","useTheme","View","IconButton","Text","PhoneInput","errorMessage","onBlur","onChangePhoneNumber","value","selectedCountry","onChangeSelectedCountry","rest","theme","country","replace","callingCode","createElement","Fragment","_extends","getStyles","placeholder","defaultCountry","flexDirection","alignItems","pb","icon","size","width","margin","bg","iconColor","colors","error","variant","color","modalStyles","onBackground","flag","backgroundColor","background","countryButton","borderRadius","noCountryContainer","backdrop","countryName","countriesList","modal","searchInput","phoneInputStyles","caret","input","container","height","marginTop","borderWidth","borderColor","outline","flagContainer","paddingHorizontal","paddingLeft"],"sourceRoot":"../../../src","sources":["components/PhoneInput.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SignUp.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/SignUp.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SignUp.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/SignUp.tsx"],"names":[],"mappings":";AA0BA,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,YAAY,mBA6JxB,CAAC"}
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
import { ICountry, type PhoneInputProps as PhoneInputPropsOriginal } from 'react-native-international-phone-number';
|
|
3
3
|
type PhoneInputProps = {
|
|
4
4
|
selectedCountry: ICountry;
|
|
5
|
+
errorMessage?: string;
|
|
5
6
|
} & PhoneInputPropsOriginal;
|
|
6
7
|
export type PCountry = ICountry;
|
|
7
|
-
export declare const PhoneInput: ({ onBlur, onChangePhoneNumber, value, selectedCountry, onChangeSelectedCountry, ...rest }: PhoneInputProps) => JSX.Element;
|
|
8
|
+
export declare const PhoneInput: ({ errorMessage, onBlur, onChangePhoneNumber, value, selectedCountry, onChangeSelectedCountry, ...rest }: PhoneInputProps) => JSX.Element;
|
|
8
9
|
export {};
|
|
9
10
|
//# sourceMappingURL=PhoneInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../src/components/PhoneInput.tsx"],"names":[],"mappings":";AACA,OAA2B,EACzB,QAAQ,EAER,KAAK,eAAe,IAAI,uBAAuB,EAChD,MAAM,yCAAyC,CAAC;
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../src/components/PhoneInput.tsx"],"names":[],"mappings":";AACA,OAA2B,EACzB,QAAQ,EAER,KAAK,eAAe,IAAI,uBAAuB,EAChD,MAAM,yCAAyC,CAAC;AAMjD,KAAK,eAAe,GAAG;IACrB,eAAe,EAAE,QAAQ,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,uBAAuB,CAAC;AAE5B,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC,eAAO,MAAM,UAAU,4GAQpB,eAAe,gBAyCjB,CAAC"}
|
package/package.json
CHANGED
|
@@ -7,7 +7,6 @@ import {
|
|
|
7
7
|
LinkButton,
|
|
8
8
|
KeyboardAvoidingView,
|
|
9
9
|
Header,
|
|
10
|
-
IconButton,
|
|
11
10
|
PhoneInput,
|
|
12
11
|
} from '../../components';
|
|
13
12
|
import React, { useState } from 'react';
|
|
@@ -24,7 +23,6 @@ import { Linking } from 'react-native';
|
|
|
24
23
|
import { PRIVACY_POLICY, TERMS_OF_SERVICE } from '../../constants';
|
|
25
24
|
import Config from 'react-native-config';
|
|
26
25
|
import { ICountry } from 'react-native-international-phone-number';
|
|
27
|
-
import { useTheme } from 'react-native-paper';
|
|
28
26
|
|
|
29
27
|
export type TUserForm = {
|
|
30
28
|
displayName: string;
|
|
@@ -39,7 +37,6 @@ export const SignUpScreen = () => {
|
|
|
39
37
|
const { useIsCheckRegistered } = useAuthentication();
|
|
40
38
|
const { mutate: checkRegistration, isLoading: isCheckingIsRegistered } =
|
|
41
39
|
useIsCheckRegistered();
|
|
42
|
-
const theme = useTheme();
|
|
43
40
|
const {
|
|
44
41
|
handleSubmit,
|
|
45
42
|
control,
|
|
@@ -146,39 +143,16 @@ export const SignUpScreen = () => {
|
|
|
146
143
|
control={control}
|
|
147
144
|
render={({ field: { onChange, onBlur, value } }) => {
|
|
148
145
|
return (
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
{!!errors.phoneNumber?.message && (
|
|
160
|
-
<>
|
|
161
|
-
<View
|
|
162
|
-
flexDirection="row"
|
|
163
|
-
alignItems="center"
|
|
164
|
-
pb="2"
|
|
165
|
-
pt="6"
|
|
166
|
-
>
|
|
167
|
-
<IconButton
|
|
168
|
-
icon="alert-circle-outline"
|
|
169
|
-
size={14}
|
|
170
|
-
width={20}
|
|
171
|
-
margin="0"
|
|
172
|
-
bg={'background'}
|
|
173
|
-
iconColor={theme.colors.error}
|
|
174
|
-
/>
|
|
175
|
-
<Text variant="bodySmall" color="error">
|
|
176
|
-
{errors.phoneNumber?.message}
|
|
177
|
-
</Text>
|
|
178
|
-
</View>
|
|
179
|
-
</>
|
|
180
|
-
)}
|
|
181
|
-
</>
|
|
146
|
+
<PhoneInput
|
|
147
|
+
placeholder="Phone Number"
|
|
148
|
+
onBlur={onBlur}
|
|
149
|
+
onChangePhoneNumber={onChange}
|
|
150
|
+
value={value}
|
|
151
|
+
defaultCountry="US"
|
|
152
|
+
errorMessage={errors.phoneNumber?.message}
|
|
153
|
+
selectedCountry={selectedCountry as ICountry}
|
|
154
|
+
onChangeSelectedCountry={setSelectedCountry}
|
|
155
|
+
/>
|
|
182
156
|
);
|
|
183
157
|
}}
|
|
184
158
|
name="phoneNumber"
|
|
@@ -5,14 +5,19 @@ import PhoneInputOriginal, {
|
|
|
5
5
|
type PhoneInputProps as PhoneInputPropsOriginal,
|
|
6
6
|
} from 'react-native-international-phone-number';
|
|
7
7
|
import { type MD3Theme, useTheme } from 'react-native-paper';
|
|
8
|
+
import { View } from './View';
|
|
9
|
+
import { IconButton } from './IconButton';
|
|
10
|
+
import { Text } from './Text';
|
|
8
11
|
|
|
9
12
|
type PhoneInputProps = {
|
|
10
13
|
selectedCountry: ICountry;
|
|
14
|
+
errorMessage?: string;
|
|
11
15
|
} & PhoneInputPropsOriginal;
|
|
12
16
|
|
|
13
17
|
export type PCountry = ICountry;
|
|
14
18
|
|
|
15
19
|
export const PhoneInput = ({
|
|
20
|
+
errorMessage,
|
|
16
21
|
onBlur,
|
|
17
22
|
onChangePhoneNumber,
|
|
18
23
|
value,
|
|
@@ -31,21 +36,38 @@ export const PhoneInput = ({
|
|
|
31
36
|
}, [onChangePhoneNumber, onChangeSelectedCountry, value]);
|
|
32
37
|
|
|
33
38
|
return (
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
<>
|
|
40
|
+
<PhoneInputOriginal
|
|
41
|
+
{...rest}
|
|
42
|
+
{...getStyles(theme, errorMessage)}
|
|
43
|
+
placeholder="Phone Number"
|
|
44
|
+
onBlur={onBlur}
|
|
45
|
+
onChangePhoneNumber={onChangePhoneNumber}
|
|
46
|
+
value={value}
|
|
47
|
+
defaultCountry="US"
|
|
48
|
+
selectedCountry={selectedCountry}
|
|
49
|
+
onChangeSelectedCountry={onChangeSelectedCountry}
|
|
50
|
+
/>
|
|
51
|
+
{!!errorMessage && (
|
|
52
|
+
<View flexDirection="row" alignItems="center" pb="2">
|
|
53
|
+
<IconButton
|
|
54
|
+
icon="alert-circle-outline"
|
|
55
|
+
size={14}
|
|
56
|
+
width={20}
|
|
57
|
+
margin="0"
|
|
58
|
+
bg={'background'}
|
|
59
|
+
iconColor={theme.colors.error}
|
|
60
|
+
/>
|
|
61
|
+
<Text variant="bodySmall" color="error">
|
|
62
|
+
{errorMessage}
|
|
63
|
+
</Text>
|
|
64
|
+
</View>
|
|
65
|
+
)}
|
|
66
|
+
</>
|
|
45
67
|
);
|
|
46
68
|
};
|
|
47
69
|
|
|
48
|
-
const getStyles = (theme: MD3Theme) => {
|
|
70
|
+
const getStyles = (theme: MD3Theme, errorMessage: string | undefined) => {
|
|
49
71
|
return {
|
|
50
72
|
modalStyles: {
|
|
51
73
|
callingCode: {
|
|
@@ -98,8 +120,8 @@ const getStyles = (theme: MD3Theme) => {
|
|
|
98
120
|
height: 50,
|
|
99
121
|
marginTop: 10,
|
|
100
122
|
borderRadius: 5,
|
|
101
|
-
borderWidth: 1,
|
|
102
|
-
borderColor: theme.colors.outline,
|
|
123
|
+
borderWidth: errorMessage ? 2 : 1,
|
|
124
|
+
borderColor: errorMessage ? theme.colors.error : theme.colors.outline,
|
|
103
125
|
backgroundColor: theme.colors.background,
|
|
104
126
|
},
|
|
105
127
|
flagContainer: {
|