@kiosinc/commons-rn 0.1.27 → 0.1.28

package/lib/commonjs/auth/screens/SignUp.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SignUpScreen = void 0;
 var _components = require("../../components");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactNative = require("react-native");
 var _reactHookForm = require("react-hook-form");
@@ -14,8 +14,12 @@ var _validators = require("./validators");
 var _useAuthentication = require("../hooks/useAuthentication");
 var _constants = require("../../constants");
 var _reactNativeConfig = _interopRequireDefault(require("react-native-config"));
+var _reactNativePaper = require("react-native-paper");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+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; }
 const SignUpScreen = () => {
+  const [selectedCountry, setSelectedCountry] = (0, _react.useState)();
   const {
     t
   } = (0, _reactI18next.useTranslation)();
@@ -26,6 +30,7 @@ const SignUpScreen = () => {
     mutate: checkRegistration,
     isLoading: isCheckingIsRegistered
   } = useIsCheckRegistered();
+  const theme = (0, _reactNativePaper.useTheme)();
   const {
     handleSubmit,
     control,
@@ -43,7 +48,10 @@ const SignUpScreen = () => {
     }
   });
   const onSubmit = data => {
-    checkRegistration(data);
+    checkRegistration({
+      ...data,
+      phoneNumber: ((selectedCountry?.callingCode ?? '') + data.phoneNumber).replaceAll(' ', '')
+    });
   };
   return /*#__PURE__*/_react.default.createElement(_components.ParentView, {
     px: "16"
@@ -143,16 +151,30 @@ const SignUpScreen = () => {
         value
       }
     }) => {
-      return /*#__PURE__*/_react.default.createElement(_components.TextInput, {
-        my: "5",
-        mode: "outlined",
-        error: !!errors.phoneNumber?.message,
-        errorMessage: errors.phoneNumber?.message,
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.PhoneInput, {
+        placeholder: "Phone Number",
         onBlur: onBlur,
-        onChangeText: onChange,
+        onChangePhoneNumber: onChange,
         value: value,
-        label: t('authentication.phoneNumber')
-      });
+        defaultCountry: "US",
+        selectedCountry: selectedCountry,
+        onChangeSelectedCountry: setSelectedCountry
+      }), !!errors.phoneNumber?.message && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.View, {
+        flexDirection: "row",
+        alignItems: "center",
+        pb: "2",
+        pt: "6"
+      }, /*#__PURE__*/_react.default.createElement(_components.IconButton, {
+        icon: "alert-circle-outline",
+        size: 14,
+        width: 20,
+        margin: "0",
+        bg: 'background',
+        iconColor: theme.colors.error
+      }), /*#__PURE__*/_react.default.createElement(_components.Text, {
+        variant: "bodySmall",
+        color: "error"
+      }, errors.phoneNumber?.message))));
     },
     name: "phoneNumber"
   })), /*#__PURE__*/_react.default.createElement(_components.Button, {

package/lib/commonjs/auth/screens/SignUp.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_react","_interopRequireDefault","_reactI18next","_reactNative","_reactHookForm","_yup","_validators","_useAuthentication","_constants","_reactNativeConfig","obj","__esModule","default","SignUpScreen","t","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","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","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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"}
+{"version":3,"names":["_components","require","_react","_interopRequireWildcard","_reactI18next","_reactNative","_reactHookForm","_yup","_validators","_useAuthentication","_constants","_reactNativeConfig","_interopRequireDefault","_reactNativePaper","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","theme","useTheme","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","Fragment","PhoneInput","placeholder","onChangePhoneNumber","defaultCountry","onChangeSelectedCountry","flexDirection","pt","IconButton","icon","size","margin","bg","iconColor","colors","color","Button","loading","mt","onPress","flexWrap","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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"}

package/lib/commonjs/components/PhoneInput.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PhoneInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeInternationalPhoneNumber = _interopRequireWildcard(require("react-native-international-phone-number"));
+var _reactNativePaper = require("react-native-paper");
+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); }
+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; }
+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); }
+const PhoneInput = ({
+  onBlur,
+  onChangePhoneNumber,
+  value,
+  selectedCountry,
+  onChangeSelectedCountry,
+  ...rest
+}) => {
+  const theme = (0, _reactNativePaper.useTheme)();
+  (0, _react.useEffect)(() => {
+    const country = (0, _reactNativeInternationalPhoneNumber.getCountryByPhoneNumber)(value);
+    if (country) {
+      onChangeSelectedCountry(country);
+      onChangePhoneNumber(value.replace(country.callingCode, ''));
+    }
+  }, [onChangePhoneNumber, onChangeSelectedCountry, value]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeInternationalPhoneNumber.default, _extends({}, rest, getStyles(theme), {
+    placeholder: "Phone Number",
+    onBlur: onBlur,
+    onChangePhoneNumber: onChangePhoneNumber,
+    value: value,
+    defaultCountry: "US",
+    selectedCountry: selectedCountry,
+    onChangeSelectedCountry: onChangeSelectedCountry
+  }));
+};
+exports.PhoneInput = PhoneInput;
+const getStyles = theme => {
+  return {
+    modalStyles: {
+      callingCode: {
+        color: theme.colors.onBackground
+      },
+      flag: {
+        backgroundColor: theme.colors.background,
+        color: theme.colors.onBackground
+      },
+      countryButton: {
+        borderRadius: 5,
+        backgroundColor: theme.colors.background
+      },
+      noCountryContainer: {
+        backgroundColor: theme.colors.background
+      },
+      backdrop: {
+        backgroundColor: theme.colors.backdrop
+      },
+      countryName: {
+        backgroundColor: theme.colors.background,
+        color: theme.colors.onBackground
+      },
+      countriesList: {
+        backgroundColor: theme.colors.background
+      },
+      modal: {
+        backgroundColor: theme.colors.background
+      },
+      searchInput: {
+        color: theme.colors.onBackground,
+        backgroundColor: theme.colors.background
+      }
+    },
+    phoneInputStyles: {
+      callingCode: {
+        color: theme.colors.onBackground
+      },
+      flag: {
+        color: theme.colors.onBackground
+      },
+      caret: {
+        color: theme.colors.onBackground
+      },
+      input: {
+        backgroundColor: theme.colors.background,
+        color: theme.colors.onBackground
+      },
+      container: {
+        height: 50,
+        marginTop: 10,
+        borderRadius: 5,
+        borderWidth: 1,
+        borderColor: theme.colors.outline,
+        backgroundColor: theme.colors.background
+      },
+      flagContainer: {
+        paddingHorizontal: 0,
+        paddingLeft: 20,
+        backgroundColor: theme.colors.background
+      }
+    }
+  };
+};
+//# sourceMappingURL=PhoneInput.js.map

