related-ui-components 1.9.6 → 1.9.8

package/lib/commonjs/components/UnlockRewards/RewardItem.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Badge = _interopRequireDefault(require("../Badges/Badge.js"));
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const RewardItem = ({
+  icon,
+  title,
+  description,
+  status,
+  statusBgColor,
+  statusTextColor,
+  activeIcon,
+  isActive,
+  inactiveIconStyle,
+  activeIconStyle,
+  isRTL = false,
+  containerStyle,
+  badgeStyle,
+  textContainerStyle,
+  titleTextStyle,
+  descriptionTextStyle,
+  statusBadgeStyle,
+  statusTextStyle
+}) => {
+  const {
+    theme,
+    isRTL: rtl
+  } = (0, _index.useTheme)();
+  isRTL = rtl;
+  const styles = themedStyles(theme);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.rewardItemContainer, {
+      flexDirection: isRTL ? "row-reverse" : "row"
+    }, containerStyle],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+      style: [styles.badgeStyle, {
+        marginRight: isRTL ? 0 : 15,
+        marginLeft: isRTL ? 15 : 0
+      }, badgeStyle],
+      isActive: isActive,
+      icon: icon,
+      activeIcon: activeIcon,
+      inactiveStyle: inactiveIconStyle,
+      activeStyle: activeIconStyle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.rewardTextContainer, textContainerStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.rewardTitle, titleTextStyle, isRTL && {
+          textAlign: "right"
+        }],
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.rewardDescription, descriptionTextStyle, isRTL && {
+          textAlign: "right"
+        }],
+        children: description
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.statusBadge, {
+        backgroundColor: statusBgColor
+      }, {
+        right: isRTL ? undefined : 10,
+        left: isRTL ? 10 : undefined
+      }, statusBadgeStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.statusText, {
+          color: statusTextColor
+        }, statusTextStyle],
+        children: status
+      })
+    })]
+  });
+};
+const themedStyles = theme => _reactNative.StyleSheet.create({
+  rewardItemContainer: {
+    alignItems: "center",
+    backgroundColor: theme.surface,
+    borderRadius: 15,
+    padding: 15,
+    marginBottom: 15,
+    width: "100%",
+    borderWidth: 1,
+    borderColor: theme.border
+  },
+  badgeStyle: {
+    borderRadius: 10,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  rewardTextContainer: {
+    flex: 1
+  },
+  rewardTitle: {
+    fontSize: 16,
+    fontWeight: "bold",
+    color: theme.text,
+    marginBottom: 4,
+    textAlign: "left"
+  },
+  rewardDescription: {
+    fontSize: 13,
+    color: theme.helper,
+    lineHeight: 18,
+    textAlign: "left"
+  },
+  statusBadge: {
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    borderRadius: 8,
+    top: 10,
+    position: "absolute",
+    alignSelf: "flex-start",
+    marginTop: 4
+  },
+  statusText: {
+    fontSize: 12,
+    fontWeight: "bold"
+  }
+});
+var _default = exports.default = RewardItem;
+//# sourceMappingURL=RewardItem.js.map

package/lib/commonjs/components/UnlockRewards/RewardItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Badge","_index","_jsxRuntime","e","__esModule","default","RewardItem","icon","title","description","status","statusBgColor","statusTextColor","activeIcon","isActive","inactiveIconStyle","activeIconStyle","isRTL","containerStyle","badgeStyle","textContainerStyle","titleTextStyle","descriptionTextStyle","statusBadgeStyle","statusTextStyle","theme","rtl","useTheme","styles","themedStyles","jsxs","View","style","rewardItemContainer","flexDirection","children","jsx","marginRight","marginLeft","inactiveStyle","activeStyle","rewardTextContainer","Text","rewardTitle","textAlign","rewardDescription","statusBadge","backgroundColor","right","undefined","left","statusText","color","StyleSheet","create","alignItems","surface","borderRadius","padding","marginBottom","width","borderWidth","borderColor","border","justifyContent","flex","fontSize","fontWeight","text","helper","lineHeight","paddingVertical","paddingHorizontal","top","position","alignSelf","marginTop","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UnlockRewards/RewardItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/UnlockRewards/UnlockRewards.js

@@ -0,0 +1,230 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _RewardItem = _interopRequireDefault(require("../UnlockRewards/RewardItem.js"));
+var _Badge = _interopRequireDefault(require("../Badges/Badge.js"));
+var _index = require("../../theme/index.js");
+var _expoLinearGradient = require("expo-linear-gradient");
+var _CloseIcon = _interopRequireDefault(require("../CloseIcon/CloseIcon.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// Import the new component
+
+const UnlockRewards = ({
+  rewards,
+  title,
+  description,
+  activeIconStyle,
+  inactiveIconStyle,
+  onClose,
+  // Keep onClose
+  isRTL,
+  topBackgroundImage,
+  topBackgroundColor: topBackgroundColorProp,
+  topBackgroundHeight = 250,
+  topBackgroundImageStyle,
+  topBackgroundStyle,
+  topGradientColors,
+  topGradientStart,
+  topGradientEnd,
+  topGradientLocations,
+  cardContainerStyle,
+  mainTitleStyle,
+  subtitleStyle,
+  rewardsContainerStyle,
+  smallIconsRowStyle,
+  rewardItemContainerStyle,
+  rewardItemIconWrapperStyle,
+  rewardItemTextContainerStyle,
+  rewardItemTitleTextStyle,
+  rewardItemDescriptionTextStyle,
+  rewardItemStatusBadgeStyle,
+  rewardItemStatusTextStyle,
+  showCloseIcon = true,
+  customCloseIcon,
+  closeIconVariant = "nested",
+  closeIconContainerStyle,
+  closeIconStyle,
+  closeIconColor,
+  closeIconSize = 28,
+  customTopBackground
+}) => {
+  const {
+    theme,
+    isRTL: rtl
+  } = (0, _index.useTheme)();
+  isRTL = isRTL || rtl;
+  const styles = (0, _react.useMemo)(() => themedStyles(theme), [theme]);
+  const topBackgroundColor = topBackgroundColorProp ?? theme.surface;
+  const finalCardStyle = _reactNative.StyleSheet.flatten([styles.cardContainer, cardContainerStyle]);
+  const cardBorderRadius = finalCardStyle.borderRadius ?? 20;
+  const topBackgroundBorderRadius = {
+    borderTopLeftRadius: cardBorderRadius,
+    borderTopRightRadius: cardBorderRadius
+  };
+  const topElementBaseStyle = [styles.topBackgroundBase, topBackgroundBorderRadius, topBackgroundStyle, {
+    height: topBackgroundHeight
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.cardContainer, cardContainerStyle],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
+      show: showCloseIcon,
+      onPress: onClose,
+      customIcon: customCloseIcon,
+      variant: closeIconVariant,
+      containerStyle: closeIconContainerStyle,
+      iconStyle: closeIconStyle,
+      color: closeIconColor // Pass the prop down
+      ,
+      size: closeIconSize,
+      isRTL: isRTL
+    }), !customTopBackground ? topGradientColors && topGradientColors.length >= 2 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+      colors: topGradientColors,
+      start: topGradientStart,
+      end: topGradientEnd,
+      locations: topGradientLocations,
+      style: topElementBaseStyle
+    }) : topBackgroundImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
+      source: topBackgroundImage,
+      style: topElementBaseStyle,
+      imageStyle: [styles.topBackgroundImageStyle, topBackgroundBorderRadius, topBackgroundImageStyle],
+      resizeMode: "cover"
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [...topElementBaseStyle, {
+        backgroundColor: topBackgroundColor
+      }]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: topElementBaseStyle,
+      children: customTopBackground
+    }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.mainTitle, mainTitleStyle],
+      children: title
+    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.subtitle, subtitleStyle],
+      children: description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.rewardsContainer, rewardsContainerStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.smallIconsRow, smallIconsRowStyle, isRTL && {
+          flexDirection: "row-reverse"
+        }],
+        children: rewards.map((reward, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+          isActive: reward.isActive,
+          icon: reward.icon,
+          activeIcon: reward.activeIcon,
+          inactiveStyle: inactiveIconStyle,
+          activeStyle: activeIconStyle
+        }, `badge-${index}`))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          maxHeight: 300
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+          data: rewards,
+          keyExtractor: (_, idx) => `reward-${idx}`,
+          showsVerticalScrollIndicator: false,
+          renderItem: ({
+            item,
+            index
+          }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RewardItem.default, {
+            icon: item.icon,
+            activeIcon: item.activeIcon,
+            isActive: item.isActive,
+            title: item.title,
+            description: item.description,
+            status: item.status,
+            statusBgColor: item.statusBackgroundColor,
+            statusTextColor: item.statusTextColor,
+            activeIconStyle: activeIconStyle,
+            inactiveIconStyle: inactiveIconStyle,
+            containerStyle: rewardItemContainerStyle,
+            badgeStyle: rewardItemIconWrapperStyle,
+            textContainerStyle: rewardItemTextContainerStyle,
+            titleTextStyle: rewardItemTitleTextStyle,
+            descriptionTextStyle: rewardItemDescriptionTextStyle,
+            statusBadgeStyle: rewardItemStatusBadgeStyle,
+            statusTextStyle: rewardItemStatusTextStyle,
+            isRTL: isRTL
+          }, `reward-${index}`)
+        })
+      })]
+    })]
+  });
+};
+const themedStyles = theme => _reactNative.StyleSheet.create({
+  cardContainer: {
+    backgroundColor: theme.surface,
+    borderRadius: 20,
+    padding: 20,
+    paddingTop: 40,
+    width: "100%",
+    maxWidth: 400,
+    alignItems: "center",
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 5,
+    elevation: 5,
+    position: "relative",
+    borderWidth: 1,
+    borderColor: theme.border
+  },
+  topBackgroundBase: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    zIndex: 0
+  },
+  topBackgroundImageStyle: {},
+  closeIconContainer: {
+    position: "absolute",
+    zIndex: 10
+  },
+  mainTitle: {
+    fontSize: 26,
+    fontWeight: "bold",
+    color: theme.text,
+    marginBottom: 8,
+    textAlign: "center",
+    zIndex: 1
+  },
+  subtitle: {
+    fontSize: 14,
+    color: theme.helper,
+    textAlign: "center",
+    marginBottom: 25,
+    paddingHorizontal: 10,
+    zIndex: 1
+  },
+  rewardsContainer: {
+    backgroundColor: theme.background,
+    padding: 20,
+    borderRadius: 20,
+    width: "100%",
+    zIndex: 1,
+    borderWidth: 1,
+    borderColor: theme.border
+  },
+  smallIconsRow: {
+    flexDirection: "row",
+    justifyContent: "space-around",
+    alignItems: "center",
+    marginBottom: 30,
+    paddingVertical: 15,
+    backgroundColor: theme.surface,
+    borderRadius: 15
+  }
+});
+var _default = exports.default = UnlockRewards;
+//# sourceMappingURL=UnlockRewards.js.map

