mg-library 1.0.748 → 1.0.750

package/blocks.js

@@ -5,7 +5,7 @@ import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityI
 import * as ImageManipulator from 'expo-image-manipulator';
 import { Camera, CameraType, CameraView } from 'expo-camera';
 import axios from 'axios';
-import { Box, Input, InputField } from '@gluestack-ui/themed';
+import { Box, Input, InputField, IconButton } from '@gluestack-ui/themed';
 import { uploadFile } from '@uploadcare/upload-client';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
@@ -162,6 +162,7 @@ export function MGBenefits(props) {
 export function MGLogin(props) {
 
     const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
+    const [isKeyboardNumericForPassword, setIsKeyboardNumericForPassword] = useState(true);
 
     const { control, handleSubmit, formState: { errors } } = useForm({
         defaultValues: props.defaultValues,
@@ -246,11 +247,12 @@ export function MGLogin(props) {
                                 rules={{ maxLength: 50 }}
                                 render={({ field: { onChange, value } }) => (
                                     <Input size="lg"
-                                           variant="outline"
-                                           px="$3"
-                                           rounded="$md"
-                                           bg="$white"
-                                           borderColor="$gray300">
+                                        variant="outline"
+                                        px="$3"
+                                        rounded="$md"
+                                        bg="$white"
+                                        borderColor="$gray300"
+                                        mb={10}>
                                         <InputField
                                             placeholder={mgFunctionsLib.i18nString('userName', props.language)}
                                             placeholderTextColor="$gray300"
@@ -281,7 +283,7 @@ export function MGLogin(props) {
                                                 onChangeText={onChange}
                                                 secureTextEntry
                                                 maxLength={12}
-                                                keyboardType="numeric"
+                                                keyboardType={isKeyboardNumericForPassword ? "numeric" : "default"}
                                                 autoCapitalize="none"
                                                 autoCorrect={false}
                                                 returnKeyType="done"
@@ -319,6 +321,11 @@ export function MGLogin(props) {
                                     name="password" />
                             }
                         </MGCard>
+                        <IconButton
+                            icon={<Icon as={MaterialCommunityIcons} name="alert-outline" size={48} color="$primary500" mb="$3" />}
+                            onPress={() => setIsKeyboardNumericForPassword(!isKeyboardNumericForPassword)}
+                            aria-label="Notifications"
+                        />
                     </View>
                 </View>
             </Box>

package/components.js

@@ -167,49 +167,6 @@ export function MGButton({
     );
 }
 
-/* export function MGPopover(props) {
-    const { title, icon, language, callback } = props;
-    const [open, setOpen] = useState(false);
-    const handleConfirm = async () => {
-        try { await callback?.(); } finally { setOpen(false); }
-    };
-    return (
-        <Popover
-            trigger={(triggerProps) => (
-                <Button {...triggerProps} action="primary" variant="solid">
-                    <Icon as={MaterialCommunityIcons} name="alert-outline" mr="$2" color="$white" />
-                    <ButtonText>{props.title}</ButtonText>
-                </Button>
-            )}
-        >
-            <PopoverBackdrop />
-            <PopoverContent w={300} bg="$white" zIndex={9999} elevation={24}>
-                <PopoverArrow />
-                <PopoverCloseButton />
-                <PopoverBody>
-                    <Box alignItems="center" justifyContent="center">
-                        <Icon as={MaterialCommunityIcons} name="alert-outline" size={16} color="$primary500" mb="$3" />
-                        <MGText textAlign="center">
-                            {mgFunctionsLib.i18nString('confirm', language)}?
-                        </MGText>
-                    </Box>
-                </PopoverBody>
-                <PopoverFooter>
-                    <Box style={{flex: 1}} flexDirection="row" justifyContent="space-around" mt="$5" mb="$5">
-                        <Button action="primary" variant="solid" onPress={handleConfirm}>
-                            <ButtonText>{mgFunctionsLib.i18nString('yes', language)}</ButtonText>
-                        </Button>
-                        <Button action="primary" variant="outline" onPress={() => setOpen(false)}>
-                            <ButtonText>{mgFunctionsLib.i18nString('no', language)}</ButtonText>
-                        </Button>
-                    </Box>
-                </PopoverFooter>
-            </PopoverContent>
-        </Popover>
-    );
-}
- */
-
 export function MGPopover(props) {
     const { title, icon, language, callback } = props;
     const [open, setOpen] = useState(false);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mg-library",
-    "version": "1.0.748",
+    "version": "1.0.750",
     "description": "",
     "main": "index.js",
     "react-native": "index.js",