mg-library 1.0.267 → 1.0.269

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mg-library",
-  "version": "1.0.267",
+  "version": "1.0.269",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -9,16 +9,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@react-native-async-storage/async-storage": "1.21.0",
-    "expo": "~50.0.5",
-    "expo-camera": "~14.0.3",
-    "expo-constants": "~15.4.5",
-    "expo-image-manipulator": "~11.8.0",
-    "moment": "^2.27.0",
-    "moment-timezone": "^0.5.31",
-    "native-base": "^3.4.28",
+    "expo": "~50.0.6",
     "react": "18.2.0",
-    "react-native": "0.73.2",
-    "react-native-root-toast": "^3.5.1"
+    "react-native": "0.73.2"
   }
 }

package/actions.js

@@ -1,106 +0,0 @@
-// Constants
-
-export const APP_MODULE_ACTIVATION = 'APP_MODULE_ACTIVATION';
-export const APP_API_REQUEST = 'APP_API_REQUEST';
-export const APP_API_SUCCESS = 'APP_API_SUCCESS';
-export const APP_API_ERROR = 'APP_API_ERROR';
-export const APP_MODAL_SET_ISVISIBLE = 'APP_MODAL_SET_ISVISIBLE';
-
-export const SESSION_LOGIN = 'SESSION_LOGIN';
-export const SESSION_LOGOUT = 'SESSION_LOGOUT';
-export const SESSION_LANGUAGE_CHANGE = 'SESSION_LANGUAGE_CHANGE';
-export const SESSION_PUSH_TOKEN_UPDATE = 'SESSION_PUSH_TOKEN_UPDATE';
-export const SESSION_BELL_RING = 'SESSION_BELL_RING';
-export const SESSION_LOADING_START = 'SESSION_LOADING_START';
-export const SESSION_LOADING_END = 'SESSION_LOADING_END';
-
-// App -> Actions Creators
-
-export function moduleActivation(module) {
-  return {
-    type: APP_MODULE_ACTIVATION,
-    payload: {
-      module
-    }
-  }
-}
-
-export function apiRequest() {
-  return {
-    type: APP_API_REQUEST
-  }
-}
-
-export function apiSuccess() {
-  return {
-    type: APP_API_SUCCESS
-  }
-}
-
-export function apiError() {
-  return {
-    type: APP_API_ERROR
-  }
-}
-
-export function modalSetIsVisible(isModalVisible) {
-  return {
-    type: APP_MODAL_SET_ISVISIBLE,
-    payload: {
-      isModalVisible
-    }
-  }
-}
-
-// Session -> Actions Creators
-
-export function sessionLoadingStart() {
-  return {
-    type: SESSION_LOADING_START
-  }
-}
-
-export function sessionLoadingEnd() {
-  return {
-    type: SESSION_LOADING_END
-  }
-}
-
-export function sessionLogin(session) {
-    return {
-      type: SESSION_LOGIN,
-      payload: {
-        session
-      }
-    }
-}
-
-export function sessionLogout() {
-  return {
-    type: SESSION_LOGOUT
-  }
-}
-
-export function sessionLanguageChange(language) {
-  return {
-    type: SESSION_LANGUAGE_CHANGE,
-    payload: {
-      language
-    }
-  }
-}
-
-export function sessionPushTokenUpdate(pushToken) {
-  return {
-    type: SESSION_PUSH_TOKEN_UPDATE,
-    payload: {
-      pushToken
-    }
-  }
-}
-
-export function sessionBellRing() {
-  return {
-    type: SESSION_BELL_RING
-  }
-}

package/blocks.js

