@moamc/rn-cli 1.0.0

package/templates/queryTemplate.js

@@ -0,0 +1,23 @@
+const generateQueryOptionsTemplate = (queryName, serviceName, methodName) => {
+  return `import { queryOptions } from '@tanstack/react-query';
+import { ${serviceName}Service } from '../services/${serviceName.toLowerCase()}/${serviceName.toLowerCase()}';
+
+const baseQueryOptions = {
+\trefetchOnWindowFocus: false,
+\trefetchOnReconnect: false,
+\trefetchInterval: false,
+\tstaleTime: 5 * 60 * 1000,
+\tgcTime: 10 * 60 * 1000,
+};
+
+export const ${queryName}QueryOptions = {
+\t${methodName}: (data) => queryOptions({
+\t\tqueryKey: ['${serviceName.toLowerCase()}', '${methodName}', data],
+\t\tqueryFn: () => ${serviceName}Service.${methodName}(data),
+\t\t...baseQueryOptions,
+\t}),
+};
+`;
+};
+
+module.exports = { generateQueryOptionsTemplate };

package/templates/screenTemplate.js

@@ -0,0 +1,165 @@
+const { generateFormField, FIELD_TYPES } = require('./fieldGeneratorTemplate');
+
+const groupFieldsByRows = (formFields) => {
+  const rows = [];
+  let currentRow = [];
+  
+  formFields.forEach(field => {
+    if (field.width === 'half') {
+      currentRow.push(field);
+      if (currentRow.length === 2) {
+        rows.push(currentRow);
+        currentRow = [];
+      }
+    } else {
+      if (currentRow.length > 0) {
+        rows.push(currentRow);
+        currentRow = [];
+      }
+      rows.push([field]);
+    }
+  });
+  
+  if (currentRow.length > 0) {
+    rows.push(currentRow);
+  }
+  
+  return rows;
+};
+
+const generateFormFields = (formFields = []) => {
+  if (!formFields || formFields.length === 0) return '\t\t\t\t{/* Add your form fields here */}';
+
+  const rows = groupFieldsByRows(formFields);
+  
+  return rows.map(row => {
+    if (row.length === 1) {
+      return `\t\t\t\t<View style={styles.headContainer}>
+${generateFormField(row[0])}
+\t\t\t\t</View>`;
+    } else {
+      return `\t\t\t\t<View style={styles.headContainer}>
+${row.map(field => generateFormField(field)).join('\n')}
+\t\t\t\t</View>`;
+    }
+  }).join('\n');
+};
+
+const generateEnhancedTemplate = (screenName, featureName, hasForm = false, formFields = []) => {
+  const componentName = screenName;
+  const hasDropdown = formFields.some(f => f.type === 'dropdown');
+  const hasDate = formFields.some(f => f.type === 'date');
+  
+  return `import React, { useState } from 'react';
+import { Text, ScrollView, View } from 'react-native';
+import { TouchableRipple } from 'react-native-paper';
+import { colorConstant, utilities } from '../../../assets/styles';
+import { Container } from '../../../components/common';
+import { Header } from '../../../components/common/headers';
+import Footer from '../../../components/common/Footer';
+import FormButton from '../../../components/form/FormButton';
+import { FloatingTextInput } from '../../../components/form';${hasDropdown ? '\nimport { BottomSheet } from \'../../../components/common\';\nimport DropDownReview from \'../../../components/common/DropDownReview\';' : ''}${hasDate ? '\nimport { DatePickerCustom } from \'../../../components/form/DatePicker\';\nimport moment from \'moment\';' : ''}
+import Loader from '../../../components/common/Loader';
+import { use${componentName} } from './hooks/use${componentName}';
+import { styles } from './components/styles';
+
+const ${componentName} = ({ navigation }) => {
+\tconst {
+\t\tformData,
+\t\terrors,
+\t\ttouched,
+\t\tloading,
+\t\thandleChange,
+\t\thandleSubmit${hasDropdown ? ',\n\t\topenBottomSheet,\n\t\tbottomSheetType' : ''}${hasDate ? ',\n\t\topenCalendar,\n\t\tsetOpenCalendar' : ''}
+\t} = use${componentName}();
+\t${hasDropdown ? '\n\tconst [openBottomNote, setOpenBottomNote] = useState(false);' : ''}
+
+\tif (loading) {
+\t\treturn <Loader loaderText={'Hang On...'} />;
+\t}
+
+\treturn (
+\t\t<>
+\t\t\t<Container style={styles.containerStyle}>
+\t\t\t\t<Header style={styles.topHeader} innerViewStyle={utilities.marginLeft15}/>
+\t\t\t\t<Text style={styles.manageText}>${screenName}</Text>
+\t\t\t\t<ScrollView showsVerticalScrollIndicator={false}>
+${generateFormFields(formFields)}
+\t\t\t\t</ScrollView>
+\t\t\t</Container>
+\t\t\t<Footer style={styles.footerDesign}>
+\t\t\t\t<FormButton title="Submit" onPress={handleSubmit} />
+\t\t\t</Footer>${hasDropdown ? `
+\t\t\t<BottomSheet
+\t\t\t\tmodalVisible={!!openBottomNote}
+\t\t\t\tsetIsModalVisible={() => setOpenBottomNote(null)}
+\t\t\t>
+\t\t\t\t<DropDownReview
+\t\t\t\t\tFundBuyType={/* Add options */[]}
+\t\t\t\t\tselectValue={formData[bottomSheetType]}
+\t\t\t\t\tonSelectValue={e => {
+\t\t\t\t\t\thandleChange(e, bottomSheetType);
+\t\t\t\t\t\tsetOpenBottomNote(null);
+\t\t\t\t\t}}
+\t\t\t\t\tlabel={bottomSheetType}
+\t\t\t\t/>
+\t\t\t</BottomSheet>` : ''}${hasDate ? `
+\t\t\t<DatePickerCustom
+\t\t\t\tmodalTransparent={true}
+\t\t\t\tonDateChange={data => {
+\t\t\t\t\thandleChange(moment(data).format('DD MMM YYYY'), 'dateField');
+\t\t\t\t}}
+\t\t\t\tsetModalVisible={() => setOpenCalendar(!openCalendar)}
+\t\t\t\tmodalVisible={openCalendar}
+\t\t\t\tminimumDate={new Date(1920, 0, 1)}
+\t\t\t/>` : ''}
+\t\t</>
+\t);
+};
+
+export default ${componentName};
+`;
+};
+
+const generateScreenTemplate = (screenName, featureName, hasForm = false, formFields = []) => {
+  // Use enhanced template for form screens
+  if (hasForm) {
+    return generateEnhancedTemplate(screenName, featureName, hasForm, formFields);
+  }
+
+  // Simple screen template
+  const componentName = screenName;
+  return `import React from 'react';
+import { View, Text, ScrollView } from 'react-native';
+import { Container, Loader } from '../../../components/common';
+import { Header } from '../../../components/common/headers';
+import { colorConstant, utilities } from '../../../assets/styles';
+import { use${componentName} } from './hooks/use${componentName}';
+import { styles } from './components/styles';
+
+const ${componentName} = ({ navigation }) => {
+\tconst {
+\t\tloading,
+\t\tdata,
+\t} = use${componentName}({ navigation });
+
+\tif (loading) {
+\t\treturn <Loader loaderText={'Hang On...'} />;
+\t}
+
+\treturn (
+\t\t<Container style={styles.containerStyle}>
+\t\t\t<Header style={styles.topHeader} innerViewStyle={utilities.marginLeft15}/>
+\t\t\t<Text style={styles.manageText}>${screenName}</Text>
+\t\t\t<ScrollView showsVerticalScrollIndicator={false}>
+\t\t\t\t{/* Add your content here */}
+\t\t\t</ScrollView>
+\t\t</Container>
+\t);
+};
+
+export default ${componentName};
+`;
+};
+
+module.exports = { generateScreenTemplate };

