manage-app-sdk 0.0.2

package/dist/navigation/Routes.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeStack = require("@react-navigation/native-stack");
+var _ChooseYourPlan = _interopRequireDefault(require("../screens/ChooseYourPlan/ChooseYourPlan"));
+var _native = require("@react-navigation/native");
+var _SelectApps = _interopRequireDefault(require("../screens/SelectApps/SelectApps"));
+var _PlanSummary = _interopRequireDefault(require("../screens/PlanSummary/PlanSummary"));
+var _PrimePlanSummary = _interopRequireDefault(require("../screens/PrimePlanSummary/PrimePlanSummary"));
+var _RoutesConstants = require("./RoutesConstants");
+var _PaymentStatus = _interopRequireDefault(require("../screens/PaymentStatus/PaymentStatus"));
+var _CreateSession = _interopRequireDefault(require("../screens/CreateSession/CreateSession"));
+var _MyPlan = _interopRequireDefault(require("../screens/MyPlan/MyPlan"));
+var _AppsReplacement = _interopRequireDefault(require("../screens/AppsReplacement/AppsReplacement"));
+var _ChooseApp = _interopRequireDefault(require("../screens/AppDiscontinue/ChooseApp"));
+var _CancelPlan = _interopRequireDefault(require("../screens/PlanCancellation/CancelPlan"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Stack = (0, _nativeStack.createNativeStackNavigator)();
+const Routes = ({
+  rootTag,
+  androidProps,
+  onClose,
+  onReady
+}) => {
+  const navigation = (0, _native.useNavigation)();
+  const initialProps = {
+    onClose,
+    onReady
+  };
+  return /*#__PURE__*/_react.default.createElement(Stack.Navigator, {
+    screenOptions: {
+      contentStyle: {
+        backgroundColor: "black"
+      },
+      header: null,
+      navigationBarColor: "black"
+    }
+  }, /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    name: _RoutesConstants.RoutesConstants.CreateSession,
+    component: _CreateSession.default
+  }), /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    initialParams: initialProps,
+    name: _RoutesConstants.RoutesConstants.ChooseYourPlan,
+    component: _ChooseYourPlan.default
+  }), /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    initialParams: initialProps,
+    name: _RoutesConstants.RoutesConstants.SelectApps,
+    component: _SelectApps.default
+  }), /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    initialParams: initialProps,
+    name: _RoutesConstants.RoutesConstants.PlanSummary,
+    component: _PlanSummary.default
+  }), /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    initialParams: initialProps,
+    name: _RoutesConstants.RoutesConstants.PrimePlanSummary,
+    component: _PrimePlanSummary.default
+  }), /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    initialParams: initialProps,
+    name: _RoutesConstants.RoutesConstants.PaymentStatus,
+    component: _PaymentStatus.default
+  }), /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    initialParams: initialProps,
+    name: _RoutesConstants.RoutesConstants.MyPlan,
+    component: _MyPlan.default
+  }), /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    initialParams: initialProps,
+    name: _RoutesConstants.RoutesConstants.AppReplace,
+    component: _AppsReplacement.default
+  }), /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    initialParams: initialProps,
+    name: _RoutesConstants.RoutesConstants.ChooseApp,
+    component: _ChooseApp.default
+  }), /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+    initialParams: initialProps,
+    name: _RoutesConstants.RoutesConstants.CancelPlan,
+    component: _CancelPlan.default
+  }));
+};
+var _default = exports.default = Routes; //

package/dist/navigation/RoutesConstants.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoutesConstants = void 0;
+const RoutesConstants = exports.RoutesConstants = {
+  CreateSession: "CreateSession",
+  PaymentStatus: "PaymentStatus",
+  ChooseYourPlan: "ChooseYourPlan",
+  PrimePlanSummary: "PrimePlanSummary",
+  SelectApps: "SelectApps",
+  PlanSummary: "PlanSummary",
+  MyPlan: "MyPlan",
+  AppReplace: "AppReplace",
+  ChooseApp: "ChooseApp",
+  CancelPlan: "CancelPlan"
+};

package/dist/screens/AppDiscontinue/ChooseApp.js

