ordering-ui-react-native 0.24.16 → 0.24.18

package/src/context/Theme/index.tsx

@@ -1,25 +1,25 @@
-import React, { createContext, useContext, useState } from 'react'
-import { ThemeProvider as ThemeProviderStyled } from 'styled-components'
-
-type ITheme = any;
-
-type IThemeContext = [ITheme, React.Dispatch<React.SetStateAction<ITheme>>];
-
-const ThemeContext = createContext<IThemeContext>([[], () => null]);
-
-export const ThemeProvider = ({ children, ...props }: any) => {
-  const [theme, setTheme] = useState<ITheme>(props.theme);
-
-  return (
-    <ThemeContext.Provider value={[theme, setTheme]}>
-      <ThemeProviderStyled theme={theme}>
-        {children}
-      </ThemeProviderStyled>
-    </ThemeContext.Provider>
-  )
-}
-
-export const useTheme = () => {
-  const themeManager = useContext(ThemeContext)
-  return themeManager || [{}]
-}
+import React, { createContext, useContext, useState } from 'react'
+import { ThemeProvider as ThemeProviderStyled } from 'styled-components'
+
+type ITheme = any;
+
+type IThemeContext = [ITheme, React.Dispatch<React.SetStateAction<ITheme>>];
+
+const ThemeContext = createContext<IThemeContext>([[], () => null]);
+
+export const ThemeProvider = ({ children, ...props }: any) => {
+  const [theme, setTheme] = useState<ITheme>(props.theme);
+
+  return (
+    <ThemeContext.Provider value={[theme, setTheme]}>
+      <ThemeProviderStyled theme={theme}>
+        {children}
+      </ThemeProviderStyled>
+    </ThemeContext.Provider>
+  )
+}
+
+export const useTheme = () => {
+  const themeManager = useContext(ThemeContext)
+  return themeManager || [{}]
+}

package/src/hooks/DeviceOrientation.tsx

@@ -1,40 +1,40 @@
-import { useEffect, useState } from 'react';
-import { Dimensions } from 'react-native';
-
-export const PORTRAIT = "portrait";
-export const LANDSCAPE = "landscape";
-
-export const useDeviceOrientation = (): [{
-  orientation: "portrait" | "landscape",
-  dimensions: { width: number, height: number }
-}] => {
-
-  const { width, height } = Dimensions.get('window');
-
-  const [dimensions, setDimensions] = useState({ width, height });
-  const [orientation, setOrientation] = useState<"portrait" | "landscape">(
-    width < height ? PORTRAIT : LANDSCAPE
-  );
-
-  useEffect(() => {
-    Dimensions.addEventListener('change', ({ window: { width, height } }) => {
-
-      setDimensions({ width, height });
-
-      if (width < height) {
-        setOrientation(PORTRAIT);
-      } else {
-        setOrientation(LANDSCAPE);
-      }
-
-    })
-  }, []);
-
-  return [{ orientation, dimensions }];
-}
-
-export const DeviceOrientationMethods = {
-  PORTRAIT,
-  LANDSCAPE,
-  useDeviceOrientation
-}
+import { useEffect, useState } from 'react';
+import { Dimensions } from 'react-native';
+
+export const PORTRAIT = "portrait";
+export const LANDSCAPE = "landscape";
+
+export const useDeviceOrientation = (): [{
+  orientation: "portrait" | "landscape",
+  dimensions: { width: number, height: number }
+}] => {
+
+  const { width, height } = Dimensions.get('window');
+
+  const [dimensions, setDimensions] = useState({ width, height });
+  const [orientation, setOrientation] = useState<"portrait" | "landscape">(
+    width < height ? PORTRAIT : LANDSCAPE
+  );
+
+  useEffect(() => {
+    Dimensions.addEventListener('change', ({ window: { width, height } }) => {
+
+      setDimensions({ width, height });
+
+      if (width < height) {
+        setOrientation(PORTRAIT);
+      } else {
+        setOrientation(LANDSCAPE);
+      }
+
+    })
+  }, []);
+
+  return [{ orientation, dimensions }];
+}
+
+export const DeviceOrientationMethods = {
+  PORTRAIT,
+  LANDSCAPE,
+  useDeviceOrientation
+}

package/src/hooks/useCountdownTimer.tsx

