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

package/src/api/shopify-commands/ShopifyCommands.js

@@ -1,29 +1,29 @@
-export async function productDetailsShopify(product){
-    const url = product.product_link + '.json';
-    const response = await fetch(url , {
-        method: 'GET',
-    });
-
-    if (!response.ok) {
-        throw new Error(`Error! status: ${response.status}`);
-    }
-
-    const result = await response.json();
-
-    return result;
-}
-
-export async function productDetailsShopifyJS(product){
-    const url = product.product_link + '.js';
-    const response = await fetch(url , {
-        method: 'GET',
-    });
-
-    if (!response.ok) {
-        throw new Error(`Error! status: ${response.status}`);
-    }
-
-    const result = await response.json();
-
-    return result;
+export async function productDetailsShopify(product){
+    const url = product.product_link + '.json';
+    const response = await fetch(url , {
+        method: 'GET',
+    });
+
+    if (!response.ok) {
+        throw new Error(`Error! status: ${response.status}`);
+    }
+
+    const result = await response.json();
+
+    return result;
+}
+
+export async function productDetailsShopifyJS(product){
+    const url = product.product_link + '.js';
+    const response = await fetch(url , {
+        method: 'GET',
+    });
+
+    if (!response.ok) {
+        throw new Error(`Error! status: ${response.status}`);
+    }
+
+    const result = await response.json();
+
+    return result;
 }

package/src/api/whatmore-backend/WhatmoreMetricCommands.js

@@ -1,159 +1,159 @@
-const WHATMORE_BACKEND_BASE_URL = "https://api.whatmore.live";
-
-export function registerUser(eventId, userName, phoneNumber) {
-    const requestBody = {
-        "event_id": eventId,
-        "customer_name": userName,
-        "customer_phone": phoneNumber 
-    }
-    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/notification/register", {
-        method: 'POST',
-        headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(requestBody)
-        },
-    ).then(response => {
-        console.debug("user registration response : HTTP " + response.status);
-        return response.json();
-    }).then(data => {
-        console.debug("user registration response : " + JSON.stringify(data));
-    }).catch(error => {
-        console.error("error while registering user for event : ", error);
-    });
-}
-
-
-export function increaseViewCount(event) {
-    console.debug("updating user view count for event.");
-    const requestBody = {
-        "event_id": event.event_id,
-        "increase_by": 1
-    }
-    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/event/metrics/views", {
-        method: 'POST',
-        headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(requestBody)
-        },
-    ).then(response => {
-        console.debug("updating user view count response : HTTP " + response.status);
-        return response.json();
-    }).then(data => {
-        console.debug("updating user view count response : " + JSON.stringify(data));
-    }).catch(error => {
-        console.error("error updating user view count user for event : ", error);
-    });
-}
-
-
-export function increaseEventProductClickCount(event, product) {
-    console.debug("updating event-product click count for event {} and product {}.", event.event_id, product.product_id);
-    const requestBody = {
-        "event_id": event.event_id,
-        "product_id": product.product_id,
-        "increase_by": 1
-    }
-    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/event/metrics/clicks", {
-        method: 'POST',
-        headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(requestBody)
-        },
-    ).then(response => {
-        console.debug("updating user event-product click count response : HTTP " + response.status);
-        return response.json();
-    }).then(data => {
-        console.debug("updating user event-product click count response : " + JSON.stringify(data));
-    }).catch(error => {
-        console.error("error updating user event-product click count for event {} : ", event.event_id, error);
-    });
-}
-
-export function increaseEventProductAddToCartCount(event, product, quantity) {
-    console.debug("updating event-product add to cart count for event {} and product {}.", event.event_id, product.product_id);
-    const requestBody = {
-        "event_id": event.event_id,
-        "product_id": product.product_id,
-        "increase_by": quantity
-    }
-    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/event/metrics/add_to_cart", {
-        method: 'POST',
-        headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(requestBody)
-        },
-    ).then(response => {
-        console.debug("updating user event-product add to cart count response : HTTP " + response.status);
-        return response.json();
-    }).then(data => {
-        console.debug("updating user event-product add to cart count response : " + JSON.stringify(data));
-    }).catch(error => {
-        console.error("error updating user event-product add to cart count for event {} : ", event.event_id, error);
-    });
-}
-
-export function increaseEventProductBuyNowCount(event, product) {
-    console.debug("updating event-product buy now count for event {} and product {}.", event.event_id, product.product_id);
-    const requestBody = {
-        "event_id": event.event_id,
-        "product_id": product.product_id,
-        "increase_by": 1
-    }
-    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/event/metrics/buy_now", {
-        method: 'POST',
-        headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify(requestBody)
-        },
-    ).then(response => {
-        console.debug("updating user event-product buy now count response : HTTP " + response.status);
-        return response.json();
-    }).then(data => {
-        console.debug("updating user event-product buy now count response : " + JSON.stringify(data));
-    }).catch(error => {
-        console.error("error updating user event-product buy now count for event {} : ", event.event_id, error);
-    });
-}
-
-export async function orderTrackingAddToCartEvent(
-    {storeId = '', eventId = 0, productId = '', variantId = '', cartToken = '', checkoutToken = '', quantity = 0, price = '', actionType = '', trackingId = ''} = {}
-) {
-    let data = {
-        'event_id': eventId,
-        'product_id': productId,
-        'cart_token': cartToken,
-        'checkout_token': checkoutToken,
-        'quantity': quantity,
-        'price': price,
-        'variant_id': variantId,
-        'action_type': actionType,
-        'tracking_id' : trackingId
-    };
-    console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} ", eventId, productId, variantId);
-    const res = await fetch(WHATMORE_BACKEND_BASE_URL + '/cart-metadata/' + storeId, {
-        method: 'POST',
-        headers: {
-            'Accept': 'application/json',
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(data)
-    }).then(response => {
-        console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} : HTTP " + response.status);
-        return response.json();
-    }).catch(error => {
-        console.error("error initiating ATC metadata event for eventId {}, productId {}, variantId {} : ", eventId, productId, variantId);
-    });        
-
-    return res
-}
-
+const WHATMORE_BACKEND_BASE_URL = "https://api.whatmore.live";
+
+export function registerUser(eventId, userName, phoneNumber) {
+    const requestBody = {
+        "event_id": eventId,
+        "customer_name": userName,
+        "customer_phone": phoneNumber 
+    }
+    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/notification/register", {
+        method: 'POST',
+        headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+        },
+    ).then(response => {
+        console.debug("user registration response : HTTP " + response.status);
+        return response.json();
+    }).then(data => {
+        console.debug("user registration response : " + JSON.stringify(data));
+    }).catch(error => {
+        console.error("error while registering user for event : ", error);
+    });
+}
+
+
+export function increaseViewCount(event) {
+    console.debug("updating user view count for event.");
+    const requestBody = {
+        "event_id": event.event_id,
+        "increase_by": 1
+    }
+    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/event/metrics/views", {
+        method: 'POST',
+        headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+        },
+    ).then(response => {
+        console.debug("updating user view count response : HTTP " + response.status);
+        return response.json();
+    }).then(data => {
+        console.debug("updating user view count response : " + JSON.stringify(data));
+    }).catch(error => {
+        console.error("error updating user view count user for event : ", error);
+    });
+}
+
+
+export function increaseEventProductClickCount(event, product) {
+    console.debug("updating event-product click count for event {} and product {}.", event.event_id, product.product_id);
+    const requestBody = {
+        "event_id": event.event_id,
+        "product_id": product.product_id,
+        "increase_by": 1
+    }
+    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/event/metrics/clicks", {
+        method: 'POST',
+        headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+        },
+    ).then(response => {
+        console.debug("updating user event-product click count response : HTTP " + response.status);
+        return response.json();
+    }).then(data => {
+        console.debug("updating user event-product click count response : " + JSON.stringify(data));
+    }).catch(error => {
+        console.error("error updating user event-product click count for event {} : ", event.event_id, error);
+    });
+}
+
+export function increaseEventProductAddToCartCount(event, product, quantity) {
+    console.debug("updating event-product add to cart count for event {} and product {}.", event.event_id, product.product_id);
+    const requestBody = {
+        "event_id": event.event_id,
+        "product_id": product.product_id,
+        "increase_by": quantity
+    }
+    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/event/metrics/add_to_cart", {
+        method: 'POST',
+        headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+        },
+    ).then(response => {
+        console.debug("updating user event-product add to cart count response : HTTP " + response.status);
+        return response.json();
+    }).then(data => {
+        console.debug("updating user event-product add to cart count response : " + JSON.stringify(data));
+    }).catch(error => {
+        console.error("error updating user event-product add to cart count for event {} : ", event.event_id, error);
+    });
+}
+
+export function increaseEventProductBuyNowCount(event, product) {
+    console.debug("updating event-product buy now count for event {} and product {}.", event.event_id, product.product_id);
+    const requestBody = {
+        "event_id": event.event_id,
+        "product_id": product.product_id,
+        "increase_by": 1
+    }
+    const response = fetch(WHATMORE_BACKEND_BASE_URL + "/event/metrics/buy_now", {
+        method: 'POST',
+        headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(requestBody)
+        },
+    ).then(response => {
+        console.debug("updating user event-product buy now count response : HTTP " + response.status);
+        return response.json();
+    }).then(data => {
+        console.debug("updating user event-product buy now count response : " + JSON.stringify(data));
+    }).catch(error => {
+        console.error("error updating user event-product buy now count for event {} : ", event.event_id, error);
+    });
+}
+
+export async function orderTrackingAddToCartEvent(
+    {storeId = '', eventId = 0, productId = '', variantId = '', cartToken = '', checkoutToken = '', quantity = 0, price = '', actionType = '', trackingId = ''} = {}
+) {
+    let data = {
+        'event_id': eventId,
+        'product_id': productId,
+        'cart_token': cartToken,
+        'checkout_token': checkoutToken,
+        'quantity': quantity,
+        'price': price,
+        'variant_id': variantId,
+        'action_type': actionType,
+        'tracking_id' : trackingId
+    };
+    console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} ", eventId, productId, variantId);
+    const res = await fetch(WHATMORE_BACKEND_BASE_URL + '/cart-metadata/' + storeId, {
+        method: 'POST',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+    }).then(response => {
+        console.debug("initiating ATC metadata event for eventId {}, productId {}, variantId {} : HTTP " + response.status);
+        return response.json();
+    }).catch(error => {
+        console.error("error initiating ATC metadata event for eventId {}, productId {}, variantId {} : ", eventId, productId, variantId);
+    });        
+
+    return res
+}
+

