ordering-ui-react-native 0.23.95 → 0.23.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.23.95",
+  "version": "0.23.97",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/original/index.tsx

@@ -35,9 +35,7 @@ import { MessageListing } from './src/components/MessageListing';
 import { Messages } from './src/components/Messages';
 import { MyOrders } from './src/components/MyOrders';
 import { Help } from './src/components/Help';
-import { HelpAccountAndPayment } from './src/components/HelpAccountAndPayment';
-import { HelpGuide } from './src/components/HelpGuide';
-import { HelpOrder } from './src/components/HelpOrder';
+import { HelpOptions } from './src/components/HelpOptions';
 import { NetworkError } from './src/components/NetworkError';
 import { NotFoundSource } from './src/components/NotFoundSource';
 import { OrderTypeSelector } from './src/components/OrderTypeSelector';
@@ -113,49 +111,49 @@ import { orderTypeList, getTraduction, verifyDecimals, getOrderStatus, getOrderS
 import Alert from './src/providers/AlertProvider'
 
 import {
-	LoginParams,
-	ProfileParams,
-	AddressListParams,
-	AddressFormParams,
-	SignupParams,
-	PhoneInputParams,
-	LanguageSelectorParams,
-	BusinessesListingParams,
-	HighestRatedBusinessesParams,
-	BusinessTypeFilterParams,
-	BusinessControllerParams,
-	BusinessProductsListingParams,
-	BusinessBasicInformationParams,
-	BusinessProductsCategoriesParams,
-	BusinessProductsListParams,
-	SingleProductCardParams,
-	BusinessInformationParams,
-	BusinessReviewsParams,
-	SearchBarParams,
-	NotFoundSourceParams,
-	OrdersOptionParams,
-	ActiveOrdersParams,
-	PreviousOrdersParams,
-	OrderDetailsParams,
-	ReviewDriverParams
+  LoginParams,
+  ProfileParams,
+  AddressListParams,
+  AddressFormParams,
+  SignupParams,
+  PhoneInputParams,
+  LanguageSelectorParams,
+  BusinessesListingParams,
+  HighestRatedBusinessesParams,
+  BusinessTypeFilterParams,
+  BusinessControllerParams,
+  BusinessProductsListingParams,
+  BusinessBasicInformationParams,
+  BusinessProductsCategoriesParams,
+  BusinessProductsListParams,
+  SingleProductCardParams,
+  BusinessInformationParams,
+  BusinessReviewsParams,
+  SearchBarParams,
+  NotFoundSourceParams,
+  OrdersOptionParams,
+  ActiveOrdersParams,
+  PreviousOrdersParams,
+  OrderDetailsParams,
+  ReviewDriverParams
 } from './src/types';
 
 import { Toast } from './src/components/shared/OToast';
 import {
-	OText,
-	OButton,
-	OInput,
-	ODropDown,
-	OIcon,
-	OIconText,
-	OIconButton,
-	OTextarea,
-	OToggle,
-	OKeyButton,
-	OAlert,
-	OModal,
-	OBottomPopup,
-	HeaderTitle
+  OText,
+  OButton,
+  OInput,
+  ODropDown,
+  OIcon,
+  OIconText,
+  OIconButton,
+  OTextarea,
+  OToggle,
+  OKeyButton,
+  OAlert,
+  OModal,
+  OBottomPopup,
+  HeaderTitle
 } from './src/components/shared';
 
 import { Container } from './src/layouts/Container';
@@ -163,198 +161,196 @@ import { SafeAreaContainer } from './src/layouts/SafeAreaContainer';
 import { FloatingBottomContainer } from './src/layouts/FloatingBottomContainer';
 
 import {
-	_retrieveStoreData,
-	_setStoreData,
-	_removeStoreData,
-	_clearStoreData
+  _retrieveStoreData,
+  _setStoreData,
+  _removeStoreData,
+  _clearStoreData
 } from './src/providers/StoreUtil';
 
 export {
-	AddressForm,
-	AddressDetails,
-	AnalyticsSegment,
-	Home as HomeView,
-	SignupForm,
-	LoginForm,
-	ActiveOrders,
-	AddressList,
-	AppleLogin,
-	BusinessesListing,
-	BusinessProductsListing,
-	CartContent,
-	BusinessCart,
-	Checkout,
-	Favorite,
-	FavoriteList,
+  AddressForm,
+  AddressDetails,
+  AnalyticsSegment,
+  Home as HomeView,
+  SignupForm,
+  LoginForm,
+  ActiveOrders,
+  AddressList,
+  AppleLogin,
+  BusinessesListing,
+  BusinessProductsListing,
+  CartContent,
+  BusinessCart,
+  Checkout,
+  Favorite,
+  FavoriteList,
   GPSButton,
-	ForgotPasswordForm,
-	MomentOption,
-	OrdersOption,
-	OrderDetails,
-	OrderProgress,
-	BusinessPreorder,
-	NotificationsList,
-	UserProfileForm,
-	ReviewOrder,
-	ReviewProducts,
-	ReviewDriver,
-	BusinessMenuList,
-	UserProfile,
-	MessageListing,
-	Messages,
-	Help,
-	HelpAccountAndPayment,
-	HelpGuide,
-	HelpOrder,
-	MultiCheckout,
-	MultiOrdersDetails,
-	NetworkError,
-	NotFoundSource,
-	OrderTypeSelector,
-	Wallets,
-	PaymentOptionWallet,
-	ProductForm,
-	UpsellingProducts,
-	UserVerification,
-	BusinessListingSearch,
-	BusinessBasicInformation,
-	BusinessProductsCategories,
-	BusinessProductsList,
-	FloatingButton,
-	SearchBar,
-	LastOrders,
-	BusinessTypeFilter,
-	BusinessController,
-	BusinessFeaturedController,
-	HighestRatedBusinesses,
-	PaymentOptions,
-	DriverTips,
-	UserDetails,
-	OrderSummary,
-	OrderItAgain,
-	CartStoresListing,
-	PaymentOptionsWebView,
-	GoogleMap,
-	SingleProductCard,
-	SingleOrderCard,
-	UpsellingRedirect,
-	ProductItemAccordion,
-	ScheduleAccordion,
-	BusinessItemAccordion,
-	CouponControl,
-	TaxInformation,
-	PlaceSpot,
-	ProfessionalFilter,
-	ServiceForm,
-	ProfessionalProfile,
-	MomentSelector,
-	Cart,
-	LanguageSelector,
-	PhoneInputNumber,
-	FacebookLogin,
-	VerifyPhone,
-	GoogleLogin,
-	PreviousOrders,
-	PaymentOptionCash,
-	StripeElementsForm,
-	StripeCardsList,
-	ProductIngredient,
-	ProductOption,
-	ProductOptionSubOption,
+  ForgotPasswordForm,
+  MomentOption,
+  OrdersOption,
+  OrderDetails,
+  OrderProgress,
+  BusinessPreorder,
+  NotificationsList,
+  UserProfileForm,
+  ReviewOrder,
+  ReviewProducts,
+  ReviewDriver,
+  BusinessMenuList,
+  UserProfile,
+  MessageListing,
+  Messages,
+  Help,
+  HelpOptions,
+  MultiCheckout,
+  MultiOrdersDetails,
+  NetworkError,
+  NotFoundSource,
+  OrderTypeSelector,
+  Wallets,
+  PaymentOptionWallet,
+  ProductForm,
+  UpsellingProducts,
+  UserVerification,
+  BusinessListingSearch,
+  BusinessBasicInformation,
+  BusinessProductsCategories,
+  BusinessProductsList,
+  FloatingButton,
+  SearchBar,
+  LastOrders,
+  BusinessTypeFilter,
+  BusinessController,
+  BusinessFeaturedController,
+  HighestRatedBusinesses,
+  PaymentOptions,
+  DriverTips,
+  UserDetails,
+  OrderSummary,
+  OrderItAgain,
+  CartStoresListing,
+  PaymentOptionsWebView,
+  GoogleMap,
+  SingleProductCard,
+  SingleOrderCard,
+  UpsellingRedirect,
+  ProductItemAccordion,
+  ScheduleAccordion,
+  BusinessItemAccordion,
+  CouponControl,
+  TaxInformation,
+  PlaceSpot,
+  ProfessionalFilter,
+  ServiceForm,
+  ProfessionalProfile,
+  MomentSelector,
+  Cart,
+  LanguageSelector,
+  PhoneInputNumber,
+  FacebookLogin,
+  VerifyPhone,
+  GoogleLogin,
+  PreviousOrders,
+  PaymentOptionCash,
+  StripeElementsForm,
+  StripeCardsList,
+  ProductIngredient,
+  ProductOption,
+  ProductOptionSubOption,
   SendGiftCard,
-	Sessions,
-	SingleProductReview,
-	LogoutButton,
-	UserFormDetailsUI,
-	WalletTransactionItem,
-	Promotions,
-	PageBanner,
-	MyOrders,
-	MultiCart,
-	WebsocketStatus,
-	ORDER_TYPES,
-	USER_TYPE,
+  Sessions,
+  SingleProductReview,
+  LogoutButton,
+  UserFormDetailsUI,
+  WalletTransactionItem,
+  Promotions,
+  PageBanner,
+  MyOrders,
+  MultiCart,
+  WebsocketStatus,
+  ORDER_TYPES,
+  USER_TYPE,
 
-	OSBill,
-	OSTable,
-	OSCoupon,
-	OSTotal,
-	OSRow,
+  OSBill,
+  OSTable,
+  OSCoupon,
+  OSTotal,
+  OSRow,
 
-	FormInput,
-	FormSide,
-	ButtonsWrapper,
-	LoginWith,
-	OTab,
-	OTabs,
+  FormInput,
+  FormSide,
+  ButtonsWrapper,
+  LoginWith,
+  OTab,
+  OTabs,
 
-	OSItem,
-	OSItemContent,
-	OSItemActions,
+  OSItem,
+  OSItemContent,
+  OSItemActions,
 
-	Alert,
+  Alert,
 
-	//Types
-	LoginParams,
-	ProfileParams,
-	AddressListParams,
-	AddressFormParams,
-	SignupParams,
-	PhoneInputParams,
-	LanguageSelectorParams,
-	BusinessesListingParams,
-	HighestRatedBusinessesParams,
-	BusinessTypeFilterParams,
-	BusinessControllerParams,
-	BusinessProductsListingParams,
-	BusinessBasicInformationParams,
-	BusinessProductsCategoriesParams,
-	BusinessProductsListParams,
-	SingleProductCardParams,
-	BusinessInformationParams,
-	BusinessReviewsParams,
-	SearchBarParams,
-	NotFoundSourceParams,
-	OrdersOptionParams,
-	ActiveOrdersParams,
-	PreviousOrdersParams,
-	OrderDetailsParams,
-	ReviewDriverParams,
+  //Types
+  LoginParams,
+  ProfileParams,
+  AddressListParams,
+  AddressFormParams,
+  SignupParams,
+  PhoneInputParams,
+  LanguageSelectorParams,
+  BusinessesListingParams,
+  HighestRatedBusinessesParams,
+  BusinessTypeFilterParams,
+  BusinessControllerParams,
+  BusinessProductsListingParams,
+  BusinessBasicInformationParams,
+  BusinessProductsCategoriesParams,
+  BusinessProductsListParams,
+  SingleProductCardParams,
+  BusinessInformationParams,
+  BusinessReviewsParams,
+  SearchBarParams,
+  NotFoundSourceParams,
+  OrdersOptionParams,
+  ActiveOrdersParams,
+  PreviousOrdersParams,
+  OrderDetailsParams,
+  ReviewDriverParams,
 
-	// OComponents
-	Toast,
-	OText,
-	OButton,
-	OInput,
-	ODropDown,
-	OIcon,
-	OIconText,
-	OIconButton,
-	OTextarea,
-	OToggle,
-	OKeyButton,
-	OAlert,
-	OModal,
-	OBottomPopup,
-	HeaderTitle,
+  // OComponents
+  Toast,
+  OText,
+  OButton,
+  OInput,
+  ODropDown,
+  OIcon,
+  OIconText,
+  OIconButton,
+  OTextarea,
+  OToggle,
+  OKeyButton,
+  OAlert,
+  OModal,
+  OBottomPopup,
+  HeaderTitle,
 
-	// layout
-	Container,
-	SafeAreaContainer,
-	FloatingBottomContainer,
-	NavBar,
+  // layout
+  Container,
+  SafeAreaContainer,
+  FloatingBottomContainer,
+  NavBar,
 
-	// utils
-	_retrieveStoreData,
-	_setStoreData,
-	_removeStoreData,
-	_clearStoreData,
-	orderTypeList,
+  // utils
+  _retrieveStoreData,
+  _setStoreData,
+  _removeStoreData,
+  _clearStoreData,
+  orderTypeList,
   getTraduction,
   verifyDecimals,
   getOrderStatus,
   getOrderStatuPickUp,
 
-	// Date Picker
-	DatePickerUI
+  // Date Picker
+  DatePickerUI
 }

package/themes/original/src/components/BusinessListingSearch/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react'
+import React, { useEffect, useMemo, useState, useCallback } from 'react'
 import { useLanguage, BusinessSearchList, useOrder, useUtils, useEvent, showToast, ToastType } from 'ordering-components/native'
 import { ScrollView, StyleSheet, Dimensions, FlatList } from 'react-native'
 import { useTheme } from 'styled-components/native'
@@ -16,7 +16,6 @@ import {
 import FastImage from 'react-native-fast-image'
 import { convertHoursToMinutes } from '../../utils'
 import { BusinessSearchParams } from '../../types'
-import { useIsFocused } from '@react-navigation/native';
 
 import { BusinessSearchHeader } from './BusinessSearchHeader'
 import { BusinessSearchFooter } from './BusinessSearchFooter'
@@ -49,8 +48,6 @@ export const BusinessListingSearchUI = (props: BusinessSearchParams) => {
 
   const [openFilters, setOpenFilters] = useState(false)
 
-  const isFocused = useIsFocused();
-
   const styles = StyleSheet.create({
     productsContainer: {
       marginTop: 20
@@ -130,17 +127,16 @@ export const BusinessListingSearchUI = (props: BusinessSearchParams) => {
     })
   }
 
-  const handleScroll = ({ nativeEvent }: any) => {
+  const handleScroll = useCallback(({ nativeEvent }: any) => {
     const y = nativeEvent.contentOffset.y;
     const height = nativeEvent.contentSize.height;
     const hasMore = !(
       paginationProps.totalPages === paginationProps.currentPage
     );
-
-    if (y + PIXELS_TO_SCROLL > height && !businessesSearchList.loading && hasMore && businessesSearchList?.businesses?.length > 0) {
+    if (height > 1000 && y + PIXELS_TO_SCROLL > height && !businessesSearchList.loading && hasMore && businessesSearchList?.businesses?.length > 0) {
       handleSearchbusinessAndProducts();
     }
-  };
+  }, [businessesSearchList.loading, businessesSearchList?.businesses?.length]);
 
   const onChangeTermValue = (query: any) => {
     handleChangeTermValue(query)
@@ -159,11 +155,6 @@ export const BusinessListingSearchUI = (props: BusinessSearchParams) => {
     handleSearchbusinessAndProducts(true)
   }, [])
 
-
-  useEffect(() => {
-    handleChangeTermValue('')
-  }, [isFocused])
-
   const businessFiltered = useMemo(() => {
     return businessesSearchList.businesses?.filter((business: any) => business?.categories?.length > 0)
   }, [businessesSearchList.businesses])

package/themes/original/src/components/Help/functions.tsx

@@ -0,0 +1,76 @@
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { useApi } from 'ordering-components/native'
+
+/**
+ * Component to manage login behavior without UI component
+ */
+export const CmsContent = (props: any) => {
+  const { UIComponent } = props
+
+  /**
+   * Array to save the body of the page
+   */
+  const [ordering] = useApi()
+  const [cmsState, setCmsState] = useState({ items: [], pages: [], loading: true, error: null })
+
+  /**
+   * Method used to get the page by slug
+   */
+  const getPages = async () => {
+    setCmsState({ ...cmsState, loading: true })
+    try {
+      const propsToFetch = ['name', 'enabled']
+      let pages: any = []
+      const { content: { error, result } } = await ordering.pages().select(propsToFetch).get()
+      if (!error) {
+        const promises = result.map((item: any) => getPage(item.id));
+        pages = await Promise.all(promises)
+      }
+      setCmsState({
+        ...cmsState,
+        loading: false,
+        error: error ? typeof result === 'string' ? result : result[0] : null,
+        items: error ? [] : result.filter((i: any) => i.enabled).map((item: any) => ({ id: item.id, name: item.name })),
+        pages
+      })
+    } catch (err: any) {
+      setCmsState({
+        ...cmsState,
+        loading: false,
+        error: err?.message ?? err
+      })
+    }
+  }
+
+  const getPage = async (id: number) => {
+    try {
+      const { content: { error, result } } = await ordering.pages(id).get()
+      return error ? null : { id, body: result?.body }
+    } catch {
+      return null
+    }
+  }
+
+  useEffect(() => {
+    getPages()
+  }, [])
+
+  return (
+    <>
+      {UIComponent && (
+        <UIComponent
+          {...props}
+          cmsState={cmsState}
+        />
+      )}
+    </>
+  )
+}
+
+CmsContent.propTypes = {
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
+   */
+  UIComponent: PropTypes.elementType
+}