@convep_mobilogy/react-native-qms-plugin 0.3.0 → 0.4.0

package/android/build.gradle

@@ -75,12 +75,25 @@ def kotlin_version = getExtOrDefault("kotlinVersion")
 dependencies {
   implementation "com.facebook.react:react-android"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
-  compileOnly "com.facebook.react:react-android:+"
-  implementation files('libs/qmsplugin-release.aar')
-  implementation "androidx.appcompat:appcompat:1.6.1"
-  implementation "com.google.android.material:material:1.12.0"
-  implementation "androidx.constraintlayout:constraintlayout:2.2.0"
-  implementation("com.github.bumptech.glide:glide:4.16.0")
-  annotationProcessor("com.github.bumptech.glide:compiler:4.16.0")
+  implementation 'com.facebook.react:react-native:+' 
+  implementation files('libs/Qms_plugin-release.aar')
+  implementation 'androidx.appcompat:appcompat:1.6.1'
+
+  implementation 'com.squareup.okhttp3:logging-interceptor:4.12.0'
+    implementation 'com.google.android.material:material:1.9.0'
+    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
+    implementation 'com.kizitonwose.calendar:view:2.3.0'
+
+    // ensure AndroidX Activity and AppCompat (EdgeToEdge lives in activity artifact)
+    implementation 'androidx.activity:activity:1.9.0'
+    implementation 'androidx.activity:activity-ktx:1.9.0'
+    implementation 'androidx.appcompat:appcompat:1.6.1'
+    implementation 'androidx.core:core-ktx:1.12.0'
+
+    implementation 'com.squareup.retrofit2:retrofit:2.9.0'
+    implementation 'com.squareup.okhttp3:okhttp:4.11.0'
+    implementation 'com.squareup.retrofit2:converter-gson:2.9.0'
+    implementation 'com.github.bumptech.glide:glide:4.15.1'
+    implementation 'com.squareup.okhttp3:logging-interceptor:4.12.0'
   
 }

package/android/src/main/java/com/qmsplugin/QmsPluginModule.kt

@@ -3,36 +3,23 @@ package com.qmsplugin
 
 import android.content.Intent
 import com.facebook.react.bridge.*
-import com.convep.qmsplugin.QmsWelcomeActivity
-import com.convep.qmsplugin.dashboard.QmsDashboardActivity
+// import com.convep.qmsplugin.dashboard.QmsDashboardActivity
 
 class QmsPluginModule(private val ctx: ReactApplicationContext)
   : ReactContextBaseJavaModule(ctx) {
 
   override fun getName() = "QmsPlugin"
 
-  @ReactMethod
-  fun openWelcome(promise: Promise) {
-    try {
-      val intent = Intent(ctx, QmsWelcomeActivity::class.java) // from the AAR
-      intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
-      ctx.startActivity(intent)
-      promise.resolve(true)
-    } catch (e: Exception) {
-      promise.reject("QMS_OPEN_FAIL", e)
-    }
-  }
-
-  @ReactMethod
-fun openDashboard(promise: Promise) {
-  try {
-    val intent = Intent(reactApplicationContext, QmsDashboardActivity::class.java)
-    intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
-    reactApplicationContext.startActivity(intent)
-    promise.resolve(true)
-  } catch (e: Exception) {
-    promise.reject("QMS_OPEN_DASHBOARD_FAIL", e)
-  }
-}
+  // @ReactMethod
+// fun openDashboard(promise: Promise) {
+//   try {
+//     val intent = Intent(reactApplicationContext, QmsDashboardActivity::class.java)
+//     intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+//     reactApplicationContext.startActivity(intent)
+//     promise.resolve(true)
+//   } catch (e: Exception) {
+//     promise.reject("QMS_OPEN_DASHBOARD_FAIL", e)
+//   }
+// }
 
 }

package/android/src/main/java/com/qmsplugin/QmsPluginPackage.kt

