related-ui-components 1.3.7 → 1.3.9

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":";;AAAA,SAASA,QAAQ,QAAmB,sBAAa;AACjD,OAAOC,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,KAAK,EACLC,gBAAgB,EAChBC,UAAU,EAKVC,IAAI,QAEC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuBtB,MAAMC,SAAmC,GAAGA,CAAC;EAC3CC,KAAK;EACLC,IAAI,GAAG,EAAE;EACTC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,cAAc;EACdC,YAAY;EACZC,UAAU;EACVC,uBAAuB;EACvBC,sBAAsB;EACtBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAGxB,QAAQ,CAAC,CAAC;EAC5B,MAAMyB,MAAM,GAAGC,YAAY,CAACF,KAAK,CAAC;;EAElC;EACA,MAAMG,QAAQ,GAAG;IACfC,KAAK,EAAEf,IAAI;IACXgB,MAAM,EAAEhB,IAAI;IACZiB,YAAY,EAAEjB,IAAI,GAAG;EACvB,CAAC;;EAED;EACA,MAAMkB,aAAa,GAAG;IACpBH,KAAK,EAAEf,IAAI,GAAG,GAAG;IACjBgB,MAAM,EAAEhB,IAAI,GAAG,GAAG;IAClBiB,YAAY,EAAGjB,IAAI,GAAG,GAAG,GAAI;EAC/B,CAAC;EAED,MAAMmB,iBAAiB,GAAG;IACxBC,GAAG,EAAE,CAAC,CAAC;IACPC,KAAK,EAAE;EACT,CAAC;EAED,oBACExB,KAAA,CAACR,IAAI;IAACiC,KAAK,EAAE,CAACV,MAAM,CAACW,OAAO,EAAEjB,YAAY,CAAE;IAAAkB,QAAA,gBAC1C3B,KAAA,CAACN,gBAAgB;MACf+B,KAAK,EAAE,CACLV,MAAM,CAACa,SAAS,EAChBX,QAAQ,EACRb,QAAQ,IAAIW,MAAM,CAACc,iBAAiB,EACpCrB,cAAc,CACd;MACFF,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA,QAAQ,IAAI,CAACD,OAAQ;MAC/BwB,aAAa,EAAE,GAAI;MAAAH,QAAA,gBAEnB7B,IAAA,CAACL,KAAK;QACJsC,MAAM,EAAE7B,KAAK,CAAC8B,IAAK;QACnBP,KAAK,EAAE,CAAC;UAAEP,KAAK,EAAEf,IAAI;UAAEgB,MAAM,EAAEhB,IAAI;UAAEiB,YAAY,EAAEjB,IAAI,GAAG;QAAE,CAAC,EAAEO,UAAU,CAAE;QAC3EuB,UAAU,EAAC;MAAS,CACrB,CAAC,EAED7B,QAAQ,iBACPN,IAAA,CAACN,IAAI;QACHiC,KAAK,EAAE,CACLV,MAAM,CAACmB,kBAAkB,EACzBb,aAAa,EACbC,iBAAiB,EACjBX,uBAAuB,CACvB;QAAAgB,QAAA,EAEDf;MAAsB,CACnB,CACP;IAAA,CACe,CAAC,EAElBP,QAAQ,iBAAIP,IAAA,CAACF,IAAI;MAAC6B,KAAK,EAAE,CAACV,MAAM,CAACoB,IAAI,EAAE;QAACjB,KAAK,EAAED,QAAQ,CAACC;MAAK,CAAC,EAAEL,SAAS,CAAE;MAAAc,QAAA,EAAEzB,KAAK,CAACiC;IAAI,CAAO,CAAC;EAAA,CAC5F,CAAC;AAEX,CAAC;AAED,MAAMnB,YAAY,GAAIF,KAAgB,IACpCnB,UAAU,CAACyC,MAAM,CAAC;EAChBV,OAAO,EAAE;IACPW,UAAU,EAAE;EACd,CAAC;EACDT,SAAS,EAAE;IACTU,eAAe,EAAExB,KAAK,CAACyB,OAAO;IAC9BC,cAAc,EAAE,QAAQ;IACxBH,UAAU,EAAE,QAAQ;IACpBI,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE5B,KAAK,CAAC6B,MAAM;IACzBC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAE3B,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrC2B,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDnB,iBAAiB,EAAE;IACjBa,WAAW,EAAE5B,KAAK,CAACmC,OAAO;IAC1BR,WAAW,EAAE;EACf,CAAC;EACDP,kBAAkB,EAAE;IAClBgB,QAAQ,EAAE,UAAU;IACpBZ,eAAe,EAAExB,KAAK,CAACmC,OAAO;IAC9BT,cAAc,EAAE,QAAQ;IACxBH,UAAU,EAAE,QAAQ;IACpBc,MAAM,EAAE;EACV,CAAC;EACDhB,IAAI,EAAE;IACJiB,SAAS,EAAE,CAAC;IACZC,KAAK,EAAEvC,KAAK,CAACwC,SAAS;IACtBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEJ,eAAevD,SAAS","ignoreList":[]}