@@ -0,0 +1,325 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _native = require("@react-navigation/native");
+var _reactRedux = require("react-redux");
+var _AppConstant = require("../../assets/AppConstant");
+var _lodash = require("lodash");
+var _action = require("../../services/apiCall/action");
+var _commonUtils = require("../../utils/commonUtils");
+var _Home = require("../../Constants/Home");
+var _action2 = require("../../services/global/action");
+var _serviceCommonHandler = require("../../services/serviceCommonHandler");
+var _PopUp = _interopRequireDefault(require("../../components/PopUps/PopUp/PopUp"));
+var _string = require("../../utils/string");
+var _Loader = _interopRequireDefault(require("../../components/Loader/Loader"));
+var _ManageAppHeader = _interopRequireDefault(require("../../components/Header/ManageAppHeader"));
+var _AppIcon = _interopRequireDefault(require("../../components/AppIcon/AppIcon"));
+var _Toast = _interopRequireDefault(require("../../components/Toast/Toast"));
+var _OneButtonFooter = _interopRequireDefault(require("../../components/Footer/OnButtonFooter/OneButtonFooter"));
+var _TickSvg = _interopRequireDefault(require("../../assets/svg/TickSvg"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const AppsReplacement = () => {
+  var _AppConstant$getManif, _userAppsList$BUCKET, _userAppsList$BUCKET2;
+  const [pageData, setPageData] = (0, _react.useState)({});
+  const [appsData, setAppsData] = (0, _react.useState)();
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const navigation = (0, _native.useNavigation)();
+  const route = (0, _native.useRoute)();
+  const {
+    onClose,
+    onReady
+  } = route === null || route === void 0 ? void 0 : route.params;
+  let bucketName = "BUCKET1";
+  const {
+    errorCode,
+    isLoading,
+    showToastMsg,
+    toastMessage
+  } = (0, _reactRedux.useSelector)(state => state.commonReducer);
+  const {
+    createSessionResponse,
+    getPacksResponse,
+    appRemoved,
+    userAppsList,
+    selectedPack,
+    offerId,
+    offerNames,
+    selectedTenure
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer);
+  const {
+    source,
+    bingeAnywhere = "",
+    userApps,
+    analyticSource,
+    replaceApp = false,
+    journey,
+    accountId,
+    mixpanelId = "",
+    appliedCouponDetails,
+    existingPacks: {
+      tenure,
+      packValidity,
+      primeEligible
+    } = {},
+    referralSource,
+    journeySourceRefld
+  } = createSessionResponse || {};
+  const {
+    productList,
+    tenuresList
+  } = (getPacksResponse === null || getPacksResponse === void 0 ? void 0 : getPacksResponse.data) || {};
+  const appNamesList = _AppConstant.AppConstant.getManifestJson() ?? [];
+  const errorInfoApiPath = _AppConstant.AppConstant.getApiUrlFromManifest("err_info_api") ?? "";
+  const errorInfoApi = (0, _commonUtils.replaceStringWithParams)(errorInfoApiPath, {
+    "<source>": `${source}`
+  });
+  const errorMsg = (_AppConstant$getManif = _AppConstant.AppConstant.getManifestJson()) === null || _AppConstant$getManif === void 0 ? void 0 : _AppConstant$getManif.errorMsg;
+  const amazonSelectedOrNot = !(0, _lodash.isEmpty)((_userAppsList$BUCKET = userAppsList["BUCKET1"]) === null || _userAppsList$BUCKET === void 0 ? void 0 : _userAppsList$BUCKET.appsName) && ((_userAppsList$BUCKET2 = userAppsList["BUCKET1"]) === null || _userAppsList$BUCKET2 === void 0 ? void 0 : _userAppsList$BUCKET2.appsName.includes("Prime")) || false;
+  const setTenure = (0, _react.useCallback)(() => {
+    const item = productList === null || productList === void 0 ? void 0 : productList.find(it => it.packId == selectedPack.selectedPackID);
+    const itemWithTenureList = (0, _string.jsonCopy)(item);
+    itemWithTenureList.tenureList = tenuresList === null || tenuresList === void 0 ? void 0 : tenuresList[item === null || item === void 0 ? void 0 : item.productClass];
+    const isItemInTenureEnabled = !(0, _lodash.isEmpty)(tenuresList) && (tenuresList === null || tenuresList === void 0 ? void 0 : tenuresList[itemWithTenureList === null || itemWithTenureList === void 0 ? void 0 : itemWithTenureList.productClass].filter(tenure => tenure.packId === itemWithTenureList.packId));
+    const packIdSelected = isItemInTenureEnabled[0].packId;
+    const packNameSelected = isItemInTenureEnabled[0].packName;
+    const packObj = {
+      selectedPackID: packIdSelected,
+      selectedPackName: packNameSelected
+    };
+    dispatch((0, _action.setSelectedPack)({
+      pack: packObj
+    }));
+    dispatch((0, _action.setSelectedTenure)(isItemInTenureEnabled[0]));
+    try {
+      const apiPath = _AppConstant.AppConstant.getApiUrlFromManifest("savePacks");
+      const savePacksApi = (0, _commonUtils.replaceStringWithParams)(apiPath, {
+        "<source>": `${source}`
+      });
+      const apiPath1 = _AppConstant.AppConstant.getApiUrlFromManifest("pageRedirection");
+      const redirectionApi = (0, _commonUtils.replaceStringWithParams)(apiPath1, {
+        "<source>": `${source}`
+      });
+      const obj = {
+        userAppList: userAppsList,
+        selectedPack: itemWithTenureList.packId,
+        selectedPackName: itemWithTenureList.packName,
+        selectedTenure: isItemInTenureEnabled[0] || "",
+        pageConstants: _Home.pageConstants,
+        navigation,
+        savePacksApi,
+        redirectionApi,
+        source,
+        productType: itemWithTenureList.productType,
+        bingeAnywhere,
+        productClass: itemWithTenureList.productClass,
+        journey,
+        replaceApp,
+        item: itemWithTenureList
+      };
+      (0, _commonUtils.fetchTenureData)(obj);
+    } catch (error) {
+      (0, _commonUtils.handleError)(error, dispatch);
+    }
+  }, [productList, tenuresList, userAppsList]);
+  const redirectToPage = () => {
+    //TODO  callThirdPartyApi();
+    setTenure();
+  };
+  (0, _react.useEffect)(() => {
+    fetchData();
+    return () => dispatch((0, _action.resetRemovedApps)());
+  }, []);
+  const fetchData = (0, _react.useCallback)(async () => {
+    dispatch((0, _action2.showLoader)());
+    try {
+      const apiPath = _AppConstant.AppConstant.getApiUrlFromManifest("select_apps");
+      const responseObj = await (0, _commonUtils.fetchWithHeaders)(apiPath, _serviceCommonHandler.serviceConsts.method.get);
+      if (responseObj && responseObj.status == "SUCCESS") {
+        var _responseObj$data;
+        setPageData(responseObj === null || responseObj === void 0 || (_responseObj$data = responseObj.data) === null || _responseObj$data === void 0 ? void 0 : _responseObj$data.field_json_data);
+        dispatch((0, _action2.hideLoader)());
+        const pack = productList === null || productList === void 0 ? void 0 : productList.find(it => (it === null || it === void 0 ? void 0 : it.packId) == selectedPack.selectedPackID);
+        const appList = pack === null || pack === void 0 ? void 0 : pack.appList[Object.keys(pack.appList)[0]];
+        const userAppsId = userApps === null || userApps === void 0 ? void 0 : userApps.map(item => item.appId);
+        const filteredList = appList === null || appList === void 0 ? void 0 : appList.filter(item => !(userAppsId !== null && userAppsId !== void 0 && userAppsId.includes(item.appId)) && !item.isComplimentary);
+        const {
+          orderedApps
+        } = (0, _commonUtils.reOrderingSortedData)(filteredList, pack);
+        setAppsData(orderedApps);
+      } else {
+        dispatch((0, _action2.hideLoader)());
+        (0, _commonUtils.sendErrorInfo)({
+          errCode: responseObj.status,
+          errMsg: `${responseObj.status} ${_AppConstant.AppConstant.getManifestJson().apiPath["select_apps"]} api failed`,
+          errorInfoApi
+        });
+        dispatch((0, _action2.setApiError)("Something went wrong. Please try again later", true));
+        dispatch((0, _action2.showModal)({
+          modalData: errorMsg,
+          type: "success",
+          Component: _PopUp.default
+        }));
+      }
+    } catch (error) {
+      (0, _commonUtils.sendErrorInfo)({
+        errCode: "NA",
+        errMsg: `${error.message} select_apps json`,
+        errorInfoApi
+      });
+      dispatch((0, _action2.setApiError)("Something went wrong. Please try again later", true));
+      dispatch((0, _action2.showModal)({
+        modalData: errorMsg,
+        type: "success",
+        Component: _PopUp.default
+      }));
+    } finally {
+      onReady === null || onReady === void 0 || onReady();
+    }
+  }, [productList, userApps, dispatch, errorInfoApi, onReady]);
+  const selectApp = (checked, appId, bucketName, appName, journeyName = "") => {
+    if (checked) {
+      dispatch((0, _action.setUserSelectedApps)({
+        appId,
+        bucketName,
+        errMsg: pageData === null || pageData === void 0 ? void 0 : pageData.errMssg,
+        appName,
+        maxApps: userApps === null || userApps === void 0 ? void 0 : userApps.length
+      }));
+    } else {
+      dispatch((0, _action.removeSelectedUserApps)({
+        appId,
+        bucketName,
+        appName
+      }));
+    }
+  };
+  (0, _react.useLayoutEffect)(() => {
+    navigation.setOptions({
+      header: props => /*#__PURE__*/_react.default.createElement(_ManageAppHeader.default, (0, _extends2.default)({}, props, {
+        title: (0, _commonUtils.renameAppNames)((0, _commonUtils.replaceStringWithParams)(pageData.discontinueAppTitle, {
+          "!appName!": journeySourceRefld
+        }), appNamesList) ?? "Choose a app",
+        onBackPress:
+        //TODO handle on back press in header in Choose App
+        // () => {
+        //   if (!navigation.canGoBack()) {
+        //     navigation.reset({
+        //       index: 0,
+        //       routes: [{ name: "RoutesConstants.ChooseApp" }],
+        //     });
+        //   }
+        // }
+        null,
+        onClosePress:
+        //TODO handle on close in header in Choose App
+        null
+      }))
+    });
+  }, [pageData, navigation]);
+  if (!errorCode && ((0, _lodash.isEmpty)(userApps) || (0, _lodash.isEmpty)(appsData))) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _styles.default.outerContainer
+    }, /*#__PURE__*/_react.default.createElement(Image, {
+      source: (0, _commonUtils.isTablet)() ? require("../../assets/images/tablet-bg.png") : require("../../assets/images/mobile-bg.png"),
+      style: _styles.default.imageBackground
+    }), /*#__PURE__*/_react.default.createElement(_Loader.default, null));
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.default.outerContainer
+  }, /*#__PURE__*/_react.default.createElement(Image, {
+    source: (0, _commonUtils.getBackgroundImageSource)(),
+    style: _styles.default.imageBackground
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.default.innerContainer
+  }, !(0, _lodash.isEmpty)(appsData) && !(0, _lodash.isEmpty)(userApps) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    contentContainerStyle: _styles.default.mainContainer
+  }, !(0, _lodash.isEmpty)(userApps) && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    entering: _reactNativeReanimated.FadeInUp.duration(100)
+  }, /*#__PURE__*/_react.default.createElement(AppsGrid, {
+    appsList: userApps,
+    selectApp: selectApp,
+    bucketName: bucketName,
+    journeyName: journey
+  })), !(0, _lodash.isEmpty)(appRemoved) && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    entering: _reactNativeReanimated.FadeInUp.duration(200),
+    exiting: _reactNativeReanimated.FadeOutUp.duration(200),
+    style: _styles.default.stepContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.default.stepperLine
+  }), !(0, _lodash.isEmpty)(appsData) && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _styles.default.stepTitle
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.stepText2), !(0, _lodash.isEmpty)(appsData) && /*#__PURE__*/_react.default.createElement(AppsGrid, {
+    appsList: appsData,
+    selectApp: selectApp,
+    bucketName: bucketName
+  }))), showToastMsg && /*#__PURE__*/_react.default.createElement(_Toast.default, {
+    img: require("../../assets/images/desktop-alert.png"),
+    type: "select-page",
+    message: toastMessage
+  }), /*#__PURE__*/_react.default.createElement(_OneButtonFooter.default, {
+    buttonText: (pageData === null || pageData === void 0 ? void 0 : pageData.btnText) || "Confirm & Proceed",
+    disabled: (0, _lodash.isEmpty)(userAppsList["BUCKET1"].apps) || userAppsList["BUCKET1"].apps.length < userAppsList["BUCKET1"].maxApps ? true : false,
+    onClick: redirectToPage
+  })), isLoading && /*#__PURE__*/_react.default.createElement(_Loader.default, null)));
+};
+const AppsGrid = ({
+  appsList,
+  selectApp,
+  bucketName = "",
+  journeyName = ""
+}) => {
+  if ((0, _lodash.isEmpty)(appsList)) return null;
+  const {
+    userAppsList
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer);
+  const noOfColsMobile = appsList.length < 3 ? 2 : appsList.length === 4 ? 2 : 3;
+  const noOfColsTablet = 4;
+  const rows = (0, _lodash.chunk)(appsList, (0, _commonUtils.isTablet)() ? noOfColsTablet : noOfColsMobile);
+  const isCheckedOrNot = (0, _react.useCallback)((appId, bucketType = "BUCKET1") => {
+    if (!(0, _lodash.isEmpty)(userAppsList[bucketType])) {
+      const appsList = [...userAppsList[bucketType].apps];
+      return appsList.includes(appId);
+    } else {
+      return false;
+    }
+  }, [userAppsList[`${bucketName}`]]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.default.gridContainerStyle
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _styles.default.gridContentContainerStyle
+  }, rows.map((row, rowIndex) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: rowIndex,
+    style: _styles.default.columnWrapperStyle
+  }, row.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: `${item === null || item === void 0 ? void 0 : item.appId}_${index}`,
+    style: _styles.default.checkMarkNIconContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    activeOpacity: 0.7,
+    onPress: () => {
+      selectApp(!isCheckedOrNot(item === null || item === void 0 ? void 0 : item.appId, bucketName), item === null || item === void 0 ? void 0 : item.appId, bucketName, item === null || item === void 0 ? void 0 : item.appName, journeyName);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_AppIcon.default, {
+    appId: item === null || item === void 0 ? void 0 : item.appId,
+    appName: item === null || item === void 0 ? void 0 : item.appName,
+    width: 60,
+    height: 60,
+    style: _styles.default.iconStyle
+  })), isCheckedOrNot(item === null || item === void 0 ? void 0 : item.appId, bucketName) && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    entering: ZoomIn.duration(100),
+    exiting: ZoomOut.duration(150),
+    style: _styles.default.checkMark
+  }, /*#__PURE__*/_react.default.createElement(_TickSvg.default, {
+    style: _styles.default.checkSvg
+  }))))))));
+};
+var _default = exports.default = AppsReplacement;