@@ -4,13 +4,14 @@ import com.facebook.react.ReactPackage
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
-import com.convep.qmsplugin.dashboard.QmsDashboardManager
+import com.example.qms.QmsModule
 
 class QmsPluginPackage : ReactPackage {
-  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> =
-    listOf(QmsPluginModule(reactContext))
-
-  override fun createViewManagers(reactContext: ReactApplicationContext)
-    = listOf<com.facebook.react.uimanager.ViewManager<*, *>>(QmsDashboardManager())
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return listOf(QmsModule(reactContext))
+  }
 
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return emptyList()
+  }
 }

package/ios/QmsPlugin/QmsDashboardViewManager.mm

@@ -5,6 +5,10 @@
 @interface QmsDashboardView : UIView
 @property (nonatomic, strong) UIViewController *dashboardVC;
 @property (nonatomic, assign) BOOL didSetupVC;
+// New props
+@property (nonatomic, copy) NSString *ClientID;
+@property (nonatomic, copy) NSString *ClientCode;
+@property (nonatomic, copy) NSString *user_token;
 @end
 
 @implementation QmsDashboardView
@@ -24,17 +28,54 @@
     UIViewController *parentVC = [UIApplication sharedApplication].keyWindow.rootViewController;
     if (parentVC) {
       [parentVC addChildViewController:_dashboardVC];
-      _dashboardVC.view.frame = parentVC.view.bounds; // Force full screen
+      _dashboardVC.view.frame = parentVC.view.bounds;
       _dashboardVC.view.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
-      [parentVC.view addSubview:_dashboardVC.view];   // Add directly to root VC
+      [parentVC.view addSubview:_dashboardVC.view];
       [_dashboardVC didMoveToParentViewController:parentVC];
       _didSetupVC = YES;
+      
+      // Forward props once the VC is added
+      [self forwardPropsToVC];
     }
   }
 }
 
-@end
+#pragma mark - Prop Setters
+
+- (void)setClientID:(NSString *)ClientID {
+    _ClientID = [ClientID copy];
+    [self forwardProp:@"ClientID" value:_ClientID];
+}
+
+- (void)setClientCode:(NSString *)ClientCode {
+    _ClientCode = [ClientCode copy];
+    [self forwardProp:@"ClientCode" value:_ClientCode];
+}
+
+- (void)setUser_token:(NSString *)user_token {
+    _user_token = [user_token copy];
+    [self forwardProp:@"user_token" value:_user_token];
+}
 
+#pragma mark - Forward Props via KVC
+
+- (void)forwardProp:(NSString *)key value:(NSString *)value {
+    if (_dashboardVC && [_dashboardVC respondsToSelector:NSSelectorFromString(key)]) {
+        @try {
+            [_dashboardVC setValue:value forKey:key];
+        } @catch (NSException *exception) {
+            NSLog(@"⚠️ Failed to set %@ on dashboardVC: %@", key, exception);
+        }
+    }
+}
+
+- (void)forwardPropsToVC {
+    [self forwardProp:@"ClientID" value:_ClientID];
+    [self forwardProp:@"ClientCode" value:_ClientCode];
+    [self forwardProp:@"user_token" value:_user_token];
+}
+
+@end
 
 @interface QmsDashboardViewManager : RCTViewManager
 @end
@@ -47,4 +88,9 @@ RCT_EXPORT_MODULE(QmsDashboardView)
   return [[QmsDashboardView alloc] init];
 }
 
+// ✅ Export the props so JS can pass values
+RCT_EXPORT_VIEW_PROPERTY(ClientID, NSString)
+RCT_EXPORT_VIEW_PROPERTY(ClientCode, NSString)
+RCT_EXPORT_VIEW_PROPERTY(user_token, NSString)
+
 @end

package/ios/QmsPluginFramework.xcframework/ios-arm64/QmsPluginFramework.framework/_CodeSignature/CodeResources

@@ -6,7 +6,7 @@
 	<dict>
 		<key>Assets.car</key>
 		<data>
-		EqtjfGVJUrKupCnFW6lfffSo2ZA=
+		mDeq0E4lblXfFuIgkojjE5zY6hk=
 		</data>
 		<key>Headers/QmsPlugin.h</key>
 		<data>
