manage-app-sdk 0.0.2

package/dist/screens/SelectApps/SelectAppsStyles.js

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _AppConstant = require("../../assets/AppConstant");
+var _fontUtils = require("../../utils/fontUtils");
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+var _default = exports.default = styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+    // justifyContent: "center",
+  },
+  innerContainer: {
+    flex: 1,
+    alignItems: "center"
+  },
+  ScrollViewContainer: {},
+  listContainer: {
+    alignSelf: "center",
+    justifyContent: "center",
+    rowGap: 22 * ratio,
+    marginTop: 10 * ratio,
+    marginBottom: 20 * ratio
+  },
+  columnWrapperStyle: {
+    columnGap: 28
+  },
+  itemApps: {
+    borderRadius: 6,
+    width: 56 * ratio,
+    height: 56 * ratio,
+    alignItems: "center"
+    // marginHorizontal: 10 * ratio,
+  },
+  title: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(16),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  titleApps: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(11),
+    color: "#220046",
+    textAlign: "center",
+    marginTop: 4
+  },
+  confirmButton: {
+    backgroundColor: "gray",
+    alignItems: "center",
+    borderRadius: 3,
+    paddingVertical: 10,
+    margin: 15,
+    width: "100%"
+  },
+  enabledButton: {
+    backgroundColor: "#e10192"
+  },
+  imageFlexi199: {
+    width: "100%",
+    height: "100%",
+    resizeMode: "cover"
+  },
+  headerColor: {
+    backgroundColor: "#efe8fa"
+  },
+  headerText: {
+    color: "black",
+    fontSize: _AppConstant.AppConstant.normalizeFont(20)
+  },
+  appIcon: {
+    width: 64 * ratio,
+    height: 64 * ratio,
+    borderRadius: 6
+  },
+  appDesc: {
+    width: 64 * ratio,
+    fontSize: _AppConstant.AppConstant.normalizeFont(10),
+    color: "#220046",
+    fontFamily: _fontUtils.FONTS.Medium,
+    marginVertical: 5 * ratio,
+    textAlign: "center"
+  },
+  subheading: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(16),
+    color: "#220046",
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  choosableAppsContainer: {
+    backgroundColor: "#efe8fa",
+    width: 360 * ratio,
+    paddingTop: 10 * ratio,
+    paddingHorizontal: 20 * ratio
+  },
+  complimentaryAppsContainer: {
+    width: 360 * ratio,
+    paddingHorizontal: 22 * ratio,
+    marginBottom: 200 * ratio
+  },
+  complimentaryTextContainer: {
+    flexDirection: "row",
+    marginVertical: 8 * ratio,
+    alignItems: "center"
+  },
+  complmentaryHeading: {
+    color: "#ffe8f7",
+    fontSize: _AppConstant.AppConstant.normalizeFont(16),
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  complmentaryDesc: {
+    color: "#ffe8f7",
+    fontSize: _AppConstant.AppConstant.normalizeFont(14),
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  giftGIF: {
+    width: 35 * ratio,
+    height: 35 * ratio,
+    left: -12 * ratio
+  },
+  checkMark: {
+    width: 20 * ratio,
+    height: 20 * ratio,
+    backgroundColor: "#e10192",
+    zIndex: 999,
+    position: "absolute",
+    top: -5 * ratio,
+    right: -10 * ratio,
+    borderRadius: 50,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  appAndCheckMarkContainer: {
+    position: "relative"
+  },
+  checkSvg: {
+    width: 10 * ratio,
+    height: 10 * ratio
+  },
+  whiteBackground: {
+    // backgroundColor: "#efe8fa",
+    alignItems: "center"
+  },
+  blackBackground: {
+    alignItems: "center"
+  },
+  footerAndToastContainer: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  primeAddOn: {
+    width: "100%",
+    marginBottom: -2,
+    borderRadius: 0
+  },
+  primeContainerStyle: {
+    width: 500
+  },
+  imageBackground: {
+    width: "100%",
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    height: "30%"
+  }
+});

package/dist/screens/SplashScreen/SplashScreen.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeLinearGradient = require("react-native-linear-gradient");
+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 slideFadeOut = () => {
+  "worklet";
+
+  return {
+    initialValues: {
+      opacity: 1,
+      transform: [{
+        translateX: 0
+      }]
+    },
+    animations: {
+      opacity: (0, _reactNativeReanimated.withTiming)(0, {
+        duration: 200,
+        easing: _reactNativeReanimated.Easing.linear
+      }),
+      transform: [{
+        translateX: (0, _reactNativeReanimated.withTiming)(-60, {
+          duration: 200,
+          easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
+        })
+      }]
+    }
+  };
+};
+const SplashScreen = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    exiting: slideFadeOut,
+    style: styles.splashContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.LinearGradient, {
+    colors: ["#340368ff", "#140128ff"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 0,
+      y: 1
+    },
+    style: _reactNative.StyleSheet.absoluteFill
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.Image, {
+    entering: _reactNativeReanimated.FadeInLeft.easing(_reactNativeReanimated.Easing.linear).duration(200),
+    source: require("../../assets/png/Tataplay-Binge.png"),
+    resizeMode: "contain",
+    style: styles.bingeLogo
+  }));
+};
+var _default = exports.default = SplashScreen;
+const styles = _reactNative.StyleSheet.create({
+  splashContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 999,
+    pointerEvents: "none"
+  },
+  linearGradient: {
+    flex: 1,
+    ..._reactNative.StyleSheet.absoluteFill
+  },
+  bingeLogo: {
+    width: "75%",
+    maxWidth: 280,
+    height: 90
+  }
+});