package/src/components/EventClickComponent.js

@@ -1,31 +1,31 @@
-import * as React from 'react';
-import { SafeAreaView, StatusBar, View } from "react-native";
-import EventsVerticalSwipeView from './EventsVerticalSwipeView';
-import { getGlobalState } from '../globals/useAppState_APP';
-import EventsVerticalSwipeViewNoModal from './EventsVerticalSwipeViewNoModal';
-
-export default function EventClickComponent(props) {
-    const modalUsed = getGlobalState('modalUsed');
-
-    return (
-        <SafeAreaView  style={{
-            width: '100%',
-            height: '100%'
-        }}>
-            <StatusBar
-                animated={true}
-                backgroundColor='black'
-                barStyle={"default"}
-                hidden={false}
-                showHideTransition={"fade"}
-            />
-            {
-                modalUsed
-                ?
-                    <EventsVerticalSwipeView events={props.events} initialEventIndex={props.initialEventIndex} />
-                :
-                    <EventsVerticalSwipeViewNoModal events={props.events} initialEventIndex={props.initialEventIndex} />
-            }
-        </SafeAreaView>
-      );
+import * as React from 'react';
+import { SafeAreaView, StatusBar, View } from "react-native";
+import EventsVerticalSwipeView from './EventsVerticalSwipeView';
+import { getGlobalState } from '../globals/useAppState_APP';
+import EventsVerticalSwipeViewNoModal from './EventsVerticalSwipeViewNoModal';
+
+export default function EventClickComponent(props) {
+    const modalUsed = getGlobalState('modalUsed');
+
+    return (
+        <SafeAreaView  style={{
+            width: '100%',
+            height: '100%'
+        }}>
+            <StatusBar
+                animated={true}
+                backgroundColor='black'
+                barStyle={"default"}
+                hidden={false}
+                showHideTransition={"fade"}
+            />
+            {
+                modalUsed
+                ?
+                    <EventsVerticalSwipeView events={props.events} initialEventIndex={props.initialEventIndex} />
+                :
+                    <EventsVerticalSwipeViewNoModal events={props.events} initialEventIndex={props.initialEventIndex} />
+            }
+        </SafeAreaView>
+      );
 }

package/src/components/EventShoppingOverlay.js

@@ -1,75 +1,75 @@
-import * as React from 'react';
-import { Text, TouchableOpacity, View } from "react-native";
-import { getGlobalState, setGlobalState, useGlobalState } from '../globals/useAppState_APP.js';
-import AppMuteUnmuteIcon from './commons/AppMuteUnmuteIcon.js';
-import ProductTileV1 from './product-tiles/ProductTileV1.js';
-
-export default function EventShoppingOverlay(props) {
-    var event = props.event;
-
-    return (
-        <View 
-            style={{
-                width: '100%', height: '100%',
-                flex: 1, flexDirection: 'column', 
-                justifyContent: 'flex-start', alignItems: 'center'
-            }}
-        >
-            {/* <Text style={{fontSize: 20, fontWeight: 'bold'}}> ABCD </Text> */}
-
-            <View
-                style={{
-                    width: '100%', 
-                    height: 'auto',
-                    flexDirection: 'row',
-                    justifyContent: 'flex-end', alignItems: 'center', backgroundColor: 'transparent',
-                    paddingLeft: 10, paddingRight: 10, paddingTop: 10, paddingBottom: 10
-                }}
-            >   
-                <AppMuteUnmuteIcon />
-            </View>
-            <View
-                style={{
-                    width: '100%', 
-                    height: 'auto',
-                    flex: 1,
-                    flexDirection: 'column',
-                    justifyContent: 'space-between', alignItems: 'center', backgroundColor: 'transparent'
-                }}
-            >   
-                <TouchableOpacity
-                    style={{
-                        width: '100%', 
-                        height: 'auto',
-                        flex: 1,
-                        flexDirection: 'row',
-                        justifyContent: 'center', alignItems: 'center', backgroundColor: 'transparent'
-                    }}
-                    onPress={()=>{
-                        setGlobalState("isAppMuted", getGlobalState("isAppMuted") ? false : true);
-                    }}
-                >
-                </TouchableOpacity>
-                <View
-                    // add style here to make it horizontally scrollable 
-                    style={{
-                        width: '100%', height: 'auto',
-                        flexDirection: 'row', justifyContent: 'space-around', alignItems: 'center',
-                        paddingLeft: 10, paddingRight: 10, paddingBottom: 10
-                    }}
-                >
-                    {
-                        event.products.map((product, index) => {
-                            return (
-                                <ProductTileV1 key={index} event={event} product={product} />
-                            );
-                        })
-                    }
-                </View>
-            </View>
-            
-
-        </View>
-    );
-                                    
+import * as React from 'react';
+import { Text, TouchableOpacity, View } from "react-native";
+import { getGlobalState, setGlobalState, useGlobalState } from '../globals/useAppState_APP.js';
+import AppMuteUnmuteIcon from './commons/AppMuteUnmuteIcon.js';
+import ProductTileV1 from './product-tiles/ProductTileV1.js';
+
+export default function EventShoppingOverlay(props) {
+    var event = props.event;
+
+    return (
+        <View 
+            style={{
+                width: '100%', height: '100%',
+                flex: 1, flexDirection: 'column', 
+                justifyContent: 'flex-start', alignItems: 'center'
+            }}
+        >
+            {/* <Text style={{fontSize: 20, fontWeight: 'bold'}}> ABCD </Text> */}
+
+            <View
+                style={{
+                    width: '100%', 
+                    height: 'auto',
+                    flexDirection: 'row',
+                    justifyContent: 'flex-end', alignItems: 'center', backgroundColor: 'transparent',
+                    paddingLeft: 10, paddingRight: 10, paddingTop: 10, paddingBottom: 10
+                }}
+            >   
+                <AppMuteUnmuteIcon />
+            </View>
+            <View
+                style={{
+                    width: '100%', 
+                    height: 'auto',
+                    flex: 1,
+                    flexDirection: 'column',
+                    justifyContent: 'space-between', alignItems: 'center', backgroundColor: 'transparent'
+                }}
+            >   
+                <TouchableOpacity
+                    style={{
+                        width: '100%', 
+                        height: 'auto',
+                        flex: 1,
+                        flexDirection: 'row',
+                        justifyContent: 'center', alignItems: 'center', backgroundColor: 'transparent'
+                    }}
+                    onPress={()=>{
+                        setGlobalState("isAppMuted", getGlobalState("isAppMuted") ? false : true);
+                    }}
+                >
+                </TouchableOpacity>
+                <View
+                    // add style here to make it horizontally scrollable 
+                    style={{
+                        width: '100%', height: 'auto',
+                        flexDirection: 'row', justifyContent: 'space-around', alignItems: 'center',
+                        paddingLeft: 10, paddingRight: 10, paddingBottom: 10
+                    }}
+                >
+                    {
+                        event.products.map((product, index) => {
+                            return (
+                                <ProductTileV1 key={index} event={event} product={product} />
+                            );
+                        })
+                    }
+                </View>
+            </View>
+            
+
+        </View>
+    );
+                                    
 }

package/src/components/EventShoppingView.js

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import { View } from "react-native";
-import AppVideoPlayer from './video-player/AppVideoPlayer.js'
-import { useGlobalState } from '../globals/useAppState_APP.js';
-import EventShoppingOverlay from './EventShoppingOverlay.js';
-
-export default function EventShoppingView(props) {
-    const [activeSwiperIndex, setActiveSwiperIndex] = useGlobalState('verticalSwiperViewActiveIndex');
-
-    var event = props.event;
-    var eventIndex = props.eventIndex;
-
-    return (
-        <View 
-            style={{
-                width: '100%', height: '100%'
-            }}
-        >
-            <AppVideoPlayer videoUrl={event.event_hls_url} isMuted={activeSwiperIndex != eventIndex} />
-            <View
-                style={{
-                    width: '100%', height: '100%',
-                    position: 'relative', zIndex: 1, 
-                    backgroundColor: 'transparent',
-                }}
-            >
-                <EventShoppingOverlay event={event} />
-            </View>
-        </View>
-    );
-                                    
+import * as React from 'react';
+import { View } from "react-native";
+import AppVideoPlayer from './video-player/AppVideoPlayer.js'
+import { useGlobalState } from '../globals/useAppState_APP.js';
+import EventShoppingOverlay from './EventShoppingOverlay.js';
+
+export default function EventShoppingView(props) {
+    const [activeSwiperIndex, setActiveSwiperIndex] = useGlobalState('verticalSwiperViewActiveIndex');
+
+    var event = props.event;
+    var eventIndex = props.eventIndex;
+
+    return (
+        <View 
+            style={{
+                width: '100%', height: '100%'
+            }}
+        >
+            <AppVideoPlayer videoUrl={event.event_hls_url} isMuted={activeSwiperIndex != eventIndex} />
+            <View
+                style={{
+                    width: '100%', height: '100%',
+                    position: 'relative', zIndex: 1, 
+                    backgroundColor: 'transparent',
+                }}
+            >
+                <EventShoppingOverlay event={event} />
+            </View>
+        </View>
+    );
+                                    
 }