ordering-ui-external 1.0.1 → 1.1.0

package/_modules/themes/five/src/components/FavoriteProducts/styles.js

@@ -1,53 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProductCard = exports.ErrorMessage = exports.Container = exports.BusinessListWrapper = exports.ArrowButtonWrapper = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-top: 35px;\n"])));
-
-exports.Container = Container;
-
-var ErrorMessage = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  margin: 0px 15px;\n  color: ", ";\n  font-weight: bold;\n"])), function (props) {
-  return props.theme.colors.danger500;
-});
-
-exports.ErrorMessage = ErrorMessage;
-
-var BusinessListWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n\n  .swiper-businesses {\n    padding: 5px 0px;\n    .swiper-slide {\n      height: auto;\n      > div {\n        width: 100% !important;\n        margin: 0px !important;\n        height: 100%;\n        cursor: default;\n      }\n    }\n  }\n"])));
-
-exports.BusinessListWrapper = BusinessListWrapper;
-
-var ArrowButtonWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  transition: all 0.3s ease-out;\n\n  &::after {\n    display: none;\n  }\n  > svg {\n    background: ", ";\n    display: inline-block;\n    border-radius: 50%;\n    width: 25px;\n    min-width: 25px;\n    height: 25px;\n    align-self: center;\n    color: ", ";\n    opacity: 0.8;\n  }\n  &.swiper-button-next {\n    right: 10px;\n    ", "\n  }\n  &.swiper-button-prev {\n    left: 10px;\n    ", "\n  }\n  &.swiper-button-disabled {\n    display: none;\n  }\n  &:hover {\n    transform: scale(1.07);\n  }\n  ", "\n"])), function (props) {
-  var _props$theme$colors;
-
-  return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.gray200;
-}, function (props) {
-  return props.theme.colors.secundaryContrast;
-}, function (props) {
-  return props.theme.rtl && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      left: 10px;\n      right: initial;\n    "])));
-}, function (props) {
-  return props.theme.rtl && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      right: 10px;\n      left: initial;\n    "])));
-}, function (_ref) {
-  var isLoading = _ref.isLoading;
-  return isLoading && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    svg {\n      display: none;\n    }\n  "])));
-});
-
-exports.ArrowButtonWrapper = ArrowButtonWrapper;
-
-var ProductCard = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  button {\n    height: 44px;\n  }\n"])));
-
-exports.ProductCard = ProductCard;

package/src/themes/five/src/components/FavoriteBusinesses/index.js