package/templates/screenTemplate.js.backup

@@ -0,0 +1,147 @@
+const generateFormFields = (formFields = []) => {
+  if (!formFields || formFields.length === 0) return '\t\t\t\t{/* Add your form fields here */}';
+
+  return formFields.map(field => {
+    const { name, type, label, required } = field;
+
+    if (type === 'dropdown') {
+      return `\t\t\t\t<View style={styles.headContainer}>
+\t\t\t\t\t<View style={styles.headWidth}>
+\t\t\t\t\t\t<Text style={styles.optionText}>${label}</Text>
+\t\t\t\t\t\t<RadioForm
+\t\t\t\t\t\t\thelperTextStyle={{ height: 0 }}
+\t\t\t\t\t\t\toption={${name.toUpperCase()}_OPTIONS}
+\t\t\t\t\t\t\tvalue={formikState.values.${name}}
+\t\t\t\t\t\t\ttextStyle={styles.optionInnerText}
+\t\t\t\t\t\t\tradioInputContainer={styles.optionContainer}
+\t\t\t\t\t\t\tactiveRadioContainer={styles.activeOptionContainer}
+\t\t\t\t\t\t\tactiveRadioText={styles.activeOptionText}
+\t\t\t\t\t\t\tonChange={(e) => handleChange(e, '${name}')}
+\t\t\t\t\t\t/>
+\t\t\t\t\t</View>
+\t\t\t\t</View>`;
+    }
+
+    if (type === 'checkbox') {
+      return `\t\t\t\t<View style={styles.checkStyle}>
+\t\t\t\t\t<CheckBox
+\t\t\t\t\t\tcheckBoxBtn={formikState?.values?.${name}}
+\t\t\t\t\t\tsetcheckBoxBtn={() => handleChange(!formikState?.values?.${name}, '${name}')}
+\t\t\t\t\t/>
+\t\t\t\t\t<Text style={styles.checkText}>${label}</Text>
+\t\t\t\t</View>`;
+    }
+
+    const keyboardType = type === 'number' ? 'numeric' : type === 'email' ? 'email-address' : 'default';
+    const autoCapitalize = type === 'email' ? 'none' : 'sentences';
+
+    return `\t\t\t\t<View style={styles.headContainer}>
+\t\t\t\t\t<View style={{ width: '100%' }}>
+\t\t\t\t\t\t<FloatingTextInput
+\t\t\t\t\t\t\tlabel="${label}"
+\t\t\t\t\t\t\tvalue={formikState?.values?.${name}}
+\t\t\t\t\t\t\tonChangeText={(e) => handleChange(e, '${name}')}
+\t\t\t\t\t\t\ttextInputStyles={styles.floatContentStyle}
+\t\t\t\t\t\t\tinputContainerStyle={styles.floatStyle}
+\t\t\t\t\t\t\tlabelStyles={styles.floatLabelStyle}
+\t\t\t\t\t\t\terror={(touched.includes(null) || touched.includes('${name}')) && formikState?.errors?.${name}}
+\t\t\t\t\t\t\tkeyboardType="${keyboardType}"${type !== 'email' ? '' : `
+\t\t\t\t\t\t\totherTextInputProps={{ autoCapitalize: '${autoCapitalize}' }}`}
+\t\t\t\t\t\t/>
+\t\t\t\t\t</View>
+\t\t\t\t</View>`;
+  }).join('\n');
+};
+
+const generateScreenTemplate = (screenName, featureName, hasForm = false, formFields = []) => {
+  const componentName = screenName;
+  
+  if (hasForm) {
+    const formFieldsCode = generateFormFields(formFields);
+    const hasDropdown = formFields.some(f => f.type === 'dropdown');
+    const hasCheckbox = formFields.some(f => f.type === 'checkbox');
+
+    return `import React from 'react';
+import { View, Text, ScrollView, StyleSheet } from 'react-native';
+import { Container, Footer, Loader } from '../../../components/common';
+import { Header } from '../../../components/common/headers';
+import { FloatingTextInput, FormButton } from '../../../components/form';${hasDropdown ? '\nimport RadioForm from \'../../../components/form/RadioForm\';' : ''}${hasCheckbox ? '\nimport CheckBox from \'../../../components/common/CheckBox\';' : ''}
+import { withUser } from '../../../components/HOC';
+import { colorConstant, fonts, utilities } from '../../../assets/styles';
+import { use${componentName} } from './use${componentName}';
+import { styles } from './styles';${hasDropdown ? '\nimport { ' + formFields.filter(f => f.type === 'dropdown').map(f => f.name.toUpperCase() + '_OPTIONS').join(', ') + ' } from \'./constants\';' : ''}
+
+const ${componentName} = ({ navigation, route: { params }, user }) => {
+\tconst {
+\t\tformikState,
+\t\ttouched,
+\t\thandleChange,
+\t\thandleSubmitValue,
+\t} = use${componentName}({ navigation, params, user });
+
+\tif (formikState.values.loader) {
+\t\treturn <Loader loaderText={'Hang On...'} />;
+\t}
+
+\treturn (
+\t\t<>
+\t\t\t<Container style={styles.containerStyle}>
+\t\t\t\t<Header style={styles.topHeader} innerViewStyle={utilities.marginLeft15} />
+\t\t\t\t<Text style={styles.headerText}>${screenName}</Text>
+\t\t\t\t<ScrollView 
+\t\t\t\t\tshowsVerticalScrollIndicator={false}
+\t\t\t\t\tcontentContainerStyle={styles.scrollViewContent}
+\t\t\t\t>
+${formFieldsCode}
+\t\t\t\t</ScrollView>
+\t\t\t</Container>
+
+\t\t\t<Footer isBottom={true}>
+\t\t\t\t<FormButton title="Submit" onPress={handleSubmitValue} />
+\t\t\t</Footer>
+\t\t</>
+\t);
+};
+
+export default withUser(${componentName});
+`;
+  }
+
+  return `import React from 'react';
+import { View, Text, ScrollView, StyleSheet } from 'react-native';
+import { Container, Loader } from '../../../components/common';
+import { Header } from '../../../components/common/headers';
+import { withUser } from '../../../components/HOC';
+import { colorConstant, fonts, utilities } from '../../../assets/styles';
+import { use${componentName} } from './use${componentName}';
+import { styles } from './styles';
+
+const ${componentName} = ({ navigation, route: { params }, user }) => {
+\tconst {
+\t\tloading,
+\t\tdata,
+\t} = use${componentName}({ navigation, params, user });
+
+\tif (loading) {
+\t\treturn <Loader loaderText={'Hang On...'} />;
+\t}
+
+\treturn (
+\t\t<Container style={styles.containerStyle}>
+\t\t\t<Header style={styles.topHeader} innerViewStyle={utilities.marginLeft15} />
+\t\t\t<Text style={styles.headerText}>${screenName}</Text>
+\t\t\t<ScrollView 
+\t\t\t\tshowsVerticalScrollIndicator={false}
+\t\t\t\tcontentContainerStyle={styles.scrollViewContent}
+\t\t\t>
+\t\t\t\t<Text>Welcome to ${screenName}</Text>
+\t\t\t</ScrollView>
+\t\t</Container>
+\t);
+};
+
+export default withUser(${componentName});
+`;
+};
+
+module.exports = { generateScreenTemplate };

