@moamc/rn-cli 1.4.4 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moamc/rn-cli",
-  "version": "1.4.4",
+  "version": "1.5.0",
   "description": "Enterprise-grade Code Generation CLI for React Native Applications",
   "main": "index.js",
   "bin": {

package/templates/hookTemplate.js

@@ -36,12 +36,58 @@ const generateInitialValues = (formFields = []) => {
   return `\t\tloader: false,\n${fields}${additionalFields}`;
 };
 
+const { detectProjectStructure } = require('../utils/fileUtils');
+
 const generateHookTemplate = (hookName, hasForm = false, formFields = [], eventName = null) => {
+  const { hasHeadersFolder } = detectProjectStructure();
+  const isDistributorStyle = !hasHeadersFolder;
+
   if (hasForm) {
     const hasDropdown = formFields.some(f => f.type === 'dropdown');
     const hasDate = formFields.some(f => f.type === 'date');
     
-    return `import { useState, useCallback } from 'react';
+    if (isDistributorStyle) {
+      // Distributor app - use Formik
+      return `import { useFormik } from 'formik';
+import { showToastNotification } from '../../../../helpers/common';${hasDate ? '\nimport moment from \'moment\';' : ''}
+import { validate${hookName} } from '../validation';
+
+export const use${hookName} = ({ navigation }) => {
+\tconst formikState = useFormik({
+\t\tinitialValues: {
+${formFields.map(f => `\t\t\t${f.name}: '',`).join('\n')}
+\t\t},
+\t\tvalidate: validate${hookName},
+\t\tonSubmit: async (values) => {
+\t\t\ttry {
+\t\t\t\t// Add your API call here
+\t\t\t\tshowToastNotification('Success!');
+\t\t\t} catch (error) {
+\t\t\t\tshowToastNotification(error?.message || 'Something went wrong');
+\t\t\t}
+\t\t},
+\t});
+
+\tconst { values: formData, errors, touched, isSubmitting: loading, handleChange: formikHandleChange, handleSubmit } = formikState;
+
+\tconst handleChange = (value, field) => {
+\t\tformikState.setFieldValue(field, value);
+\t\tformikState.setFieldTouched(field, true);
+\t};
+
+\treturn {
+\t\tformData,
+\t\terrors,
+\t\ttouched,
+\t\tloading,
+\t\thandleChange,
+\t\thandleSubmit,
+\t};
+};
+`;
+    } else {
+      // Investor app - use useState with useCallback
+      return `import { useState, useCallback } from 'react';
 import { showToastNotification } from '../../../../helpers/common';${hasDate ? '\nimport moment from \'moment\';' : ''}
 import { validate${hookName} } from '../validation';
 
@@ -92,6 +138,7 @@ ${formFields.map(f => `\t\t${f.name}: '',`).join('\n')}
 \t};
 };
 `;
+    }
   }
 
   return `import { useState, useEffect } from 'react';

package/templates/screenTemplate.js

@@ -118,7 +118,7 @@ const ${componentName} = ({ navigation }) => {
 \t\t\t\t<Header redirect={() => navigation.goBack()} />
 \t\t\t\t<ScrollView
 \t\t\t\t\tshowsVerticalScrollIndicator={false}
-\t\t\t\t\tcontentContainerStyle={[utilities.rowPadding24]}
+\t\t\t\t\tcontentContainerStyle={styles.scrollContent}
 \t\t\t\t>
 \t\t\t\t\t<Text style={styles.heading}>${screenName}</Text>
 ${generateFormFields(formFields)}
@@ -132,6 +132,9 @@ ${generateFormFields(formFields)}
 };
 
 const styles = StyleSheet.create({
+\tscrollContent: {
+\t\t...utilities.rowPadding24,
+\t},
 \theading: {
 \t\t...fonts.fontWSSB18,
 \t\tcolor: colorConstant.moBlack,
@@ -247,7 +250,7 @@ const ${componentName} = ({ navigation }) => {
 \t\t\t\t<Header redirect={() => navigation.goBack()} />
 \t\t\t\t<ScrollView
 \t\t\t\t\tshowsVerticalScrollIndicator={false}
-\t\t\t\t\tcontentContainerStyle={[utilities.rowPadding24]}
+\t\t\t\t\tcontentContainerStyle={styles.scrollContent}
 \t\t\t\t>
 \t\t\t\t\t<Text style={styles.heading}>${screenName}</Text>
 \t\t\t\t\t{/* Add your content here */}
@@ -261,6 +264,9 @@ const ${componentName} = ({ navigation }) => {
 };
 
 const styles = StyleSheet.create({
+\tscrollContent: {
+\t\t...utilities.rowPadding24,
+\t},
 \theading: {
 \t\t...fonts.fontWSSB18,
 \t\tcolor: colorConstant.moBlack,