related-ui-components 1.3.6 → 1.3.8

package/lib/commonjs/app.js

@@ -110,38 +110,44 @@ function App() {
   const debounceTimerRef = (0, _react.useRef)(null);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RelatedProvider, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaView, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSafeAreaContext.SafeAreaView, {
         style: {
           padding: 10,
           flex: 1,
           backgroundColor: theme.background
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Banner, {
-          backgroundImage: require("@/assets/images/namshi-banner.png"),
-          buttonText: "Redeem Now",
-          onButtonPress: () => _reactNative.Alert.alert("Button pressed"),
-          onBannerPress: () => _reactNative.Alert.alert("Banner pressed"),
-          height: 200,
-          contentAlignment: "bottom",
-          contentContainerStyle: {
-            borderRadius: 50,
-            backgroundColor: "red"
-          },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.RedemptionOption, {
+          padding: 0,
           containerStyle: {
-            borderRadius: 50,
-            backgroundColor: "red"
-          },
-          backgroundImageStyle: {
-            borderRadius: 50,
-            backgroundColor: "red"
+            borderRadius: 10,
+            alignItems: "center"
           },
           icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-            name: "gift-outline",
-            size: 20,
-            color: "#FFFFFF"
+            name: "briefcase",
+            size: 30
           }),
-          iconPosition: "left"
-        })
+          iconContainerStyle: {
+            backgroundColor: theme.background,
+            width: 30,
+            height: 30,
+            borderRadius: 30,
+            padding: 25
+          },
+          textStyle: {
+            fontSize: 15,
+            fontWeight: "500"
+          },
+          text: "Deals",
+          orientation: "horizontal"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BrandIcon, {
+          showName: true,
+          size: 50,
+          brand: {
+            id: "1",
+            logo: require("@/assets/images/pb-logo.jpg"),
+            name: "Pull and Bear"
+          }
+        })]
       })
     })
   });

package/lib/commonjs/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_index","_index2","_reactNativeSafeAreaContext","_reactNativeGestureHandler","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","App","theme","useTheme","filtersVisible","setFiltersVisible","useState","mode","setMode","sortOptions","id","name","value","iconSize","iconColor","onSurface","redemptionOption","icon","jsx","Ionicons","size","color","key","orientation","width","redemptionOptions","map","item","text","debounceTimerRef","useRef","GestureHandlerRootView","children","RelatedProvider","SafeAreaView","style","padding","flex","backgroundColor","background","Banner","backgroundImage","buttonText","onButtonPress","Alert","alert","onBannerPress","height","contentAlignment","contentContainerStyle","borderRadius","containerStyle","backgroundImageStyle","iconPosition","styles","StyleSheet","create","container","testButton","paddingVertical","paddingHorizontal","marginBottom","fontSize","fontWeight","textAlign"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_index","_index2","_reactNativeSafeAreaContext","_reactNativeGestureHandler","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","App","theme","useTheme","filtersVisible","setFiltersVisible","useState","mode","setMode","sortOptions","id","name","value","iconSize","iconColor","onSurface","redemptionOption","icon","jsx","Ionicons","size","color","key","orientation","width","redemptionOptions","map","item","text","debounceTimerRef","useRef","GestureHandlerRootView","children","RelatedProvider","jsxs","SafeAreaView","style","padding","flex","backgroundColor","background","RedemptionOption","containerStyle","borderRadius","alignItems","iconContainerStyle","height","textStyle","fontSize","fontWeight","BrandIcon","showName","brand","logo","styles","StyleSheet","create","container","testButton","paddingVertical","paddingHorizontal","marginBottom","buttonText","textAlign"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/BrandIcon/BrandIcon.js

@@ -13,28 +13,29 @@ const BrandIcon = ({
   brand,
   size = 66,
   selected = false,
+  showName = false,
   onPress,
   disabled = false,
   containerStyle,
+  wrapperStyle,
   imageStyle,
   selectionIndicatorStyle,
-  selectionIndicatorIcon
+  selectionIndicatorIcon,
+  nameStyle
 }) => {
   const {
     theme
   } = (0, _index.useTheme)();
-  const styles = createStyles(theme); // Create styles using theme
+  const styles = createStyles(theme);
 
+  // fixed circle dimensions
   const iconSize = {
     width: size,
     height: size,
     borderRadius: size / 2
   };
-  const imageSize = {
-    width: size,
-    height: size,
-    borderRadius: size / 2
-  };
+
+  // size for the check indicator
   const indicatorSize = {
     width: size * 0.3,
     height: size * 0.3,
@@ -44,34 +45,44 @@ const BrandIcon = ({
     top: -5,
     right: 0
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    style: [styles.container, iconSize, selected && styles.selectedContainer, containerStyle],
-    onPress: onPress,
-    disabled: disabled || !onPress,
-    activeOpacity: 0.8,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-      source: brand.logo,
-      style: [styles.logo, imageSize, imageStyle],
-      resizeMode: "contain"
-    }), selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.selectionIndicator, indicatorSize, indicatorPosition, selectionIndicatorStyle],
-      children: selectionIndicatorIcon
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, wrapperStyle],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      style: [styles.container, iconSize, selected && styles.selectedContainer, containerStyle],
+      onPress: onPress,
+      disabled: disabled || !onPress,
+      activeOpacity: 0.8,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: brand.logo,
+        style: [{
+          width: size,
+          height: size,
+          borderRadius: size / 2
+        }, imageStyle],
+        resizeMode: "contain"
+      }), selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.selectionIndicator, indicatorSize, indicatorPosition, selectionIndicatorStyle],
+        children: selectionIndicatorIcon
+      })]
+    }), showName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.name, {
+        width: iconSize.width
+      }, nameStyle],
+      children: brand.name
     })]
   });
 };