package/templates/stylesTemplate.js

@@ -0,0 +1,52 @@
+const generateStylesTemplate = () => {
+  return `import { StyleSheet } from 'react-native';
+import { colorConstant, fonts } from '../../../../assets/styles';
+import { isIOS } from '../../../../helpers/common';
+
+export const styles = StyleSheet.create({
+\tcontainerStyle: {
+\t\tpaddingLeft: 24,
+\t\tpaddingRight: 24,
+\t\tposition: 'relative',
+\t\tmarginBottom: isIOS ? 92 : 60,
+\t},
+\tfloatContentStyle: {
+\t\t...fonts.fontWSR16,
+\t\tcolor: colorConstant.amcBlack,
+\t},
+\ttopHeader: {
+\t\theight: 44,
+\t\tposition: 'relative',
+\t},
+\tfloatStyle: {},
+\tfloatLabelStyle: {
+\t\tcolor: colorConstant?.amcMediumGrey,
+\t\tbackgroundColor: colorConstant?.amcWhite,
+\t\t...fonts.fontWSM12,
+\t\tlineHeight: 16,
+\t},
+\tmanageText: {
+\t\theight: 48,
+\t\t...fonts.fontWSSB24,
+\t\tborderBottomWidth: 1,
+\t\tborderBottomColor: colorConstant.amcLightGray,
+\t\tmarginBottom: 24,
+\t\tcolor: colorConstant.moslBlack,
+\t},
+\theadContainer: {
+\t\tflexDirection: 'row',
+\t\tjustifyContent: 'space-between',
+\t\tmarginTop: 16,
+\t},
+\theadWidth: {
+\t\twidth: '48%',
+\t},
+\tfooterDesign: {
+\t\tborderTopWidth: 1,
+\t\tborderTopColor: colorConstant.disabledGreyColor,
+\t},
+});
+`;
+};
+
+module.exports = { generateStylesTemplate };