package/lib/module/components/Marquee/Marquee.js

@@ -0,0 +1,99 @@
+"use strict";
+
+import React, { useEffect, useMemo } from "react";
+import { View, StyleSheet } from "react-native";
+import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, Easing, cancelAnimation } from "react-native-reanimated";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_ANIMATION_SPEED_MS = 15000;
+const ReusableMarquee = ({
+  data: baseData,
+  renderItem,
+  itemWidth,
+  itemHeight,
+  itemSpacing,
+  animationSpeedMs = DEFAULT_ANIMATION_SPEED_MS,
+  style,
+  contentContainerStyle
+}) => {
+  const translateX = useSharedValue(0);
+
+  // Memoize calculations that depend on props to avoid unnecessary recalculations
+  const {
+    ONE_SET_WIDTH,
+    DATA
+  } = useMemo(() => {
+    if (!baseData || baseData.length === 0) {
+      return {
+        ONE_SET_WIDTH: 0,
+        DATA: []
+      };
+    }
+    const calculatedWidth = baseData.reduce(sum => sum + itemWidth + itemSpacing, 0);
+    // Duplicate data for seamless looping
+    const duplicatedData = [...baseData, ...baseData];
+    return {
+      ONE_SET_WIDTH: calculatedWidth,
+      DATA: duplicatedData
+    };
+  }, [baseData, itemWidth, itemSpacing]);
+  useEffect(() => {
+    if (DATA.length > 0 && ONE_SET_WIDTH > 0) {
+      translateX.value = 0; // Reset position when props change
+      const animation = withRepeat(withTiming(-ONE_SET_WIDTH, {
+        duration: animationSpeedMs,
+        easing: Easing.linear
+      }), -1,
+      // Infinite repeat
+      false // Don't reverse
+      );
+      translateX.value = animation;
+      return () => {
+        cancelAnimation(translateX);
+      };
+    } else {
+      cancelAnimation(translateX);
+      translateX.value = 0;
+      return undefined;
+    }
+  }, [translateX, ONE_SET_WIDTH, DATA, animationSpeedMs]);
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateX: translateX.value
+      }]
+    };
+  });
+  if (DATA.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      height: itemHeight
+    }, style],
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.animatedContainer, {
+        height: itemHeight
+      }, animatedStyle, contentContainerStyle],
+      children: DATA.map((item, index) => /*#__PURE__*/_jsx(View, {
+        style: [styles.itemWrapper, {
+          width: itemWidth,
+          height: itemHeight,
+          marginRight: itemSpacing
+        }],
+        children: renderItem(item, index)
+      }, `${item.id}-${index}`))
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    overflow: "hidden"
+  },
+  animatedContainer: {
+    flexDirection: "row"
+  },
+  itemWrapper: {}
+});
+export default ReusableMarquee;
+//# sourceMappingURL=Marquee.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","View","StyleSheet","Animated","useSharedValue","useAnimatedStyle","withRepeat","withTiming","Easing","cancelAnimation","jsx","_jsx","DEFAULT_ANIMATION_SPEED_MS","ReusableMarquee","data","baseData","renderItem","itemWidth","itemHeight","itemSpacing","animationSpeedMs","style","contentContainerStyle","translateX","ONE_SET_WIDTH","DATA","length","calculatedWidth","reduce","sum","duplicatedData","value","animation","duration","easing","linear","undefined","animatedStyle","transform","styles","container","height","children","animatedContainer","map","item","index","itemWrapper","width","marginRight","id","create","overflow","flexDirection"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Marquee/Marquee.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Marquee/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as Marquee } from "./Marquee.js";
+export * from "./Marquee.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Marquee/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Marquee"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Marquee/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,cAAW;AAC9C,cAAc,cAAW","ignoreList":[]}

package/lib/module/index.js

@@ -1,12 +1,9 @@
 "use strict";
 
-// import { registerRootComponent } from 'expo';
-// import "react-native-reanimated";
-
-// import App from "./app";
-
-// registerRootComponent(App);
-
+import { registerRootComponent } from 'expo';
+import "react-native-reanimated";
+import App from "./app.js";
+registerRootComponent(App);
 export * from "./theme/index.js";
 export * from "./components/index.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA;AACA;;AAGA;;AAEA;;AAEA,cAAc,kBAAS;AACvB,cAAc,uBAAc","ignoreList":[]}
