manage-app-sdk 0.0.2

package/dist/assets/svg/PlansSvg.js

@@ -0,0 +1,75 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+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 PlansSvg = props => {
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, (0, _extends2.default)({
+    width: 18,
+    height: 14,
+    viewBox: "0 0 18 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M14.2316 1.10358V2.2608H16.7544V11.8978H14.2316V13.0543H17.9116V1.10358H14.2316Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M15.1992 9.39233H14.4282V10.9343H15.1992C15.625 10.9343 15.9702 10.5891 15.9702 10.163C15.9702 9.73751 15.625 9.39233 15.1992 9.39233Z",
+    fill: "#D6C6F4",
+    stroke: "#D6C6F4",
+    strokeWidth: 0.647619
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M15.7004 10.163C15.7002 9.88636 15.4757 9.6625 15.1991 9.6625H14.6986V10.6643H15.1991C15.4758 10.6643 15.7004 10.4398 15.7004 10.163ZM16.2399 10.163C16.2399 10.7378 15.7739 11.2038 15.1991 11.2038H14.1582V9.12213H15.1991C15.7738 9.12213 16.2397 9.5883 16.2399 10.163Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M3.7679 1.10358V2.2608H1.24512V11.8978H3.7679V13.0543H0.0878906V1.10358H3.7679Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M2.72902 9.39233H3.5V10.9343H2.72903C2.30323 10.9343 1.95805 10.5891 1.95805 10.163C1.95805 9.73751 2.30323 9.39233 2.72902 9.39233Z",
+    fill: "#D6C6F4",
+    stroke: "#D6C6F4",
+    strokeWidth: 0.647619
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M2.22786 10.163C2.22803 9.88642 2.4525 9.66256 2.72917 9.66256H3.22965V10.6643H2.72917C2.4524 10.6643 2.22786 10.4398 2.22786 10.163ZM1.68831 10.163C1.68831 10.7379 2.15434 11.2039 2.72917 11.2039H3.77002V9.12219H2.72917C2.15444 9.12219 1.68848 9.58836 1.68831 10.163Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.52002 0.333313H5.09825H12.808H13.3862V0.911544V13.2471V13.8254H12.808H5.09825H4.52002V13.2471V0.911544V0.333313ZM5.67648 1.48978V12.6689H12.2298V1.48978H5.67648Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M6.19482 1.85352H11.7095V2.43175H6.19482V1.85352Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M6.19482 3.01074H11.7095V3.58897H6.19482V3.01074Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M6.19482 4.168H11.7095V4.74623H6.19482V4.168Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M6.19482 5.32522H11.7095V5.90345H6.19482V5.32522Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M6.19482 6.48244H11.7095V7.06067H6.19482V6.48244Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M6.19482 7.63966H11.7095V8.21789H6.19482V7.63966Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M6.19482 8.79688H11.7095V9.37511H6.19482V8.79688Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M6.19482 9.9541H11.7095V10.5323H6.19482V9.9541Z",
+    fill: "#D6C6F4"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M6.19482 11.1113H11.7095V11.6896H6.19482V11.1113Z",
+    fill: "#D6C6F4"
+  }));
+};
+var _default = exports.default = PlansSvg;

package/dist/assets/svg/TickSvg.js

@@ -0,0 +1,28 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = require("react-native-svg");
+const TickSvg = ({
+  color = 'white',
+  style,
+  ...props
+}) => /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Svg, (0, _extends2.default)({
+  width: "14",
+  height: "10",
+  viewBox: "0 0 14 10",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  style: style
+}, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M3.00415 4.67171L5.09654 6.74974L10.9925 0.909058H13.5906L5.73911 8.68687L5.0949 9.32504L4.45151 8.68606L0.409424 4.67171H3.00415Z",
+  fill: color
+}));
+var _default = exports.default = TickSvg;

package/dist/assets/svg/arrowBack.js

