@whatmore-repo/whatmore-reactnative-sdk 1.0.34 → 1.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whatmore-repo/whatmore-reactnative-sdk",
-  "version": "1.0.34",
+  "version": "1.0.35",
   "description": "",
   "private": false,
   "main": "index.js",

package/src/components/carousel-view/EventTileWithProduct.js

@@ -12,11 +12,14 @@ export default function EventTileWithProduct(props) {
     const [renderedEvents, setRenderedEvents] = useState(5)
     const { width } = Dimensions.get('window');
     const customStyles= getGlobalState('customStyles');
+    const whatmorePrimaryFont= getGlobalState('whatmorePrimaryFont');
     const ITEM_WIDTH = width * 0.33;
     const CARD_HEIGHT = 40 * (customStyles?.videoTileSize ?? 5.5);
     const appMarginBottom = customStyles?.widgetMarginBottom ?? 50
     const safeAreaViewHeight = customStyles?.showProductDetails ? 50 + (appMarginBottom) : (appMarginBottom);
     const brandThemeColor = customStyles?.brandThemeColor;
+    const BASE_FONT_SIZE = customStyles?.fontSize ?? 20
+    const fontFamily = customStyles?.fontFamily ?? whatmorePrimaryFont
     // const brandThemeFont =  customStyles?.brandThemeFont;
 
     const styles = StyleSheet.create({
@@ -111,21 +114,21 @@ export default function EventTileWithProduct(props) {
                 {(customStyles?.showProductDetails) && 
                 <View style={{ display: 'flex', paddingTop: 10, gap: 4 }}>
                     <Text
-                        style={{ fontSize: 9, paddingRight: 4 }}
+                        style={{ fontSize: BASE_FONT_SIZE*0.5, paddingRight: 4, fontFamily: fontFamily }}
                         numberOfLines={1}
                         ellipsizeMode="tail">
                             {item?.products?.[0]?.title}
                     </Text>
                     <View style={{ display: 'flex', flexDirection: 'row', gap: 6 }}>
                         <Text
-                            style={{ fontSize: 9, fontWeight: 'bold' }}
+                            style={{ fontSize: BASE_FONT_SIZE*0.5, fontFamily: fontFamily, fontWeight: 'bold' }}
                             numberOfLines={1}
                             ellipsizeMode="tail">
                                 {getPriceStringWithCurrency(price, " ", item.products?.[0]?.currency)}
                         </Text>
                         {!isNaN(compare_price) && compare_price > price &&
                             <Text
-                                style={{ fontSize: 9, textDecorationLine: 'line-through', color: '#808191' }}
+                                style={{ fontSize: BASE_FONT_SIZE*0.5, fontFamily: fontFamily, textDecorationLine: 'line-through', color: '#808191' }}
                                 numberOfLines={1}
                                 ellipsizeMode="tail">
                                     {getPriceStringWithCurrency(compare_price, " ", item.products?.[0]?.currency)}
@@ -143,7 +146,8 @@ export default function EventTileWithProduct(props) {
                             paddingHorizontal: 4
                         }}>
                             <Text style={{
-                                fontSize: 9,
+                                fontSize: BASE_FONT_SIZE*0.5,
+                                fontFamily: fontFamily,
                                 color: 'white',
                                 width: "fit-content",
 

package/src/components/cta-buttons/ShopNowButton.jsx

@@ -3,7 +3,6 @@ import { Text, TouchableOpacity, View } from "react-native";
 
 function ShopNow(props){
     const whatmorePrimaryColor = getGlobalState('whatmorePrimaryColor');
-    const whatmorePrimaryFont = getGlobalState('whatmorePrimaryFont');
     const customStyles= getGlobalState('customStyles');
     // const onClick = props.onClick;
     const height = props.height;
@@ -36,7 +35,7 @@ function ShopNow(props){
                     style={{
                         fontSize: props.fontSize,
                         fontWeight: 'bold',
-                        fontFamily: whatmorePrimaryFont,
+                        fontFamily: props.fontFamily,
                         color: 'white'
                     }}
                 >

package/src/components/product-tiles/ProductPriceBadge.js

@@ -25,6 +25,7 @@ export default function ProductPriceBadge(props) {
                 style={{
                     fontWeight: 'bold',
                     fontSize: fontSize,
+                    fontFamily: props.fontFamily,
                     color: color
                 }}
             >
@@ -39,6 +40,7 @@ export default function ProductPriceBadge(props) {
                 numberOfLines={1} 
                 style={{
                     fontWeight: 'normal',
+                    fontFamily: props.fontFamily,
                     textDecorationLine: 'line-through',
                     fontSize: fontSize
                 }}

package/src/components/product-tiles/ProductTileV1.js

@@ -18,8 +18,10 @@ export default function ProductTileV1(props) {
     const whatmorePrimaryFont = getGlobalState('whatmorePrimaryFont');
     const brandDomainContext = getGlobalState('brandDomainContext');
     const whatmoreShopId = getGlobalState('whatmoreShopId');
+    const customStyles= getGlobalState('customStyles');
     const PRODUCT_TILE_TOTAL_HEIGHT = Dimensions.get('window').height * 0.2;
-    const BASE_FONT_SIZE = 20;
+    const BASE_FONT_SIZE = customStyles?.fontSize ?? 20;
+    const fontFamily = customStyles?.fontFamily ?? whatmorePrimaryFont
 
     useEffect(() => {
         if(tileTapAnimate){
@@ -98,8 +100,8 @@ export default function ProductTileV1(props) {
                         style={{
                             
                             fontWeight: 'normal',
-                            fontFamily: whatmorePrimaryFont,
-                            fontSize: BASE_FONT_SIZE * 0.9,
+                            fontFamily: fontFamily,
+                            fontSize: BASE_FONT_SIZE * 0.8,
                             color: 'black',
                             overflow: 'hidden',
                             
@@ -114,7 +116,7 @@ export default function ProductTileV1(props) {
                         }}
                     ></View>
 
-                    <ProductPriceBadge product={product} event={event} fontSize={BASE_FONT_SIZE * 0.9} color={'black'} /> 
+                    <ProductPriceBadge fontFamily={fontFamily} product={product} event={event} fontSize={BASE_FONT_SIZE * 0.75} color={'black'} /> 
                 </View>
 
 
@@ -132,7 +134,8 @@ export default function ProductTileV1(props) {
                 <View style={{ flexDirection: 'row', width: '100%', justifyContent: 'center', alignItems: 'center'}}>
                     <ShopNow
                         height={PRODUCT_TILE_TOTAL_HEIGHT * 0.3}
-                        fontSize={BASE_FONT_SIZE*1.1}
+                        fontSize={BASE_FONT_SIZE}
+                        fontFamily={fontFamily}
                     />
                 </View>
             </View>