@convep_mobilogy/react-native-qms-plugin 0.8.1 → 0.9.1

package/QmsPlugin.podspec

@@ -6,7 +6,12 @@ Pod::Spec.new do |s|
   s.name         = "QmsPlugin"
   s.version      = package["version"]
   s.summary      = package["description"]
-  s.homepage     = package["homepage"]
+  homepage = package["homepage"]
+  if homepage.nil? || homepage.empty?
+    repo_url = package.dig("repository", "url")
+    homepage = repo_url ? repo_url.sub(/\Agit\+/, "") : "https://example.com"
+  end
+  s.homepage     = homepage
   s.license      = package["license"]
   s.authors      = package["author"]
   s.platforms    = { :ios => "12.4" }

package/README.md

@@ -104,6 +104,9 @@ export default function App() {
           clientID= {clientID}
           clientCode={clientCode}
           userToken={userToken}
+          onClose={() => {
+            // Android: unmount the SDK view or navigate back when the SDK exits
+          }}
         />
       </View>
     </SafeAreaView>

package/android/build.gradle

@@ -75,7 +75,7 @@ dependencies {
     implementation "com.facebook.react:react-android"
     implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
     implementation 'com.facebook.react:react-native:+' 
-    implementation "com.convep.qms:qms-plugin:1.9.2"
+    implementation "com.convep.qms:qms-plugin:1.9.8"
     implementation 'androidx.appcompat:appcompat:1.6.1'
 
     implementation 'com.squareup.okhttp3:logging-interceptor:4.12.0'

package/ios/QmsPlugin/QmsDashboardViewManager.mm

@@ -95,3 +95,48 @@ RCT_EXPORT_VIEW_PROPERTY(ClientCode, NSString)
 RCT_EXPORT_VIEW_PROPERTY(user_token, NSString)
 
 @end
+
+#import <React/RCTEventEmitter.h>
+#import <React/RCTBridgeModule.h>
+
+@interface QmsDashboardEmitter : RCTEventEmitter <RCTBridgeModule>
+@end
+
+@implementation QmsDashboardEmitter
+
+RCT_EXPORT_MODULE();
+
++ (id)allocWithZone:(NSZone *)zone {
+    static QmsDashboardEmitter *sharedInstance = nil;
+    static dispatch_once_t onceToken;
+    dispatch_once(&onceToken, ^{
+        sharedInstance = [super allocWithZone:zone];
+    });
+    return sharedInstance;
+}
+
+- (instancetype)init {
+    if (self = [super init]) {
+        // Listen for the framework notification
+        [[NSNotificationCenter defaultCenter] addObserver:self
+                                                 selector:@selector(handleDashboardClose:)
+                                                     name:@"QmsDashboardDidCloseNotification"
+                                                   object:nil];
+    }
+    return self;
+}
+
+- (NSArray<NSString *> *)supportedEvents {
+    return @[@"onClose"];
+}
+
+- (void)handleDashboardClose:(NSNotification *)note {
+    // Send event to JS
+    [self sendEventWithName:@"onClose" body:note.userInfo];
+}
+
+- (void)dealloc {
+    [[NSNotificationCenter defaultCenter] removeObserver:self];
+}
+
+@end

package/ios/QmsPlugin/QmsPluginBridge.mm

@@ -69,7 +69,6 @@ RCT_EXPORT_MODULE()
   });
 }
 
-
 // TurboModule boilerplate
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
     (const facebook::react::ObjCTurboModule::InitParams &)params

package/ios/QmsPluginFramework.xcframework/Info.plist

@@ -8,32 +8,32 @@
 			<key>BinaryPath</key>
 			<string>QmsPluginFramework.framework/QmsPluginFramework</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64</string>
+			<string>ios-arm64_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>QmsPluginFramework.framework</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
 			<string>QmsPluginFramework.framework/QmsPluginFramework</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_x86_64-simulator</string>
+			<string>ios-arm64</string>
 			<key>LibraryPath</key>
 			<string>QmsPluginFramework.framework</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
-				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>

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

@@ -6,7 +6,7 @@
 	<dict>
 		<key>Assets.car</key>
 		<data>
-		4/wVNoFd+WcEg7nmH9Hm5v1nm7s=
+		tiDJHgS+Mbu43+C6GiuoJR1rE/s=
 		</data>
 		<key>Headers/QmsPlugin.h</key>
 		<data>
@@ -31,7 +31,7 @@
 		<dict>
 			<key>hash2</key>
 			<data>
