fix: fixed invariation violation

README.md

@@ -309,6 +309,7 @@ This sections helps to attach custom views inside designated sections in the pay
 
 You can follow the below syntax to attach the component.
 ```ts
+HyperSdkReact.notifyAboutRegisterComponent(HyperSdkReact.JuspayHeaderAttached)
 AppRegistry.registerComponent(HyperSdkReact.JuspayHeaderAttached, () => CustomComponent);
 ```
 

android/src/main/java/in/juspay/hypersdkreact/HyperSdkReactModule.java

@@ -36,6 +36,7 @@
 import java.lang.ref.WeakReference;
 import java.util.Arrays;
 import java.util.HashMap;
+import java.util.HashSet;
 import java.util.Map;
 import java.util.Set;
 
@@ -77,6 +78,8 @@ public class HyperSdkReactModule extends ReactContextBaseJavaModule implements A
 
     private boolean wasProcessWithActivity = false;
 
+    private Set<String> registeredComponents = new HashSet<>();
+
     @NonNull
     private WeakReference<Activity> processActivityRef = new WeakReference<>(null);
 
@@ -276,16 +279,20 @@ public View getMerchantView(ViewGroup viewGroup, MerchantViewType merchantViewTy
                             ReactRootView reactRootView = new ReactRootView(activity);
                             switch (merchantViewType) {
                                 case HEADER:
-                                    reactRootView.startReactApplication(reactInstanceManager, MerchantViewConstants.JUSPAY_HEADER);
+                                    if (isViewRegistered(MerchantViewConstants.JUSPAY_HEADER))
+                                        reactRootView.startReactApplication(reactInstanceManager, MerchantViewConstants.JUSPAY_HEADER);
                                     break;
                                 case FOOTER:
-                                    reactRootView.startReactApplication(reactInstanceManager, MerchantViewConstants.JUSPAY_FOOTER);
+                                    if (isViewRegistered(MerchantViewConstants.JUSPAY_FOOTER))
+                                        reactRootView.startReactApplication(reactInstanceManager, MerchantViewConstants.JUSPAY_FOOTER);
                                     break;
                                 case FOOTER_ATTACHED:
-                                    reactRootView.startReactApplication(reactInstanceManager, MerchantViewConstants.JUSPAY_FOOTER_ATTACHED);
+                                    if (isViewRegistered(MerchantViewConstants.JUSPAY_FOOTER_ATTACHED))
+                                        reactRootView.startReactApplication(reactInstanceManager, MerchantViewConstants.JUSPAY_FOOTER_ATTACHED);
                                     break;
                                 case HEADER_ATTACHED:
-                                    reactRootView.startReactApplication(reactInstanceManager, MerchantViewConstants.JUSPAY_HEADER_ATTACHED);
+                                    if (isViewRegistered(MerchantViewConstants.JUSPAY_HEADER_ATTACHED))
+                                        reactRootView.startReactApplication(reactInstanceManager, MerchantViewConstants.JUSPAY_HEADER_ATTACHED);
                                     break;
                             }
                             return reactRootView;
@@ -298,6 +305,10 @@ public View getMerchantView(ViewGroup viewGroup, MerchantViewType merchantViewTy
         }
     }
 
+    private boolean isViewRegistered(String tag) {
+        return registeredComponents.contains(tag);
+    }
+
     private void sendEventToJS(JSONObject data) {
         DeviceEventManagerModule.RCTDeviceEventEmitter jsModule = getJSModule();
         if (jsModule == null) {
@@ -470,6 +481,11 @@ public void terminate() {
         }
     }
 
+    @ReactMethod
+    public void notifyAboutRegisterComponent(String tag) {
+        registeredComponents.add(tag);
+    }
+
     @ReactMethod(isBlockingSynchronousMethod = true)
     public boolean isNull() {
         return hyperServices == null;

example/index.js

@@ -7,8 +7,10 @@ import HyperSdkReact from 'hyper-sdk-react';
 
 AppRegistry.registerComponent(appName, () => App);
 
+HyperSdkReact.notifyAboutRegisterComponent(HyperSdkReact.JuspayHeaderAttached)
 AppRegistry.registerComponent(
   HyperSdkReact.JuspayHeaderAttached,
   () => JuspayTopViewAttached
 );
+HyperSdkReact.notifyAboutRegisterComponent(HyperSdkReact.JuspayHeader)
 AppRegistry.registerComponent(HyperSdkReact.JuspayHeader, () => JuspayTopView);

ios/HyperSdkReact.mm

@@ -49,6 +49,8 @@ -(void)didMoveToSuperview {
 
 @implementation SdkDelegate
 
+NSMutableSet<NSString *> *registeredComponents = [[NSMutableSet alloc] init];
+
 - (id)initWithBridge:(RCTBridge *)bridge {
     // Hold references to all merchant views provided to the sdk
     self.rootHolder = [[NSMutableDictionary alloc] init];
@@ -98,13 +100,13 @@ - (UIView * _Nullable)merchantViewForViewType:(NSString * _Nonnull)viewType {
     // Create a SDKRootView so that we can attach width constraints once it is attached to it's parent
     RCTRootView *rrv = [SDKRootView alloc];
     NSString *moduleName = @"JP_003";
-    if ([viewType isEqual:@"HEADER"]) {
+    if ([viewType isEqual:@"HEADER"] && [registeredComponents containsObject:@"JuspayHeader"]) {
         moduleName = @"JuspayHeader";
-    } else if ([viewType isEqual:@"HEADER_ATTACHED"]) {
+    } else if ([viewType isEqual:@"HEADER_ATTACHED"] && [registeredComponents containsObject:@"JuspayHeaderAttached"]) {
         moduleName = @"JuspayHeaderAttached";
-    } else if ([viewType isEqual:@"FOOTER"]) {
+    } else if ([viewType isEqual:@"FOOTER"] && [registeredComponents containsObject:@"JuspayFooter"]) {
         moduleName = @"JuspayFooter";
-    } else if ([viewType isEqual:@"FOOTER_ATTACHED"]) {
+    } else if ([viewType isEqual:@"FOOTER_ATTACHED"] && [registeredComponents containsObject:@"JuspayFooterAttached"]) {
         moduleName = @"JuspayFooterAttached";
     }
 
@@ -272,6 +274,10 @@ -(void)stopObserving {
     }
 }
 
+RCT_EXPORT_METHOD(notifyAboutRegisterComponent:(NSString *)viewType) {
+    [registeredComponents addObject:viewType];
+}
+
 RCT_EXPORT_METHOD(isInitialised:(RCTPromiseResolveBlock)resolve  reject:(RCTPromiseRejectBlock)reject) {
     if (self.hyperInstance) {
         resolve(self.hyperInstance.isInitialised? @true : @false);

src/index.tsx

@@ -53,6 +53,7 @@ type HyperSdkReactType = {
   updateBaseViewController(): void;
   openPaymentPage(data: string): void;
   updateMerchantViewHeight(tag: string, height: number): void;
+  notifyAboutRegisterComponent(tag: string): void;
   JuspayHeader: string;
   JuspayHeaderAttached: string;
   JuspayFooter: string;