ordering-ui-react-native 0.23.96 → 0.23.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.23.96",
+  "version": "0.23.98",
   "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/Checkout/index.tsx

@@ -201,7 +201,7 @@ const CheckoutUI = (props: any) => {
 	const hideBusinessDetails = theme?.checkout?.components?.business?.hidden
 	const hideBusinessMap = theme?.checkout?.components?.business?.components?.map?.hidden
 	const hideCustomerDetails = theme?.checkout?.components?.customer?.hidden
-
+	const isGuestCheckoutEnabled = configs?.guest_checkout_enabled?.value === '1'
 	const creditPointPlan = loyaltyPlansState?.result?.find((loyal: any) => loyal.type === 'credit_point')
 	const creditPointPlanOnBusiness = creditPointPlan?.businesses?.find((b: any) => b.business_id === cart?.business_id && b.accumulates)
 	const methodsPay = ['google_pay', 'apple_pay']
@@ -230,7 +230,8 @@ const CheckoutUI = (props: any) => {
 		validateDriverTipField ||
 		validateCouponField ||
 		validateZipcodeCard ||
-		(!userHasCards && cardsPaymethods.includes(paymethodSelected?.gateway))
+		(!userHasCards && cardsPaymethods.includes(paymethodSelected?.gateway)) ||
+		(!isGuestCheckoutEnabled && !!user?.guest_id)
 
 	const driverTipsOptions = typeof configs?.driver_tip_options?.value === 'string'
 		? JSON.parse(configs?.driver_tip_options?.value) || []
@@ -276,6 +277,10 @@ const CheckoutUI = (props: any) => {
 		if (user) setOpenModal({ ...openModal, login: false })
 	}
 
+	const handleOpenGuestSignup = () => {
+    setOpenModal({ ...openModal, signup: true, isGuest: true })
+  }
+
 	const handlePlaceOrder = (confirmPayment: any, forcePlace: boolean = false) => {
 		if (stripePaymethods.includes(paymethodSelected?.gateway) && user?.guest_id) {
 			setOpenModal({ ...openModal, signup: true, isGuest: true })
@@ -671,14 +676,16 @@ const CheckoutUI = (props: any) => {
 												style={{ borderRadius: 7.6, marginTop: 20 }}
 												onClick={() => setOpenModal({ ...openModal, login: true })}
 											/>
-											<OButton
-												text={t('CONTINUE_AS_GUEST', 'Continue as guest')}
-												textStyle={{ color: theme.colors.black }}
-												bgColor={theme.colors.white}
-												borderColor={theme.colors.black}
-												style={{ borderRadius: 7.6, marginTop: 20 }}
-												onClick={() => setAllowedGuest(true)}
-											/>
+											{isGuestCheckoutEnabled && (
+                        <OButton
+                          text={t('CONTINUE_AS_GUEST', 'Continue as guest')}
+                          textStyle={{ color: theme.colors.black }}
+                          bgColor={theme.colors.white}
+                          borderColor={theme.colors.black}
+                          style={{ borderRadius: 7.6, marginTop: 20 }}
+                          onClick={() => setAllowedGuest(true)}
+                        />
+                      )}
 										</View>
 									) : (
 										<UserDetails
@@ -869,6 +876,8 @@ const CheckoutUI = (props: any) => {
 									paymethodClicked={paymethodClicked}
 									setPaymethodClicked={setPaymethodClicked}
 									setUserHasCards={setUserHasCards}
+									handleOpenGuestSignup={handleOpenGuestSignup}
+									guestDisabledError={(!isGuestCheckoutEnabled && !!user?.guest_id)}
 								/>
 							</ChPaymethods>
 						</ChSection>
@@ -1038,6 +1047,14 @@ const CheckoutUI = (props: any) => {
 											{t('WARNING_INVALID_COUPON_FIELD', 'Coupon is required.')}
 										</OText>
 									)}
+									{(!isGuestCheckoutEnabled && !!user?.guest_id) && (
+                    <OText
+                      color={theme.colors.error}
+                      size={12}
+                    >
+                      {t('LOGIN_SIGN_UP_COMPLETE_ORDER', 'Login/Sign up to complete your order.')}
+                    </OText>
+                  )}
 							</ChErrors>
 						</View>
 					)}

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
+}