@@ -1,26 +1,26 @@
-import { useEffect, useState } from 'react'
-
-/**
- * Hook for countdown seconds
- * @param {int} initialCount
- * @param {boolean} start
- */
-export function useCountdownTimer (initialCount : number, start : boolean) {
-  const [count, setCount] = useState(initialCount)
-
-  useEffect(() => {
-    if (start) {
-      const secondsLeft = setInterval(() => {
-        setCount(c => c - (c === 0 ? 0 : 1))
-      }, 1000)
-      return () => clearInterval(secondsLeft)
-    }
-  }, [start])
-
-  return [
-    count,
-    setCount,
-    /** reset */
-    () => { setCount(initialCount) }
-  ]
-}
+import { useEffect, useState } from 'react'
+
+/**
+ * Hook for countdown seconds
+ * @param {int} initialCount
+ * @param {boolean} start
+ */
+export function useCountdownTimer (initialCount : number, start : boolean) {
+  const [count, setCount] = useState(initialCount)
+
+  useEffect(() => {
+    if (start) {
+      const secondsLeft = setInterval(() => {
+        setCount(c => c - (c === 0 ? 0 : 1))
+      }, 1000)
+      return () => clearInterval(secondsLeft)
+    }
+  }, [start])
+
+  return [
+    count,
+    setCount,
+    /** reset */
+    () => { setCount(initialCount) }
+  ]
+}

package/src/index.tsx

