replace direct uilib-native imports with optionalDeps, react-native new architecture issues

package.json

@@ -54,7 +54,6 @@
     "react-native-redash": "^12.0.3",
     "semver": "^5.5.0",
     "tinycolor2": "^1.4.2",
-    "uilib-native": "^4.5.0",
     "url-parse": "^1.2.0",
     "wix-react-native-text-size": "1.0.9"
   },
@@ -126,7 +125,8 @@
     "react-test-renderer": "18.2.0",
     "reassure": "^0.4.1",
     "shell-utils": "^1.0.10",
-    "typescript": "5.0.4"
+    "typescript": "5.0.4",
+    "uilib-native": "^4.5.0"
   },
   "peerDependencies": {
     "react": ">=17.0.1",

src/components/featureHighlight/index.tsx

@@ -10,14 +10,15 @@ import {
   TouchableWithoutFeedbackProps,
   LayoutChangeEvent
 } from 'react-native';
-import {HighlighterOverlayView} from 'uilib-native';
+import {UilibNativePackage} from 'optionalDeps';
 import {Colors, Typography} from '../../style';
 import {Constants, asBaseComponent} from '../../commons/new';
 import View from '../view';
 import Text from '../text';
 import Button, {ButtonProps, ButtonSize} from '../button';
 import PageControl, {PageControlProps} from '../pageControl';
 
+const HighlighterOverlayView = UilibNativePackage?.HighlighterOverlayView;
 const defaultOverlayColor = Colors.rgba(Colors.black, 0.82);
 const defaultTextColor = Colors.white;
 const defaultStrokeColor = Colors.rgba(Colors.white, 0.12);

src/index.ts

@@ -1,9 +1,10 @@
 /* ===== General Stuff ===== */
+import {UilibNativePackage} from 'optionalDeps';
+export {UilibNativePackage};
 export {default as Assets} from './assets';
 export type {emojis as EmojisAssetsType} from './assets/emojis';
 export * from './style';
 export * from './services';
-export * from 'uilib-native';
 export {
   asBaseComponent,
   Config,

src/optionalDependencies/UilibNativePackage.ts

@@ -0,0 +1,6 @@
+let UilibNativePackage: any;
+try {
+  UilibNativePackage = require('uilib-native');
+} catch (error) {}
+
+export default UilibNativePackage;

src/optionalDependencies/index.ts

@@ -7,3 +7,4 @@ export {default as HapticFeedbackPackage} from './HapticFeedbackPackage';
 export {default as SvgPackage, SvgCssUri} from './SvgPackage';
 export {createShimmerPlaceholder} from './ShimmerPackage';
 export {default as LinearGradientPackage} from './LinearGradientPackage';
+export {default as UilibNativePackage} from './UilibNativePackage';