@@ -0,0 +1,27 @@
+"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 _reactNativeSvg = require("react-native-svg");
+const ArrowBack = ({
+  color = 'white',
+  style,
+  ...props
+}) => /*#__PURE__*/React.createElement(_reactNativeSvg.Svg, (0, _extends2.default)({
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  style: style
+}, props), /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M8.41683 0.5H10.8335L3.83353 7.16667H15.5002V8.83333H3.83353L10.8335 15.5H8.41683L1.17549 8.60345L0.54187 8L1.17549 7.39655L8.41683 0.5Z",
+  fill: color
+}));
+var _default = exports.default = ArrowBack;

package/dist/assets/svg/arrowSvg.js

@@ -0,0 +1,31 @@
+"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 _reactNativeSvg = require("react-native-svg");
+var _AppConstant = require("../AppConstant");
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const ArrowSvg = ({
+  color = "white",
+  style,
+  width = 10,
+  height = 6,
+  ...props
+}) => /*#__PURE__*/React.createElement(_reactNativeSvg.Svg, (0, _extends2.default)({
+  width: width * ratio,
+  height: height * ratio,
+  viewBox: "0 0 10 6",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  style: style
+}, props), /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M4.9999 5.21411L0.658583 1.69413C0.292085 1.39697 0.292085 0.8378 0.658583 0.540639C0.931165 0.319627 1.32126 0.319627 1.59384 0.540639L4.9999 3.3023L8.40595 0.54064C8.67853 0.319627 9.06863 0.319627 9.34121 0.540639C9.70771 0.8378 9.70771 1.39697 9.34121 1.69413L4.9999 5.21411Z",
+  fill: color
+}));
+var _default = exports.default = ArrowSvg;

package/dist/components/AppIcon/AppIcon.js

@@ -0,0 +1,70 @@
+"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 _serviceCommonHandler = require("../../services/serviceCommonHandler");
+var _AppConstant = require("../../assets/AppConstant");
+var _lodash = require("lodash");
+var _fontUtils = require("../../utils/fontUtils");
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const AppIcon = ({
+  appId,
+  appName,
+  width = 46,
+  height = 46,
+  style = {},
+  iconStyle = {}
+}) => {
+  const uri = _serviceCommonHandler.serviceConsts.baseUrls.imageBaseUrl + appId + ".webp";
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.iconContainer, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.appIconWrapper, {
+      width: width * ratio,
+      height: height * ratio
+    }, iconStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    key: appId,
+    source: {
+      uri: uri
+    },
+    style: styles.appIcon,
+    resizeMode: "contain"
+  })), !(0, _lodash.isEmpty)(appName) && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.appName
+  }, appName));
+};
+var _default = exports.default = AppIcon;
+const styles = _reactNative.StyleSheet.create({
+  iconContainer: {
+    alignItems: "center"
+  },
+  appIconWrapper: {
+    width: 46 * ratio,
+    height: 46 * ratio,
+    overflow: "hidden",
+    justifyContent: "center",
+    alignItems: "center",
+    borderRadius: 4 * ratio
+  },
+  appIcon: {
+    width: "100%",
+    height: "100%",
+    resizeMode: "contain"
+  },
+  appName: {
+    fontSize: (0, _AppConstant.normalizeFont)(10),
+    lineHeight: (0, _AppConstant.normalizeFont)(10),
+    fontFamily: _fontUtils.FONTS.Medium,
+    color: "#C7C0CF",
+    marginTop: 6 * ratio,
+    marginBottom: 2 * ratio,
+    textAlign: "center",
+    width: "100%"
+  }
+});

package/dist/components/AppleBanner/AppleMusicBanner.js