package/lib/commonjs/components/PhoneInput.js.map

@@ -0,0 +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","exports","modalStyles","color","colors","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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"}

package/lib/commonjs/components/index.js

@@ -93,6 +93,12 @@ Object.defineProperty(exports, "ParentView", {
     return _ParentView.ParentView;
   }
 });
+Object.defineProperty(exports, "PhoneInput", {
+  enumerable: true,
+  get: function () {
+    return _PhoneInput.PhoneInput;
+  }
+});
 Object.defineProperty(exports, "RefreshControl", {
   enumerable: true,
   get: function () {
@@ -192,4 +198,5 @@ var _TouchableRipple = require("./TouchableRipple");
 var _Video = require("./Video");
 var _View = require("./View");
 var _RefreshControl = require("./RefreshControl");
+var _PhoneInput = require("./PhoneInput");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Alert","require","_Badge","_BottomSheet","_Button","_Card","_Divider","_FAB","_Header","_IconButton","_Image","_KeyboardAvoidingView","_LineLoader","_LinkButton","_OtpInputs","_ParentView","_Searchbar","_SelectionDialog","_Snackbar","_Surface","_Switch","_Text","_TextInput","_ToggleButton","_TouchableRipple","_Video","_View","_RefreshControl"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,qBAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,WAAA,GAAAd,OAAA;AACA,IAAAe,UAAA,GAAAf,OAAA;AACA,IAAAgB,gBAAA,GAAAhB,OAAA;AACA,IAAAiB,SAAA,GAAAjB,OAAA;AACA,IAAAkB,QAAA,GAAAlB,OAAA;AACA,IAAAmB,OAAA,GAAAnB,OAAA;AACA,IAAAoB,KAAA,GAAApB,OAAA;AACA,IAAAqB,UAAA,GAAArB,OAAA;AACA,IAAAsB,aAAA,GAAAtB,OAAA;AACA,IAAAuB,gBAAA,GAAAvB,OAAA;AACA,IAAAwB,MAAA,GAAAxB,OAAA;AACA,IAAAyB,KAAA,GAAAzB,OAAA;AACA,IAAA0B,eAAA,GAAA1B,OAAA"}
+{"version":3,"names":["_Alert","require","_Badge","_BottomSheet","_Button","_Card","_Divider","_FAB","_Header","_IconButton","_Image","_KeyboardAvoidingView","_LineLoader","_LinkButton","_OtpInputs","_ParentView","_Searchbar","_SelectionDialog","_Snackbar","_Surface","_Switch","_Text","_TextInput","_ToggleButton","_TouchableRipple","_Video","_View","_RefreshControl","_PhoneInput"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,qBAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,WAAA,GAAAd,OAAA;AACA,IAAAe,UAAA,GAAAf,OAAA;AACA,IAAAgB,gBAAA,GAAAhB,OAAA;AACA,IAAAiB,SAAA,GAAAjB,OAAA;AACA,IAAAkB,QAAA,GAAAlB,OAAA;AACA,IAAAmB,OAAA,GAAAnB,OAAA;AACA,IAAAoB,KAAA,GAAApB,OAAA;AACA,IAAAqB,UAAA,GAAArB,OAAA;AACA,IAAAsB,aAAA,GAAAtB,OAAA;AACA,IAAAuB,gBAAA,GAAAvB,OAAA;AACA,IAAAwB,MAAA,GAAAxB,OAAA;AACA,IAAAyB,KAAA,GAAAzB,OAAA;AACA,IAAA0B,eAAA,GAAA1B,OAAA;AACA,IAAA2B,WAAA,GAAA3B,OAAA"}

package/lib/module/auth/screens/SignUp.js

@@ -1,5 +1,5 @@
-import { ParentView, Text, View, TextInput, Button, LinkButton, KeyboardAvoidingView, Header } from '../../components';
-import React from 'react';
+import { ParentView, Text, View, TextInput, Button, LinkButton, KeyboardAvoidingView, Header, IconButton, PhoneInput } from '../../components';
+import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { StyleSheet } from 'react-native';
 import { Controller, useForm } from 'react-hook-form';
@@ -9,7 +9,9 @@ import { useAuthentication } from '../hooks/useAuthentication';
 import { Linking } from 'react-native';
 import { PRIVACY_POLICY, TERMS_OF_SERVICE } from '../../constants';
 import Config from 'react-native-config';
+import { useTheme } from 'react-native-paper';
 export const SignUpScreen = () => {
+  const [selectedCountry, setSelectedCountry] = useState();
   const {
     t
   } = useTranslation();
@@ -20,6 +22,7 @@ export const SignUpScreen = () => {
     mutate: checkRegistration,
     isLoading: isCheckingIsRegistered
   } = useIsCheckRegistered();
+  const theme = useTheme();
   const {
     handleSubmit,
     control,
@@ -37,7 +40,10 @@ export const SignUpScreen = () => {
     }
   });
   const onSubmit = data => {
-    checkRegistration(data);
+    checkRegistration({
+      ...data,
+      phoneNumber: ((selectedCountry?.callingCode ?? '') + data.phoneNumber).replaceAll(' ', '')
+    });
   };
   return /*#__PURE__*/React.createElement(ParentView, {
     px: "16"
@@ -137,16 +143,30 @@ export const SignUpScreen = () => {
         value
       }
     }) => {
-      return /*#__PURE__*/React.createElement(TextInput, {
-        my: "5",
-        mode: "outlined",
-        error: !!errors.phoneNumber?.message,
-        errorMessage: errors.phoneNumber?.message,
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PhoneInput, {
+        placeholder: "Phone Number",
         onBlur: onBlur,
-        onChangeText: onChange,
+        onChangePhoneNumber: onChange,
         value: value,
-        label: t('authentication.phoneNumber')
-      });
+        defaultCountry: "US",
+        selectedCountry: selectedCountry,
+        onChangeSelectedCountry: setSelectedCountry
+      }), !!errors.phoneNumber?.message && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+        flexDirection: "row",
+        alignItems: "center",
+        pb: "2",
+        pt: "6"
+      }, /*#__PURE__*/React.createElement(IconButton, {
+        icon: "alert-circle-outline",
+        size: 14,
+        width: 20,
+        margin: "0",
+        bg: 'background',
+        iconColor: theme.colors.error
+      }), /*#__PURE__*/React.createElement(Text, {
+        variant: "bodySmall",
+        color: "error"
+      }, errors.phoneNumber?.message))));
     },
     name: "phoneNumber"
   })), /*#__PURE__*/React.createElement(Button, {

package/lib/module/auth/screens/SignUp.js.map

@@ -1 +1 @@
-{"version":3,"names":["ParentView","Text","View","TextInput","Button","LinkButton","KeyboardAvoidingView","Header","React","useTranslation","StyleSheet","Controller","useForm","yupResolver","signUpValidationSchemaWithBusinessName","signUpValidationSchemaWithoutBusinessName","useAuthentication","Linking","PRIVACY_POLICY","TERMS_OF_SERVICE","Config","SignUpScreen","t","useIsCheckRegistered","mutate","checkRegistration","isLoading","isCheckingIsRegistered","handleSubmit","control","formState","errors","criteriaMode","resolver","APP_NAME","defaultValues","email","name","displayName","phoneNumber","onSubmit","data","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","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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"}
+{"version":3,"names":["ParentView","Text","View","TextInput","Button","LinkButton","KeyboardAvoidingView","Header","IconButton","PhoneInput","React","useState","useTranslation","StyleSheet","Controller","useForm","yupResolver","signUpValidationSchemaWithBusinessName","signUpValidationSchemaWithoutBusinessName","useAuthentication","Linking","PRIVACY_POLICY","TERMS_OF_SERVICE","Config","useTheme","SignUpScreen","selectedCountry","setSelectedCountry","t","useIsCheckRegistered","mutate","checkRegistration","isLoading","isCheckingIsRegistered","theme","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","Fragment","placeholder","onChangePhoneNumber","defaultCountry","onChangeSelectedCountry","flexDirection","pt","icon","size","margin","bg","iconColor","colors","color","loading","mt","onPress","flexWrap","labelStyle","style","termsAndConditions","openURL","privacyPolicy","create","marginHorizontal","marginRight","marginVertical"],"sourceRoot":"../../../../src","sources":["auth/screens/SignUp.tsx"],"mappings":"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"}

package/lib/module/components/PhoneInput.js

@@ -0,0 +1,96 @@
+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); }
+import React, { useEffect } from 'react';
+import PhoneInputOriginal, { getCountryByPhoneNumber } from 'react-native-international-phone-number';
+import { useTheme } from 'react-native-paper';
+export const PhoneInput = ({
+  onBlur,
+  onChangePhoneNumber,
+  value,
+  selectedCountry,
+  onChangeSelectedCountry,
+  ...rest
+}) => {
+  const theme = useTheme();
+  useEffect(() => {
+    const country = getCountryByPhoneNumber(value);
+    if (country) {
+      onChangeSelectedCountry(country);
+      onChangePhoneNumber(value.replace(country.callingCode, ''));
+    }
+  }, [onChangePhoneNumber, onChangeSelectedCountry, value]);
+  return /*#__PURE__*/React.createElement(PhoneInputOriginal, _extends({}, rest, getStyles(theme), {
+    placeholder: "Phone Number",
+    onBlur: onBlur,
+    onChangePhoneNumber: onChangePhoneNumber,
+    value: value,
+    defaultCountry: "US",
+    selectedCountry: selectedCountry,
+    onChangeSelectedCountry: onChangeSelectedCountry
+  }));
+};
+const getStyles = theme => {
+  return {
+    modalStyles: {
+      callingCode: {
+        color: theme.colors.onBackground
+      },
+      flag: {
+        backgroundColor: theme.colors.background,
+        color: theme.colors.onBackground
+      },
+      countryButton: {
+        borderRadius: 5,
+        backgroundColor: theme.colors.background
+      },
+      noCountryContainer: {
+        backgroundColor: theme.colors.background
+      },
+      backdrop: {
+        backgroundColor: theme.colors.backdrop
+      },
+      countryName: {
+        backgroundColor: theme.colors.background,
+        color: theme.colors.onBackground
+      },
+      countriesList: {
+        backgroundColor: theme.colors.background
+      },
+      modal: {
+        backgroundColor: theme.colors.background
+      },
+      searchInput: {
+        color: theme.colors.onBackground,
+        backgroundColor: theme.colors.background
+      }
+    },
+    phoneInputStyles: {
+      callingCode: {
+        color: theme.colors.onBackground
+      },
+      flag: {
+        color: theme.colors.onBackground
+      },
+      caret: {
+        color: theme.colors.onBackground
+      },
+      input: {
+        backgroundColor: theme.colors.background,
+        color: theme.colors.onBackground
+      },
+      container: {
+        height: 50,
+        marginTop: 10,
+        borderRadius: 5,
+        borderWidth: 1,
+        borderColor: theme.colors.outline,
+        backgroundColor: theme.colors.background
+      },
+      flagContainer: {
+        paddingHorizontal: 0,
+        paddingLeft: 20,
+        backgroundColor: theme.colors.background
+      }
+    }
+  };
+};
+//# sourceMappingURL=PhoneInput.js.map

package/lib/module/components/PhoneInput.js.map

@@ -0,0 +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","modalStyles","color","colors","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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"}

package/lib/module/components/index.js

@@ -25,4 +25,5 @@ export { TouchableRipple } from './TouchableRipple';
 export { Video } from './Video';
 export { View } from './View';
 export { RefreshControl } from './RefreshControl';
+export { PhoneInput } from './PhoneInput';
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Alert","Badge","BottomSheet","Button","Card","Divider","FAB","Header","IconButton","Image","KeyboardAvoidingView","LineLoader","LinkButton","OtpInputs","ParentView","Searchbar","SelectionDialog","Snackbar","Surface","Switch","Text","TextInput","ToggleButton","TouchableRipple","Video","View","RefreshControl"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,cAAc,QAAQ,kBAAkB"}
+{"version":3,"names":["Alert","Badge","BottomSheet","Button","Card","Divider","FAB","Header","IconButton","Image","KeyboardAvoidingView","LineLoader","LinkButton","OtpInputs","ParentView","Searchbar","SelectionDialog","Snackbar","Surface","Switch","Text","TextInput","ToggleButton","TouchableRipple","Video","View","RefreshControl","PhoneInput"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,UAAU,QAAQ,cAAc"}

package/lib/typescript/src/auth/screens/SignUp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignUp.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/SignUp.tsx"],"names":[],"mappings":";AAwBA,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,mBAwJxB,CAAC"}
+{"version":3,"file":"SignUp.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/SignUp.tsx"],"names":[],"mappings":";AA4BA,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,mBAqLxB,CAAC"}

package/lib/typescript/src/components/PhoneInput.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ICountry, type PhoneInputProps as PhoneInputPropsOriginal } from 'react-native-international-phone-number';
+type PhoneInputProps = {
+    selectedCountry: ICountry;
+} & PhoneInputPropsOriginal;
+export declare const PhoneInput: ({ onBlur, onChangePhoneNumber, value, selectedCountry, onChangeSelectedCountry, ...rest }: PhoneInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=PhoneInput.d.ts.map

package/lib/typescript/src/components/PhoneInput.d.ts.map

@@ -0,0 +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;AAGjD,KAAK,eAAe,GAAG;IACrB,eAAe,EAAE,QAAQ,CAAC;CAC3B,GAAG,uBAAuB,CAAC;AAE5B,eAAO,MAAM,UAAU,8FAOpB,eAAe,gBAwBjB,CAAC"}

package/lib/typescript/src/components/index.d.ts

@@ -25,4 +25,5 @@ export { TouchableRipple } from './TouchableRipple';
 export { Video } from './Video';
 export { View } from './View';
 export { RefreshControl } from './RefreshControl';
+export { PhoneInput } from './PhoneInput';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiosinc/commons-rn",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "description": "Common Code",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -188,6 +188,7 @@
     "react-hook-form": "^7.48.2",
     "react-i18next": "^13.5.0",
     "react-native-config": "^1.5.1",
+    "react-native-international-phone-number": "^0.7.6",
     "react-native-paper": "^5.11.1",
     "react-native-size-matters": "^0.4.2",
     "react-native-video": "^5.2.1",

package/src/auth/screens/SignUp.tsx

@@ -7,8 +7,10 @@ import {
   LinkButton,
   KeyboardAvoidingView,
   Header,
+  IconButton,
+  PhoneInput,
 } from '../../components';
-import React from 'react';
+import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { StyleSheet } from 'react-native';
 import { Controller, useForm } from 'react-hook-form';
@@ -21,6 +23,8 @@ import { useAuthentication } from '../hooks/useAuthentication';
 import { Linking } from 'react-native';
 import { PRIVACY_POLICY, TERMS_OF_SERVICE } from '../../constants';
 import Config from 'react-native-config';
+import { ICountry } from 'react-native-international-phone-number';
+import { useTheme } from 'react-native-paper';
 
 export type TUserForm = {
   displayName: string;
@@ -30,11 +34,12 @@ export type TUserForm = {
 };
 
 export const SignUpScreen = () => {
+  const [selectedCountry, setSelectedCountry] = useState<ICountry>();
   const { t } = useTranslation();
   const { useIsCheckRegistered } = useAuthentication();
   const { mutate: checkRegistration, isLoading: isCheckingIsRegistered } =
     useIsCheckRegistered();
-
+  const theme = useTheme();
   const {
     handleSubmit,
     control,
@@ -55,7 +60,12 @@ export const SignUpScreen = () => {
   });
 
   const onSubmit = (data: TUserForm) => {
-    checkRegistration(data);
+    checkRegistration({
+      ...data,
+      phoneNumber: (
+        (selectedCountry?.callingCode ?? '') + data.phoneNumber
+      ).replaceAll(' ', ''),
+    });
   };
 
   return (
@@ -136,16 +146,39 @@ export const SignUpScreen = () => {
               control={control}
               render={({ field: { onChange, onBlur, value } }) => {
                 return (
-                  <TextInput
-                    my="5"
-                    mode="outlined"
-                    error={!!errors.phoneNumber?.message}
-                    errorMessage={errors.phoneNumber?.message}
-                    onBlur={onBlur}
-                    onChangeText={onChange}
-                    value={value}
-                    label={t('authentication.phoneNumber')}
-                  />
+                  <>
+                    <PhoneInput
+                      placeholder="Phone Number"
+                      onBlur={onBlur}
+                      onChangePhoneNumber={onChange}
+                      value={value}
+                      defaultCountry="US"
+                      selectedCountry={selectedCountry as ICountry}
+                      onChangeSelectedCountry={setSelectedCountry}
+                    />
+                    {!!errors.phoneNumber?.message && (
+                      <>
+                        <View
+                          flexDirection="row"
+                          alignItems="center"
+                          pb="2"
+                          pt="6"
+                        >
+                          <IconButton
+                            icon="alert-circle-outline"
+                            size={14}
+                            width={20}
+                            margin="0"
+                            bg={'background'}
+                            iconColor={theme.colors.error}
+                          />
+                          <Text variant="bodySmall" color="error">
+                            {errors.phoneNumber?.message}
+                          </Text>
+                        </View>
+                      </>
+                    )}
+                  </>
                 );
               }}
               name="phoneNumber"

package/src/components/PhoneInput.tsx

@@ -0,0 +1,110 @@
+import React, { useEffect } from 'react';
+import PhoneInputOriginal, {
+  ICountry,
+  getCountryByPhoneNumber,
+  type PhoneInputProps as PhoneInputPropsOriginal,
+} from 'react-native-international-phone-number';
+import { type MD3Theme, useTheme } from 'react-native-paper';
+
+type PhoneInputProps = {
+  selectedCountry: ICountry;
+} & PhoneInputPropsOriginal;
+
+export const PhoneInput = ({
+  onBlur,
+  onChangePhoneNumber,
+  value,
+  selectedCountry,
+  onChangeSelectedCountry,
+  ...rest
+}: PhoneInputProps) => {
+  const theme = useTheme();
+
+  useEffect(() => {
+    const country = getCountryByPhoneNumber(value);
+    if (country) {
+      onChangeSelectedCountry(country);
+      onChangePhoneNumber(value.replace(country.callingCode, ''));
+    }
+  }, [onChangePhoneNumber, onChangeSelectedCountry, value]);
+
+  return (
+    <PhoneInputOriginal
+      {...rest}
+      {...getStyles(theme)}
+      placeholder="Phone Number"
+      onBlur={onBlur}
+      onChangePhoneNumber={onChangePhoneNumber}
+      value={value}
+      defaultCountry="US"
+      selectedCountry={selectedCountry}
+      onChangeSelectedCountry={onChangeSelectedCountry}
+    />
+  );
+};
+
+const getStyles = (theme: MD3Theme) => {
+  return {
+    modalStyles: {
+      callingCode: {
+        color: theme.colors.onBackground,
+      },
+      flag: {
+        backgroundColor: theme.colors.background,
+        color: theme.colors.onBackground,
+      },
+      countryButton: {
+        borderRadius: 5,
+        backgroundColor: theme.colors.background,
+      },
+      noCountryContainer: {
+        backgroundColor: theme.colors.background,
+      },
+      backdrop: {
+        backgroundColor: theme.colors.backdrop,
+      },
+      countryName: {
+        backgroundColor: theme.colors.background,
+        color: theme.colors.onBackground,
+      },
+      countriesList: {
+        backgroundColor: theme.colors.background,
+      },
+      modal: {
+        backgroundColor: theme.colors.background,
+      },
+      searchInput: {
+        color: theme.colors.onBackground,
+        backgroundColor: theme.colors.background,
+      },
+    },
+    phoneInputStyles: {
+      callingCode: {
+        color: theme.colors.onBackground,
+      },
+      flag: {
+        color: theme.colors.onBackground,
+      },
+      caret: {
+        color: theme.colors.onBackground,
+      },
+      input: {
+        backgroundColor: theme.colors.background,
+        color: theme.colors.onBackground,
+      },
+      container: {
+        height: 50,
+        marginTop: 10,
+        borderRadius: 5,
+        borderWidth: 1,
+        borderColor: theme.colors.outline,
+        backgroundColor: theme.colors.background,
+      },
+      flagContainer: {
+        paddingHorizontal: 0,
+        paddingLeft: 20,
+        backgroundColor: theme.colors.background,
+      },
+    },
+  };
+};

package/src/components/index.ts

@@ -25,3 +25,4 @@ export { TouchableRipple } from './TouchableRipple';
 export { Video } from './Video';
 export { View } from './View';
 export { RefreshControl } from './RefreshControl';
+export { PhoneInput } from './PhoneInput';