@@ -1,333 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Container, Card, CardItem, Icon, Button, Header, Body, Right, Title } from 'native-base';
-import { View, TouchableOpacity, ActivityIndicator, Text, Modal, StyleSheet, Image } from "react-native";
-import axios from 'axios';
-import { Camera } from 'expo-camera';
-import * as ImageManipulator from 'expo-image-manipulator';
-import * as mgConstants from './constants.js';
-import * as mgActions from './actions.js';
-import * as mgFunctions from './functions.js';
-
-// Camera
-
-export function MGCamera(props) {
-
-  let camera;
-
-  const __takePicture = async () => {
-    if (!camera)
-      return;
-    const photo = await camera.takePictureAsync({quality: 1}); 
-    const PhotoResized = await ImageManipulator.manipulateAsync(
-      photo.uri,
-      [{resize: { width: 205, height: 275 }}],
-      { compress: 1, format: ImageManipulator.SaveFormat.JPEG }
-    );
-    props.process.fileUri = PhotoResized.uri;
-    props.process.goForward(props.nextStep);
-  }
-
-  const [type, setType] = useState(Camera.Constants.Type.front);
-
-  return (
-    <View>
-      <MGGoBack process={props.process} store={props.store} />
-      <Card>
-        <CardItem style={{flex: 1, alignSelf: 'center'}}>
-          <Camera style={{width: 205, height: 275}}
-                  type={type}
-                  ref={(r) => {
-                    camera = r
-                  }}>
-          </Camera>          
-        </CardItem>
-      </Card>
-      <Card>
-        <CardItem>
-          <View style={{flex: 1, flexDirection: 'row'}}>
-            <View style={{flex: 0.5, alignItems: 'center'}}>
-              <TouchableOpacity onPress={() => {
-                                  setType(
-                                    type === Camera.Constants.Type.back
-                                      ? Camera.Constants.Type.front
-                                      : Camera.Constants.Type.back
-                                  )
-                                }}>
-                <Icon type={mgConstants.ICON_FAMILY}
-                      name='refresh'
-                      style={{color: mgConstants.COLOR_PRIMARY}}>
-                </Icon> 
-              </TouchableOpacity>           
-            </View>            
-            <View style={{flex: 0.5, alignItems: 'center'}}>
-              <TouchableOpacity onPress={__takePicture}>
-                <Icon type={mgConstants.ICON_FAMILY}
-                      name='camera'
-                      style={{color: mgConstants.COLOR_PRIMARY}}>
-                </Icon> 
-              </TouchableOpacity>   
-            </View>
-          </View>
-        </CardItem>
-      </Card>   
-    </View>
-  )
-}
-
-export function MGCameraPreview(props) {
-  const __savePicture = async () => {
-    let fileName = 'photo-' + Math.random().toString(36).substring(7) + '-' + Math.random().toString(36).substring(7);
-    const uploadCareUrl = 'https://upload.uploadcare.com/base/';
-    let body = new FormData();
-    body.append('file', {
-      name: fileName,
-      type: 'image/jpg',
-      uri: props.process.fileUri
-    });
-    body.append('UPLOADCARE_PUB_KEY', props.mediaAppPublicKey);
-    body.append('UPLOADCARE_STORE', '1');  
-    props.store.dispatch(mgActions.apiRequest());    
-    try {
-      let response = await axios.post(uploadCareUrl, body, { timeout: 20000 });      
-      props.store.dispatch(mgActions.apiSuccess());
-      let fileUUID = response.data.file; 
-      let requestData = props.requestData;
-      requestData.photoMediaAppId = fileUUID;
-      requestData.photoMediaAppFileName = fileName;     
-      props.store.dispatch(mgActions.apiRequest());
-      axios.post(props.url,requestData,mgFunctions.getRequestHeader())
-        .then(response => {      
-          props.store.dispatch(mgActions.apiSuccess());
-          props.onSavePicture(response.data.photoUrl);
-        })
-        .catch(error => {
-          props.store.dispatch(mgActions.apiError());
-          mgFunctions.showToastError(error);
-        })
-    } catch (e) {
-      props.store.dispatch(mgActions.apiError());      
-      mgFunctions.showToastError(error);
-    }
-  }   
-
-  return (
-    <View>
-      <MGGoBack process={props.process} store={props.store} />     
-      <Card>
-        <CardItem style={{flex: 1, alignSelf: 'center'}}>
-          <Image source={{uri: props.process.fileUri}}
-                 style={{width: 200, height: 200}} />
-        </CardItem>
-      </Card>       
-      <Card>
-        <CardItem style={{flex: 1, alignSelf: 'center'}}>
-          <TouchableOpacity onPress={__savePicture}>
-            <Icon type={mgConstants.ICON_FAMILY}
-                  name='check'
-                  style={{color: mgConstants.COLOR_PRIMARY}}>
-            </Icon> 
-          </TouchableOpacity>        
-        </CardItem>
-      </Card>                          
-    </View>
-  )
-}
-
-// Header
-
-export function MGHeader(props) {
-  return (
-    <Header>
-      <Body>
-        <Title>{props.title}</Title>
-      </Body>
-      <Right>
-        <Button outline onPress={props.callbackLogout}>
-          <Icon type={mgConstants.ICON_FAMILY} name='sign-out'></Icon>
-        </Button>
-      </Right>
-    </Header>
-  )
-}
-
-// Activity Indicator
-
-export function MGActivityIndicator(props) {
-  return (
-    <Container>
-      {props.header}
-      <View style={{flex: 1, flexDirection: 'column', justifyContent: 'center', alignContent: 'center'}}>
-        <ActivityIndicator size="large" color={mgConstants.COLOR_PRIMARY} />
-      </View>
-      {props.footer}
-    </Container>
-  )
-}
-
-// Subtitles
-
-export function MGSubtitle(props) {
-  return (
-    <Text style={{marginTop: 10, marginBottom: 10, alignSelf: 'center', fontWeight: 'bold', fontSize: 16}}>
-      {props.text}
-    </Text>
-  )
-}
-
-export function MGSubtitleWithBackground(props) {
-  return (
-    <View style={{marginTop: 5, alignSelf: 'stretch', justifyContent: 'center', height: 30, backgroundColor: mgConstants.COLOR_TERTIARY}}>
-      <Text style={{fontSize: 16, fontWeight: 'bold', alignSelf: 'center'}}>{props.text}</Text>
-    </View>
-  )
-}
-
-// GoBack
-
-export function MGGoBack(props) {
-    return (
-      <TouchableOpacity onPress={() => props.process.goBack()}>
-        <View>
-          <Card>
-            <CardItem>
-              <Icon style={{color: mgConstants.COLOR_PRIMARY}} type={mgConstants.ICON_FAMILY} name='arrow-left'></Icon>
-            </CardItem>
-          </Card>
-        </View>
-      </TouchableOpacity>
-    )
-}
-
-// Buttons
-
-export function MGButtonWithIcon(props) {
-  return buttonWithoutConfirm(props);
-}
-
-export function MGButtonOutlineWithIcon(props) {
-  props.isOutline = true;
-  return buttonWithoutConfirm(props);
-}
-
-function buttonWithoutConfirm(props) {
-  return (
-    <>
-      <TouchableOpacity onPress={props.callback}>
-        {props.isOutline &&
-          buttonOutline(props)
-        }
-        {!props.isOutline &&
-          button(props)
-        }
-      </TouchableOpacity>
-    </>
-  )
-}
-
-export function MGButtonWithIconAndConfirm(props) {
-  return buttonWithConfirm(props);
-}
-
-export function MGButtonOutlineWithIconAndConfirm(props) {
-  props.isOutline = true;
-  return buttonWithoutConfirm(props);
-}
-
-function buttonWithConfirm(props) {
-  return (
-    <>
-      <TouchableOpacity onPress={() => props.setMvConfirm(true)}>
-        {props.isOutline &&
-          buttonOutline(props)
-        }
-        {!props.isOutline &&
-          button(props)
-        }
-      </TouchableOpacity>
-      {confirm(props)}
-    </>
-  )
-}
-
-function button(props) {
-  return (
-    <View style={{marginLeft: 30, marginRight: 30}}>
-      <Card>
-        <CardItem style={{backgroundColor: mgConstants.COLOR_PRIMARY}}>
-          <View style={{flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'center'}}>
-              <Icon style={{color: 'white'}} type={mgConstants.ICON_FAMILY} name={props.icon}></Icon>
-              <Text style={{color: 'white', marginLeft: 5}}>{props.title}</Text>
-          </View>
-        </CardItem>
-      </Card>
-    </View>
-  )
-}
-
-function buttonOutline(props) {
-  return (
-    <View>
-      <Card>
-        <CardItem>
-          <View style={{flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'center'}}>
-              <Icon style={{color: mgConstants.COLOR_PRIMARY}} type={mgConstants.ICON_FAMILY} name={props.icon}></Icon>
-              <Text style={{marginLeft: 5}}>{props.title}</Text>
-          </View>
-        </CardItem>
-      </Card>
-    </View>
-  )
-}
-
-function confirm(props) {
-  let language = props.store.getState().reducerSession.language;
-  props.store.dispatch(mgActions.modalSetIsVisible(props.mvConfirm));
-  let view = (<></>);
-  if(props.mvConfirm) {
-    view = (
-      <View style={stylesConfirm.viewExternal}>
-        <Modal
-          animationType='fade'
-          transparent={true}
-          visible={props.mvConfirm}>
-          <View style={{flex: 1, flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>
-            <View style={stylesConfirm.viewInternal}>
-              <Icon style={{color: 'white'}} type={mgConstants.ICON_FAMILY} name='exclamation-triangle'></Icon>
-              <Text style={{color: 'white'}}>{mgFunctions.i18nString('confirm', language)} ?</Text>
-              <View style={{marginTop: 30, flexDirection: 'row', justifyContent: 'center'}}>
-                <Button style={stylesConfirm.button} onPress={() => {props.setMvConfirm(false); props.callback()}}>
-                  <Text style={{color: mgConstants.COLOR_PRIMARY}}>{mgFunctions.i18nString('yes', language)}</Text>
-                </Button>
-                <Button style={stylesConfirm.button} onPress={() => {props.setMvConfirm(false)}}>
-                  <Text style={{color: mgConstants.COLOR_PRIMARY}}>{mgFunctions.i18nString('no', language)}</Text>
-                </Button>
-              </View>
-            </View>
-          </View>
-        </Modal>
-      </View>
-    )
-  }
-  return view;
-}
-
-const stylesConfirm = StyleSheet.create({
-  viewExternal: {
-  },
-  viewInternal: {
-    flex: 0.5,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: mgConstants.COLOR_PRIMARY,
-    borderRadius: 10,
-    paddingTop: 30,
-    paddingBottom: 30
-  },
-  button: {
-    backgroundColor: 'white',
-    flex: 1,
-    marginLeft: 20,
-    marginRight: 20,
-    justifyContent: 'center'
-  }
-})

package/classes.js

@@ -1,55 +0,0 @@
-import * as mgConstants from './constants.js';
-import * as mgActions from './actions.js';
-
-class ProcessNavigator {
-
-    constructor(stepAtStart) {
-        this.road = [stepAtStart];
-    }
-
-    goForward(step) {
-        this.road.push(step);
-    }
-
-    goBack() {
-        this.road.pop();
-    }
-
-    getStep() {
-        return this.road[this.road.length - 1];
-    }
-
-}
-
-export class Process {
-
-    constructor(store, stepAtStart) {
-        this.store = store;
-        this.stepAtStart = stepAtStart;
-        this.navigator = new ProcessNavigator(this.stepAtStart);
-    }
-
-    restart() {
-        this.goForward(this.stepAtStart);
-    }
-
-    goForward(step) {
-        this.navigator.goForward(step);
-        this.initProps();
-        this.store.dispatch(mgActions.sessionBellRing());
-    }
-
-    goBack() {
-        this.navigator.goBack();
-        this.initProps();
-        this.store.dispatch(mgActions.sessionBellRing());
-    }
-
-    getStep() {
-        return this.navigator.getStep();
-    }
-
-    initProps() {
-    }
-
-}

package/functions.js

@@ -1,304 +0,0 @@
-//import Toast from 'react-native-root-toast';
-import moment from 'moment';
-import 'moment/locale/es';
-import 'moment/locale/en-gb';
-import { Camera } from 'expo-camera';
-import { AsyncStorage } from 'react-native';
-import axios from 'axios';
-import * as mgConstants from './constants.js';
-import * as mgActions from './actions.js';
-
-// App
-
-export function isFetching(store) {
-    if(store.getState().reducerApp!=undefined)
-        return store.getState().reducerApp.isFetching;
-    return false;
-}
-
-export function isModalVisible(store) {
-    if(store.getState().reducerApp!=undefined)
-        return store.getState().reducerApp.isModalVisible;
-    return false;
-}
-
-export async function onAutoLogin(store, app, apiUrl) {
-  await readFromLocalStorage(mgConstants.ACCESS_TOKEN)
-    .then(value => {
-      accessToken = value;
-    });
-  try {
-    let requestData = {
-      app: app,
-      language: store.getState().reducerSession.language.code,
-      pushToken: store.getState().reducerSession.pushToken,
-      accessToken: accessToken
-    }
-    store.dispatch(mgActions.apiRequest());
-    let promise = await axios.post(apiUrl + '/Login',requestData,getRequestHeader());
-    store.dispatch(mgActions.apiSuccess());
-    return promise.data;
-  } catch(error) {
-    store.dispatch(mgActions.apiError());
-    return {};
-  }
-}
-
-export function onLogout(store, url, app) {
-  readFromLocalStorage(mgConstants.ACCESS_TOKEN)
-    .then(value => {
-      accessToken = value;
-    });
-  let requestData = {
-    app: app,
-    accessToken: accessToken
-  }
-  store.dispatch(mgActions.apiRequest());
-  axios.post(url + '/Logout',requestData,getRequestHeader())
-    .then(response => {
-      store.dispatch(mgActions.apiSuccess());
-      writeToLocalStorage(mgConstants.ACCESS_TOKEN,'');
-    })
-    .catch(error => {
-      store.dispatch(mgActions.apiError());
-      showToastError(error);
-    })
-}
-
-// Session
-
-export function hasNotices(session) {
-    if(session.notices!=undefined)
-        if(session.notices.length > 0)
-            return true;
-    return false;
-}
-
-// Local Storage
-
-export async function writeToLocalStorage(key, value) {
-  await AsyncStorage.setItem(key, value);
-}
-
-export async function readFromLocalStorage(key) {
-  return await AsyncStorage.getItem(key);
-}
-
-// Strings
-
-export function isEmpty(value) {
-    if (Array.isArray(value))
-        if (value.length == 0)
-            return true;
-    if (typeof value == 'string')
-        if (value.trim() == '')
-            return true;
-    if (typeof value == 'undefined')
-        return true;
-    if (typeof value == 'null')
-        return true;
-    if (typeof value == 'object' && value !== null)
-        return Object.keys(value).length == 0;
-    if (value == null)
-        return true;
-    return false;
-}
-
-// Email
-
-export function isValidEmail(email) {
-    const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-    return re.test(String(email).toLowerCase());
-}
-
-// Toast
-
-function showToast(config) {
-/*      Toast.show(config.message, {
-        duration: Toast.durations.LONG,
-        position: Toast.positions.CENTER,
-        shadow: true,
-        animation: true,
-        hideOnPress: true,
-        backgroundColor: config.backgroundColor,
-        textColor: 'white',
-        delay: 0
-    }); */
-}
-
-export function showToastError(message) {
-    let config = {
-        message: message,
-        backgroundColor: 'red'
-    }
-    showToast(config);
-}
-
-export function showToastSuccess(message) {
-    let config = {
-        message: message,
-        backgroundColor: 'green'
-    }
-    showToast(config);
-}
-
-export function showToastInfo(message) {
-    let config = {
-        message: message,
-        backgroundColor: 'blue'
-    }
-    showToast(config);
-}
-
-export function showToastWarn(message) {
-    let config = {
-        message: message,
-        backgroundColor: 'orange'
-    }
-    showToast(config);
-}
-
-// Api
-
-export function getRequestHeader() {
-    let abortController = new AbortController();
-    let signal = abortController.signal;
-    setTimeout(() => abortController.abort(), 1000);
-    let requestHeader = {
-        'signal': signal,
-        'content-type': 'application/json',
-        'accept': 'application/json'
-      }
-    return requestHeader;
-}
-
-// Date & Time
-
-export function getTimeFormat() {
-    return 'HH:mm';
-}
-
-export function isValidDate(strDate, language) {
-    return moment(strDate, language.dateFormat, true).isValid();
-}
-
-export function getDateForBackEnd(date) {
-    return new Date(moment(date).format('DD/MM/YYYY HH:mm'));
-}
-
-export function capitalize(str) {
-  if (typeof str !== 'string')
-    return '';
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
-export function getDateForExposition(date, language) {
-    let m = moment(date, language.dateFormat);
-    let day = m.format('D');
-    let dayName = capitalize(m.format('dddd'));
-    let monthName = capitalize(m.format('MMMM'));
-    let year = m.format('YYYY');
-    return dayName + ', ' + day + ' '+ monthName + ' ' + year;
-}
-
-export function getTimeForExposition(date) {
-    return moment(date).format('HH:mm');
-}
-
-// i18n
-
-const mgStringsSpanish = require('./i18n/spanish').strings;
-const mgStringsEnglish = require('./i18n/english').strings;
-
-export function i18nString(key, language, stringsSpanish, stringsEnglish) {
-    let value = undefined;
-    switch(language.code) {
-        case mgConstants.LANGUAGE_SPANISH.code: {
-            value = mgStringsSpanish[key];
-            if(value===undefined)
-              value = stringsSpanish[key];
-            break;
-        }
-        case mgConstants.LANGUAGE_ENGLISH.code: {
-            value = mgStringsEnglish[key];
-            if(value===undefined)
-              value = stringsEnglish[key];
-            break;
-        }
-    }
-    if(value===undefined)
-        value = '???' + key + '???';
-    return value;
-}
-
-const mgMessagesSpanish = require('./i18n/spanish').messages;
-const mgMessagesEnglish = require('./i18n/english').messages;
-
-export function i18nMessage(key, language, messagesSpanish, messagesEnglish) {
-    let value = undefined;
-    switch(language.code) {
-        case mgConstants.LANGUAGE_SPANISH.code: {
-            value = mgMessagesSpanish[key];
-            if(value===undefined)
-              value = messagesSpanish[key];
-            break;
-        }
-        case mgConstants.LANGUAGE_ENGLISH.code: {
-            value = mgMessagesEnglish[key];
-            if(value===undefined)
-              value = messagesEnglish[key];
-            break;
-        }
-    }
-    if(value===undefined)
-        value = '???' + key + '???';
-    return value;
-}
-
-// Push Notifications
-
-/* export const registerPushToken = async (store) => {
-    if (Constants.isDevice) {
-        const { status: existingStatus } = await Permissions.getAsync(Permissions.NOTIFICATIONS);
-        let finalStatus = existingStatus;
-        if (existingStatus !== 'granted') {
-            const { status } = await Permissions.askAsync(Permissions.NOTIFICATIONS);
-            finalStatus = status;
-        }
-        if (finalStatus !== 'granted') {
-            return;
-        }
-        const pushToken = await Notifications.getExpoPushTokenAsync();
-        if (Platform.OS === 'android') {
-            Notifications.createChannelAndroidAsync('default', {
-                name: 'default',
-                sound: true,
-                priority: 'max',
-                vibrate: [0, 250, 250, 250],
-            });
-        }
-        store.dispatch(mgActions.sessionPushTokenUpdate(pushToken));
-    }
-} */
-
-// Camera
-
-/* export async function isCameraAvailable() {
-  let isAvailable = false;
-  await Camera.requestPermissionsAsync()
-    .then(response => {
-      if(response.status === 'granted')
-          isAvailable = true;         
-    });      
-  return isAvailable;  
-} */
-
-export async function isCameraAvailable() {
-  let isAvailable = false;
-  await Camera.requestCameraPermissionsAsync()
-    .then(response => {
-      if(response.status === 'granted')
-          isAvailable = true;         
-    });      
-  return isAvailable;  
-}

package/login.js

@@ -1,224 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Container, Content, Label, Card, CardItem, Body, Item, Form, Input, Button, Icon } from 'native-base';
-//import { Keyboard, StyleSheet, Image, Text, ImageBackground, View, ActivityIndicator, TouchableOpacity } from "react-native";
-import { StyleSheet, Image, Text, ImageBackground, View, ActivityIndicator, TouchableOpacity } from "react-native";
-import { useForm } from 'react-hook-form';
-import axios from 'axios';
-import moment from 'moment';
-import 'moment/locale/es';
-import 'moment/locale/en-gb';
-import Constants from 'expo-constants';
-import * as mgFunctions from './functions.js';
-import * as mgConstants from './constants.js';
-import * as mgActions from './actions.js';
-
-export function MGLogin(props) {
-
-    const {register, handleSubmit, setValue} = useForm();
-
-    const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
-
-    const language = props.store.getState().reducerSession.language;
-
-/*     useEffect(() => {
-      register('userName');
-      register('password');
-      //mgFunctions.registerPushToken(props.store);
-      Keyboard.addListener("keyboardDidShow", () => setIsKeyboardVisible(true));
-      Keyboard.addListener("keyboardDidHide", () => setIsKeyboardVisible(false));
-      return () => {
-        Keyboard.removeAllListeners("keyboardDidShow");
-        Keyboard.removeAllListeners("keyboardDidHide");
-      };
-    }, [register]); */
-
-    useEffect(() => {
-      register('userName');
-      register('password');
-    }, [register]);
-
-    let view = (
-        <Container>
-            <Content contentContainerStyle={styles.content}>
-            <ImageBackground source={require('./assets/background.jpg')}
-                             style={styles.imageBackground}>
-                <View style={styles.logo}>
-                <Image source={require('./assets/clubonline.png')}
-                        style={{ width: 300, height: 150 }} / >
-                {!isKeyboardVisible &&
-                    <Text>{props.appDescription}</Text>
-                }
-                </View>
-                {!isKeyboardVisible &&
-                <View style={styles.viewLanguages}>
-                    <TouchableOpacity onPress={() => onLanguage(props.store, mgConstants.LANGUAGE_SPANISH)}>
-                        <Image source={require('./assets/spain.png')}
-                               style={styles.imageLanguages} />
-                    </TouchableOpacity>
-                    <TouchableOpacity onPress={() => onLanguage(props.store, mgConstants.LANGUAGE_ENGLISH)}>
-                        <Image source={require('./assets/united_kingdom.png')}
-                               style={styles.imageLanguages} />
-                    </TouchableOpacity>
-                </View>
-                }
-                <View style={styles.credentials}>
-                <Card transparent>
-                    <CardItem header bordered>
-                        <Text style={styles.headerTextCredentials}>{mgFunctions.i18nString('credentials', language)}</Text>
-                    </CardItem>
-                    <CardItem>
-                        <Body style={styles.cardBodyCredentials}>
-                            <Form style={styles.formCredentials}>
-                                <Item stackedLabel>
-                                    <Label>{mgFunctions.i18nString('userName', language)}</Label>
-                                    <Input name="userName"
-                                           defaultValue=""
-                                           onChangeText={text => {
-                                             setValue('userName', text);
-                                           }}
-                                    />
-                                </Item>
-                                <Item stackedLabel>
-                                    <Label>{mgFunctions.i18nString('password', language)}</Label>
-                                    <Input name="password"
-                                           defaultValue=""
-                                           secureTextEntry={true}
-                                           onChangeText={text => {
-                                             setValue('password', text);
-                                           }}
-                                    />
-                                </Item>
-                            </Form>
-                        </Body>
-                    </CardItem>
-                    <CardItem style={{flexDirection: 'column'}}>
-                      <Button full rounded onPress={handleSubmit(props.onLogin)}>
-                         <Text>{mgFunctions.i18nString('login', language)}</Text>
-                         <Icon type={mgConstants.ICON_FAMILY} name='sign-in'></Icon>
-                      </Button>
-                    </CardItem>
-                  </Card>
-                </View>
-                {!isKeyboardVisible &&
-                <View>
-                    <Text style={{fontSize: 12}}>{mgFunctions.i18nString('version', language)}: {Constants.expoConfig.version}</Text>
-                </View>
-                }
-            </ImageBackground>
-            </Content>
-        </Container>
-    )
-
-    if(props.isFetching) {
-        view = (
-          <View style={styles.activityIndicator}>
-            <ActivityIndicator size="large" color={mgConstants.COLOR_PRIMARY} />
-          </View>
-        )
-    }
-
-  return view;
-
-}
-
-export function onPressLogin(store, app, apiUrl, rootNavigation, moduleAtStart, data) {
-  try {
-    if(validateForm(store, data)) {
-      let requestData = {
-        userName: data.userName.toLowerCase(),
-        password: data.password,
-        app: app,
-        language: store.getState().reducerSession.language.code,
-        pushToken: store.getState().reducerSession.pushToken
-      }
-      store.dispatch(mgActions.apiRequest());
-      axios.post(apiUrl + '/Login',requestData,mgFunctions.getRequestHeader())
-        .then(response => {
-          store.dispatch(mgActions.apiSuccess());
-          let session = response.data;
-          store.dispatch(mgActions.sessionLogin(session));
-          store.dispatch(mgActions.moduleActivation(moduleAtStart));
-          mgFunctions.writeToLocalStorage(mgConstants.ACCESS_TOKEN, session.accessToken);
-          rootNavigation.navigate('Home');
-        })
-        .catch(error => {
-          store.dispatch(mgActions.apiError());
-          mgFunctions.showToastError(mgFunctions.i18nMessage('credentialsInvalid', store.getState().reducerSession.language));
-        })
-    }
-  } catch(error) {
-    mgFunctions.showToastError(error);
-  }
-}
-
-function onLanguage(store, language) {
-  moment.locale(language.locale);
-  store.dispatch(mgActions.sessionLanguageChange(language));
-}
-
-function validateForm(store, data) {
-  if(mgFunctions.isEmpty(data.userName))
-    throw mgFunctions.i18nMessage('userRequired', store.getState().reducerSession.language);
-  if(mgFunctions.isEmpty(data.password))
-    throw mgFunctions.i18nMessage('passwordRequired', store.getState().reducerSession.language);
-  return true;
-}
-
-const styles = StyleSheet.create({
-    activityIndicator: {
-      flex: 1,
-      flexDirection: 'column',
-      justifyContent: 'center',
-      alignContent: 'center'
-    },
-    imageBackground: {
-      flex: 1
-    },
-    viewInput: {
-      flex: 1,
-      flexDirection: 'row'
-    },
-    content: {
-      flex: 1,
-      flexDirection: 'column'
-    },
-    logo: {
-      flex: 0.7,
-      flexDirection: 'column',
-      justifyContent: 'center',
-      alignItems: 'center'
-    },
-    viewLanguages: {
-      flex: 0.15,
-      flexDirection: 'row',
-      justifyContent: 'center'
-    },
-    imageLanguages: {
-      width: 36,
-      height: 36,
-      marginLeft: 20,
-      marginRight: 20
-    },
-    credentials: {
-      flex: 1,
-      flexDirection: 'row',
-      justifyContent: 'center',
-      alignContent: 'center',
-      marginLeft: 30,
-      marginRight: 30
-    },
-    formCredentials: {
-      flex: 1
-    },
-    cardBodyCredentials: {
-      flex: 1,
-      flexDirection: 'row'
-    },
-    headerTextCredentials: {
-      width: '100%',
-      textAlign: 'center'
-    },
-    cardFooterCredentials: {
-      justifyContent: 'flex-end'
-    }
-  })

package/prototypes.js

@@ -1,77 +0,0 @@
-import * as mgFunctions from './functions.js';
-
-// String
-
-String.prototype._asTime = function () {
-    return this + ' hs';
-};
-
-String.prototype._format = function () {
-    let value = this;
-    for (let arg in arguments) {
-        value = value.split('{' + arg + '}').join(arguments[arg]);
-    }
-    return value;
-};
-
-String.prototype._truncate = function (length, postfix) {
-  if(postfix==undefined)
-     postfix = '';
-  return this.substring(0, length) + postfix;
-}
-
-// Numbers
-
-Number.prototype._asCurrency = function (currencySymbol, decPlaces, thouSeparator, decSeparator) {
-    let value = this;
-    if(currencySymbol==undefined)
-        currencySymbol = '';
-    if(value==undefined)
-        value = 0;
-    var n = value,
-        decPlaces = isNaN(decPlaces = Math.abs(decPlaces)) ? 2 : decPlaces,
-        decSeparator = decSeparator == undefined ? "," : decSeparator,
-        thouSeparator = thouSeparator == undefined ? "." : thouSeparator,
-        sign = n < 0 ? "-" : "",
-        i = parseInt(n = Math.abs(+n || 0).toFixed(decPlaces)) + "",
-        j = (j = i.length) > 3 ? j % 3 : 0;
-    return currencySymbol + sign + (j ? i.substr(0, j) + thouSeparator : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thouSeparator) + (decPlaces ? decSeparator + Math.abs(n - i).toFixed(decPlaces).slice(2) : "") + '.-';
-};
-
-Number.prototype._asInteger = function (thouSeparator, decSeparator) {
-    let value = this;
-    if(value==undefined)
-        value = 0;
-    var n = value,
-        decSeparator = decSeparator == undefined ? "," : decSeparator,
-        thouSeparator = thouSeparator == undefined ? "." : thouSeparator,
-        sign = n < 0 ? "-" : "",
-        i = parseInt(n = Math.abs(+n || 0).toFixed(0)) + "",
-        j = (j = i.length) > 3 ? j % 3 : 0;
-    return sign + (j ? i.substr(0, j) + thouSeparator : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thouSeparator);
-}
-
-Number.prototype._asFloat = function (decPlaces, thouSeparator, decSeparator) {
-    let value = this;
-    if(value==undefined)
-        value = 0;
-    var n = value,
-        decPlaces = isNaN(decPlaces = Math.abs(decPlaces)) ? 2 : decPlaces,
-        decSeparator = decSeparator == undefined ? "," : decSeparator,
-        thouSeparator = thouSeparator == undefined ? "." : thouSeparator,
-        sign = n < 0 ? "-" : "",
-        i = parseInt(n = Math.abs(+n || 0).toFixed(decPlaces)) + "",
-        j = (j = i.length) > 3 ? j % 3 : 0;
-    return sign + (j ? i.substr(0, j) + thouSeparator : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thouSeparator) + (decPlaces ? decSeparator + Math.abs(n - i).toFixed(decPlaces).slice(2) : "");
-};
-
-Number.prototype._asAge = function (language) {
-    let value = this;
-    if(value==undefined)
-        return 0;
-    if(value==0)
-        return 0;
-    if(value==1)
-      return value + ' ' + mgFunctions.i18nString('year', language);
-    return value + ' ' + mgFunctions.i18nString('years', language);
-};

package/reducers.js

@@ -1,114 +0,0 @@
-import * as mgActions from './actions.js';
-import * as mgConstants from './constants.js';
-import * as mgClasses from './classes.js';
-
-// Constants
-
-export const initialStateApp = {
-    isReady: true,
-    isFetching: false,
-    module: undefined,
-    modalVisible: false
-}
-
-export const initialStateSession = {
-    server: undefined,
-    userName: '',
-    password: '',
-    language: mgConstants.LANGUAGE_SPANISH,
-    company: undefined,
-    pushToken: '',
-    bell: false
-};
-
-// Functions
-
-export function runReducerApp(state, action) {
-    switch (action.type) {
-        case mgActions.APP_MODULE_ACTIVATION: {
-            return {
-                ...state,
-                module: action.payload.module
-            }
-        }
-        case mgActions.APP_API_REQUEST: {
-            return {
-                ...state,
-                isFetching: true
-            }
-        }
-        case mgActions.APP_API_SUCCESS: {
-            return {
-                ...state,
-                isFetching: false
-            }
-        }
-        case mgActions.APP_API_ERROR: {
-            return {
-                ...state,
-                isFetching: false
-            }
-        }
-        case mgActions.APP_MODAL_SET_ISVISIBLE: {
-            return {
-                ...state,
-                isModalVisible: action.payload.isModalVisible
-            }
-        }
-        default: {
-            return state;
-        }
-    }
-}
-
-export function runReducerSession(state, initialStateSession, action) {
-    switch (action.type) {
-        case mgActions.SESSION_LOADING_START: {
-            return {
-                ...state,
-                isLoading: true
-            }
-        }
-        case mgActions.SESSION_LOADING_END: {
-            return {
-                ...state,
-                isLoading: false
-            }
-        }
-        case mgActions.SESSION_LOGIN: {
-            return {
-                ...state,
-                server: action.payload.session.server,
-                company: action.payload.session.company,
-                accessToken: action.payload.session.accessToken
-            }
-        }
-        case mgActions.SESSION_LOGOUT: {
-            return {
-                ...state,
-                accessToken: ''
-            }
-        }
-        case mgActions.SESSION_LANGUAGE_CHANGE: {
-            return {
-                ...state,
-                language: action.payload.language
-            }
-        }
-        case mgActions.SESSION_PUSH_TOKEN_UPDATE: {
-            return {
-                ...state,
-                pushToken: action.payload.pushToken
-            }
-        }
-        case mgActions.SESSION_BELL_RING: {
-            return {
-                ...state,
-                bell: !state.bell
-            }
-        }
-        default: {
-            return state;
-        }
-    }
-}

package/welcome.js

@@ -1,131 +0,0 @@
-import React from 'react';
-import { StyleSheet, View, Image, FlatList, Text, TouchableOpacity } from 'react-native';
-import { Card, CardItem } from 'native-base';
-import { MGSubtitle } from './blocks.js';
-import * as mgFunctions from './functions.js';
-
-export function MGWelcome(props) {
-
-  const language = props.session.language;
-
-  let companyInfoComponent = (
-    <Card style={styles.cardCompany}>
-      <CardItem style={styles.cardItemCompanyLogo}>
-        <Image source={{uri: props.session.company.logoUrl}} style={{width: 100, height: 100}} />
-      </CardItem>
-      <CardItem style={styles.cardItemCompanyInfo}>
-        <Text style={styles.textCompanyLegalName}>{props.session.company.legalName}</Text>
-        <Text style={styles.textCompanyInfo}>{props.session.company.address}</Text>
-        <Text style={styles.textCompanyInfo}>{props.session.company.city}, {props.session.company.province}</Text>
-        <Text style={styles.textCompanyInfo}>{props.session.company.phone}</Text>
-        <Text style={styles.textCompanyInfo}>{props.session.company.email}</Text>
-      </CardItem>
-    </Card>  
-  )
-
-  let listHeaderComponent = (
-    <View style={styles.viewHeader}>
-      {companyInfoComponent}
-      <MGSubtitle text={mgFunctions.i18nString('notices', language)} />      
-    </View>
-  ) 
-
-  if(mgFunctions.hasNotices(props.session)) {
-    return (
-      <FlatList
-        data={props.session.notices}
-        keyExtractor={item => item.idNotice.toString()}
-        ListHeaderComponent={listHeaderComponent}
-        renderItem={({ item }) => (
-          <Card>
-            <CardItem header bordered style={styles.cardItemNoticeTitle}>
-              <Text style={styles.textNoticeDescription}>{item.description}</Text>
-              <Text style={styles.textNoticeDate}>{mgFunctions.getDateForExposition(item.noticeDate, language)}, {item.noticeTime._asTime()}</Text>
-            </CardItem>
-            {item.imageUrl!=undefined &&
-              <CardItem bordered style={styles.cardItemNoticeImage}>
-                <Image source={{uri: item.imageUrl}} style={{width: 150, height: 150}} />
-              </CardItem>
-            }
-            <CardItem bordered>
-              <Text>{item.content}</Text>
-            </CardItem>
-          </Card>
-        )}
-      />      
-    )
-  } else {
-    return (
-      <>
-        {companyInfoComponent}
-        <Card style={{flex: 1, flexDirection: 'column', alignItems:'center'}}>
-          <CardItem>
-            <Image style={{width: 300, height: 150, marginTop: 30, marginBottom: 30}} source={require('./assets/welcome.png')} />
-          </CardItem>
-        </Card>          
-      </>      
-    )
-  }
-
-}
-
-function MGAttachedFiles(props) {
-  return (
-    <View>
-        <FlatList
-          data={props.notice.attachedFiles}
-          keyExtractor={item => item.idAttachedFile.toString()}
-          renderItem={({ item }) => (
-          <TouchableOpacity>
-            <Card>
-              <CardItem>
-                <Text>{item.url}</Text>
-              </CardItem>
-            </Card>
-          </TouchableOpacity>
-          )}
-        />
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  viewHeader: {
-    flex: 1,
-    flexDirection: 'column'
-  },
-  cardCompany: {
-    flex: 1,
-    flexDirection: 'row'
-  },
-  cardItemCompanyLogo: {
-    alignSelf: 'flex-start'
-  },
-  cardItemCompanyInfo: {
-    flex: 1,
-    flexDirection: 'column',
-    alignSelf: 'center'
-  },
-  textCompanyLegalName: {
-    textAlign: 'center'
-  },
-  textCompanyInfo: {
-    fontSize: 10,
-    textAlign: 'center'
-  },
-  cardItemNoticeTitle: {
-    flex: 1,
-    flexDirection: 'column',
-    alignItems: 'flex-start'
-  },
-  cardItemNoticeImage: {
-    alignSelf: 'center'
-  },
-  textNoticeDescription: {
-    fontSize: 16,
-    fontWeight: 'bold'
-  },
-  textNoticeDate: {
-    fontSize: 11
-  }
-})