@@ -1,217 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { useLanguage, useOrder, useEvent, FavoriteList } from 'ordering-components-external'
-import { BusinessController } from '../BusinessController'
-import { BusinessPreorder } from '../BusinessPreorder'
-import { NotFoundSource } from '../NotFoundSource'
-import { Button } from '../../styles/Buttons'
-import { Modal } from '../Modal'
-import MdKeyboardArrowLeft from '@meronex/icons/md/MdKeyboardArrowLeft'
-import MdKeyboardArrowRight from '@meronex/icons/md/MdKeyboardArrowRight'
-import { useWindowSize } from '../../../../../hooks/useWindowSize'
-
-import {
-  Container,
-  ErrorMessage,
-  BusinessListWrapper,
-  ArrowButtonWrapper,
-  BusinessCard
-} from './styles'
-import { Swiper, SwiperSlide } from 'swiper/react'
-import SwiperCore, {
-  Navigation
-} from 'swiper'
-import 'swiper/swiper-bundle.min.css'
-import 'swiper/swiper.min.css'
-
-SwiperCore.use([Navigation])
-
-const FavoriteBusinessesUI = (props) => {
-  const {
-    favoriteList,
-    handleUpdateFavoriteList,
-    pagination,
-    getFavoriteList
-  } = props
-
-  const [, t] = useLanguage()
-  const [orderState] = useOrder()
-  const [events] = useEvent()
-  const { width } = useWindowSize()
-
-  const [isPreorder, setIsPreorder] = useState(false)
-  const [preorderBusiness, setPreorderBusiness] = useState(null)
-
-  const handleClickBusiness = (business) => {
-    events.emit('go_to_page', { page: 'business', params: { store: business.slug } })
-  }
-
-  const handleGoToBusinessList = () => {
-    events.emit('go_to_page', { page: 'search' })
-  }
-
-  const handleClosePreorder = () => {
-    setIsPreorder(false)
-    setPreorderBusiness(null)
-  }
-
-  useEffect(() => {
-    if (preorderBusiness) setIsPreorder(true)
-  }, [preorderBusiness])
-
-  return (
-    <>
-      {props.beforeElements?.map((BeforeElement, i) => (
-        <React.Fragment key={i}>
-          {BeforeElement}
-        </React.Fragment>))}
-      {props.beforeComponents?.map((BeforeComponent, i) => (
-        <BeforeComponent key={i} {...props} />))}
-      <Container>
-        {
-          !favoriteList?.loading && favoriteList?.favorites.length === 0 && (
-            <NotFoundSource>
-              <Button
-                outline
-                color='primary'
-                onClick={() => handleGoToBusinessList()}
-                style={{ height: '44px' }}
-              >
-                {t('ADD_FAVORITE', 'Add favorite')}
-              </Button>
-            </NotFoundSource>
-          )
-        }
-        <BusinessListWrapper>
-          <ArrowButtonWrapper className='swiper-button-prev' isLoading={favoriteList?.loading}>
-            <MdKeyboardArrowLeft />
-          </ArrowButtonWrapper>
-          <Swiper
-            spaceBetween={0}
-            breakpoints={{
-              0: {
-                slidesPerView: 1,
-                spaceBetween: 0
-              },
-              400: {
-                slidesPerView: 1,
-                spaceBetween: 0
-              },
-              550: {
-                slidesPerView: 2,
-                spaceBetween: 40
-              },
-              993: {
-                slidesPerView: 3,
-                spaceBetween: 50
-              }
-            }}
-            freeMode={width > 400}
-            watchSlidesProgress
-            className='swiper-businesses'
-            preventClicksPropagation={false}
-            navigation={{
-              nextEl: '.swiper-button-next',
-              prevEl: '.swiper-button-prev'
-            }}
-          >
-            {!favoriteList?.loading && (
-              <>
-                {
-                  favoriteList?.favorites?.map((business, i) => (
-                    <SwiperSlide key={i}>
-                      <BusinessController
-                        className='card'
-                        business={business}
-                        isBusinessOpen={business.open}
-                        handleCustomClick={handleClickBusiness}
-                        orderType={orderState?.options?.type}
-                        // isCustomLayout={isCustomLayout}
-                        // isCustomerMode={isCustomerMode}
-                        onPreorderBusiness={setPreorderBusiness}
-                        businessHeader={business?.header}
-                        businessFeatured={business?.featured}
-                        businessOffers={business?.offers}
-                        businessLogo={business?.logo}
-                        businessReviews={business?.reviews?.total}
-                        businessDeliveryPrice={business?.delivery_price}
-                        businessDeliveryTime={business?.delivery_time}
-                        businessPickupTime={business?.pickup_time}
-                        businessDistance={business?.distance}
-                        handleUpdateBusinessList={handleUpdateFavoriteList}
-                      />
-                    </SwiperSlide>
-                  ))
-                }
-                {pagination?.totalPages && pagination?.currentPage < pagination?.totalPages && (
-                  <SwiperSlide>
-                    <BusinessCard>
-                      <Button
-                        color='primary'
-                        outline
-                        onClick={() => getFavoriteList(pagination?.currentPage + 1)}
-                      >
-                        {t('LOAD_MORE_BUSINESSES', 'Load more businesses')}
-                      </Button>
-                    </BusinessCard>
-                  </SwiperSlide>
-                )}
-              </>
-            )}
-
-            {favoriteList?.loading && (
-              [...Array(5).keys()].map(i => (
-                <SwiperSlide key={i}>
-                  <BusinessController
-                    className='card'
-                    business={{}}
-                    isSkeleton
-                    orderType={orderState?.options?.type}
-                  />
-                </SwiperSlide>
-              ))
-            )}
-          </Swiper>
-          <ArrowButtonWrapper className='swiper-button-next' isLoading={favoriteList?.loading}>
-            <MdKeyboardArrowRight />
-          </ArrowButtonWrapper>
-        </BusinessListWrapper>
-        {favoriteList?.error && favoriteList?.error.length > 0 && favoriteList?.favorites.length === 0 && (
-          favoriteList?.error.map((e, i) => (
-            <ErrorMessage key={i}>{t('ERROR', 'ERROR')}: [{e?.message || e}]</ErrorMessage>
-          ))
-        )}
-      </Container>
-      <Modal
-        open={isPreorder}
-        width='760px'
-        onClose={() => handleClosePreorder()}
-      >
-        <BusinessPreorder
-          business={preorderBusiness}
-          handleClick={handleClickBusiness}
-          showButton
-        />
-      </Modal>
-      {props.afterComponents?.map((AfterComponent, i) => (
-        <AfterComponent key={i} {...props} />))}
-      {props.afterElements?.map((AfterElement, i) => (
-        <React.Fragment key={i}>
-          {AfterElement}
-        </React.Fragment>))}
-    </>
-  )
-}
-
-export const FavoriteBusinesses = (props) => {
-  const [orderState] = useOrder()
-
-  const favoriteBusinessesProps = {
-    ...props,
-    UIComponent: FavoriteBusinessesUI,
-    favoriteURL: 'favorite_businesses',
-    originalURL: 'business',
-    location: `${orderState.options?.address?.location?.lat},${orderState.options?.address?.location?.lng}`,
-    propsToFetch: ['id', 'name', 'header', 'logo', 'location', 'address', 'ribbon', 'timezone', 'schedule', 'open', 'delivery_price', 'distance', 'delivery_time', 'pickup_time', 'reviews', 'featured', 'offers', 'food', 'laundry', 'alcohol', 'groceries', 'slug']
-  }
-  return <FavoriteList {...favoriteBusinessesProps} />
-}