@@ -18,7 +18,7 @@
 		</data>
 		<key>Info.plist</key>
 		<data>
-		w8N5kkR8hr/wIwb/x0XA5+wVpdo=
+		/JZsUWwwr7A+ZF0o001HQXRnzpI=
 		</data>
 		<key>Modules/module.modulemap</key>
 		<data>
@@ -31,7 +31,7 @@
 		<dict>
 			<key>hash2</key>
 			<data>
-			k78SvGog/XWiM8sEWRQ8ZyFHnocCgVMjS4SisBwChjI=
+			0+eonZqFOeyimWUH94CuUhfXNEulhfi9YeuUE/wnX0s=
 			</data>
 		</dict>
 		<key>Headers/QmsPlugin.h</key>

package/ios/QmsPluginFramework.xcframework/ios-arm64_x86_64-simulator/QmsPluginFramework.framework/_CodeSignature/CodeResources

@@ -6,7 +6,7 @@
 	<dict>
 		<key>Assets.car</key>
 		<data>
-		EqtjfGVJUrKupCnFW6lfffSo2ZA=
+		mDeq0E4lblXfFuIgkojjE5zY6hk=
 		</data>
 		<key>Headers/QmsPlugin.h</key>
 		<data>
@@ -18,7 +18,7 @@
 		</data>
 		<key>Info.plist</key>
 		<data>
-		uEkE+l7bQzwu7vnX83uBlOCEpCk=
+		4pQwOIuYwsUH4Iiw1M402s3Ii8Y=
 		</data>
 		<key>Modules/module.modulemap</key>
 		<data>
@@ -31,7 +31,7 @@
 		<dict>
 			<key>hash2</key>
 			<data>
-			k78SvGog/XWiM8sEWRQ8ZyFHnocCgVMjS4SisBwChjI=
+			0+eonZqFOeyimWUH94CuUhfXNEulhfi9YeuUE/wnX0s=
 			</data>
 		</dict>
 		<key>Headers/QmsPlugin.h</key>

package/lib/module/QmsDashboardView.android.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { View, NativeModules } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  QmsModule
+} = NativeModules;
+export const QmsDashboardView = ({
+  style,
+  ClientID,
+  ClientCode,
+  user_token,
+  autoShow = true
+}) => {
+  useEffect(() => {
+    if (autoShow && QmsModule?.showQms) {
+      // map props to native method args
+      QmsModule.showQms(user_token, ClientID, ClientCode);
+    }
+  }, [ClientID, ClientCode, user_token, autoShow]);
+
+  // Android doesn’t need to show native UI as a "view" here,
+  // we just render an empty container so JSX stays consistent.
+  return /*#__PURE__*/_jsx(View, {
+    style: style
+  });
+};
+//# sourceMappingURL=QmsDashboardView.android.js.map

package/lib/module/QmsDashboardView.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","View","NativeModules","jsx","_jsx","QmsModule","QmsDashboardView","style","ClientID","ClientCode","user_token","autoShow","showQms"],"sourceRoot":"../../src","sources":["QmsDashboardView.android.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,aAAa,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnD,MAAM;EAAEC;AAAU,CAAC,GAAGH,aAQrB;AAED,OAAO,MAAMI,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,QAAQ;EACRC,UAAU;EACVC,UAAU;EACVC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJX,SAAS,CAAC,MAAM;IACd,IAAIW,QAAQ,IAAIN,SAAS,EAAEO,OAAO,EAAE;MAClC;MACAP,SAAS,CAACO,OAAO,CAACF,UAAU,EAAEF,QAAQ,EAAEC,UAAU,CAAC;IACrD;EACF,CAAC,EAAE,CAACD,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,CAAC,CAAC;;EAEhD;EACA;EACA,oBAAOP,IAAA,CAACH,IAAI;IAACM,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC/B,CAAC","ignoreList":[]}

