fix: update architecture checks to use isFabricEnabled in RoktLayoutView iOS (#226)

Author: thomson-t

js/rokt/rokt-layout-view.ios.tsx

@@ -3,13 +3,11 @@ import {
   StyleSheet,
   NativeEventEmitter,
   NativeModules,
-  HostComponent,
   ViewProps,
   NativeModule,
-  UIManager,
 } from 'react-native';
 import React, { Component } from 'react';
-import { isNewArchitecture } from '../utils/architecture';
+import { isFabricEnabled } from '../utils/architecture';
 import RoktLayoutNativeComponent from '../codegenSpecs/rokt/RoktLayoutNativeComponent';
 
 const RoktEventManager = NativeModules.RoktEventManager as NativeModule;
@@ -52,7 +50,7 @@ interface RoktNativeLayoutProps extends ViewProps {
 
 // Use the appropriate component based on architecture
 const LayoutNativeComponent = (
-  isNewArchitecture
+  isFabricEnabled
     ? RoktLayoutNativeComponent
     : requireNativeComponent<RoktNativeLayoutProps>('RoktLegacyLayout')
 ) as any;

js/utils/architecture.ts

@@ -2,10 +2,13 @@ import { NativeModules, TurboModuleRegistry, TurboModule } from 'react-native';
 
 declare const global: {
   __turboModuleProxy: unknown;
+  nativeFabricUIManager: unknown;
 };
 
 export const isNewArchitecture = global.__turboModuleProxy != null;
 
+export const isFabricEnabled = global.nativeFabricUIManager != null;
+
 /**
  * Gets the native module for both old and new architectures
  * @param moduleName The name of the module