package/src/themes/five/src/components/FavoriteBusinesses/styles.js

@@ -1,85 +0,0 @@
-import styled, { css } from 'styled-components'
-
-export const Container = styled.div`
-  width: 100%;
-  margin-top: 35px;
-`
-
-export const ErrorMessage = styled.span`
-  padding: 20px;
-  width: 100%;
-  margin: 0px 15px;
-  color: ${props => props.theme.colors.danger500};
-  font-weight: bold;
-`
-
-export const BusinessListWrapper = styled.div`
-  width: 100%;
-  position: relative;
-
-  .swiper-businesses {
-    padding: 5px 0px;
-    .swiper-slide {
-      height: auto;
-      > div {
-        width: 100% !important;
-        margin: 0px !important;
-      }
-    }
-  }
-`
-
-export const ArrowButtonWrapper = styled.div`
-  position: absolute;
-  transition: all 0.3s ease-out;
-
-  &::after {
-    display: none;
-  }
-  > svg {
-    background: ${props => props.theme.colors?.gray200};
-    display: inline-block;
-    border-radius: 50%;
-    width: 25px;
-    min-width: 25px;
-    height: 25px;
-    align-self: center;
-    color: ${props => props.theme.colors.secundaryContrast};
-    opacity: 0.8;
-  }
-  &.swiper-button-next {
-    right: 10px;
-    ${props => props.theme.rtl && css`
-      left: 10px;
-      right: initial;
-    `}
-  }
-  &.swiper-button-prev {
-    left: 10px;
-    ${props => props.theme.rtl && css`
-      right: 10px;
-      left: initial;
-    `}
-  }
-  &.swiper-button-disabled {
-    display: none;
-  }
-  &:hover {
-    transform: scale(1.07);
-  }
-  ${({ isLoading }) => isLoading && css`
-    svg {
-      display: none;
-    }
-  `}
-`
-
-export const BusinessCard = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  button {
-    height: 44px;
-  }
-`

package/src/themes/five/src/components/FavoriteOrders/index.js

@@ -1,225 +0,0 @@
-import React, { useState } from 'react'
-import { useLanguage, useEvent, useOrder, FavoriteList } from 'ordering-components-external'
-import { NotFoundSource } from '../NotFoundSource'
-import { Button } from '../../styles/Buttons'
-import MdKeyboardArrowLeft from '@meronex/icons/md/MdKeyboardArrowLeft'
-import MdKeyboardArrowRight from '@meronex/icons/md/MdKeyboardArrowRight'
-import { useTheme } from 'styled-components'
-
-import {
-  Container,
-  ErrorMessage,
-  BusinessListWrapper,
-  ArrowButtonWrapper,
-  LoadMoreCard
-} from './styles'
-import { Swiper, SwiperSlide } from 'swiper/react'
-import SwiperCore, {
-  Navigation
-} from 'swiper'
-import 'swiper/swiper-bundle.min.css'
-import 'swiper/swiper.min.css'
-import { SingleOrderCard } from '../SingleOrderCard'
-
-SwiperCore.use([Navigation])
-
-const FavoriteOrdersUI = (props) => {
-  const {
-    handleUpdateFavoriteList,
-    favoriteList,
-    pagination,
-    getFavoriteList
-  } = props
-
-  const [, t] = useLanguage()
-  const [events] = useEvent()
-  const theme = useTheme()
-
-  const [reorderLoading, setReorderLoading] = useState(false)
-  const pastOrders = [1, 2, 5, 6, 10, 11, 12, 15, 16, 17]
-
-  const [, { reorder }] = useOrder()
-
-  const handleGoToOrderList = () => {
-    events.emit('go_to_page', { page: 'orders' })
-  }
-
-  const getOrderStatus = (s) => {
-    const status = parseInt(s)
-    const orderStatus = [
-      { key: 0, value: t('PENDING', theme?.defaultLanguages?.PENDING || 'Pending') },
-      { key: 1, value: t('COMPLETED', theme?.defaultLanguages?.COMPLETED || 'Completed') },
-      { key: 2, value: t('REJECTED', theme?.defaultLanguages?.REJECTED || 'Rejected') },
-      { key: 3, value: t('DRIVER_IN_BUSINESS', theme?.defaultLanguages?.DRIVER_IN_BUSINESS || 'Driver in business') },
-      { key: 4, value: t('PREPARATION_COMPLETED', theme?.defaultLanguages?.PREPARATION_COMPLETED || 'Preparation Completed') },
-      { key: 5, value: t('REJECTED_BY_BUSINESS', theme?.defaultLanguages?.REJECTED_BY_BUSINESS || 'Rejected by business') },
-      { key: 6, value: t('REJECTED_BY_DRIVER', theme?.defaultLanguages?.REJECTED_BY_DRIVER || 'Rejected by Driver') },
-      { key: 7, value: t('ACCEPTED_BY_BUSINESS', theme?.defaultLanguages?.ACCEPTED_BY_BUSINESS || 'Accepted by business') },
-      { key: 8, value: t('ACCEPTED_BY_DRIVER', theme?.defaultLanguages?.ACCEPTED_BY_DRIVER || 'Accepted by driver') },
-      { key: 9, value: t('PICK_UP_COMPLETED_BY_DRIVER', theme?.defaultLanguages?.PICK_UP_COMPLETED_BY_DRIVER || 'Pick up completed by driver') },
-      { key: 10, value: t('PICK_UP_FAILED_BY_DRIVER', theme?.defaultLanguages?.PICK_UP_FAILED_BY_DRIVER || 'Pick up Failed by driver') },
-      { key: 11, value: t('DELIVERY_COMPLETED_BY_DRIVER', theme?.defaultLanguages?.DELIVERY_COMPLETED_BY_DRIVER || 'Delivery completed by driver') },
-      { key: 12, value: t('DELIVERY_FAILED_BY_DRIVER', theme?.defaultLanguages?.DELIVERY_FAILED_BY_DRIVER || 'Delivery Failed by driver') },
-      { key: 13, value: t('PREORDER', theme?.defaultLanguages?.PREORDER || 'PreOrder') },
-      { key: 14, value: t('ORDER_NOT_READY', theme?.defaultLanguages?.ORDER_NOT_READY || 'Order not ready') },
-      { key: 15, value: t('ORDER_PICKEDUP_COMPLETED_BY_CUSTOMER', theme?.defaultLanguages?.ORDER_PICKEDUP_COMPLETED_BY_CUSTOMER || 'Order picked up completed by customer') },
-      { key: 16, value: t('ORDER_STATUS_CANCELLED_BY_CUSTOMER', theme?.defaultLanguages?.ORDER_STATUS_CANCELLED_BY_CUSTOMER || 'Order cancelled by customer') },
-      { key: 17, value: t('ORDER_NOT_PICKEDUP_BY_CUSTOMER', theme?.defaultLanguages?.ORDER_NOT_PICKEDUP_BY_CUSTOMER || 'Order not picked up by customer') },
-      { key: 18, value: t('ORDER_DRIVER_ALMOST_ARRIVED_BUSINESS', theme?.defaultLanguages?.ORDER_DRIVER_ALMOST_ARRIVED_BUSINESS || 'Driver almost arrived to business') },
-      { key: 19, value: t('ORDER_DRIVER_ALMOST_ARRIVED_CUSTOMER', theme?.defaultLanguages?.ORDER_DRIVER_ALMOST_ARRIVED_CUSTOMER || 'Driver almost arrived to customer') },
-      { key: 20, value: t('ORDER_CUSTOMER_ALMOST_ARRIVED_BUSINESS', theme?.defaultLanguages?.ORDER_CUSTOMER_ALMOST_ARRIVED_BUSINESS || 'Customer almost arrived to business') },
-      { key: 21, value: t('ORDER_CUSTOMER_ARRIVED_BUSINESS', theme?.defaultLanguages?.ORDER_CUSTOMER_ARRIVED_BUSINESS || 'Customer arrived to business') },
-      { key: 22, value: t('ORDER_LOOKING_FOR_DRIVER', theme?.defaultLanguages?.ORDER_LOOKING_FOR_DRIVER || 'Looking for driver') },
-      { key: 23, value: t('ORDER_DRIVER_ON_WAY', theme?.defaultLanguages?.ORDER_DRIVER_ON_WAY || 'Driver on way') }
-    ]
-
-    const objectStatus = orderStatus.find((o) => o.key === status)
-
-    return objectStatus && objectStatus
-  }
-
-  const onRedirectPage = (data) => {
-    events.emit('go_to_page', data)
-  }
-
-  const handleReorder = async (orderId) => {
-    setReorderLoading(true)
-    try {
-      const { error, result } = await reorder(orderId)
-      if (!error) {
-        onRedirectPage && onRedirectPage({ page: 'checkout', params: { cartUuid: result.uuid } })
-        return
-      }
-      setReorderLoading(false)
-    } catch (err) {
-      setReorderLoading(false)
-    }
-  }
-
-  return (
-    <>
-      {props.beforeElements?.map((BeforeElement, i) => (
-        <React.Fragment key={i}>
-          {BeforeElement}
-        </React.Fragment>))}
-      {props.beforeComponents?.map((BeforeComponent, i) => (
-        <BeforeComponent key={i} {...props} />))}
-      <Container>
-        {
-          !favoriteList?.loading && favoriteList?.favorites?.length === 0 && (
-            <NotFoundSource>
-              <Button
-                outline
-                color='primary'
-                onClick={() => handleGoToOrderList()}
-                style={{ height: '44px' }}
-              >
-                {t('ADD_FAVORITE', 'Add favorite')}
-              </Button>
-            </NotFoundSource>
-          )
-        }
-        <BusinessListWrapper>
-          <ArrowButtonWrapper className='swiper-button-prev' isLoading={favoriteList?.loading}>
-            <MdKeyboardArrowLeft />
-          </ArrowButtonWrapper>
-          <Swiper
-            spaceBetween={0}
-            breakpoints={{
-              0: {
-                slidesPerView: 1,
-                spaceBetween: 0
-              },
-              1200: {
-                slidesPerView: 2,
-                spaceBetween: 20
-              },
-              1700: {
-                slidesPerView: 3,
-                spaceBetween: 30
-              }
-            }}
-            freeMode
-            watchSlidesProgress
-            className='swiper-businesses'
-            preventClicksPropagation={false}
-            navigation={{
-              nextEl: '.swiper-button-next',
-              prevEl: '.swiper-button-prev'
-            }}
-          >
-            {!favoriteList?.loading && (
-              <>
-                {
-                  favoriteList?.favorites?.map((order, i) => (
-                    <SwiperSlide key={i}>
-                      <SingleOrderCard
-                        order={order}
-                        onRedirectPage={onRedirectPage}
-                        getOrderStatus={getOrderStatus}
-                        pastOrders={pastOrders.includes(order?.status)}
-                        handleReorder={handleReorder}
-                        handleUpdateOrderList={handleUpdateFavoriteList}
-                      />
-                    </SwiperSlide>
-                  ))
-                }
-                {pagination?.totalPages && pagination?.currentPage < pagination?.totalPages && (
-                  <SwiperSlide>
-                    <LoadMoreCard>
-                      <Button
-                        color='primary'
-                        outline
-                        onClick={() => getFavoriteList(pagination?.currentPage + 1)}
-                      >
-                        {t('LOAD_MORE_ORDERS', 'Load more orders')}
-                      </Button>
-                    </LoadMoreCard>
-                  </SwiperSlide>
-                )}
-              </>
-            )}
-
-            {favoriteList?.loading && (
-              [...Array(5).keys()].map(i => (
-                <SwiperSlide key={i}>
-                  <SingleOrderCard
-                    isSkeleton
-                    order={{}}
-                    onRedirectPage={onRedirectPage}
-                    getOrderStatus={getOrderStatus}
-                    handleReorder={handleReorder}
-                  />
-                </SwiperSlide>
-              ))
-            )}
-          </Swiper>
-          <ArrowButtonWrapper className='swiper-button-next' isLoading={favoriteList?.loading}>
-            <MdKeyboardArrowRight />
-          </ArrowButtonWrapper>
-        </BusinessListWrapper>
-        {favoriteList?.error && favoriteList?.error.length > 0 && favoriteList?.favorites?.length === 0 && (
-          favoriteList?.error.map((e, i) => (
-            <ErrorMessage key={i}>{t('ERROR', 'ERROR')}: [{e?.message || e}]</ErrorMessage>
-          ))
-        )}
-      </Container>
-      {props.afterComponents?.map((AfterComponent, i) => (
-        <AfterComponent key={i} {...props} />))}
-      {props.afterElements?.map((AfterElement, i) => (
-        <React.Fragment key={i}>
-          {AfterElement}
-        </React.Fragment>))}
-    </>
-  )
-}
-
-export const FavoriteOrders = (props) => {
-  const favoriteOrdersProps = {
-    ...props,
-    UIComponent: FavoriteOrdersUI,
-    favoriteURL: 'favorite_orders',
-    originalURL: 'orders'
-  }
-  return <FavoriteList {...favoriteOrdersProps} />
-}

package/src/themes/five/src/components/FavoriteOrders/styles.js

@@ -1,87 +0,0 @@
-import styled, { css } from 'styled-components'
-
-export const Container = styled.div`
-  width: 100%;
-  margin-top: 35px;
-`
-
-export const ErrorMessage = styled.span`
-  padding: 20px;
-  width: 100%;
-  margin: 0px 15px;
-  color: ${props => props.theme.colors.danger500};
-  font-weight: bold;
-`
-
-export const BusinessListWrapper = styled.div`
-  width: 100%;
-  position: relative;
-
-  .swiper-businesses {
-    padding: 5px 0px;
-    .swiper-slide {
-      height: auto;
-      > div {
-        width: 100% !important;
-        margin: 0px !important;
-        height: 100%;
-        min-width: 100%;
-      }
-    }
-  }
-`
-
-export const ArrowButtonWrapper = styled.div`
-  position: absolute;
-  transition: all 0.3s ease-out;
-
-  &::after {
-    display: none;
-  }
-  > svg {
-    background: ${props => props.theme.colors?.gray200};
-    display: inline-block;
-    border-radius: 50%;
-    width: 25px;
-    min-width: 25px;
-    height: 25px;
-    align-self: center;
-    color: ${props => props.theme.colors.secundaryContrast};
-    opacity: 0.8;
-  }
-  &.swiper-button-next {
-    right: 10px;
-    ${props => props.theme.rtl && css`
-      left: 10px;
-      right: initial;
-    `}
-  }
-  &.swiper-button-prev {
-    left: 10px;
-    ${props => props.theme.rtl && css`
-      right: 10px;
-      left: initial;
-    `}
-  }
-  &.swiper-button-disabled {
-    display: none;
-  }
-  &:hover {
-    transform: scale(1.07);
-  }
-  ${({ isLoading }) => isLoading && css`
-    svg {
-      display: none;
-    }
-  `}
-`
-
-export const LoadMoreCard = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  button {
-    height: 44px;
-  }
-`