package/lib/module/QmsDashboardView.ios.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import React from 'react';
+import { requireNativeComponent } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+// Make sure your iOS native view manager is exported as "QmsDashboardView"
+const NativeQmsDashboardView = requireNativeComponent('QmsDashboardView');
+export const QmsDashboardView = props => {
+  return /*#__PURE__*/_jsx(NativeQmsDashboardView, {
+    ...props
+  });
+};
+//# sourceMappingURL=QmsDashboardView.ios.js.map

package/lib/module/QmsDashboardView.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","requireNativeComponent","jsx","_jsx","NativeQmsDashboardView","QmsDashboardView","props"],"sourceRoot":"../../src","sources":["QmsDashboardView.ios.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD;AACA,MAAMC,sBAAsB,GAC1BH,sBAAsB,CAAwB,kBAAkB,CAAC;AAEnE,OAAO,MAAMI,gBAAiD,GAAIC,KAAK,IAAK;EAC1E,oBAAOH,IAAA,CAACC,sBAAsB;IAAA,GAAKE;EAAK,CAAG,CAAC;AAC9C,CAAC","ignoreList":[]}

package/lib/module/QmsDashboardView.js

@@ -1,13 +1,42 @@
 "use strict";
 
-// src/QmsDashboardView.tsx
-import React from 'react';
-import { requireNativeComponent, Platform } from 'react-native';
+import React, { useEffect } from 'react';
+import { NativeModules, Platform, requireNativeComponent, View } from 'react-native';
 import { jsx as _jsx } from "react/jsx-runtime";