@@ -1,200 +1,200 @@
-import { Account } from './components/Account';
-import { ActiveOrders } from './components/ActiveOrders';
-import { AddressDetails } from './components/AddressDetails';
-import { AddressForm } from './components/AddressForm';
-import { AddressList } from './components/AddressList';
-import { Analytics } from './components/Analytics'
-import { BusinessBasicInformation } from './components/BusinessBasicInformation';
-import { BusinessController } from './components/BusinessController';
-import { BusinessInformation } from './components/BusinessInformation';
-import { BusinessItemAccordion } from './components/BusinessItemAccordion';
-import { BusinessProductsCategories } from './components/BusinessProductsCategories';
-import { BusinessProductsList } from './components/BusinessProductsList';
-import { BusinessProductsListing } from './components/BusinessProductsListing';
-import { BusinessReviews } from './components/BusinessReviews';
-import { BusinessTypeFilter } from './components/BusinessTypeFilter';
-import { BusinessesListing } from './components/BusinessesListing';
-import { Cart } from './components/Cart';
-import { CartContent } from './components/CartContent';
-import { Checkout } from './components/Checkout';
-import { CouponControl } from './components/CouponControl';
-import { DriverTips } from './components/DriverTips';
-import { FacebookLogin } from './components/FacebookLogin';
-import { FacebookPixel } from './components/FacebookPixel';
-import { FloatingButton } from './components/FloatingButton';
-import { ForgotPasswordForm } from './components/ForgotPasswordForm';
-import { GoogleMap } from './components/GoogleMap';
-import { Help } from './components/Help';
-import { HelpAccountAndPayment } from './components/HelpAccountAndPayment';
-import { HelpGuide } from './components/HelpGuide';
-import { HelpOrder } from './components/HelpOrder';
-import { Home } from './components/Home';
-import { LanguageSelector } from './components/LanguageSelector';
-import { LastOrders } from './components/LastOrders';
-import { LoginForm } from './components/LoginForm';
-import { LogoutButton } from './components/LogoutButton';
-import { Messages } from './components/Messages';
-import { MomentOption } from './components/MomentOption';
-import NavBar from './components/NavBar';
-import { NotificationSetting } from './components/NotificationSetting'
-import { NotFoundSource } from './components/NotFoundSource';
-import { OrderCreating } from './components/OrderCreating';
-import { OrderDetails } from './components/OrderDetails';
-import { OrderSummary } from './components/OrderSummary';
-import { OrderTypeSelector } from './components/OrderTypeSelector';
-import { OrdersOption } from './components/OrdersOption';
-import { PaymentOptionCash } from './components/PaymentOptionCash';
-import { PaymentOptionStripe } from './components/PaymentOptionStripe';
-import { PaymentOptions } from './components/PaymentOptions';
-import { PaymentOptionsWebView } from './components/PaymentOptionsWebView';
-import { PhoneInputNumber } from './components/PhoneInputNumber';
-import { PreviousOrders } from './components/PreviousOrders';
-import { ProductForm } from './components/ProductForm';
-import { ProductIngredient } from './components/ProductIngredient';
-import { ProductItemAccordion } from './components/ProductItemAccordion';
-import { ProductOption } from './components/ProductOption';
-import { ProductOptionSubOption } from './components/ProductOptionSubOption';
-import { ReviewDriver } from './components/ReviewDriver';
-import { ReviewOrder } from './components/ReviewOrder';
-import { ReviewProducts } from './components/ReviewProducts';
-import { SearchBar } from './components/SearchBar';
-import { SignupForm } from './components/SignupForm';
-import { SingleProductCard } from './components/SingleProductCard';
-import { StripeCardForm } from './components/StripeCardForm';
-import { StripeCardsList } from './components/StripeCardsList';
-import { StripeElementsForm } from './components/StripeElementsForm';
-import { StripeRedirectForm } from './components/StripeRedirectForm';
-import { UpsellingProducts } from './components/UpsellingProducts';
-import { UserDetails } from './components/UserDetails';
-import { UserFormDetailsUI } from './components/UserFormDetails';
-import { UserProfileForm } from './components/UserProfileForm';
-import { VerifyPhone } from './components/VerifyPhone';
-import { HelpParams } from './types';
-import {
-  OAlert,
-  OBottomPopup,
-  OButton,
-  ODropDown,
-  OIcon,
-  OIconButton,
-  OInput,
-  OModal,
-  OText,
-  OToast
-} from './components/shared';
-
-// layouts
-import { Container } from './layouts/Container';
-import { FloatingBottomContainer } from './layouts/FloatingBottomContainer';
-import { SafeAreaContainer } from './layouts/SafeAreaContainer';
-
-// providers
-import Alert from './providers/AlertProvider';
-import { StoreMethods } from './providers/StoreUtil';
-
-// contexts
-import { ThemeProvider, useTheme } from './context/Theme';
-import { OfflineActionsProvider, useOfflineActions } from './context/OfflineActions';
-
-// hooks
-import { DeviceOrientationMethods } from './hooks/DeviceOrientation';
-
-export {
-  Account,
-  ActiveOrders,
-  AddressDetails,
-  AddressForm,
-  AddressList,
-  Analytics,
-  BusinessBasicInformation,
-  BusinessController,
-  BusinessInformation,
-  BusinessItemAccordion,
-  BusinessProductsCategories,
-  BusinessProductsList,
-  BusinessProductsListing,
-  BusinessReviews,
-  BusinessTypeFilter,
-  BusinessesListing,
-  Cart,
-  CartContent,
-  Checkout,
-  CouponControl,
-  DriverTips,
-  FacebookLogin,
-  FacebookPixel,
-  FloatingButton,
-  ForgotPasswordForm,
-  GoogleMap,
-  Help,
-  HelpAccountAndPayment,
-  HelpGuide,
-  HelpOrder,
-  Home,
-  LanguageSelector,
-  LastOrders,
-  LoginForm,
-  LogoutButton,
-  Messages,
-  MomentOption,
-  NavBar,
-  NotificationSetting,
-  NotFoundSource,
-  OrderCreating,
-  OrderDetails,
-  OrderSummary,
-  OrderTypeSelector,
-  OrdersOption,
-  PaymentOptionCash,
-  PaymentOptionStripe,
-  PaymentOptions,
-  PaymentOptionsWebView,
-  PhoneInputNumber,
-  PreviousOrders,
-  ProductForm,
-  ProductIngredient,
-  ProductItemAccordion,
-  ProductOption,
-  ProductOptionSubOption,
-  ReviewDriver,
-  ReviewOrder,
-  ReviewProducts,
-  SearchBar,
-  SignupForm,
-  SingleProductCard,
-  StripeCardForm,
-  StripeCardsList,
-  StripeElementsForm,
-  StripeRedirectForm,
-  UpsellingProducts,
-  UserDetails,
-  UserFormDetailsUI,
-  UserProfileForm,
-  VerifyPhone,
-  OAlert,
-  OBottomPopup,
-  OButton,
-  ODropDown,
-  OIcon,
-  OIconButton,
-  OInput,
-  OModal,
-  OText,
-  OToast,
-  // layouts
-  Container,
-  FloatingBottomContainer,
-  SafeAreaContainer,
-  // providers
-  Alert,
-  StoreMethods,
-  // contexts
-  ThemeProvider,
-  useTheme,
-  OfflineActionsProvider,
-  useOfflineActions,
-  // hooks
-  DeviceOrientationMethods,
-  //types
-  HelpParams,
-}
+import { Account } from './components/Account';
+import { ActiveOrders } from './components/ActiveOrders';
+import { AddressDetails } from './components/AddressDetails';
+import { AddressForm } from './components/AddressForm';
+import { AddressList } from './components/AddressList';
+import { Analytics } from './components/Analytics'
+import { BusinessBasicInformation } from './components/BusinessBasicInformation';
+import { BusinessController } from './components/BusinessController';
+import { BusinessInformation } from './components/BusinessInformation';
+import { BusinessItemAccordion } from './components/BusinessItemAccordion';
+import { BusinessProductsCategories } from './components/BusinessProductsCategories';
+import { BusinessProductsList } from './components/BusinessProductsList';
+import { BusinessProductsListing } from './components/BusinessProductsListing';
+import { BusinessReviews } from './components/BusinessReviews';
+import { BusinessTypeFilter } from './components/BusinessTypeFilter';
+import { BusinessesListing } from './components/BusinessesListing';
+import { Cart } from './components/Cart';
+import { CartContent } from './components/CartContent';
+import { Checkout } from './components/Checkout';
+import { CouponControl } from './components/CouponControl';
+import { DriverTips } from './components/DriverTips';
+import { FacebookLogin } from './components/FacebookLogin';
+import { FacebookPixel } from './components/FacebookPixel';
+import { FloatingButton } from './components/FloatingButton';
+import { ForgotPasswordForm } from './components/ForgotPasswordForm';
+import { GoogleMap } from './components/GoogleMap';
+import { Help } from './components/Help';
+import { HelpAccountAndPayment } from './components/HelpAccountAndPayment';
+import { HelpGuide } from './components/HelpGuide';
+import { HelpOrder } from './components/HelpOrder';
+import { Home } from './components/Home';
+import { LanguageSelector } from './components/LanguageSelector';
+import { LastOrders } from './components/LastOrders';
+import { LoginForm } from './components/LoginForm';
+import { LogoutButton } from './components/LogoutButton';
+import { Messages } from './components/Messages';
+import { MomentOption } from './components/MomentOption';
+import NavBar from './components/NavBar';
+import { NotificationSetting } from './components/NotificationSetting'
+import { NotFoundSource } from './components/NotFoundSource';
+import { OrderCreating } from './components/OrderCreating';
+import { OrderDetails } from './components/OrderDetails';
+import { OrderSummary } from './components/OrderSummary';
+import { OrderTypeSelector } from './components/OrderTypeSelector';
+import { OrdersOption } from './components/OrdersOption';
+import { PaymentOptionCash } from './components/PaymentOptionCash';
+import { PaymentOptionStripe } from './components/PaymentOptionStripe';
+import { PaymentOptions } from './components/PaymentOptions';
+import { PaymentOptionsWebView } from './components/PaymentOptionsWebView';
+import { PhoneInputNumber } from './components/PhoneInputNumber';
+import { PreviousOrders } from './components/PreviousOrders';
+import { ProductForm } from './components/ProductForm';
+import { ProductIngredient } from './components/ProductIngredient';
+import { ProductItemAccordion } from './components/ProductItemAccordion';
+import { ProductOption } from './components/ProductOption';
+import { ProductOptionSubOption } from './components/ProductOptionSubOption';
+import { ReviewDriver } from './components/ReviewDriver';
+import { ReviewOrder } from './components/ReviewOrder';
+import { ReviewProducts } from './components/ReviewProducts';
+import { SearchBar } from './components/SearchBar';
+import { SignupForm } from './components/SignupForm';
+import { SingleProductCard } from './components/SingleProductCard';
+import { StripeCardForm } from './components/StripeCardForm';
+import { StripeCardsList } from './components/StripeCardsList';
+import { StripeElementsForm } from './components/StripeElementsForm';
+import { StripeRedirectForm } from './components/StripeRedirectForm';
+import { UpsellingProducts } from './components/UpsellingProducts';
+import { UserDetails } from './components/UserDetails';
+import { UserFormDetailsUI } from './components/UserFormDetails';
+import { UserProfileForm } from './components/UserProfileForm';
+import { VerifyPhone } from './components/VerifyPhone';
+import { HelpParams } from './types';
+import {
+  OAlert,
+  OBottomPopup,
+  OButton,
+  ODropDown,
+  OIcon,
+  OIconButton,
+  OInput,
+  OModal,
+  OText,
+  OToast
+} from './components/shared';
+
+// layouts
+import { Container } from './layouts/Container';
+import { FloatingBottomContainer } from './layouts/FloatingBottomContainer';
+import { SafeAreaContainer } from './layouts/SafeAreaContainer';
+
+// providers
+import Alert from './providers/AlertProvider';
+import { StoreMethods } from './providers/StoreUtil';
+
+// contexts
+import { ThemeProvider, useTheme } from './context/Theme';
+import { OfflineActionsProvider, useOfflineActions } from './context/OfflineActions';
+
+// hooks
+import { DeviceOrientationMethods } from './hooks/DeviceOrientation';
+
+export {
+  Account,
+  ActiveOrders,
+  AddressDetails,
+  AddressForm,
+  AddressList,
+  Analytics,
+  BusinessBasicInformation,
+  BusinessController,
+  BusinessInformation,
+  BusinessItemAccordion,
+  BusinessProductsCategories,
+  BusinessProductsList,
+  BusinessProductsListing,
+  BusinessReviews,
+  BusinessTypeFilter,
+  BusinessesListing,
+  Cart,
+  CartContent,
+  Checkout,
+  CouponControl,
+  DriverTips,
+  FacebookLogin,
+  FacebookPixel,
+  FloatingButton,
+  ForgotPasswordForm,
+  GoogleMap,
+  Help,
+  HelpAccountAndPayment,
+  HelpGuide,
+  HelpOrder,
+  Home,
+  LanguageSelector,
+  LastOrders,
+  LoginForm,
+  LogoutButton,
+  Messages,
+  MomentOption,
+  NavBar,
+  NotificationSetting,
+  NotFoundSource,
+  OrderCreating,
+  OrderDetails,
+  OrderSummary,
+  OrderTypeSelector,
+  OrdersOption,
+  PaymentOptionCash,
+  PaymentOptionStripe,
+  PaymentOptions,
+  PaymentOptionsWebView,
+  PhoneInputNumber,
+  PreviousOrders,
+  ProductForm,
+  ProductIngredient,
+  ProductItemAccordion,
+  ProductOption,
+  ProductOptionSubOption,
+  ReviewDriver,
+  ReviewOrder,
+  ReviewProducts,
+  SearchBar,
+  SignupForm,
+  SingleProductCard,
+  StripeCardForm,
+  StripeCardsList,
+  StripeElementsForm,
+  StripeRedirectForm,
+  UpsellingProducts,
+  UserDetails,
+  UserFormDetailsUI,
+  UserProfileForm,
+  VerifyPhone,
+  OAlert,
+  OBottomPopup,
+  OButton,
+  ODropDown,
+  OIcon,
+  OIconButton,
+  OInput,
+  OModal,
+  OText,
+  OToast,
+  // layouts
+  Container,
+  FloatingBottomContainer,
+  SafeAreaContainer,
+  // providers
+  Alert,
+  StoreMethods,
+  // contexts
+  ThemeProvider,
+  useTheme,
+  OfflineActionsProvider,
+  useOfflineActions,
+  // hooks
+  DeviceOrientationMethods,
+  //types
+  HelpParams,
+}