-			zhv68b8E95A9988/pvXA0JKzn5/KsdixWe45ATxfW3g=
+			NzmSax3a+FRy3d2BvvftoEyaWVf17BzGCiO9/CkeCM8=
 			</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>
-		4/wVNoFd+WcEg7nmH9Hm5v1nm7s=
+		tiDJHgS+Mbu43+C6GiuoJR1rE/s=
 		</data>
 		<key>Headers/QmsPlugin.h</key>
 		<data>
@@ -31,7 +31,7 @@
 		<dict>
 			<key>hash2</key>
 			<data>
-			zhv68b8E95A9988/pvXA0JKzn5/KsdixWe45ATxfW3g=
+			NzmSax3a+FRy3d2BvvftoEyaWVf17BzGCiO9/CkeCM8=
 			</data>
 		</dict>
 		<key>Headers/QmsPlugin.h</key>

package/lib/module/QmsDashboardView.android.js

@@ -1,13 +1,14 @@
 "use strict";
 
 import React, { useEffect } from 'react';
-import { View, NativeModules } from 'react-native';
+import { DeviceEventEmitter, NativeModules, View } from 'react-native';
 import { jsx as _jsx } from "react/jsx-runtime";
 const {
   QmsModule
 } = NativeModules;
 export const QmsDashboardView = ({
   style,
+  onClose,
   clientID,
   clientCode,
   ClientID,
@@ -26,6 +27,11 @@ export const QmsDashboardView = ({
       QmsModule.showQms(resolvedToken, resolvedClientID, resolvedClientCode);
     }
   }, [clientID, clientCode, ClientID, ClientCode, user_token, token, userToken, autoShow]);
+  useEffect(() => {
+    if (!onClose) return;
+    const subscription = DeviceEventEmitter.addListener('QmsSdkOnClose', () => onClose());
+    return () => subscription.remove();
+  }, [onClose]);
 
   // Android doesn’t need to show native UI as a "view" here,
   // we just render an empty container so JSX stays consistent.

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","View","NativeModules","jsx","_jsx","QmsModule","QmsDashboardView","style","clientID","clientCode","ClientID","ClientCode","user_token","token","userToken","autoShow","resolvedClientID","resolvedClientCode","resolvedToken","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,QAAQ;EACRC,UAAU;EACVC,UAAU;EACVC,KAAK;EACLC,SAAS;EACTC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJf,SAAS,CAAC,MAAM;IACd,MAAMgB,gBAAgB,GAAGR,QAAQ,IAAIE,QAAQ,IAAI,EAAE;IACnD,MAAMO,kBAAkB,GAAGR,UAAU,IAAIE,UAAU,IAAI,EAAE;IACzD,MAAMO,aAAa,GAAGN,UAAU,IAAIC,KAAK,IAAIC,SAAS,IAAI,EAAE;IAE5D,IAAIC,QAAQ,IAAIV,SAAS,EAAEc,OAAO,EAAE;MAClC;MACAd,SAAS,CAACc,OAAO,CAACD,aAAa,EAAEF,gBAAgB,EAAEC,kBAAkB,CAAC;IACxE;EACF,CAAC,EAAE,CACDT,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,SAAS,EACTC,QAAQ,CACT,CAAC;;EAEF;EACA;EACA,oBAAOX,IAAA,CAACH,IAAI;IAACM,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC/B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","DeviceEventEmitter","NativeModules","View","jsx","_jsx","QmsModule","QmsDashboardView","style","onClose","clientID","clientCode","ClientID","ClientCode","user_token","token","userToken","autoShow","resolvedClientID","resolvedClientCode","resolvedToken","showQms","subscription","addListener","remove"],"sourceRoot":"../../src","sources":["QmsDashboardView.android.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,kBAAkB,EAAEC,aAAa,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvE,MAAM;EAAEC;AAAU,CAAC,GAAGJ,aAQrB;AAED,OAAO,MAAMK,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,UAAU;EACVC,KAAK;EACLC,SAAS;EACTC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJjB,SAAS,CAAC,MAAM;IACd,MAAMkB,gBAAgB,GAAGR,QAAQ,IAAIE,QAAQ,IAAI,EAAE;IACnD,MAAMO,kBAAkB,GAAGR,UAAU,IAAIE,UAAU,IAAI,EAAE;IACzD,MAAMO,aAAa,GAAGN,UAAU,IAAIC,KAAK,IAAIC,SAAS,IAAI,EAAE;IAE5D,IAAIC,QAAQ,IAAIX,SAAS,EAAEe,OAAO,EAAE;MAClC;MACAf,SAAS,CAACe,OAAO,CAACD,aAAa,EAAEF,gBAAgB,EAAEC,kBAAkB,CAAC;IACxE;EACF,CAAC,EAAE,CACDT,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,SAAS,EACTC,QAAQ,CACT,CAAC;EAEFjB,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,OAAO,EAAE;IACd,MAAMa,YAAY,GAAGrB,kBAAkB,CAACsB,WAAW,CAAC,eAAe,EAAE,MACnEd,OAAO,CAAC,CACV,CAAC;IACD,OAAO,MAAMa,YAAY,CAACE,MAAM,CAAC,CAAC;EACpC,CAAC,EAAE,CAACf,OAAO,CAAC,CAAC;;EAEb;EACA;EACA,oBAAOJ,IAAA,CAACF,IAAI;IAACK,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC/B,CAAC","ignoreList":[]}

package/lib/module/QmsDashboardView.ios.js

@@ -1,12 +1,13 @@
 "use strict";
 
-import React from 'react';
-import { requireNativeComponent } from 'react-native';
+import React, { useEffect } from 'react';
+import { NativeEventEmitter, NativeModules, 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 => {
   const {
+    onClose,
     clientID,
     clientCode,
     ClientID,
@@ -20,6 +21,14 @@ export const QmsDashboardView = props => {
   const resolvedClientID = clientID ?? ClientID ?? '';
   const resolvedClientCode = clientCode ?? ClientCode ?? '';
   const resolvedToken = user_token ?? token ?? userToken ?? '';
+  useEffect(() => {
+    if (!onClose) return;
+    const nativeEmitterModule = NativeModules.QmsDashboardEmitter;
+    if (!nativeEmitterModule) return;
+    const emitter = new NativeEventEmitter(nativeEmitterModule);
+    const subscription = emitter.addListener('onClose', onClose);
+    return () => subscription.remove();
+  }, [onClose]);
   return /*#__PURE__*/_jsx(NativeQmsDashboardView, {
     ...rest,
     ClientID: resolvedClientID,

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

@@ -1 +1 @@
-{"version":3,"names":["React","requireNativeComponent","jsx","_jsx","NativeQmsDashboardView","QmsDashboardView","props","clientID","clientCode","ClientID","ClientCode","user_token","userToken","token","rest","resolvedClientID","resolvedClientCode","resolvedToken"],"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,MAAM;IACJC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC,KAAK;IACL;IACA,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,gBAAgB,GAAGR,QAAQ,IAAIE,QAAQ,IAAI,EAAE;EACnD,MAAMO,kBAAkB,GAAGR,UAAU,IAAIE,UAAU,IAAI,EAAE;EACzD,MAAMO,aAAa,GAAGN,UAAU,IAAIE,KAAK,IAAID,SAAS,IAAI,EAAE;EAE5D,oBACET,IAAA,CAACC,sBAAsB;IAAA,GACjBU,IAAI;IACRL,QAAQ,EAAEM,gBAAiB;IAC3BL,UAAU,EAAEM,kBAAmB;IAC/BL,UAAU,EAAEM;EAAc,CAC3B,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","NativeEventEmitter","NativeModules","requireNativeComponent","jsx","_jsx","NativeQmsDashboardView","QmsDashboardView","props","onClose","clientID","clientCode","ClientID","ClientCode","user_token","userToken","token","rest","resolvedClientID","resolvedClientCode","resolvedToken","nativeEmitterModule","QmsDashboardEmitter","emitter","subscription","addListener","remove"],"sourceRoot":"../../src","sources":["QmsDashboardView.ios.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,kBAAkB,EAClBC,aAAa,EACbC,sBAAsB,QACjB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtB;AACA,MAAMC,sBAAsB,GAC1BH,sBAAsB,CAAwB,kBAAkB,CAAC;AAEnE,OAAO,MAAMI,gBAAiD,GAAIC,KAAK,IAAK;EAC1E,MAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC,KAAK;IACL;IACA,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAMU,gBAAgB,GAAGR,QAAQ,IAAIE,QAAQ,IAAI,EAAE;EACnD,MAAMO,kBAAkB,GAAGR,UAAU,IAAIE,UAAU,IAAI,EAAE;EACzD,MAAMO,aAAa,GAAGN,UAAU,IAAIE,KAAK,IAAID,SAAS,IAAI,EAAE;EAE5Df,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,OAAO,EAAE;IACd,MAAMY,mBAAmB,GAAGnB,aAAa,CAACoB,mBAAmB;IAC7D,IAAI,CAACD,mBAAmB,EAAE;IAC1B,MAAME,OAAO,GAAG,IAAItB,kBAAkB,CAACoB,mBAAmB,CAAC;IAC3D,MAAMG,YAAY,GAAGD,OAAO,CAACE,WAAW,CAAC,SAAS,EAAEhB,OAAO,CAAC;IAC5D,OAAO,MAAMe,YAAY,CAACE,MAAM,CAAC,CAAC;EACpC,CAAC,EAAE,CAACjB,OAAO,CAAC,CAAC;EAEb,oBACEJ,IAAA,CAACC,sBAAsB;IAAA,GACjBW,IAAI;IACRL,QAAQ,EAAEM,gBAAiB;IAC3BL,UAAU,EAAEM,kBAAmB;IAC/BL,UAAU,EAAEM;EAAc,CAC3B,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -1 +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,CAkC5D,CAAC"}
+{"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,CA2C5D,CAAC"}

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

@@ -1 +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,CAyB5D,CAAC"}
+{"version":3,"file":"QmsDashboardView.ios.d.ts","sourceRoot":"","sources":["../../../src/QmsDashboardView.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAMtE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmC5D,CAAC"}

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

@@ -1,6 +1,7 @@
 import type { StyleProp, ViewStyle } from 'react-native';
 export type QmsDashboardViewProps = {
     style?: StyleProp<ViewStyle>;
+    onClose?: (event?: unknown) => void;
     /**
      * Preferred camelCase props. Uppercase variants are kept for backwards compatibility
      * with the native iOS view manager prop names.

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

@@ -1 +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;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"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,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/package.json

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

package/src/QmsDashboardView.android.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { View, NativeModules } from 'react-native';
+import { DeviceEventEmitter, NativeModules, View } from 'react-native';
 import type { QmsDashboardViewProps } from './QmsDashboardView.types';
 
 const { QmsModule } = NativeModules as {
@@ -14,6 +14,7 @@ const { QmsModule } = NativeModules as {
 
 export const QmsDashboardView: React.FC<QmsDashboardViewProps> = ({
   style,
+  onClose,
   clientID,
   clientCode,
   ClientID,
@@ -43,6 +44,14 @@ export const QmsDashboardView: React.FC<QmsDashboardViewProps> = ({
     autoShow,
   ]);
 
+  useEffect(() => {
+    if (!onClose) return;
+    const subscription = DeviceEventEmitter.addListener('QmsSdkOnClose', () =>
+      onClose()
+    );
+    return () => subscription.remove();
+  }, [onClose]);
+
   // 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

@@ -1,5 +1,9 @@
-import React from 'react';
-import { requireNativeComponent } from 'react-native';
+import React, { useEffect } from 'react';
+import {
+  NativeEventEmitter,
+  NativeModules,
+  requireNativeComponent,
+} from 'react-native';
 import type { QmsDashboardViewProps } from './QmsDashboardView.types';
 
 // Make sure your iOS native view manager is exported as "QmsDashboardView"
@@ -8,6 +12,7 @@ const NativeQmsDashboardView =
 
 export const QmsDashboardView: React.FC<QmsDashboardViewProps> = (props) => {
   const {
+    onClose,
     clientID,
     clientCode,
     ClientID,
@@ -23,6 +28,15 @@ export const QmsDashboardView: React.FC<QmsDashboardViewProps> = (props) => {
   const resolvedClientCode = clientCode ?? ClientCode ?? '';
   const resolvedToken = user_token ?? token ?? userToken ?? '';
 
+  useEffect(() => {
+    if (!onClose) return;
+    const nativeEmitterModule = NativeModules.QmsDashboardEmitter;
+    if (!nativeEmitterModule) return;
+    const emitter = new NativeEventEmitter(nativeEmitterModule);
+    const subscription = emitter.addListener('onClose', onClose);
+    return () => subscription.remove();
+  }, [onClose]);
+
   return (
     <NativeQmsDashboardView
       {...rest}

package/src/QmsDashboardView.types.ts

@@ -2,6 +2,7 @@ import type { StyleProp, ViewStyle } from 'react-native';
 
 export type QmsDashboardViewProps = {
   style?: StyleProp<ViewStyle>;
+  onClose?: (event?: unknown) => void;
   /**
    * Preferred camelCase props. Uppercase variants are kept for backwards compatibility
    * with the native iOS view manager prop names.