-const NativeQmsDashboardView = requireNativeComponent(Platform.OS === 'ios' ? 'QmsDashboardView' : 'QmsDashboard');
-export const QmsDashboardView = props => {
-  return /*#__PURE__*/_jsx(NativeQmsDashboardView, {
-    ...props
+const {
+  QmsModule
+} = NativeModules;
+
+// Only resolve the native view on iOS to avoid runtime errors on Android
+const NativeQmsDashboardView = Platform.OS === 'ios' ? requireNativeComponent('QmsDashboardView') : null;
+export const showQms = (token, clientID, clientCode) => {
+  QmsModule?.showQms?.(token, clientID, clientCode);
+};
+export const QmsDashboardView = ({
+  style,
+  clientID = '',
+  clientCode = '',
+  user_token,
+  token,
+  userToken,
+  autoShow = true
+}) => {
+  const effectiveToken = user_token ?? token ?? userToken ?? '';
+  useEffect(() => {
+    if (Platform.OS === 'android' && autoShow) {
+      QmsModule?.showQms?.(effectiveToken, clientID, clientCode);
+    }
+  }, [effectiveToken, clientID, clientCode, autoShow]);
+  if (Platform.OS === 'ios') {
+    return NativeQmsDashboardView && /*#__PURE__*/_jsx(NativeQmsDashboardView, {
+      style: style,
+      ClientID: clientID,
+      ClientCode: clientCode,
+      user_token: effectiveToken
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: style
   });
 };
 //# sourceMappingURL=QmsDashboardView.js.map

package/lib/module/QmsDashboardView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","requireNativeComponent","Platform","jsx","_jsx","NativeQmsDashboardView","OS","QmsDashboardView","props"],"sourceRoot":"../../src","sources":["QmsDashboardView.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,EAAEC,QAAQ,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUhE,MAAMC,sBAAsB,GAAGJ,sBAAsB,CACnDC,QAAQ,CAACI,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,cAC/C,CAAC;AAED,OAAO,MAAMC,gBAA6C,GAAIC,KAAK,IAAK;EACtE,oBAAOJ,IAAA,CAACC,sBAAsB;IAAA,GAAKG;EAAK,CAAG,CAAC;AAC9C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","NativeModules","Platform","requireNativeComponent","View","jsx","_jsx","QmsModule","NativeQmsDashboardView","OS","showQms","token","clientID","clientCode","QmsDashboardView","style","user_token","userToken","autoShow","effectiveToken","ClientID","ClientCode"],"sourceRoot":"../../src","sources":["QmsDashboardView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,aAAa,EACbC,QAAQ,EACRC,sBAAsB,EACtBC,IAAI,QACC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqBtB,MAAM;EAAEC;AAAU,CAAC,GAAGN,aAAa;;AAEnC;AACA,MAAMO,sBAAsB,GAC1BN,QAAQ,CAACO,EAAE,KAAK,KAAK,GACjBN,sBAAsB,CAAW,kBAAkB,CAAC,GACpD,IAAI;AAEV,OAAO,MAAMO,OAAO,GAAGA,CACrBC,KAAc,EACdC,QAAiB,EACjBC,UAAmB,KAChB;EACHN,SAAS,EAAEG,OAAO,GAAGC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,CAAC;AACnD,CAAC;AAED,OAAO,MAAMC,gBAA6C,GAAGA,CAAC;EAC5DC,KAAK;EACLH,QAAQ,GAAG,EAAE;EACbC,UAAU,GAAG,EAAE;EACfG,UAAU;EACVL,KAAK;EACLM,SAAS;EACTC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJ,MAAMC,cAAc,GAAGH,UAAU,IAAIL,KAAK,IAAIM,SAAS,IAAI,EAAE;EAE7DjB,SAAS,CAAC,MAAM;IACd,IAAIE,QAAQ,CAACO,EAAE,KAAK,SAAS,IAAIS,QAAQ,EAAE;MACzCX,SAAS,EAAEG,OAAO,GAAGS,cAAc,EAAEP,QAAQ,EAAEC,UAAU,CAAC;IAC5D;EACF,CAAC,EAAE,CAACM,cAAc,EAAEP,QAAQ,EAAEC,UAAU,EAAEK,QAAQ,CAAC,CAAC;EAEpD,IAAIhB,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE;IACzB,OACED,sBAAsB,iBACpBF,IAAA,CAACE,sBAAsB;MACrBO,KAAK,EAAEA,KAAM;MACbK,QAAQ,EAAER,QAAS;MACnBS,UAAU,EAAER,UAAW;MACvBG,UAAU,EAAEG;IAAe,CAC5B,CACF;EAEL;EAEA,oBAAOb,IAAA,CAACF,IAAI;IAACW,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC/B,CAAC","ignoreList":[]}

package/lib/module/QmsDashboardView.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=QmsDashboardView.types.js.map

package/lib/module/QmsDashboardView.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["QmsDashboardView.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/index.js

@@ -1,35 +1,4 @@
 "use strict";
 
-// import { NativeModules, Platform } from 'react-native';
-
-// type Native = {
-//   openDashboard(): Promise<boolean>;
-// };
-
-// const { QmsPlugin } = NativeModules as { QmsPlugin?: Native };
-
-// if (Platform.OS === 'android' && !QmsPlugin) {
-//   throw new Error(
-//     'QmsPlugin native module not found. Did autolinking fail? Make sure android builds and the package name is com.convep.qmsplugin.'
-//   );
-// }
-
-// export { default as QmsPluginDashboard } from './QmsPluginDashboard';
-// export type { QmsPluginDashboardProps } from './QmsPluginDashboard';
-// export default {
-//   // Keep your methods too if you like
-//   openDashboard: () => (NativeModules as any).QmsPlugin.openDashboard?.(),
-// };
-//log
-
-import QmsPlugin from "./NativeQmsPlugin.js";
-export { QmsDashboardView } from "./QmsDashboardView.js";
-export function showPluginUI() {
-  QmsPlugin.showPluginUI();
-}
-
-// export default {
-//   showPluginUI,
-//   QmsDashboardView,
-// };
+export { QmsDashboardView } from './QmsDashboardView';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["QmsPlugin","QmsDashboardView","showPluginUI"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,SAAS,MAAM,sBAAmB;AACzC,SAASC,gBAAgB,QAAQ,uBAAoB;AAErD,OAAO,SAASC,YAAYA,CAAA,EAAS;EACnCF,SAAS,CAACE,YAAY,CAAC,CAAC;AAC1B;;AAEA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["QmsDashboardView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}

package/lib/typescript/src/QmsDashboardView.android.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { QmsDashboardViewProps } from './QmsDashboardView.types';
+export declare const QmsDashboardView: React.FC<QmsDashboardViewProps>;
+//# sourceMappingURL=QmsDashboardView.android.d.ts.map

package/lib/typescript/src/QmsDashboardView.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QmsDashboardView.android.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAYtE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiB5D,CAAC"}

package/lib/typescript/src/QmsDashboardView.d.ts

@@ -4,7 +4,11 @@ export type QmsDashboardProps = {
     style?: ViewStyle;
     clientID?: string;
     clientCode?: string;
+    user_token?: string;
+    token?: string;
     userToken?: string;
+    autoShow?: boolean;
 };
+export declare const showQms: (token?: string, clientID?: string, clientCode?: string) => void;
 export declare const QmsDashboardView: React.FC<QmsDashboardProps>;
 //# sourceMappingURL=QmsDashboardView.d.ts.map

package/lib/typescript/src/QmsDashboardView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QmsDashboardView.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAExD,CAAC"}
+{"version":3,"file":"QmsDashboardView.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAUF,eAAO,MAAM,OAAO,WACV,MAAM,aACH,MAAM,eACJ,MAAM,SAGpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+BxD,CAAC"}

package/lib/typescript/src/QmsDashboardView.ios.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { QmsDashboardViewProps } from './QmsDashboardView.types';
+export declare const QmsDashboardView: React.FC<QmsDashboardViewProps>;
+//# sourceMappingURL=QmsDashboardView.ios.d.ts.map

package/lib/typescript/src/QmsDashboardView.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QmsDashboardView.ios.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAMtE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAE5D,CAAC"}

package/lib/typescript/src/QmsDashboardView.types.d.ts

@@ -0,0 +1,9 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export type QmsDashboardViewProps = {
+    style?: StyleProp<ViewStyle>;
+    ClientID?: string;
+    ClientCode?: string;
+    user_token?: string;
+    autoShow?: boolean;
+};
+//# sourceMappingURL=QmsDashboardView.types.d.ts.map

package/lib/typescript/src/QmsDashboardView.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QmsDashboardView.types.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

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

@@ -1,3 +1,3 @@
 export { QmsDashboardView } from './QmsDashboardView';
-export declare function showPluginUI(): void;
+export type { QmsDashboardViewProps } from './QmsDashboardView.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,wBAAgB,YAAY,IAAI,IAAI,CAEnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@convep_mobilogy/react-native-qms-plugin",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "To handle defect managment",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/QmsDashboardView.android.tsx

@@ -0,0 +1,32 @@
+import React, { useEffect } from 'react';
+import { View, NativeModules } from 'react-native';
+import type { QmsDashboardViewProps } from './QmsDashboardView.types';
+
+const { QmsModule } = NativeModules as {
+  QmsModule?: {
+    showQms?: (
+      userToken?: string,
+      clientID?: string,
+      clientCode?: string
+    ) => void;
+  };
+};
+
+export const QmsDashboardView: React.FC<QmsDashboardViewProps> = ({
+  style,
+  ClientID,
+  ClientCode,
+  user_token,
+  autoShow = true,
+}) => {
+  useEffect(() => {
+    if (autoShow && QmsModule?.showQms) {
+      // map props to native method args
+      QmsModule.showQms(user_token, ClientID, ClientCode);
+    }
+  }, [ClientID, ClientCode, user_token, autoShow]);
+
+  // Android doesn’t need to show native UI as a "view" here,
+  // we just render an empty container so JSX stays consistent.
+  return <View style={style} />;
+};

package/src/QmsDashboardView.ios.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { requireNativeComponent } from 'react-native';
+import type { QmsDashboardViewProps } from './QmsDashboardView.types';
+
+// Make sure your iOS native view manager is exported as "QmsDashboardView"
+const NativeQmsDashboardView =
+  requireNativeComponent<QmsDashboardViewProps>('QmsDashboardView');
+
+export const QmsDashboardView: React.FC<QmsDashboardViewProps> = (props) => {
+  return <NativeQmsDashboardView {...props} />;
+};

package/src/QmsDashboardView.tsx

@@ -1,19 +1,75 @@
-// src/QmsDashboardView.tsx
-import React from 'react';
-import { requireNativeComponent, Platform } from 'react-native';
+import React, { useEffect } from 'react';
+import {
+  NativeModules,
+  Platform,
+  requireNativeComponent,
+  View,
+} from 'react-native';
 import type { ViewStyle } from 'react-native';
 
+type IOSProps = {
+  style?: ViewStyle;
+  ClientID?: string;
+  ClientCode?: string;
+  user_token?: string;
+};
+
 export type QmsDashboardProps = {
   style?: ViewStyle;
   clientID?: string;
   clientCode?: string;
+  // prefer snake_case to match native expectation; keep others for compatibility
+  user_token?: string;
+  token?: string;
   userToken?: string;
+  autoShow?: boolean;
 };
 
-const NativeQmsDashboardView = requireNativeComponent<QmsDashboardProps>(
-  Platform.OS === 'ios' ? 'QmsDashboardView' : 'QmsDashboard'
-);
+const { QmsModule } = NativeModules;
+
+// Only resolve the native view on iOS to avoid runtime errors on Android
+const NativeQmsDashboardView =
+  Platform.OS === 'ios'
+    ? requireNativeComponent<IOSProps>('QmsDashboardView')
+    : null;
+
+export const showQms = (
+  token?: string,
+  clientID?: string,
+  clientCode?: string
+) => {
+  QmsModule?.showQms?.(token, clientID, clientCode);
+};
+
+export const QmsDashboardView: React.FC<QmsDashboardProps> = ({
+  style,
+  clientID = '',
+  clientCode = '',
+  user_token,
+  token,
+  userToken,
+  autoShow = true,
+}) => {
+  const effectiveToken = user_token ?? token ?? userToken ?? '';
+
+  useEffect(() => {
+    if (Platform.OS === 'android' && autoShow) {
+      QmsModule?.showQms?.(effectiveToken, clientID, clientCode);
+    }
+  }, [effectiveToken, clientID, clientCode, autoShow]);
+
+  if (Platform.OS === 'ios') {
+    return (
+      NativeQmsDashboardView && (
+        <NativeQmsDashboardView
+          style={style}
+          ClientID={clientID}
+          ClientCode={clientCode}
+          user_token={effectiveToken}
+        />
+      )
+    );
+  }
 
-export const QmsDashboardView: React.FC<QmsDashboardProps> = (props) => {
-  return <NativeQmsDashboardView {...props} />;
+  return <View style={style} />;
 };

package/src/QmsDashboardView.types.ts

@@ -0,0 +1,9 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+
+export type QmsDashboardViewProps = {
+  style?: StyleProp<ViewStyle>;
+  ClientID?: string;
+  ClientCode?: string;
+  user_token?: string;
+  autoShow?: boolean; // optional: Android uses this, iOS can ignore
+};

package/src/index.tsx

@@ -1,33 +1,2 @@
-// import { NativeModules, Platform } from 'react-native';
-
-// type Native = {
-//   openDashboard(): Promise<boolean>;
-// };
-
-// const { QmsPlugin } = NativeModules as { QmsPlugin?: Native };
-
-// if (Platform.OS === 'android' && !QmsPlugin) {
-//   throw new Error(
-//     'QmsPlugin native module not found. Did autolinking fail? Make sure android builds and the package name is com.convep.qmsplugin.'
-//   );
-// }
-
-// export { default as QmsPluginDashboard } from './QmsPluginDashboard';
-// export type { QmsPluginDashboardProps } from './QmsPluginDashboard';
-// export default {
-//   // Keep your methods too if you like
-//   openDashboard: () => (NativeModules as any).QmsPlugin.openDashboard?.(),
-// };
-//log
-
-import QmsPlugin from './NativeQmsPlugin';
 export { QmsDashboardView } from './QmsDashboardView';
-
-export function showPluginUI(): void {
-  QmsPlugin.showPluginUI();
-}
-
-// export default {
-//   showPluginUI,
-//   QmsDashboardView,
-// };
+export type { QmsDashboardViewProps } from './QmsDashboardView.types';