package/templates/stylesTemplate.js.backup

@@ -0,0 +1,88 @@
+const generateStylesTemplate = () => {
+  return `import { StyleSheet } from 'react-native';
+import { colorConstant, fonts } from '../../../assets/styles';
+
+export const styles = StyleSheet.create({
+\tcontainerStyle: {
+\t\tpaddingLeft: 24,
+\t\tpaddingRight: 24,
+\t\tposition: 'relative',
+\t},
+\ttopHeader: {
+\t\theight: 44,
+\t\tposition: 'relative',
+\t},
+\theaderText: {
+\t\theight: 48,
+\t\t...fonts.fontWSSB24,
+\t\tborderBottomWidth: 1,
+\t\tborderBottomColor: colorConstant.amcLightGray,
+\t\tmarginBottom: 24,
+\t\tcolor: colorConstant.moslBlack,
+\t},
+\tscrollViewContent: {
+\t\tflexGrow: 1,
+\t\tpaddingBottom: 100,
+\t},
+\theadContainer: {
+\t\tflexDirection: 'row',
+\t\tjustifyContent: 'space-between',
+\t\tmarginTop: 24,
+\t},
+\theadWidth: {
+\t\twidth: '48%',
+\t},
+\toptionText: {
+\t\tfontSize: 12,
+\t\tlineHeight: 16,
+\t\tfontWeight: '400',
+\t\tcolor: colorConstant?.amcMediumGrey,
+\t\tmarginBottom: 5,
+\t},
+\toptionContainer: {
+\t\tborderRadius: 28,
+\t\tborderColor: colorConstant?.amcBlue,
+\t},
+\toptionInnerText: {
+\t\tfontSize: 14,
+\t\tlineHeight: 16,
+\t\tcolor: colorConstant?.amcBlue,
+\t\tpaddingTop: 1,
+\t\tpaddingBottom: 1,
+\t\tpaddingLeft: 3,
+\t\tpaddingRight: 3,
+\t},
+\tactiveOptionContainer: {
+\t\tbackgroundColor: colorConstant?.amcBlue,
+\t},
+\tactiveOptionText: {
+\t\tcolor: colorConstant?.amcWhite,
+\t},
+\tfloatContentStyle: {
+\t\t...fonts.fontWSR16,
+\t\tcolor: colorConstant.amcBlack,
+\t},
+\tfloatStyle: {
+\t\tmarginTop: 5,
+\t},
+\tfloatLabelStyle: {
+\t\tcolor: colorConstant?.amcMediumGrey,
+\t\tbackgroundColor: colorConstant?.amcWhite,
+\t\t...fonts.fontWSM12,
+\t\tlineHeight: 16,
+\t},
+\tcheckStyle: {
+\t\tflexDirection: 'row',
+\t\talignItems: 'center',
+\t\tmarginTop: 20,
+\t},
+\tcheckText: {
+\t\t...fonts.fontWSR12LH18,
+\t\tcolor: colorConstant.lightGreyBlack,
+\t\tpaddingRight: 30,
+\t},
+});
+`;
+};
+
+module.exports = { generateStylesTemplate };