@@ -0,0 +1,36 @@
+"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 _AppleMusicBannerStyles = _interopRequireDefault(require("./AppleMusicBannerStyles"));
+var _react = _interopRequireWildcard(require("react"));
+var _OfferCard = _interopRequireDefault(require("../OfferCard/OfferCard"));
+var _HighlightedText = _interopRequireDefault(require("../HighlightedText/HighlightedText"));
+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 AppleMusicBanner = ({
+  pageData
+}) => {
+  const appleMusicData = (0, _react.useMemo)(() => {
+    var _pageData$desc;
+    return pageData === null || pageData === void 0 || (_pageData$desc = pageData.desc) === null || _pageData$desc === void 0 ? void 0 : _pageData$desc.match(/<span>(.*?)<\/span>(.*)/);
+  }, [pageData === null || pageData === void 0 ? void 0 : pageData.desc]);
+  return /*#__PURE__*/_react.default.createElement(_OfferCard.default, null, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 ? void 0 : pageData.img
+    },
+    style: _AppleMusicBannerStyles.default.image
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 2,
+    style: _AppleMusicBannerStyles.default.appleTitle
+  }, /*#__PURE__*/_react.default.createElement(_HighlightedText.default, {
+    color: "#6b00dd",
+    style: _AppleMusicBannerStyles.default.boldText
+  }, appleMusicData[1]), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _AppleMusicBannerStyles.default.appleDesc
+  }, appleMusicData[2])));
+};
+var _default = exports.default = AppleMusicBanner;

package/dist/components/AppleBanner/AppleMusicBannerStyles.js

@@ -0,0 +1,32 @@
+"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");
+var _commonUtils = require("../../utils/commonUtils");
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+var _default = exports.default = AppleMusicBannerStyles = _reactNative.StyleSheet.create({
+  appleTitle: {
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    paddingHorizontal: 8 * ratio,
+    flexWrap: "wrap",
+    paddingEnd: 50 * ratio
+  },
+  image: {
+    width: 30 * ratio,
+    height: 30 * ratio,
+    marginLeft: 8 * ratio
+  },
+  appleDesc: {
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  boldText: {
+    fontSize: (0, _AppConstant.normalizeFont)(15),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  }
+});

package/dist/components/AppleBanner/AppleMusicBlackBanner.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _AppConstant = require("../../assets/AppConstant");
+var _fontUtils = require("../../utils/fontUtils");
+var _commonUtils = require("../../utils/commonUtils");
+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 AppleMusicBlackBanner = ({
+  pageData
+}) => {
+  const appleMusicData = (0, _react.useMemo)(() => {
+    var _pageData$desc;
+    return pageData === null || pageData === void 0 || (_pageData$desc = pageData.desc) === null || _pageData$desc === void 0 ? void 0 : _pageData$desc.match(/<span>(.*?)<\/span>(.*)/);
+  }, [pageData === null || pageData === void 0 ? void 0 : pageData.desc]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 ? void 0 : pageData.img
+    },
+    style: styles.image
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 2,
+    style: styles.appleTitle
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, appleMusicData[1]), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.appleDesc
+  }, appleMusicData[2])));
+};
+var _default = exports.default = /*#__PURE__*/_react.default.memo(AppleMusicBlackBanner);
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 400 : 320),
+    borderRadius: 10 * ratio,
+    flexDirection: "row",
+    marginTop: 10 * ratio,
+    marginRight: 12 * ratio,
+    alignItems: "center",
+    marginLeft: 12 * ratio
+  },
+  appleTitle: {
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    paddingHorizontal: 8 * ratio,
+    flexWrap: "wrap",
+    paddingEnd: 25 * ratio,
+    color: "#F7F1FF"
+  },
+  image: {
+    width: 30 * ratio,
+    height: 30 * ratio,
+    marginLeft: 8 * ratio
+  },
+  appleDesc: {
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  image: {
+    width: 24 * ratio,
+    height: 24 * ratio
+  }
+});

package/dist/components/AppsContainer/AppsContainer.js