-
-// Function to create themed styles
 const createStyles = theme => _reactNative.StyleSheet.create({
+  wrapper: {
+    alignItems: "center"
+  },
   container: {
     backgroundColor: theme.surface,
-    // Use surface for background
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
     borderWidth: 1,
     borderColor: theme.border,
-    // Use border color
-    shadowColor: '#000000',
-    // Keep shadow black for now
+    shadowColor: "#000000",
     shadowOffset: {
       width: 0,
       height: 2
@@ -82,23 +93,20 @@ const createStyles = theme => _reactNative.StyleSheet.create({
   },
   selectedContainer: {
     borderColor: theme.primary,
-    // Use primary for selected border
-    borderWidth: 2 // Keep border width for selected state
+    borderWidth: 2
   },
-  logo: {},
   selectionIndicator: {
-    position: 'absolute',
+    position: "absolute",
     backgroundColor: theme.primary,
-    // Use primary for indicator background
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
     zIndex: 2
   },
-  checkmark: {
-    // Style is unused in current code, but if used:
-    width: '60%',
-    height: '60%'
-    // tintColor: theme.onPrimary, // Use onPrimary if checkmark is an icon/image
+  name: {
+    marginTop: 4,
+    color: theme.onSurface,
+    fontSize: 12,
+    textAlign: "center"
   }
 });
 var _default = exports.default = BrandIcon;

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

@@ -1 +1 @@
-{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","BrandIcon","brand","size","selected","onPress","disabled","containerStyle","imageStyle","selectionIndicatorStyle","selectionIndicatorIcon","theme","useTheme","styles","createStyles","iconSize","width","height","borderRadius","imageSize","indicatorSize","indicatorPosition","top","right","jsxs","TouchableOpacity","style","container","selectedContainer","activeOpacity","children","jsx","Image","source","logo","resizeMode","View","selectionIndicator","StyleSheet","create","backgroundColor","surface","justifyContent","alignItems","borderWidth","borderColor","border","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","primary","position","zIndex","checkmark","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/BrandIcon/BrandIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AASsB,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkBtB,MAAMG,SAAmC,GAAGA,CAAC;EAC3CC,KAAK;EACLC,IAAI,GAAG,EAAE;EACTC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,cAAc;EACdC,UAAU;EACVC,uBAAuB;EACvBC;AACF,CAAC,KAAK;EACJ,MAAM;IAACC;EAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGC,YAAY,CAACH,KAAK,CAAC,CAAC,CAAC;;EAEpC,MAAMI,QAAQ,GAAG;IACfC,KAAK,EAAEb,IAAI;IACXc,MAAM,EAAEd,IAAI;IACZe,YAAY,EAAEf,IAAI,GAAG;EACvB,CAAC;EAED,MAAMgB,SAAS,GAAG;IAChBH,KAAK,EAAEb,IAAI;IACXc,MAAM,EAAEd,IAAI;IACZe,YAAY,EAAEf,IAAI,GAAG;EACvB,CAAC;EAED,MAAMiB,aAAa,GAAG;IACpBJ,KAAK,EAAEb,IAAI,GAAG,GAAG;IACjBc,MAAM,EAAEd,IAAI,GAAG,GAAG;IAClBe,YAAY,EAAGf,IAAI,GAAG,GAAG,GAAI;EAC/B,CAAC;EAED,MAAMkB,iBAAiB,GAAG;IACxBC,GAAG,EAAE,CAAC,CAAC;IACPC,KAAK,EAAE;EACT,CAAC;EAED,oBACE,IAAA1B,WAAA,CAAA2B,IAAA,EAAC5B,YAAA,CAAA6B,gBAAgB;IACfC,KAAK,EAAE,CACLb,MAAM,CAACc,SAAS,EAChBZ,QAAQ,EACRX,QAAQ,IAAIS,MAAM,CAACe,iBAAiB,EACpCrB,cAAc,CACd;IACFF,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAQ,IAAI,CAACD,OAAQ;IAC/BwB,aAAa,EAAE,GAAI;IAAAC,QAAA,gBAEnB,IAAAjC,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAoC,KAAK;MACJC,MAAM,EAAE/B,KAAK,CAACgC,IAAK;MACnBR,KAAK,EAAE,CAACb,MAAM,CAACqB,IAAI,EAAEf,SAAS,EAAEX,UAAU,CAAE;MAC5C2B,UAAU,EAAC;IAAS,CACrB,CAAC,EAED/B,QAAQ,iBACP,IAAAP,WAAA,CAAAkC,GAAA,EAACnC,YAAA,CAAAwC,IAAI;MACHV,KAAK,EAAE,CACLb,MAAM,CAACwB,kBAAkB,EACzBjB,aAAa,EACbC,iBAAiB,EACjBZ,uBAAuB,CACvB;MAAAqB,QAAA,EAECpB;IAAsB,CACrB,CACP;EAAA,CACe,CAAC;AAEvB,CAAC;;AAED;AACA,MAAMI,YAAY,GAAIH,KAAgB,IAAK2B,uBAAU,CAACC,MAAM,CAAC;EAC3DZ,SAAS,EAAE;IACTa,eAAe,EAAE7B,KAAK,CAAC8B,OAAO;IAAE;IAChCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAElC,KAAK,CAACmC,MAAM;IAAE;IAC3BC,WAAW,EAAE,SAAS;IAAE;IACxBC,YAAY,EAAE;MAAEhC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCgC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDvB,iBAAiB,EAAE;IACjBiB,WAAW,EAAElC,KAAK,CAACyC,OAAO;IAAE;IAC5BR,WAAW,EAAE,CAAC,CAAE;EAClB,CAAC;EACDV,IAAI,EAAE,CAAC,CAAC;EACRG,kBAAkB,EAAE;IAClBgB,QAAQ,EAAE,UAAU;IACpBb,eAAe,EAAE7B,KAAK,CAACyC,OAAO;IAAE;IAChCV,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBW,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IAAE;IACXvC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE;IACR;EACF;AACF,CAAC,CAAC;AAAC,IAAAuC,QAAA,GAAAC,OAAA,CAAAzD,OAAA,GAEYC,SAAS","ignoreList":[]}
+{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","BrandIcon","brand","size","selected","showName","onPress","disabled","containerStyle","wrapperStyle","imageStyle","selectionIndicatorStyle","selectionIndicatorIcon","nameStyle","theme","useTheme","styles","createStyles","iconSize","width","height","borderRadius","indicatorSize","indicatorPosition","top","right","jsxs","View","style","wrapper","children","TouchableOpacity","container","selectedContainer","activeOpacity","jsx","Image","source","logo","resizeMode","selectionIndicator","Text","name","StyleSheet","create","alignItems","backgroundColor","surface","justifyContent","borderWidth","borderColor","border","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","primary","position","zIndex","marginTop","color","onSurface","fontSize","textAlign","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/BrandIcon/BrandIcon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/RedemptionOption/RedemptionOption.js

@@ -109,7 +109,7 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: "center"
   },
   iconContainer: {
-    marginBottom: 8,
+    // marginBottom: 8,
     justifyContent: "center",
     alignItems: "center"
   },

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

@@ -1 +1 @@
-{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","isRTL","theme","rtl","useTheme","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","lineHeight","horizontalDirection","flexDirection","justifyContent","alignItems","jsxs","TouchableOpacity","style","styles","container","vertical","activeOpacity","accessibilityRole","accessibilityState","selected","children","jsx","View","iconContainer","marginLeft","marginRight","minHeight","Text","textVertical","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","StyleSheet","create","horizontal","marginBottom","iconHorizontal","fontWeight","textAlign","opacity","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RedemptionOption/RedemptionOption.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","isRTL","theme","rtl","useTheme","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","lineHeight","horizontalDirection","flexDirection","justifyContent","alignItems","jsxs","TouchableOpacity","style","styles","container","vertical","activeOpacity","accessibilityRole","accessibilityState","selected","children","jsx","View","iconContainer","marginLeft","marginRight","minHeight","Text","textVertical","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","StyleSheet","create","horizontal","iconHorizontal","marginBottom","fontWeight","textAlign","opacity","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RedemptionOption/RedemptionOption.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/app.js

@@ -1,14 +1,14 @@
 "use strict";
 
 import React, { useRef, useState } from "react";
-import { StyleSheet, Alert } from "react-native";
+import { StyleSheet } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 import { RelatedProvider, useTheme } from "./theme/index.js";
-import { Banner } from "./components/index.js";
+import { BrandIcon, RedemptionOption } from "./components/index.js";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 // import BRANDS from "./constants/BRANDS";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function App() {
   const {
     theme
@@ -104,38 +104,44 @@ export default function App() {
   const debounceTimerRef = useRef(null);
   return /*#__PURE__*/_jsx(GestureHandlerRootView, {
     children: /*#__PURE__*/_jsx(RelatedProvider, {
-      children: /*#__PURE__*/_jsx(SafeAreaView, {
+      children: /*#__PURE__*/_jsxs(SafeAreaView, {
         style: {
           padding: 10,
           flex: 1,
           backgroundColor: theme.background
         },
-        children: /*#__PURE__*/_jsx(Banner, {
-          backgroundImage: require("@/assets/images/namshi-banner.png"),
-          buttonText: "Redeem Now",
-          onButtonPress: () => Alert.alert("Button pressed"),
-          onBannerPress: () => Alert.alert("Banner pressed"),
-          height: 200,
-          contentAlignment: "bottom",
-          contentContainerStyle: {
-            borderRadius: 50,
-            backgroundColor: "red"
-          },
+        children: [/*#__PURE__*/_jsx(RedemptionOption, {
+          padding: 0,
           containerStyle: {
-            borderRadius: 50,
-            backgroundColor: "red"
-          },
-          backgroundImageStyle: {
-            borderRadius: 50,
-            backgroundColor: "red"
+            borderRadius: 10,
+            alignItems: "center"
           },
           icon: /*#__PURE__*/_jsx(Ionicons, {
-            name: "gift-outline",
-            size: 20,
-            color: "#FFFFFF"
+            name: "briefcase",
+            size: 30
           }),
-          iconPosition: "left"
-        })
+          iconContainerStyle: {
+            backgroundColor: theme.background,
+            width: 30,
+            height: 30,
+            borderRadius: 30,
+            padding: 25
+          },
+          textStyle: {
+            fontSize: 15,
+            fontWeight: "500"
+          },
+          text: "Deals",
+          orientation: "horizontal"
+        }), /*#__PURE__*/_jsx(BrandIcon, {
+          showName: true,
+          size: 50,
+          brand: {
+            id: "1",
+            logo: require("@/assets/images/pb-logo.jpg"),
+            name: "Pull and Bear"
+          }
+        })]
       })
     })
   });

package/lib/module/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","StyleSheet","Alert","Ionicons","RelatedProvider","useTheme","Banner","SafeAreaView","GestureHandlerRootView","jsx","_jsx","App","theme","filtersVisible","setFiltersVisible","mode","setMode","sortOptions","id","name","value","iconSize","iconColor","onSurface","redemptionOption","icon","size","color","key","orientation","width","redemptionOptions","map","item","text","debounceTimerRef","children","style","padding","flex","backgroundColor","background","backgroundImage","require","buttonText","onButtonPress","alert","onBannerPress","height","contentAlignment","contentContainerStyle","borderRadius","containerStyle","backgroundImageStyle","iconPosition","styles","create","container","testButton","paddingVertical","paddingHorizontal","marginBottom","fontSize","fontWeight","textAlign"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","useState","StyleSheet","Ionicons","RelatedProvider","useTheme","BrandIcon","RedemptionOption","SafeAreaView","GestureHandlerRootView","jsx","_jsx","jsxs","_jsxs","App","theme","filtersVisible","setFiltersVisible","mode","setMode","sortOptions","id","name","value","iconSize","iconColor","onSurface","redemptionOption","icon","size","color","key","orientation","width","redemptionOptions","map","item","text","debounceTimerRef","children","style","padding","flex","backgroundColor","background","containerStyle","borderRadius","alignItems","iconContainerStyle","height","textStyle","fontSize","fontWeight","showName","brand","logo","require","styles","create","container","testButton","paddingVertical","paddingHorizontal","marginBottom","buttonText","textAlign"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/BrandIcon/BrandIcon.js

@@ -1,35 +1,36 @@
 "use strict";
 
 import { useTheme } from "../../theme/index.js";
-import React from 'react';
-import { View, Image, TouchableOpacity, StyleSheet } from 'react-native';
+import React from "react";
+import { View, Image, TouchableOpacity, StyleSheet, Text } from "react-native";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const BrandIcon = ({
   brand,
   size = 66,
   selected = false,
+  showName = false,
   onPress,
   disabled = false,
   containerStyle,
+  wrapperStyle,
   imageStyle,
   selectionIndicatorStyle,
-  selectionIndicatorIcon
+  selectionIndicatorIcon,
+  nameStyle
 }) => {
   const {
     theme
   } = useTheme();
-  const styles = createStyles(theme); // Create styles using theme
+  const styles = createStyles(theme);
 
+  // fixed circle dimensions
   const iconSize = {
     width: size,
     height: size,
     borderRadius: size / 2
   };
-  const imageSize = {
-    width: size,
-    height: size,
-    borderRadius: size / 2
-  };
+
+  // size for the check indicator
   const indicatorSize = {
     width: size * 0.3,
     height: size * 0.3,
@@ -39,34 +40,44 @@ const BrandIcon = ({
     top: -5,
     right: 0
   };
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    style: [styles.container, iconSize, selected && styles.selectedContainer, containerStyle],
-    onPress: onPress,
-    disabled: disabled || !onPress,
-    activeOpacity: 0.8,
-    children: [/*#__PURE__*/_jsx(Image, {
-      source: brand.logo,
-      style: [styles.logo, imageSize, imageStyle],
-      resizeMode: "contain"
-    }), selected && /*#__PURE__*/_jsx(View, {
-      style: [styles.selectionIndicator, indicatorSize, indicatorPosition, selectionIndicatorStyle],
-      children: selectionIndicatorIcon
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, wrapperStyle],
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: [styles.container, iconSize, selected && styles.selectedContainer, containerStyle],
+      onPress: onPress,
+      disabled: disabled || !onPress,
+      activeOpacity: 0.8,
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: brand.logo,
+        style: [{
+          width: size,
+          height: size,
+          borderRadius: size / 2
+        }, imageStyle],
+        resizeMode: "contain"
+      }), selected && /*#__PURE__*/_jsx(View, {
+        style: [styles.selectionIndicator, indicatorSize, indicatorPosition, selectionIndicatorStyle],
+        children: selectionIndicatorIcon
+      })]
+    }), showName && /*#__PURE__*/_jsx(Text, {
+      style: [styles.name, {
+        width: iconSize.width
+      }, nameStyle],
+      children: brand.name
     })]
   });
 };
-
-// Function to create themed styles
 const createStyles = theme => StyleSheet.create({
+  wrapper: {
+    alignItems: "center"
+  },
   container: {
     backgroundColor: theme.surface,
-    // Use surface for background
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
     borderWidth: 1,
     borderColor: theme.border,
-    // Use border color
-    shadowColor: '#000000',
-    // Keep shadow black for now
+    shadowColor: "#000000",
     shadowOffset: {
       width: 0,
       height: 2
@@ -77,23 +88,20 @@ const createStyles = theme => StyleSheet.create({
   },
   selectedContainer: {
     borderColor: theme.primary,
-    // Use primary for selected border
-    borderWidth: 2 // Keep border width for selected state
+    borderWidth: 2
   },
-  logo: {},
   selectionIndicator: {
-    position: 'absolute',
+    position: "absolute",
     backgroundColor: theme.primary,
-    // Use primary for indicator background
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
     zIndex: 2
   },
-  checkmark: {
-    // Style is unused in current code, but if used:
-    width: '60%',
-    height: '60%'
-    // tintColor: theme.onPrimary, // Use onPrimary if checkmark is an icon/image
+  name: {
+    marginTop: 4,
+    color: theme.onSurface,
+    fontSize: 12,
+    textAlign: "center"
   }
 });
 export default BrandIcon;

package/lib/module/components/BrandIcon/BrandIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTheme","React","View","Image","TouchableOpacity","StyleSheet","jsx","_jsx","jsxs","_jsxs","BrandIcon","brand","size","selected","onPress","disabled","containerStyle","imageStyle","selectionIndicatorStyle","selectionIndicatorIcon","theme","styles","createStyles","iconSize","width","height","borderRadius","imageSize","indicatorSize","indicatorPosition","top","right","style","container","selectedContainer","activeOpacity","children","source","logo","resizeMode","selectionIndicator","create","backgroundColor","surface","justifyContent","alignItems","borderWidth","borderColor","border","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","primary","position","zIndex","checkmark"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/BrandIcon/BrandIcon.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useTheme","React","View","Image","TouchableOpacity","StyleSheet","Text","jsx","_jsx","jsxs","_jsxs","BrandIcon","brand","size","selected","showName","onPress","disabled","containerStyle","wrapperStyle","imageStyle","selectionIndicatorStyle","selectionIndicatorIcon","nameStyle","theme","styles","createStyles","iconSize","width","height","borderRadius","indicatorSize","indicatorPosition","top","right","style","wrapper","children","container","selectedContainer","activeOpacity","source","logo","resizeMode","selectionIndicator","name","create","alignItems","backgroundColor","surface","justifyContent","borderWidth","borderColor","border","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","primary","position","zIndex","marginTop","color","onSurface","fontSize","textAlign"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/BrandIcon/BrandIcon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/RedemptionOption/RedemptionOption.js

@@ -104,7 +104,7 @@ const styles = StyleSheet.create({
     alignItems: "center"
   },
   iconContainer: {
-    marginBottom: 8,
+    // marginBottom: 8,
     justifyContent: "center",
     alignItems: "center"
   },

package/lib/module/components/RedemptionOption/RedemptionOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTheme","React","TouchableOpacity","Text","View","StyleSheet","jsx","_jsx","jsxs","_jsxs","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","isRTL","theme","rtl","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","lineHeight","horizontalDirection","flexDirection","justifyContent","alignItems","style","styles","container","vertical","activeOpacity","accessibilityRole","accessibilityState","selected","children","iconContainer","marginLeft","marginRight","minHeight","textVertical","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","create","horizontal","marginBottom","iconHorizontal","fontWeight","textAlign","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RedemptionOption/RedemptionOption.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useTheme","React","TouchableOpacity","Text","View","StyleSheet","jsx","_jsx","jsxs","_jsxs","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","isRTL","theme","rtl","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","lineHeight","horizontalDirection","flexDirection","justifyContent","alignItems","style","styles","container","vertical","activeOpacity","accessibilityRole","accessibilityState","selected","children","iconContainer","marginLeft","marginRight","minHeight","textVertical","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","create","horizontal","iconHorizontal","marginBottom","fontWeight","textAlign","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RedemptionOption/RedemptionOption.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,sBAAa;AACtC,OAAOC,KAAK,MAAM,OAAO;AACzB,SACEC,gBAAgB,EAChBC,IAAI,EACJC,IAAI,EACJC,UAAU,QAML,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAyBtB,MAAMC,gBAAiD,GAAGA,CAAC;EACzDC,IAAI;EACJC,IAAI;EACJC,WAAW,GAAG,UAAU;EACxBC,eAAe;EACfC,SAAS;EACTC,KAAK;EACLC,MAAM;EACNC,YAAY,GAAG,CAAC;EAChBC,OAAO,GAAG,EAAE;EACZC,QAAQ,GAAG,EAAE;EACbC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,cAAc;EACdC,SAAS;EACTC,kBAAkB;EAClBC,kBAAkB,GAAG,GAAG;EACxBC;AACF,CAAC,KAAK;EACJ,MAAM;IAACC,KAAK;IAAED,KAAK,EAAEE;EAAG,CAAC,GAAG9B,QAAQ,CAAC,CAAC;EACtC4B,KAAK,GAAGA,KAAK,IAAIE,GAAG;EACpBf,SAAS,GAAGA,SAAS,IAAIc,KAAK,CAACE,SAAS;;EAExC;EACA,IAAIC,qBAAgC,GAAG;IACrClB,eAAe,EAAEA,eAAe,IAAIe,KAAK,CAACI,OAAO;IACjDf,YAAY;IACZC,OAAO;IACPe,WAAW,EAAEZ,QAAQ,GAAG,CAAC,GAAG,CAAC;IAC7Ba,WAAW,EAAEb,QAAQ,GAAGP,SAAS,GAAGqB;EACtC,CAAC;EAED,IAAIpB,KAAK,EAAEgB,qBAAqB,CAAChB,KAAK,GAAGA,KAAuB;EAChE,IAAIC,MAAM,EAAEe,qBAAqB,CAACf,MAAM,GAAGA,MAAwB;EAEnE,MAAMoB,gBAA2B,GAAG;IAClCC,KAAK,EAAEvB,SAAS;IAChBK,QAAQ,EAAEA,QAAQ,GAAG,GAAG;IACxBmB,UAAU,EAAEnB,QAAQ,GAAG;EACzB,CAAC;;EAED;EACA,MAAMoB,mBAA8B,GAAG;IACrCC,aAAa,EAAEb,KAAK,GAAG,aAAa,GAAG,KAAK;IAC5Cc,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAED,oBACElC,KAAA,CAACP,gBAAgB;IACf0C,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBjC,WAAW,KAAK,UAAU,GAAGgC,MAAM,CAACE,QAAQ,GAAGP,mBAAmB,EAClER,qBAAqB,EACrBX,QAAQ,IAAIwB,MAAM,CAACxB,QAAQ,EAC3BG,cAAc,CACd;IACFD,OAAO,EAAEA,OAAQ;IACjBF,QAAQ,EAAEA,QAAS;IACnB2B,aAAa,EAAErB,kBAAmB;IAClCsB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAE7B,QAAQ;MAAE8B,QAAQ,EAAE7B;IAAS,CAAE;IAAA8B,QAAA,gBAErD7C,IAAA,CAACH,IAAI;MACHwC,KAAK,EAAE,CACLC,MAAM,CAACQ,aAAa,EACpBxC,WAAW,KAAK,YAAY,KAC1Be,KAAK,GACD;QAAE0B,UAAU,EAAE,EAAE;QAAEC,WAAW,EAAE;MAAE,CAAC,GAClC;QAAEA,WAAW,EAAE,EAAE;QAAED,UAAU,EAAE;MAAE,CAAC,CACvC,EACD5B,kBAAkB,CAClB;MAAA0B,QAAA,EAEDzC;IAAI,CACD,CAAC,eACPJ,IAAA,CAACH,IAAI;MAACwC,KAAK,EAAE;QAACY,SAAS,EAAE,EAAE;QAAEd,cAAc,EAAE;MAAQ,CAAE;MAAAU,QAAA,eACrD7C,IAAA,CAACJ,IAAI;QACHyC,KAAK,EAAE,CACLC,MAAM,CAACjC,IAAI,EACXC,WAAW,KAAK,YAAY,GACxB,CAAC,CAAC,GACFgC,MAAM,CAACY,YAAY,EACvBpB,gBAAgB,EAChBZ,SAAS,CACT;QACFiC,aAAa,EAAE,CAAE;QACjBC,aAAa,EAAC,MAAM;QACpBC,oBAAoB,EAAE/C,WAAW,KAAK,UAAW;QACjDgD,gBAAgB,EAAE,GAAI;QAAAT,QAAA,EAErBxC;MAAI,CACD;IAAC,CACH,CAAC;EAAA,CACS,CAAC;AAEvB,CAAC;AAED,MAAMiC,MAAM,GAAGxC,UAAU,CAACyD,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTH,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE;EAClB,CAAC;EACDK,QAAQ,EAAE;IACRN,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE;EAClB,CAAC;EACDqB,UAAU,EAAE;IACV;IACAtB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EACDU,aAAa,EAAE;IACb;IACAX,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDqB,cAAc,EAAE;IACd;IACAC,YAAY,EAAE,CAAC;IACfV,WAAW,EAAE;EACf,CAAC;EACD3C,IAAI,EAAE;IACJsD,UAAU,EAAE;EACd,CAAC;EACDT,YAAY,EAAE;IACZU,SAAS,EAAE;EACb,CAAC;EACD9C,QAAQ,EAAE;IACR+C,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAe1D,gBAAgB","ignoreList":[]}

package/lib/typescript/commonjs/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAoChD,MAAM,CAAC,OAAO,UAAU,GAAG,sBA+H1B"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAqChD,MAAM,CAAC,OAAO,UAAU,GAAG,sBAqJ1B"}

package/lib/typescript/commonjs/components/BrandIcon/BrandIcon.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { StyleProp, ViewStyle, ImageSourcePropType, ImageStyle } from 'react-native';
+import React from "react";
+import { StyleProp, ViewStyle, ImageSourcePropType, ImageStyle, TextStyle } from "react-native";
 interface BrandIconProps {
     brand: {
         id: string;
@@ -8,9 +8,12 @@ interface BrandIconProps {
     };
     size?: number;
     selected?: boolean;
+    showName?: boolean;
     onPress?: () => void;
     disabled?: boolean;
     containerStyle?: StyleProp<ViewStyle>;
+    wrapperStyle?: StyleProp<ViewStyle>;
+    nameStyle?: TextStyle;
     imageStyle?: StyleProp<ImageStyle>;
     selectionIndicatorStyle?: StyleProp<ViewStyle>;
     selectionIndicatorIcon?: React.ReactNode;

package/lib/typescript/commonjs/components/BrandIcon/BrandIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrandIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/BrandIcon/BrandIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,UAAU,cAAc;IACtB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,mBAAmB,CAAC;QAC1B,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACnC,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqEvC,CAAC;AAmCF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BrandIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/BrandIcon/BrandIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,UAAU,EAEV,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,UAAU,cAAc;IACtB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,mBAAmB,CAAC;QAC1B,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACnC,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1C;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwEvC,CAAC;AAsCF,eAAe,SAAS,CAAC"}

package/lib/typescript/module/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAoChD,MAAM,CAAC,OAAO,UAAU,GAAG,sBA+H1B"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAqChD,MAAM,CAAC,OAAO,UAAU,GAAG,sBAqJ1B"}

package/lib/typescript/module/components/BrandIcon/BrandIcon.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { StyleProp, ViewStyle, ImageSourcePropType, ImageStyle } from 'react-native';
+import React from "react";
+import { StyleProp, ViewStyle, ImageSourcePropType, ImageStyle, TextStyle } from "react-native";
 interface BrandIconProps {
     brand: {
         id: string;
@@ -8,9 +8,12 @@ interface BrandIconProps {
     };
     size?: number;
     selected?: boolean;
+    showName?: boolean;
     onPress?: () => void;
     disabled?: boolean;
     containerStyle?: StyleProp<ViewStyle>;
+    wrapperStyle?: StyleProp<ViewStyle>;
+    nameStyle?: TextStyle;
     imageStyle?: StyleProp<ImageStyle>;
     selectionIndicatorStyle?: StyleProp<ViewStyle>;
     selectionIndicatorIcon?: React.ReactNode;

package/lib/typescript/module/components/BrandIcon/BrandIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrandIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/BrandIcon/BrandIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,UAAU,cAAc;IACtB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,mBAAmB,CAAC;QAC1B,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACnC,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqEvC,CAAC;AAmCF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BrandIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/BrandIcon/BrandIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,UAAU,EAEV,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,UAAU,cAAc;IACtB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,mBAAmB,CAAC;QAC1B,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACnC,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1C;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwEvC,CAAC;AAsCF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "related-ui-components",
   "main": "./src/index.ts",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "scripts": {
     "start": "expo start",
     "reset-project": "node ./scripts/reset-project.js",

package/src/app.tsx

@@ -12,6 +12,7 @@ import { Ionicons } from "@expo/vector-icons";
 import { RelatedProvider, useTheme } from "./theme";
 import {
   Banner,
+  BrandIcon,
   Filters,
   Popup,
   RedemptionOption,
@@ -130,7 +131,7 @@ export default function App() {
             // }}
           ></TravelBooking> */}
           {/* </ScrollView> */}
-          <Banner
+          {/* <Banner
       backgroundImage={require("@/assets/images/namshi-banner.png")}
       buttonText="Redeem Now"
       onButtonPress={() => Alert.alert("Button pressed")}
@@ -142,7 +143,7 @@ export default function App() {
       backgroundImageStyle={{borderRadius: 50, backgroundColor:"red"}}
       icon={<Ionicons name="gift-outline" size={20} color="#FFFFFF" />}
       iconPosition="left"
-    />
+    /> */}
     {/* <Popup
   visible={true}
   onClose={()=>{} }
@@ -156,6 +157,28 @@ export default function App() {
   onSecondaryButtonPress={()=>{}}
   isRTL={true}
 /> */}
+          <RedemptionOption
+          padding={0}
+            containerStyle={{ borderRadius: 10, alignItems: "center" }}
+            icon={
+              <Ionicons name="briefcase" size={30}></Ionicons>
+            }
+            iconContainerStyle={{
+              backgroundColor: theme.background,
+              width: 30,
+              height: 30,
+              borderRadius: 30,
+              padding: 25,
+            }}
+            textStyle={{fontSize: 15, fontWeight: "500"}}
+            text="Deals"
+            orientation="horizontal"
+          />
+          <BrandIcon showName size={50} brand={{
+            id: "1",
+            logo: require("@/assets/images/pb-logo.jpg"),
+            name: "Pull and Bear"
+          }}></BrandIcon>
         </SafeAreaView>
         {/* </View> */}
       </RelatedProvider>

package/src/components/BrandIcon/BrandIcon.tsx

@@ -1,5 +1,5 @@
 import { useTheme, ThemeType } from "../../theme";
-import React from 'react';
+import React from "react";
 import {
   View,
   Image,
@@ -9,7 +9,9 @@ import {
   ViewStyle,
   ImageSourcePropType,
   ImageStyle,
-} from 'react-native';
+  Text,
+  TextStyle,
+} from "react-native";
 
 interface BrandIconProps {
   brand: {
@@ -19,40 +21,44 @@ interface BrandIconProps {
   };
   size?: number;
   selected?: boolean;
+  showName?: boolean;
   onPress?: () => void;
   disabled?: boolean;
+  // styles for the circular button
   containerStyle?: StyleProp<ViewStyle>;
+  // styles for the outer wrapper (align center + name)
+  wrapperStyle?: StyleProp<ViewStyle>;
+  nameStyle?: TextStyle;
   imageStyle?: StyleProp<ImageStyle>;
   selectionIndicatorStyle?: StyleProp<ViewStyle>;
-  selectionIndicatorIcon?: React.ReactNode
+  selectionIndicatorIcon?: React.ReactNode;
 }
 
 const BrandIcon: React.FC<BrandIconProps> = ({
   brand,
   size = 66,
   selected = false,
+  showName = false,
   onPress,
   disabled = false,
   containerStyle,
+  wrapperStyle,
   imageStyle,
   selectionIndicatorStyle,
-  selectionIndicatorIcon
+  selectionIndicatorIcon,
+  nameStyle
 }) => {
-  const {theme} = useTheme();
-  const styles = createStyles(theme); // Create styles using theme
+  const { theme } = useTheme();
+  const styles = createStyles(theme);
 
+  // fixed circle dimensions
   const iconSize = {
     width: size,
     height: size,
     borderRadius: size / 2,
   };
 
-  const imageSize = {
-    width: size,
-    height: size,
-    borderRadius: size / 2,
-  };
-
+  // size for the check indicator
   const indicatorSize = {
     width: size * 0.3,
     height: size * 0.3,
@@ -65,70 +71,77 @@ const BrandIcon: React.FC<BrandIconProps> = ({
   };
 
   return (
-    <TouchableOpacity
-      style={[
-        styles.container,
-        iconSize,
-        selected && styles.selectedContainer,
-        containerStyle,
-      ]}
-      onPress={onPress}
-      disabled={disabled || !onPress}
-      activeOpacity={0.8}
-    >
-      <Image
-        source={brand.logo}
-        style={[styles.logo, imageSize, imageStyle]}
-        resizeMode="contain"
-      />
+    <View style={[styles.wrapper, wrapperStyle]}>
+      <TouchableOpacity
+        style={[
+          styles.container,
+          iconSize,
+          selected && styles.selectedContainer,
+          containerStyle,
+        ]}
+        onPress={onPress}
+        disabled={disabled || !onPress}
+        activeOpacity={0.8}
+      >
+        <Image
+          source={brand.logo}
+          style={[{ width: size, height: size, borderRadius: size / 2 }, imageStyle]}
+          resizeMode="contain"
+        />
 
-      {selected && (
-        <View
-          style={[
-            styles.selectionIndicator,
-            indicatorSize,
-            indicatorPosition,
-            selectionIndicatorStyle,
-          ]}
-        >
+        {selected && (
+          <View
+            style={[
+              styles.selectionIndicator,
+              indicatorSize,
+              indicatorPosition,
+              selectionIndicatorStyle,
+            ]}
+          >
             {selectionIndicatorIcon}
-        </View>
-      )}
-    </TouchableOpacity>
+          </View>
+        )}
+      </TouchableOpacity>
+
+      {showName && <Text style={[styles.name, {width: iconSize.width}, nameStyle]}>{brand.name}</Text>}
+    </View>
   );
 };
 
-// Function to create themed styles
-const createStyles = (theme: ThemeType) => StyleSheet.create({
-  container: {
-    backgroundColor: theme.surface, // Use surface for background
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderWidth: 1,
-    borderColor: theme.border, // Use border color
-    shadowColor: '#000000', // Keep shadow black for now
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 2,
-    elevation: 2,
-  },
-  selectedContainer: {
-    borderColor: theme.primary, // Use primary for selected border
-    borderWidth: 2, // Keep border width for selected state
-  },
-  logo: {},
-  selectionIndicator: {
-    position: 'absolute',
-    backgroundColor: theme.primary, // Use primary for indicator background
-    justifyContent: 'center',
-    alignItems: 'center',
-    zIndex: 2,
-  },
-  checkmark: { // Style is unused in current code, but if used:
-    width: '60%',
-    height: '60%',
-    // tintColor: theme.onPrimary, // Use onPrimary if checkmark is an icon/image
-  },
-});
+const createStyles = (theme: ThemeType) =>
+  StyleSheet.create({
+    wrapper: {
+      alignItems: "center",
+    },
+    container: {
+      backgroundColor: theme.surface,
+      justifyContent: "center",
+      alignItems: "center",
+      borderWidth: 1,
+      borderColor: theme.border,
+      shadowColor: "#000000",
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 0.1,
+      shadowRadius: 2,
+      elevation: 2,
+    },
+    selectedContainer: {
+      borderColor: theme.primary,
+      borderWidth: 2,
+    },
+    selectionIndicator: {
+      position: "absolute",
+      backgroundColor: theme.primary,
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: 2,
+    },
+    name: {
+      marginTop: 4,
+      color: theme.onSurface,
+      fontSize: 12,
+      textAlign: "center",
+    },
+  });
 
 export default BrandIcon;

package/src/components/RedemptionOption/RedemptionOption.tsx

@@ -150,7 +150,7 @@ const styles = StyleSheet.create({
     alignItems: "center"
   },
   iconContainer: {
-    marginBottom: 8,
+    // marginBottom: 8,
     justifyContent: "center",
     alignItems: "center",
   },