@whatmore-repo/whatmore-reactnative-sdk 1.0.28 → 1.0.30

package/package.json

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

package/src/api/navigation-commands/NavigationCommands.js

@@ -13,7 +13,7 @@ function handleClick(product, props){
     })
 }
 
-export async function navigateToProductPage(product, brandDomainContext, whatmoreShopId, props) {
+export async function navigateToProductPage(product, brandDomainContext, whatmoreShopId, props, navigation) {
     const _ACTIVATE_MOCK_ = getGlobalState("activateMock");
     if (_ACTIVATE_MOCK_) {
         return Promise.resolve(true);
@@ -26,6 +26,14 @@ export async function navigateToProductPage(product, brandDomainContext, whatmor
     if(isAppMaker(brandDomainContext)){
         return handleClick(product, props);
     }
-
+    else {
+        const parts = product?.product_link?.split('/');
+        const sku = parts?.[parts?.length - 1];
+        navigation.navigate(
+            'ProductDetail',
+            {url: sku}
+        )
+        props.setIsModalOpen(false);
+    }
     return Promise.resolve(false);
 }

package/src/components/EventsVerticalSwipeView.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
-import { Dimensions, Modal, View } from "react-native";
-import AppVideoPlayer from './video-player/AppVideoPlayer.js'
+import { Modal, View } from "react-native";
 import Swiper from 'react-native-swiper'
-import { InView } from 'react-native-intersection-observer'
 import EventShoppingView from './EventShoppingView.js';
 import { setGlobalState } from '../globals/useAppState_APP.js';
 
@@ -18,6 +16,7 @@ export default function EventsVerticalSwipeView(props) {
                 animationType="slide"
                 transparent={false}
                 visible={props.isModalOpen}
+                onRequestClose={()=>props.setIsModalOpen(false)}
             >
                 <Swiper
                     style={{}} 

package/src/components/WhatmoreRootComponent.js

@@ -34,8 +34,7 @@ export default function WhatmoreRootComponent(props) {
     var brandId = props.shopId;
     const [data, setData] = useState();
     const [error, setError] = useState();
-    const isInstaReelView = ["27358003275", "STR60LW4WMA"];
-    const [isModalOpen, setIsModalOpen] = useState(!isInstaReelView.includes(brandId));
+    const [isModalOpen, setIsModalOpen] = useState(false);
     const [initialEventIndex, setInitialEventIndex] = useState(0)
 
     var eventStatuses = "live,upcoming";
@@ -89,7 +88,7 @@ export default function WhatmoreRootComponent(props) {
 
     return (
         <>   
-            {isInstaReelView.includes(brandId) && <EventTileWithProduct customStyles={props.customStyles} isModalOpen={isModalOpen} setIsModalOpen={setIsModalOpen} events={data} setInitialEventIndex={setInitialEventIndex} />}
+            {<EventTileWithProduct customStyles={props.customStyles} isModalOpen={isModalOpen} setIsModalOpen={setIsModalOpen} events={data} setInitialEventIndex={setInitialEventIndex} />}
             {(isModalOpen) && <EventClickComponent isModalOpen={isModalOpen} setIsModalOpen={setIsModalOpen} events={data} initialEventIndex={initialEventIndex} onAction={props.onAction} /> }
         </>
       );

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

@@ -8,8 +8,10 @@ import useAddToCartStates from '../../hooks/useAddToCartStates.js';
 import * as Animatable from 'react-native-animatable';
 import ShopNow from '../cta-buttons/ShopNowButton.jsx';
 import { navigateToProductPage } from '../../api/navigation-commands/NavigationCommands.js';
+import { useNavigation } from '@react-navigation/native';
 
 export default function ProductTileV1(props) {
+    const navigation = useNavigation();
     const event = props.event;
     const product = props.product;
     const [tileTapAnimate, setTileTapAnimate] = useState(false);
@@ -31,7 +33,7 @@ export default function ProductTileV1(props) {
         <TouchableWithoutFeedback
             onPress={() => {
                 setTileTapAnimate(true);
-                navigateToProductPage(product, brandDomainContext, whatmoreShopId, props);
+                navigateToProductPage(product, brandDomainContext, whatmoreShopId, props, navigation);
             }}
         >
             <Animatable.View