package/dist/screens/AppDiscontinue/styles.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _commonUtils = require("../../utils/commonUtils");
+var _AppConstant = require("../../assets/AppConstant");
+var _fontUtils = require("../../utils/fontUtils");
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+var _default = exports.default = styles = _reactNative.StyleSheet.create({
+  imageBackground: {
+    width: "100%",
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    height: "30%"
+  },
+  mainContainer: {
+    // flex: 1,
+    alignItems: "center",
+    paddingBottom: 170
+  },
+  innerContainer: {
+    flex: 1,
+    alignItems: "center"
+  },
+  outerContainer: {
+    flex: 1,
+    alignItems: "center"
+  },
+  stepper: {
+    width: (0, _commonUtils.isTablet)() ? ratio * 500 : "100%",
+    height: 100,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  stepperImage: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 500 : 335),
+    resizeMode: "contain"
+  },
+  stepTitle: {
+    fontSize: (0, _AppConstant.normalizeFont)(18),
+    lineHeight: (0, _AppConstant.normalizeFont)(18),
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    color: "#D6C6F4"
+  },
+  stepContainer: {
+    alignItems: "center"
+  },
+  stepText: {
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  iconStyle: {
+    width: 76 * ratio
+  },
+  gridContainerStyle: {
+    marginTop: 16 * ratio
+  },
+  columnWrapperStyle: {
+    flexDirection: "row",
+    gap: 35 * ratio
+  },
+  gridContentContainerStyle: {
+    gap: 16 * ratio
+  },
+  stepperLine: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 500 : 335),
+    height: 2 * ratio,
+    backgroundColor: "#D6C6F4",
+    marginVertical: 16 * ratio
+  },
+  checkMarkNIconContainer: {},
+  checkMark: {
+    width: 18 * ratio,
+    height: 18 * ratio,
+    backgroundColor: "#e10192",
+    zIndex: 999,
+    position: "absolute",
+    top: -5 * ratio,
+    right: 0,
+    borderRadius: 50,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  checkSvg: {
+    width: 10 * ratio,
+    height: 10 * ratio
+  }
+});