package/templates/validationTemplate.js

@@ -0,0 +1,122 @@
+const generateValidationRules = (formFields = []) => {
+  if (!formFields || formFields.length === 0) {
+    return '\t// Add your validation rules here';
+  }
+
+  return formFields.map(field => {
+    const { name, type, label, required } = field;
+    let validation = '';
+
+    switch (type) {
+      case 'email':
+        validation = `\t${name}: yup.string()${required ? `.required('Please enter ${label}')` : ''}.email('Please enter a valid email address'),`;
+        break;
+      
+      case 'number':
+        validation = `\t${name}: yup.string()${required ? `.required('Please enter ${label}')` : ''}.matches(/^\\d+$/, 'Please enter a valid number'),`;
+        break;
+      
+      case 'checkbox':
+        validation = `\t${name}: yup.boolean()${required ? `.oneOf([true], '${label} is required')` : ''},`;
+        break;
+      
+      case 'dropdown':
+      case 'radio':
+        validation = `\t${name}: yup.object()${required ? `.test('select${name}', 'Please select ${label}', function (value) {
+\t\tif (!value?.value) {
+\t\t\treturn false;
+\t\t}
+\t\treturn true;
+\t})` : '.nullable()'},`;
+        break;
+      
+      case 'date':
+        validation = `\t${name}: yup.string()${required ? `.required('Please select ${label}')` : ''},`;
+        break;
+      
+      case 'file':
+        validation = `\t${name}: yup.mixed()${required ? `.required('Please upload ${label}')
+\t\t.test('fileType', 'Only JPG or JPEG files are allowed', value => {
+\t\t\tif (!value) return false;
+\t\t\tconst validFormats = ['image/jpeg', 'image/jpg'];
+\t\t\tif (value instanceof File) return validFormats.includes(value.type);
+\t\t\tif (typeof value === 'object' && value?.type) return validFormats.includes(value.type);
+\t\t\treturn false;
+\t\t})
+\t\t.test('fileSize', 'File size must be less than 1MB', value => {
+\t\t\tif (!value) return false;
+\t\t\tconst maxSizeInBytes = 1 * 1024 * 1024;
+\t\t\tif (value instanceof File) return value.size <= maxSizeInBytes;
+\t\t\tif (typeof value === 'object' && value?.size) return value.size <= maxSizeInBytes;
+\t\t\treturn false;
+\t\t})` : ''},`;
+        break;
+      
+      default:
+        validation = `\t${name}: yup.string()${required ? `.required('Please enter ${label}')` : ''},`;
+    }
+
+    return validation;
+  }).join('\n');
+};
+
+const generateValidationTemplate = (formFields = [], screenName) => {
+  if (!formFields || formFields.length === 0) {
+    return `export const validate${screenName} = (values) => {
+\tconst errors = {};
+\t// Add your validation rules here
+\treturn errors;
+};
+`;
+  }
+
+  const validations = formFields.map(field => {
+    const { name, type, label, required } = field;
+    
+    if (!required) return '';
+    
+    let validation = '';
+    switch (type) {
+      case 'email':
+        validation = `\tif (!values.${name}) {
+\t\terrors.${name} = 'Please enter ${label}';
+\t} else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.${name})) {
+\t\terrors.${name} = 'Please enter a valid email address';
+\t}`;
+        break;
+      
+      case 'number':
+        validation = `\tif (!values.${name}) {
+\t\terrors.${name} = 'Please enter ${label}';
+\t} else if (!/^\\d+$/.test(values.${name})) {
+\t\terrors.${name} = 'Please enter a valid number';
+\t}`;
+        break;
+      
+      case 'dropdown':
+      case 'radio':
+        validation = `\tif (!values.${name}?.value) {
+\t\terrors.${name} = 'Please select ${label}';
+\t}`;
+        break;
+      
+      default:
+        validation = `\tif (!values.${name} || !values.${name}.trim()) {
+\t\terrors.${name} = 'Please enter ${label}';
+\t}`;
+    }
+    
+    return validation;
+  }).filter(Boolean).join('\n\n');
+
+  return `export const validate${screenName} = (values) => {
+\tconst errors = {};
+
+${validations}
+
+\treturn errors;
+};
+`;
+};
+
+module.exports = { generateValidationTemplate };

