@whatmore-repo/whatmore-reactnative-sdk 1.0.11 → 1.0.12

package/src/components/EventsVerticalSwipeView.js

@@ -1,60 +1,60 @@
-import * as React from 'react';
-import { Dimensions, Modal, View } from "react-native";
-import AppVideoPlayer from './video-player/AppVideoPlayer.js'
-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';
-
-export default function EventsVerticalSwipeView(props) {
-    const [modalVisible, setModalVisible] = React.useState(true);
-    var events = props.events;
-
-    return (
-            <Modal 
-                style={{
-                    flex: 1,
-                    height: '100%',
-                    width: '100%'
-                }}
-                animationType="slide"
-                transparent={true}
-                visible={modalVisible}
-                onRequestClose={() => {
-                    setModalVisible(!modalVisible);
-                }}
-            >
-                <Swiper
-                    style={{}} 
-                    horizontal={false}
-                    loop={true}
-                    showsPagination={false}
-                    loadMinimal={true}
-                    loadMinimalSize={1}
-                    index={props.initialEventIndex}
-                    onIndexChanged={(index) => { 
-                        setGlobalState('verticalSwiperViewActiveIndex', index);
-                    }}
-
-                >
-                    {
-                        events.map((event, eventIndex) => {
-                            return(
-                                <View
-                                    key={event.event_id}
-                                    style={{
-                                        flex: 1,
-                                        justifyContent: 'center',
-                                        alignItems: 'center',
-                                        backgroundColor: 'transparent'
-                                    }}
-                                >
-                                    <EventShoppingView event={event} eventIndex={eventIndex}  />
-                                </View> 
-                            )
-                        })
-                    }                    
-                </Swiper>   
-            </Modal>
-      );
+import * as React from 'react';
+import { Dimensions, Modal, View } from "react-native";
+import AppVideoPlayer from './video-player/AppVideoPlayer.js'
+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';
+
+export default function EventsVerticalSwipeView(props) {
+    const [modalVisible, setModalVisible] = React.useState(true);
+    var events = props.events;
+
+    return (
+            <Modal 
+                style={{
+                    flex: 1,
+                    height: '100%',
+                    width: '100%'
+                }}
+                animationType="slide"
+                transparent={true}
+                visible={modalVisible}
+                onRequestClose={() => {
+                    setModalVisible(!modalVisible);
+                }}
+            >
+                <Swiper
+                    style={{}} 
+                    horizontal={false}
+                    loop={true}
+                    showsPagination={false}
+                    loadMinimal={true}
+                    loadMinimalSize={1}
+                    index={props.initialEventIndex}
+                    onIndexChanged={(index) => { 
+                        setGlobalState('verticalSwiperViewActiveIndex', index);
+                    }}
+
+                >
+                    {
+                        events.map((event, eventIndex) => {
+                            return(
+                                <View
+                                    key={event.event_id}
+                                    style={{
+                                        flex: 1,
+                                        justifyContent: 'center',
+                                        alignItems: 'center',
+                                        backgroundColor: 'transparent'
+                                    }}
+                                >
+                                    <EventShoppingView event={event} eventIndex={eventIndex}  />
+                                </View> 
+                            )
+                        })
+                    }                    
+                </Swiper>   
+            </Modal>
+      );
 }

package/src/components/EventsVerticalSwipeViewNoModal.js

@@ -1,52 +1,52 @@
-import * as React from 'react';
-import { Dimensions, Modal, View } from "react-native";
-import AppVideoPlayer from './video-player/AppVideoPlayer.js'
-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';
-
-export default function EventsVerticalSwipeViewNoModal(props) {
-    var events = props.events;
-    return (
-            <View 
-                style={{
-                    flex: 1,
-                    height: '100%',
-                    width: '100%'
-                }}
-            >
-                <Swiper
-                    style={{}} 
-                    horizontal={false}
-                    loop={true}
-                    showsPagination={false}
-                    loadMinimal={true}
-                    loadMinimalSize={1}
-                    index={props.initialEventIndex}
-                    onIndexChanged={(index) => { 
-                        setGlobalState('verticalSwiperViewActiveIndex', index);
-                    }}
-
-                >
-                    {
-                        events.map((event, eventIndex) => {
-                            return(
-                                <View
-                                    key={event.event_id}
-                                    style={{
-                                        flex: 1,
-                                        justifyContent: 'center',
-                                        alignItems: 'center',
-                                        backgroundColor: 'transparent'
-                                    }}
-                                >
-                                    <EventShoppingView event={event} eventIndex={eventIndex}  />
-                                </View>
-                            )
-                        })
-                    }                    
-                </Swiper>   
-            </View>
-      );
+import * as React from 'react';
+import { Dimensions, Modal, View } from "react-native";
+import AppVideoPlayer from './video-player/AppVideoPlayer.js'
+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';
+
+export default function EventsVerticalSwipeViewNoModal(props) {
+    var events = props.events;
+    return (
+            <View 
+                style={{
+                    flex: 1,
+                    height: '100%',
+                    width: '100%'
+                }}
+            >
+                <Swiper
+                    style={{}} 
+                    horizontal={false}
+                    loop={true}
+                    showsPagination={false}
+                    loadMinimal={true}
+                    loadMinimalSize={1}
+                    index={props.initialEventIndex}
+                    onIndexChanged={(index) => { 
+                        setGlobalState('verticalSwiperViewActiveIndex', index);
+                    }}
+
+                >
+                    {
+                        events.map((event, eventIndex) => {
+                            return(
+                                <View
+                                    key={event.event_id}
+                                    style={{
+                                        flex: 1,
+                                        justifyContent: 'center',
+                                        alignItems: 'center',
+                                        backgroundColor: 'transparent'
+                                    }}
+                                >
+                                    <EventShoppingView event={event} eventIndex={eventIndex}  />
+                                </View>
+                            )
+                        })
+                    }                    
+                </Swiper>   
+            </View>
+      );
 }

package/src/components/WhatmoreRootComponent.js

@@ -1,89 +1,89 @@
-import * as React from 'react';
-import { useState, useEffect } from 'react';
-import EventClickComponent from "./EventClickComponent";
-import { WHATMORE_BACKEND_BASE_URL } from '../constants/AppGlobalVars';
-import { extractEvents, removeInvalidEvents } from '../utils/EventSanityUtils';
-import { View } from 'react-native';
-
-const logEventData = false;
-
-function logResponse(data, response = '200'){
-    // log response details
-    console.log("###=======Whatmore Log start.======####");
-    console.log("Fetched Events from Whatmore")
-    console.log("response status code : " + response.status)
-    console.log("total events received : " + (data && data.length));
-    logEventData && console.log("events data : " + JSON.stringify(data));
-    console.log("###=======Whatmore Log end.======####")
-}
-
-function transformEventData(data, brandId){
-    if(data == null){
-        return;
-    }
-
-    var index = 0;
-    data.forEach((event) => {
-        event.index = index++;        
-    });
-
-}
-
-export default function WhatmoreRootComponent(props) {
-    const [data, setData] = useState();
-    const [error, setError] = useState();
-
-    var brandId = props.shopId;
-    var eventStatuses = "live,upcoming";
-    var isActive = "true";
-
-    var whatmoreBackendEventsUrl = WHATMORE_BACKEND_BASE_URL + "/v1/events/";
-
-    /**
-     * external network calls
-     */
-
-    useEffect(() => {
-      var url;
-      url = whatmoreBackendEventsUrl.toString() + brandId.toString() 
-                  + '?status=' + eventStatuses.toString() 
-                  + '&is_active=' + isActive.toString();
-      fetch(url)
-          .then((response) => response.json())
-          .then((data) => {
-              return extractEvents(data, false);
-          })
-          .then((data) => {
-              logEventData && console.log("initial received events size : " + data.length);
-              return removeInvalidEvents(data, brandId);
-          })
-          .then((data) => {
-              setData(data);
-          })
-          .catch((err) => {
-              setError(err.message);
-          });
-    }, []);
-
-    // show nothing if any errors occurs or if no close events are scheduled or if still loading
-    if((data == null || data.length == 0) || error){
-        return (
-            <View
-                style={{
-                    width: '100%', 
-                    height: '100%'
-                }}
-            >
-            </View>
-        );
-    }
-
-    logEventData && logResponse(data);
-    transformEventData(data, brandId);
-    logEventData && console.log("final transformed events data : " + JSON.stringify(data));
-    logEventData && console.log("valid events size : " + data.length);
-
-    return (
-        <EventClickComponent events={data} initialEventIndex={0} /> 
-      );
+import * as React from 'react';
+import { useState, useEffect } from 'react';
+import EventClickComponent from "./EventClickComponent";
+import { WHATMORE_BACKEND_BASE_URL } from '../constants/AppGlobalVars';
+import { extractEvents, removeInvalidEvents } from '../utils/EventSanityUtils';
+import { View } from 'react-native';
+
+const logEventData = false;
+
+function logResponse(data, response = '200'){
+    // log response details
+    console.log("###=======Whatmore Log start.======####");
+    console.log("Fetched Events from Whatmore")
+    console.log("response status code : " + response.status)
+    console.log("total events received : " + (data && data.length));
+    logEventData && console.log("events data : " + JSON.stringify(data));
+    console.log("###=======Whatmore Log end.======####")
+}
+
+function transformEventData(data, brandId){
+    if(data == null){
+        return;
+    }
+
+    var index = 0;
+    data.forEach((event) => {
+        event.index = index++;        
+    });
+
+}
+
+export default function WhatmoreRootComponent(props) {
+    const [data, setData] = useState();
+    const [error, setError] = useState();
+
+    var brandId = props.shopId;
+    var eventStatuses = "live,upcoming";
+    var isActive = "true";
+
+    var whatmoreBackendEventsUrl = WHATMORE_BACKEND_BASE_URL + "/v1/events/";
+
+    /**
+     * external network calls
+     */
+
+    useEffect(() => {
+      var url;
+      url = whatmoreBackendEventsUrl.toString() + brandId.toString() 
+                  + '?status=' + eventStatuses.toString() 
+                  + '&is_active=' + isActive.toString();
+      fetch(url)
+          .then((response) => response.json())
+          .then((data) => {
+              return extractEvents(data, false);
+          })
+          .then((data) => {
+              logEventData && console.log("initial received events size : " + data.length);
+              return removeInvalidEvents(data, brandId);
+          })
+          .then((data) => {
+              setData(data);
+          })
+          .catch((err) => {
+              setError(err.message);
+          });
+    }, []);
+
+    // show nothing if any errors occurs or if no close events are scheduled or if still loading
+    if((data == null || data.length == 0) || error){
+        return (
+            <View
+                style={{
+                    width: '100%', 
+                    height: '100%'
+                }}
+            >
+            </View>
+        );
+    }
+
+    logEventData && logResponse(data);
+    transformEventData(data, brandId);
+    logEventData && console.log("final transformed events data : " + JSON.stringify(data));
+    logEventData && console.log("valid events size : " + data.length);
+
+    return (
+        <EventClickComponent events={data} initialEventIndex={0} /> 
+      );
 }

package/src/components/commons/AppMuteUnmuteIcon.js

@@ -1,36 +1,36 @@
-import * as React from 'react';
-import { getGlobalState, setGlobalState, useGlobalState } from '../../globals/useAppState_APP.js';
-import { Text, TouchableOpacity, View } from "react-native";
-import UnmuteIcon from '../icons/icon-components/UnmuteIcon.jsx';
-import MuteIcon from '../icons/icon-components/MuteIcon.jsx';
-
-export default function AppMuteUnmuteIcon(props) {
-    const [isAppMuted] = useGlobalState("isAppMuted");
-    
-    return (
-        isAppMuted
-        ?
-            <TouchableOpacity
-                style={{
-                    padding: 10
-                }}
-                onPress={()=>{
-                    setGlobalState("isAppMuted", false);
-                }}
-            >
-                <MuteIcon color={"#F5F5F5"} size={40} />
-            </TouchableOpacity>
-        :
-            <TouchableOpacity
-                style={{
-                    padding: 10
-                }}
-                onPress={()=>{
-                    setGlobalState("isAppMuted", true);
-                }}
-            >
-                <UnmuteIcon color={"#F5F5F5"} size={40} />
-            </TouchableOpacity>
-    );
-                                    
+import * as React from 'react';
+import { getGlobalState, setGlobalState, useGlobalState } from '../../globals/useAppState_APP.js';
+import { Text, TouchableOpacity, View } from "react-native";
+import UnmuteIcon from '../../icons/icon-components/UnmuteIcon.jsx';
+import MuteIcon from '../../icons/icon-components/MuteIcon.jsx';
+
+export default function AppMuteUnmuteIcon(props) {
+    const [isAppMuted] = useGlobalState("isAppMuted");
+    
+    return (
+        isAppMuted
+        ?
+            <TouchableOpacity
+                style={{
+                    padding: 10
+                }}
+                onPress={()=>{
+                    setGlobalState("isAppMuted", false);
+                }}
+            >
+                <MuteIcon color={"#F5F5F5"} size={40} />
+            </TouchableOpacity>
+        :
+            <TouchableOpacity
+                style={{
+                    padding: 10
+                }}
+                onPress={()=>{
+                    setGlobalState("isAppMuted", true);
+                }}
+            >
+                <UnmuteIcon color={"#F5F5F5"} size={40} />
+            </TouchableOpacity>
+    );
+                                    
 }