@@ -0,0 +1,112 @@
+"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 _reactNative = require("react-native");
+var _AppConstant = require("../../assets/AppConstant");
+var _AppIcon = _interopRequireDefault(require("../AppIcon/AppIcon"));
+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); }
+/**
+ * This component displays apps like in regional card like if total apps are 6 then 3 in one row and the rest
+ * 3 in another row, if total apps are 7 then 4 apps in top row and the rest 3 apps in the row below it
+ */
+
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const AppIconsGrid = ({
+  appList = [],
+  iconWidth = 56,
+  iconHeight = 56
+}) => {
+  const {
+    rows,
+    isDefault = false
+  } = (0, _react.useMemo)(() => {
+    if (!(appList !== null && appList !== void 0 && appList.length)) return [];
+    const topApps = appList === null || appList === void 0 ? void 0 : appList.filter(app => app.topApps);
+    const nonTopApps = appList === null || appList === void 0 ? void 0 : appList.filter(app => !app.topApps);
+    const combinedApps = [...topApps, ...nonTopApps];
+    if (!(combinedApps !== null && combinedApps !== void 0 && combinedApps.length)) return [];
+    switch (combinedApps.length) {
+      case 4:
+        return {
+          rows: [combinedApps]
+        };
+      case 5:
+      case 6:
+        return {
+          rows: [combinedApps.slice(0, 3), combinedApps.slice(3)]
+        };
+      case 7:
+      case 8:
+        return {
+          rows: [combinedApps.slice(0, 4), combinedApps.slice(4)]
+        };
+      default:
+        {
+          const displayApps = combinedApps;
+          return {
+            rows: [displayApps],
+            isDefault: true
+          };
+        }
+    }
+  }, [appList]);
+  if (!(rows !== null && rows !== void 0 && rows.length)) return null;
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    entering: _reactNativeReanimated.FadeIn.duration(120),
+    exiting: _reactNativeReanimated.FadeOut.duration(120),
+    style: styles.appIconsContainer
+  }, rows.map((row, rowIndex) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: rowIndex,
+    style: [styles.appIconsRow, !isDefault && {
+      justifyContent: "center"
+    }]
+  }, row.map(item => /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    key: item.appId,
+    style: styles.appIconWrapper,
+    entering: _reactNativeReanimated.FadeIn.duration(120),
+    exiting: _reactNativeReanimated.FadeOut.duration(120)
+  }, /*#__PURE__*/_react.default.createElement(_AppIcon.default, {
+    appId: item.appId,
+    width: iconWidth,
+    height: iconHeight
+  }))))));
+};
+var _default = exports.default = /*#__PURE__*/_react.default.memo(AppIconsGrid);
+const styles = _reactNative.StyleSheet.create({
+  appIconsContainer: {
+    width: "100%",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  appIconsRow: {
+    // width: "100%",
+    flexDirection: "row",
+    // justifyContent: "center",
+    alignItems: "center",
+    flexWrap: "wrap",
+    columnGap: 11.57 * ratio
+  },
+  appIconWrapper: {
+    // marginHorizontal: 6 * ratio,
+    marginVertical: 6 * ratio,
+    justifyContent: "center",
+    alignItems: "center",
+    borderRadius: 4 * ratio,
+    overflow: "hidden"
+  },
+  appIcon: {
+    width: "100%",
+    height: "100%",
+    resizeMode: "contain"
+  },
+  centeredRow: {
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});

package/dist/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,173 @@
+"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 _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _AppConstant = require("../../assets/AppConstant");
+var _BottomSheetStyles = _interopRequireDefault(require("./BottomSheetStyles"));
+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 SCREEN_HEIGHT = _AppConstant.AppConstant.dimension.height;
+const BottomSheet = ({
+  backgroundGradientColors = ["#220046", "#020005"],
+  isVisible,
+  onClose,
+  heightPercentage = 60,
+  children,
+  snapPoints,
+  backgroundColor = "white",
+  enablePanGesture = true,
+  animationDuration = 500,
+  backdrop = true,
+  style,
+  adaptToContentHeight = true,
+  maxHeightPercentage = 80
+}) => {
+  const translateY = (0, _reactNativeReanimated.useSharedValue)(SCREEN_HEIGHT);
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const [contentHeight, setContentHeight] = (0, _react.useState)(null);
+
+  // Calculate sheet height based on adaptToContentHeight
+  const calculatedHeight = SCREEN_HEIGHT * heightPercentage / 100;
+  const maxHeight = SCREEN_HEIGHT * maxHeightPercentage / 100;
+  let sheetHeight;
+  if (adaptToContentHeight && contentHeight) {
+    // Use content height but cap it at maxHeight
+    sheetHeight = Math.min(contentHeight, maxHeight);
+  } else {
+    sheetHeight = calculatedHeight;
+  }
+  const snapPointHeights = snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.map(p => SCREEN_HEIGHT * p / 100);
+
+  // Open / close animation
+  (0, _react.useEffect)(() => {
+    if (isVisible) {
+      opacity.value = (0, _reactNativeReanimated.withTiming)(0.5, {
+        duration: animationDuration
+      });
+      translateY.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: animationDuration
+      });
+    } else {
+      opacity.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: animationDuration
+      });
+      translateY.value = (0, _reactNativeReanimated.withTiming)(SCREEN_HEIGHT, {
+        duration: animationDuration
+      }, finished => {
+        if (finished) (0, _reactNativeReanimated.runOnJS)(onClose)(false);
+      });
+    }
+  }, [isVisible, sheetHeight]);
+
+  // Pan gesture
+  const panResponder = _reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => enablePanGesture,
+    onMoveShouldSetPanResponder: () => enablePanGesture,
+    onPanResponderMove: (_, gesture) => {
+      const newY = gesture.dy;
+      if (newY >= 0) {
+        translateY.value = newY;
+      }
+    },
+    onPanResponderRelease: (_, gesture) => {
+      const threshold = sheetHeight * 0.3;
+      if (gesture.dy > threshold || gesture.vy > 0.5) {
+        // Animate close
+        opacity.value = (0, _reactNativeReanimated.withTiming)(0, {
+          duration: animationDuration
+        });
+        translateY.value = (0, _reactNativeReanimated.withTiming)(SCREEN_HEIGHT, {
+          duration: animationDuration
+        }, finished => {
+          if (finished) (0, _reactNativeReanimated.runOnJS)(onClose)();
+        });
+      } else {
+        // Snap back
+        if (snapPointHeights !== null && snapPointHeights !== void 0 && snapPointHeights.length) {
+          const distances = snapPointHeights.map(h => Math.abs(translateY.value - (SCREEN_HEIGHT - h)));
+          const nearestIndex = distances.indexOf(Math.min(...distances));
+          translateY.value = (0, _reactNativeReanimated.withTiming)(SCREEN_HEIGHT - snapPointHeights[nearestIndex], {
+            duration: animationDuration
+          });
+        } else {
+          translateY.value = (0, _reactNativeReanimated.withTiming)(0, {
+            duration: animationDuration
+          });
+        }
+      }
+    }
+  });
+  const animatedSheetStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: translateY.value
+    }]
+  }));
+  const animatedBackdropStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: opacity.value
+  }));
+  const handleClose = () => {
+    opacity.value = (0, _reactNativeReanimated.withTiming)(0, {
+      duration: animationDuration
+    });
+    translateY.value = (0, _reactNativeReanimated.withTiming)(SCREEN_HEIGHT, {
+      duration: animationDuration
+    }, finished => {
+      if (finished) (0, _reactNativeReanimated.runOnJS)(onClose)();
+    });
+  };
+
+  // Handle content layout measurement
+  const handleContentLayout = event => {
+    if (adaptToContentHeight) {
+      const {
+        height
+      } = event.nativeEvent.layout;
+      // Add some padding for handle and margins
+      const totalHeight = height + 55;
+      setContentHeight(totalHeight);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+    behavior: _reactNative.Platform.OS === "ios" ? "padding" : "height",
+    style: _BottomSheetStyles.default.wrapper,
+    pointerEvents: isVisible ? "auto" : "none"
+  }, backdrop && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
+    onPress: handleClose
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [_BottomSheetStyles.default.backdrop, animatedBackdropStyle]
+  })), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, (0, _extends2.default)({
+    style: [_BottomSheetStyles.default.sheet, {
+      height: adaptToContentHeight && !contentHeight ? "auto" : sheetHeight,
+      backgroundColor,
+      bottom: 0
+    }, style, animatedSheetStyle]
+  }, enablePanGesture ? panResponder.panHandlers : {}), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: backgroundGradientColors,
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: _reactNative.StyleSheet.absoluteFill
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _BottomSheetStyles.default.handleContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _BottomSheetStyles.default.handle
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_BottomSheetStyles.default.content],
+    onLayout: handleContentLayout
+  }, children({
+    requestClose: handleClose
+  }))));
+};
+var _default = exports.default = BottomSheet;