NTP-15148 | GI | Self Serve Plan Migration Flow (#14226)

Co-authored-by: Prajjaval Verma <prajjaval.verma@navi.com>
Co-authored-by: Balrambhai Sharma <sharma.balrambhai@navi.com>

components/reusable/content-widget/CommonContentWidget.tsx

@@ -5,6 +5,7 @@ const CommonContentWidgets = ({
   screenData,
   handleActions,
   handleClick,
+  pointerEvents,
 }: WidgetComponentProps) => {
   return (
     <WidgetViewRenderer
@@ -12,6 +13,7 @@ const CommonContentWidgets = ({
       handleActions={handleActions}
       screenState={screenData?.screenState}
       handleClick={handleClick}
+      pointerEvents={pointerEvents}
     />
   );
 };

components/reusable/footer/CommonFooter.tsx

@@ -9,6 +9,7 @@ const CommonFooter = ({
   screenData,
   handleActions,
   handleClick,
+  pointerEvents,
 }: WidgetComponentProps) => {
   if (!screenData?.screenWidgets?.footerWidgets?.length) {
     return null;
@@ -25,6 +26,7 @@ const CommonFooter = ({
         handleActions={handleActions}
         screenState={screenData.screenState}
         handleClick={handleClick}
+        pointerEvents={pointerEvents}
       />
     </View>
   );

components/reusable/gradient-border/GradientBorder.tsx

@@ -1,7 +1,7 @@
 import { View, ViewStyle } from "react-native";
+import { commonStyles } from "../../../App/Container/Navi-Insurance/Styles";
 import { NaviLinearGradient } from "../../../App/common/hooks/useGradient";
 import { GradientBorderData } from "../../../App/common/interface/components/GradientBorderData";
-import { commonStyles } from "../../../App/Container/Navi-Insurance/Styles";
 
 const GradientBorder = ({
   gradientBorderData,

components/reusable/gradient-border/GradientBorderStyles.ts

@@ -0,0 +1,9 @@
+import { StyleSheet } from "react-native";
+
+const styles = StyleSheet.create({
+  overflowHidden: {
+    overflow: "hidden",
+  },
+});
+
+export default styles;

components/reusable/header/CommonHeader.tsx

@@ -7,6 +7,7 @@ const CommonHeader = ({
   handleActions,
   handleClick,
   style,
+  pointerEvents,
 }: WidgetComponentProps) => {
   return (
     <Animated.View style={style}>
@@ -15,6 +16,7 @@ const CommonHeader = ({
         handleActions={handleActions}
         screenState={screenData?.screenState}
         handleClick={handleClick}
+        pointerEvents={pointerEvents}
       />
     </Animated.View>
   );

components/reusable/index.ts

@@ -1,5 +1,6 @@
-export { default as SelectButton } from "./select-button/SelectButton";
-export { default as ItemSeparator } from "./item-separator/ItemSeparator";
-export { default as CommonHeader } from "./header/CommonHeader";
-export { default as CommonFooter } from "./footer/CommonFooter";
 export { default as CommonContentWidgets } from "./content-widget/CommonContentWidget";
+export { default as CommonFooter } from "./footer/CommonFooter";
+export { default as GradientBorder } from "./gradient-border/GradientBorder";
+export { default as CommonHeader } from "./header/CommonHeader";
+export { default as ItemSeparator } from "./item-separator/ItemSeparator";
+export { default as SelectButton } from "./select-button/SelectButton";