+{"version":3,"names":["registerRootComponent","App"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA,SAASA,qBAAqB,QAAQ,MAAM;AAC5C,OAAO,yBAAyB;AAGhC,OAAOC,GAAG,MAAM,UAAO;AAEvBD,qBAAqB,CAACC,GAAG,CAAC;AAE1B,cAAc,kBAAS;AACvB,cAAc,uBAAc","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,sBAgJ1B"}
+{"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,sBAoJ1B"}

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/commonjs/components/Marquee/Marquee.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ViewStyle } from "react-native";
+type ReusableMarqueeProps<T> = {
+    data: T[];
+    renderItem: (item: T, index: number) => React.ReactElement;
+    itemWidth: number;
+    itemHeight: number;
+    itemSpacing: number;
+    animationSpeedMs?: number;
+    style?: ViewStyle;
+    contentContainerStyle?: ViewStyle;
+};
+declare const ReusableMarquee: <T extends {
+    id: string | number;
+}>({ data: baseData, renderItem, itemWidth, itemHeight, itemSpacing, animationSpeedMs, style, contentContainerStyle, }: ReusableMarqueeProps<T>) => React.ReactElement | null;
+export default ReusableMarquee;
+//# sourceMappingURL=Marquee.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../../../../src/components/Marquee/Marquee.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAIL,SAAS,EACV,MAAM,cAAc,CAAC;AAYtB,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,qHASzD,oBAAoB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YAAY,GAAG,IAsFjD,CAAC;AAcF,eAAe,eAAe,CAAC"}

package/lib/typescript/commonjs/components/Marquee/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Marquee } from "./Marquee";
+export * from "./Marquee";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Marquee/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Marquee/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,cAAc,WAAW,CAAC"}

package/lib/typescript/commonjs/index.d.ts

@@ -1,3 +1,4 @@
+import "react-native-reanimated";
 export * from "./theme";
 export * from "./components";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAC;AAOjC,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,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,sBAgJ1B"}
+{"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,sBAoJ1B"}

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/lib/typescript/module/components/Marquee/Marquee.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ViewStyle } from "react-native";
+type ReusableMarqueeProps<T> = {
+    data: T[];
+    renderItem: (item: T, index: number) => React.ReactElement;
+    itemWidth: number;
+    itemHeight: number;
+    itemSpacing: number;
+    animationSpeedMs?: number;
+    style?: ViewStyle;
+    contentContainerStyle?: ViewStyle;
+};
+declare const ReusableMarquee: <T extends {
+    id: string | number;
+}>({ data: baseData, renderItem, itemWidth, itemHeight, itemSpacing, animationSpeedMs, style, contentContainerStyle, }: ReusableMarqueeProps<T>) => React.ReactElement | null;
+export default ReusableMarquee;
+//# sourceMappingURL=Marquee.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"","sources":["../../../../../src/components/Marquee/Marquee.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAIL,SAAS,EACV,MAAM,cAAc,CAAC;AAYtB,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,qHASzD,oBAAoB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YAAY,GAAG,IAsFjD,CAAC;AAcF,eAAe,eAAe,CAAC"}

package/lib/typescript/module/components/Marquee/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Marquee } from "./Marquee";
+export * from "./Marquee";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Marquee/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Marquee/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,cAAc,WAAW,CAAC"}

package/lib/typescript/module/index.d.ts

@@ -1,3 +1,4 @@
+import "react-native-reanimated";
 export * from "./theme";
 export * from "./components";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAC;AAOjC,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "related-ui-components",
   "main": "./src/index.ts",
-  "version": "1.3.7",
+  "version": "1.3.9",
   "scripts": {
     "start": "expo start",
     "reset-project": "node ./scripts/reset-project.js",
@@ -31,7 +31,7 @@
     "expo-checkbox": "^4.0.1",
     "expo-constants": "~17.0.7",
     "expo-font": "~13.0.4",
-    "expo-linear-gradient": "^14.0.2",
+    "expo-linear-gradient": "~14.0.2",
     "expo-linking": "~7.0.5",
     "expo-splash-screen": "~0.29.24",
     "expo-status-bar": "~2.0.1",

package/src/app.tsx

@@ -130,7 +130,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 +142,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,12 +156,16 @@ export default function App() {
   onSecondaryButtonPress={()=>{}}
   isRTL={true}
 /> */}
-          <RedemptionOption
-          padding={0}
+          {/* <RedemptionOption
+          // padding={}
             containerStyle={{ borderRadius: 10, alignItems: "center" }}
-            icon={
-              <Ionicons name="briefcase" size={30}></Ionicons>
-            }
+            // icon={
+            //   <CustomIcon
+            //     source={require("@/assets/icons/deals-filled.png")}
+            //     size={30}
+            //     color="#665490"
+            //   ></CustomIcon>
+            // }
             iconContainerStyle={{
               backgroundColor: theme.background,
               width: 30,
@@ -172,7 +176,7 @@ export default function App() {
             textStyle={{fontSize: 15, fontWeight: "500"}}
             text="Deals"
             orientation="horizontal"
-          />
+          /> */}
         </SafeAreaView>
         {/* </View> */}
       </RelatedProvider>