package/templates/validationTemplate.js.backup

@@ -0,0 +1,37 @@
+const generateValidationRules = (formFields = []) => {
+  if (!formFields || formFields.length === 0) {
+    return '\t// Add your validation rules here';
+  }
+
+  return formFields.map(field => {
+    const { name, type, label, required } = field;
+    let validation = '';
+
+    if (type === 'email') {
+      validation = `\t${name}: yup.string()${required ? ".required('Please enter " + label + "')" : ''}.email('Please enter a valid email address'),`;
+    } else if (type === 'number') {
+      validation = `\t${name}: yup.string()${required ? ".required('Please enter " + label + "')" : ''}.matches(/^\\d+$/, 'Please enter a valid number'),`;
+    } else if (type === 'checkbox') {
+      validation = `\t${name}: yup.boolean()${required ? ".oneOf([true], '" + label + " is required')" : ''},`;
+    } else if (type === 'dropdown') {
+      validation = `\t${name}: yup.object()${required ? ".required('Please select " + label + "')" : ''}.nullable(),`;
+    } else {
+      validation = `\t${name}: yup.string()${required ? ".required('Please enter " + label + "')" : ''},`;
+    }
+
+    return validation;
+  }).join('\n');
+};
+
+const generateValidationTemplate = (formFields = []) => {
+  const validationRules = generateValidationRules(formFields);
+
+  return `import * as yup from 'yup';
+
+export const validationSchema = yup.object().shape({
+${validationRules}
+});
+`;
+};
+
+module.exports = { generateValidationTemplate };