package/src/layouts/Container.tsx

@@ -1,27 +1,27 @@
-import React from 'react';
-import { Platform , I18nManager } from 'react-native';
-import styled, { css } from 'styled-components/native';
-
-const ContainerStyled = styled.ScrollView`
-  flex: 1;
-  ${(props: any) => !props.nopadding && css`
-    padding: ${Platform.OS === 'ios' ? '0px 20px 20px' : '20px'};
-  `}
-  background-color: ${(props: any) => props.theme.colors.backgroundPage};
-  left: ${Platform.OS === 'ios' && I18nManager.isRTL ? '20px' : '0px'} ;
-`;
-
-const SafeAreaStyled = styled.SafeAreaView`
-  flex: 1;
-  background-color: ${(props: any) => props.theme.colors.backgroundPage};
-`;
-
-export const Container = (props: any) => {
-  return (
-    <SafeAreaStyled>
-      <ContainerStyled ref={props?.forwardRef} nopadding={props.nopadding} keyboardShouldPersistTaps='handled'>
-        {props.children}
-      </ContainerStyled>
-    </SafeAreaStyled>
-  )
-}
+import React from 'react';
+import { Platform , I18nManager } from 'react-native';
+import styled, { css } from 'styled-components/native';
+
+const ContainerStyled = styled.ScrollView`
+  flex: 1;
+  ${(props: any) => !props.nopadding && css`
+    padding: ${Platform.OS === 'ios' ? '0px 20px 20px' : '20px'};
+  `}
+  background-color: ${(props: any) => props.theme.colors.backgroundPage};
+  left: ${Platform.OS === 'ios' && I18nManager.isRTL ? '20px' : '0px'} ;
+`;
+
+const SafeAreaStyled = styled.SafeAreaView`
+  flex: 1;
+  background-color: ${(props: any) => props.theme.colors.backgroundPage};
+`;
+
+export const Container = (props: any) => {
+  return (
+    <SafeAreaStyled>
+      <ContainerStyled ref={props?.forwardRef} nopadding={props.nopadding} keyboardShouldPersistTaps='handled'>
+        {props.children}
+      </ContainerStyled>
+    </SafeAreaStyled>
+  )
+}