package/lib/commonjs/components/UnlockRewards/UnlockRewards.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_RewardItem","_interopRequireDefault","_Badge","_index","_expoLinearGradient","_CloseIcon","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnlockRewards","rewards","title","description","activeIconStyle","inactiveIconStyle","onClose","isRTL","topBackgroundImage","topBackgroundColor","topBackgroundColorProp","topBackgroundHeight","topBackgroundImageStyle","topBackgroundStyle","topGradientColors","topGradientStart","topGradientEnd","topGradientLocations","cardContainerStyle","mainTitleStyle","subtitleStyle","rewardsContainerStyle","smallIconsRowStyle","rewardItemContainerStyle","rewardItemIconWrapperStyle","rewardItemTextContainerStyle","rewardItemTitleTextStyle","rewardItemDescriptionTextStyle","rewardItemStatusBadgeStyle","rewardItemStatusTextStyle","showCloseIcon","customCloseIcon","closeIconVariant","closeIconContainerStyle","closeIconStyle","closeIconColor","closeIconSize","customTopBackground","theme","rtl","useTheme","styles","useMemo","themedStyles","surface","finalCardStyle","StyleSheet","flatten","cardContainer","cardBorderRadius","borderRadius","topBackgroundBorderRadius","borderTopLeftRadius","borderTopRightRadius","topElementBaseStyle","topBackgroundBase","height","jsxs","View","style","children","jsx","show","onPress","customIcon","variant","containerStyle","iconStyle","color","size","length","LinearGradient","colors","start","end","locations","ImageBackground","source","imageStyle","resizeMode","backgroundColor","Text","mainTitle","subtitle","rewardsContainer","smallIconsRow","flexDirection","map","reward","index","isActive","icon","activeIcon","inactiveStyle","activeStyle","maxHeight","FlatList","data","keyExtractor","_","idx","showsVerticalScrollIndicator","renderItem","item","status","statusBgColor","statusBackgroundColor","statusTextColor","badgeStyle","textContainerStyle","titleTextStyle","descriptionTextStyle","statusBadgeStyle","statusTextStyle","create","padding","paddingTop","width","maxWidth","alignItems","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","position","borderWidth","borderColor","border","top","left","right","zIndex","closeIconContainer","fontSize","fontWeight","text","marginBottom","textAlign","helper","paddingHorizontal","background","justifyContent","paddingVertical","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UnlockRewards/UnlockRewards.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAWA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAA+C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAG,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAC;;AAqDhD,MAAMW,aAA2C,GAAGA,CAAC;EACnDC,OAAO;EACPC,KAAK;EACLC,WAAW;EACXC,eAAe;EACfC,iBAAiB;EACjBC,OAAO;EAAE;EACTC,KAAK;EACLC,kBAAkB;EAClBC,kBAAkB,EAAEC,sBAAsB;EAC1CC,mBAAmB,GAAG,GAAG;EACzBC,uBAAuB;EACvBC,kBAAkB;EAClBC,iBAAiB;EACjBC,gBAAgB;EAChBC,cAAc;EACdC,oBAAoB;EACpBC,kBAAkB;EAClBC,cAAc;EACdC,aAAa;EACbC,qBAAqB;EACrBC,kBAAkB;EAClBC,wBAAwB;EACxBC,0BAA0B;EAC1BC,4BAA4B;EAC5BC,wBAAwB;EACxBC,8BAA8B;EAC9BC,0BAA0B;EAC1BC,yBAAyB;EACzBC,aAAa,GAAG,IAAI;EACpBC,eAAe;EACfC,gBAAgB,GAAG,QAAQ;EAC3BC,uBAAuB;EACvBC,cAAc;EACdC,cAAc;EACdC,aAAa,GAAG,EAAE;EAClBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC,KAAK;IAAE/B,KAAK,EAAEgC;EAAI,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxCjC,KAAK,GAAGA,KAAK,IAAIgC,GAAG;EACpB,MAAME,MAAM,GAAG,IAAAC,cAAO,EAAC,MAAKC,YAAY,CAACL,KAAK,CAAC,EAAE,CAAEA,KAAK,CAAC,CAAC;EAE1D,MAAM7B,kBAAkB,GAAGC,sBAAsB,IAAI4B,KAAK,CAACM,OAAO;EAElE,MAAMC,cAAc,GAAGC,uBAAU,CAACC,OAAO,CAAC,CACxCN,MAAM,CAACO,aAAa,EACpB9B,kBAAkB,CACnB,CAAC;EACF,MAAM+B,gBAAgB,GAAGJ,cAAc,CAACK,YAAY,IAAI,EAAE;EAE1D,MAAMC,yBAAyB,GAAG;IAChCC,mBAAmB,EAAEH,gBAAgB;IACrCI,oBAAoB,EAAEJ;EACxB,CAAC;EAED,MAAMK,mBAAmB,GAAG,CAC1Bb,MAAM,CAACc,iBAAiB,EACxBJ,yBAAyB,EACzBtC,kBAAkB,EAClB;IAAE2C,MAAM,EAAE7C;EAAoB,CAAC,CAChC;EAED,oBACE,IAAAhC,WAAA,CAAA8E,IAAA,EAACrF,YAAA,CAAAsF,IAAI;IAACC,KAAK,EAAE,CAAClB,MAAM,CAACO,aAAa,EAAE9B,kBAAkB,CAAE;IAAA0C,QAAA,gBAEtD,IAAAjF,WAAA,CAAAkF,GAAA,EAACnF,UAAA,CAAAI,OAAS;MACRgF,IAAI,EAAEhC,aAAc;MACpBiC,OAAO,EAAEzD,OAAQ;MACjB0D,UAAU,EAAEjC,eAAgB;MAC5BkC,OAAO,EAAEjC,gBAAiB;MAC1BkC,cAAc,EAAEjC,uBAAwB;MACxCkC,SAAS,EAAEjC,cAAe;MAC1BkC,KAAK,EAAEjC,cAAe,CAAC;MAAA;MACvBkC,IAAI,EAAEjC,aAAc;MACpB7B,KAAK,EAAEA;IAAM,CACd,CAAC,EAID,CAAC8B,mBAAmB,GACnBvB,iBAAiB,IAAIA,iBAAiB,CAACwD,MAAM,IAAI,CAAC,gBAChD,IAAA3F,WAAA,CAAAkF,GAAA,EAACpF,mBAAA,CAAA8F,cAAc;MACbC,MAAM,EAAE1D,iBAAyB;MACjC2D,KAAK,EAAE1D,gBAAiB;MACxB2D,GAAG,EAAE1D,cAAe;MACpB2D,SAAS,EAAE1D,oBAA4B;MACvC0C,KAAK,EAAEL;IAAoB,CAC5B,CAAC,GACA9C,kBAAkB,gBACpB,IAAA7B,WAAA,CAAAkF,GAAA,EAACzF,YAAA,CAAAwG,eAAe;MACdC,MAAM,EAAErE,kBAAmB;MAC3BmD,KAAK,EAAEL,mBAAoB;MAC3BwB,UAAU,EAAE,CACVrC,MAAM,CAAC7B,uBAAuB,EAC9BuC,yBAAyB,EACzBvC,uBAAuB,CACvB;MACFmE,UAAU,EAAC;IAAO,CACnB,CAAC,gBAEF,IAAApG,WAAA,CAAAkF,GAAA,EAACzF,YAAA,CAAAsF,IAAI;MACHC,KAAK,EAAE,CACL,GAAGL,mBAAmB,EACtB;QAAE0B,eAAe,EAAEvE;MAAmB,CAAC;IACvC,CACH,CACF,gBAED,IAAA9B,WAAA,CAAAkF,GAAA,EAACzF,YAAA,CAAAsF,IAAI;MAACC,KAAK,EAAEL,mBAAoB;MAAAM,QAAA,EAAEvB;IAAmB,CAAO,CAC9D,EAGAnC,KAAK,iBAAI,IAAAvB,WAAA,CAAAkF,GAAA,EAACzF,YAAA,CAAA6G,IAAI;MAACtB,KAAK,EAAE,CAAClB,MAAM,CAACyC,SAAS,EAAE/D,cAAc,CAAE;MAAAyC,QAAA,EAAE1D;IAAK,CAAO,CAAC,EACxEC,WAAW,iBACV,IAAAxB,WAAA,CAAAkF,GAAA,EAACzF,YAAA,CAAA6G,IAAI;MAACtB,KAAK,EAAE,CAAClB,MAAM,CAAC0C,QAAQ,EAAE/D,aAAa,CAAE;MAAAwC,QAAA,EAAEzD;IAAW,CAAO,CACnE,eAED,IAAAxB,WAAA,CAAA8E,IAAA,EAACrF,YAAA,CAAAsF,IAAI;MAACC,KAAK,EAAE,CAAClB,MAAM,CAAC2C,gBAAgB,EAAE/D,qBAAqB,CAAE;MAAAuC,QAAA,gBAC5D,IAAAjF,WAAA,CAAAkF,GAAA,EAACzF,YAAA,CAAAsF,IAAI;QACHC,KAAK,EAAE,CACLlB,MAAM,CAAC4C,aAAa,EACpB/D,kBAAkB,EAClBf,KAAK,IAAI;UAAE+E,aAAa,EAAE;QAAc,CAAC,CACzC;QAAA1B,QAAA,EAED3D,OAAO,CAACsF,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBACzB,IAAA9G,WAAA,CAAAkF,GAAA,EAACtF,MAAA,CAAAO,OAAK;UAEJ4G,QAAQ,EAAEF,MAAM,CAACE,QAAS;UAC1BC,IAAI,EAAEH,MAAM,CAACG,IAAK;UAClBC,UAAU,EAAEJ,MAAM,CAACI,UAAW;UAC9BC,aAAa,EAAExF,iBAAkB;UACjCyF,WAAW,EAAE1F;QAAgB,GALxB,SAASqF,KAAK,EAMpB,CACF;MAAC,CACE,CAAC,eACP,IAAA9G,WAAA,CAAAkF,GAAA,EAACzF,YAAA,CAAAsF,IAAI;QAACC,KAAK,EAAE;UAACoC,SAAS,EAAE;QAAG,CAAE;QAAAnC,QAAA,eAC9B,IAAAjF,WAAA,CAAAkF,GAAA,EAACzF,YAAA,CAAA4H,QAAQ;UACPC,IAAI,EAAEhG,OAAQ;UACdiG,YAAY,EAAEA,CAACC,CAAC,EAAEC,GAAG,KAAK,UAAUA,GAAG,EAAG;UAC1CC,4BAA4B,EAAE,KAAM;UACpCC,UAAU,EAAEA,CAAC;YAAEC,IAAI;YAAEd;UAAM,CAAC,kBAC1B,IAAA9G,WAAA,CAAAkF,GAAA,EAACxF,WAAA,CAAAS,OAAU;YAET6G,IAAI,EAAEY,IAAI,CAACZ,IAAK;YAChBC,UAAU,EAAEW,IAAI,CAACX,UAAW;YAC5BF,QAAQ,EAAEa,IAAI,CAACb,QAAS;YACxBxF,KAAK,EAAEqG,IAAI,CAACrG,KAAM;YAClBC,WAAW,EAAEoG,IAAI,CAACpG,WAAY;YAC9BqG,MAAM,EAAED,IAAI,CAACC,MAAO;YACpBC,aAAa,EAAEF,IAAI,CAACG,qBAAsB;YAC1CC,eAAe,EAAEJ,IAAI,CAACI,eAAgB;YACtCvG,eAAe,EAAEA,eAAgB;YACjCC,iBAAiB,EAAEA,iBAAkB;YACrC6D,cAAc,EAAE3C,wBAAyB;YACzCqF,UAAU,EAAEpF,0BAA2B;YACvCqF,kBAAkB,EAAEpF,4BAA6B;YACjDqF,cAAc,EAAEpF,wBAAyB;YACzCqF,oBAAoB,EAAEpF,8BAA+B;YACrDqF,gBAAgB,EAAEpF,0BAA2B;YAC7CqF,eAAe,EAAEpF,yBAA0B;YAC3CtB,KAAK,EAAEA;UAAM,GAlBR,UAAUkF,KAAK,EAmBrB;QACD,CACH;MAAC,CACI,CAAC;IAAA,CACH,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAM9C,YAAY,GAAIL,KAAgB,IACpCQ,uBAAU,CAACoE,MAAM,CAAC;EAChBlE,aAAa,EAAE;IACbgC,eAAe,EAAE1C,KAAK,CAACM,OAAO;IAC9BM,YAAY,EAAE,EAAE;IAChBiE,OAAO,EAAE,EAAE;IACXC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,GAAG;IACbC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEJ,KAAK,EAAE,CAAC;MAAE7D,MAAM,EAAE;IAAE,CAAC;IACrCkE,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,QAAQ,EAAE,UAAU;IACpBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEzF,KAAK,CAAC0F;EACrB,CAAC;EACDzE,iBAAiB,EAAE;IACjBsE,QAAQ,EAAE,UAAU;IACpBI,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDxH,uBAAuB,EAAE,CAAC,CAAC;EAC3ByH,kBAAkB,EAAE;IAClBR,QAAQ,EAAE,UAAU;IACpBO,MAAM,EAAE;EACV,CAAC;EACDlD,SAAS,EAAE;IACToD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBnE,KAAK,EAAE9B,KAAK,CAACkG,IAAI;IACjBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,QAAQ;IACnBN,MAAM,EAAE;EACV,CAAC;EACDjD,QAAQ,EAAE;IACRmD,QAAQ,EAAE,EAAE;IACZlE,KAAK,EAAE9B,KAAK,CAACqG,MAAM;IACnBD,SAAS,EAAE,QAAQ;IACnBD,YAAY,EAAE,EAAE;IAChBG,iBAAiB,EAAE,EAAE;IACrBR,MAAM,EAAE;EACV,CAAC;EACDhD,gBAAgB,EAAE;IAChBJ,eAAe,EAAE1C,KAAK,CAACuG,UAAU;IACjC1B,OAAO,EAAE,EAAE;IACXjE,YAAY,EAAE,EAAE;IAChBmE,KAAK,EAAE,MAAM;IACbe,MAAM,EAAE,CAAC;IACTN,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEzF,KAAK,CAAC0F;EACrB,CAAC;EACD3C,aAAa,EAAE;IACbC,aAAa,EAAE,KAAK;IACpBwD,cAAc,EAAE,cAAc;IAC9BvB,UAAU,EAAE,QAAQ;IACpBkB,YAAY,EAAE,EAAE;IAChBM,eAAe,EAAE,EAAE;IACnB/D,eAAe,EAAE1C,KAAK,CAACM,OAAO;IAC9BM,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAA8F,QAAA,GAAAC,OAAA,CAAAnK,OAAA,GAEUkB,aAAa","ignoreList":[]}

package/lib/commonjs/components/UnlockRewards/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  UnlockRewards: true,
+  RewardItem: true
+};
+Object.defineProperty(exports, "RewardItem", {
+  enumerable: true,
+  get: function () {
+    return _RewardItem.default;
+  }
+});
+Object.defineProperty(exports, "UnlockRewards", {
+  enumerable: true,
+  get: function () {
+    return _UnlockRewards.default;
+  }
+});
+var _UnlockRewards = _interopRequireWildcard(require("./UnlockRewards.js"));
+Object.keys(_UnlockRewards).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _UnlockRewards[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UnlockRewards[key];
+    }
+  });
+});
+var _RewardItem = _interopRequireWildcard(require("./RewardItem.js"));
+Object.keys(_RewardItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RewardItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RewardItem[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/UnlockRewards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_UnlockRewards","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_RewardItem","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UnlockRewards/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGAC,MAAA,CAAAC,IAAA,CAAAJ,cAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,cAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,cAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAFA,IAAAS,WAAA,GAAAd,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAA4B,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/lib/commonjs/components/Wheel/README.md

@@ -0,0 +1,141 @@
+# SpinWheel Component
+
+A customizable spinning wheel component for React Native applications that allows users to create interactive prize wheels, random selectors, or game elements.
+
+## Basic Usage
+
+```jsx
+import React, { useState } from 'react';
+import { View, Alert } from 'react-native';
+import { SpinWheel } from '@your-org/component-library';
+
+const MySpinWheelExample = () => {
+  const items = [
+    { id: 1, label: '10% OFF', color: '#FF0000', value: { discount: 10 } },
+    { id: 2, label: '20% OFF', color: '#00FF00', value: { discount: 20 } },
+    { id: 3, label: '30% OFF', color: '#0000FF', value: { discount: 30 } },
+    { id: 4, label: 'FREE GIFT', color: '#FFFF00', value: { type: 'gift' } },
+    { id: 5, label: 'BETTER LUCK', color: '#FF00FF', value: null },
+  ];
+
+  const handleWin = (item) => {
+    Alert.alert('Congratulations!', `You won: ${item.label}`);
+  };
+
+  return (
+    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+      <SpinWheel 
+        items={items}
+        size={300}
+        onSpinEnd={handleWin}
+      />
+    </View>
+  );
+};
+
+export default MySpinWheelExample;
+```
+
+## Props
+
+### Data Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `items` | `SpinWheelItem[]` | ✅ | `[]` | Array of items to display on the wheel |
+
+#### SpinWheelItem Interface
+
+```typescript
+interface SpinWheelItem {
+  id: string | number;      // Unique identifier
+  label: string;            // Text to display on the wheel
+  value?: any;              // Optional value associated with the item
+  color: string;            // Background color (HEX, RGB, or named color)
+  textColor?: string;       // Text color (defaults to wheelTextColor)
+}
+```
+
+### Dimension Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `size` | `number` | ❌ | `300` | Diameter of the wheel in pixels |
+
+### Behavior Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `spinDuration` | `number` | ❌ | `5000` | Duration of spin animation in milliseconds |
+| `enabled` | `boolean` | ❌ | `true` | Whether the wheel can be spun |
+
+### Event Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `onSpinStart` | `() => void` | ❌ | - | Callback function called when spinning starts |
+| `onSpinEnd` | `(item: SpinWheelItem) => void` | ❌ | - | Callback function called when spinning ends with the winning item |
+
+### Styling Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `containerStyle` | `ViewStyle` | ❌ | - | Custom style for the container |
+| `centerStyle` | `ViewStyle` | ❌ | - | Custom style for the center of the wheel |
+| `spinButtonText` | `string` | ❌ | `"Spin"` | Text for the spin button |
+| `spinButtonStyle` | `ViewStyle` | ❌ | - | Custom style for the spin button |
+| `spinButtonTextStyle` | `TextStyle` | ❌ | - | Custom style for the spin button text |
+| `wheelTextStyle` | `TextStyle` | ❌ | - | Custom style for the text on the wheel |
+| `knobStyle` | `ViewStyle` | ❌ | - | Custom style for the pointer |
+| `actionButtonStyle` | `ViewStyle` | ❌ | - | Custom style for the action button |
+| `actionButtonTextStyle` | `TextStyle` | ❌ | - | Custom style for the action button text |
+| `wheelBorderColor` | `string` | ❌ | `"#000000"` | Color of the wheel border |
+| `wheelTextColor` | `string` | ❌ | `"#FFFFFF"` | Default color of text on the wheel |
+| `knobColor` | `string` | ❌ | `"#D81E5B"` | Color of the pointer |
+| `centerComponent` | `React.ReactNode` | ❌ | - | Custom component to render in the center |
+
+## Advanced Examples
+
+### Custom Styling
+
+```jsx
+<SpinWheel 
+  items={items}
+  size={350}
+  spinDuration={6000}
+  knobColor="#FF5722"
+  wheelTextColor="#000000"
+  containerStyle={{ backgroundColor: '#F5F5F5', padding: 20, borderRadius: 10 }}
+  centerStyle={{ backgroundColor: '#FFC107' }}
+  spinButtonText="Try Your Luck!"
+  spinButtonStyle={{ backgroundColor: '#4CAF50' }}
+  spinButtonTextStyle={{ color: 'white', fontSize: 18 }}
+  onSpinEnd={handleWin}
+/>
+```
+
+<!-- ### With Custom Center Component
+
+```jsx
+<SpinWheel 
+  items={items}
+  size={400}
+  centerComponent={
+    <Image 
+      source={require('./logo.png')} 
+      style={{ width: 60, height: 60 }}
+    />
+  }
+  onSpinEnd={handleWin}
+/>
+``` -->
+
+### Disabled State
+
+```jsx
+<SpinWheel 
+  items={items}
+  enabled={userHasCredits}
+  onSpinEnd={handleWin}
+/>
+```