ordering-ui-react-native 0.12.57 → 0.12.61

package/themes/franchises/src/components/MomentOption/styles.tsx

@@ -1,66 +0,0 @@
-import styled, { css } from 'styled-components/native'
-
-export const Container = styled.ScrollView`
-  flex: 1;
-  background-color: ${(props: any) => props.theme.colors.backgroundPage};
-  padding: 0 20px;
-  padding-bottom: 20px;
-`
-export const HeaderTitle = styled.View`
-  flex-direction: column;
-  margin-bottom: 20px;
-`
-export const WrapSelectOption = styled.TouchableOpacity`
-  flex-direction: row;
-  align-items: center;
-  margin-vertical: 5px;
-`
-export const Days = styled.View`
-  flex-wrap: wrap;
-  flex-direction: row;
-  margin-vertical: 10px;
-`
-export const Day = styled.TouchableOpacity`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  border-right-width: 1px;
-  width: 25%;
-  margin-vertical: 10px;
-  border-color: ${(props: any) => props.theme.colors.textSecondary};
-
-  ${(props: any) => props.borderLeftShow && css`
-    border-left-width: 1px;
-  `}
-`
-export const WrapHours = styled.ScrollView`
-  border-width: 1px;
-  border-color: ${(props: any) => props.theme.colors.border};
-  border-radius: 7.6px;
-  margin-top: 6px;
-  height: 140px;
-  max-height: 140px;
-`
-export const Hours = styled.View`
-  flex: 1;
-  flex-wrap: wrap;
-  flex-direction: row;
-  justify-content: space-between;
-  margin: 0 20px;
-`
-export const Hour = styled.TouchableOpacity`
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 5px;
-  border-width: 1px;
-  border-radius: 7.6px;
-  border-color: ${(props: any) => props.theme.colors.border};
-  width: 90px;
-  margin-vertical: 7px;
-`
-
-export const WrapDelveryTime = styled.View`
-  flex: 1;
-`

package/themes/franchises/src/components/NavBar/index.tsx

@@ -1,129 +0,0 @@
-import * as React from 'react'
-import styled, { useTheme } from 'styled-components/native'
-import { OButton, OIcon, OText } from '../shared'
-import { Platform, TextStyle, ViewStyle, I18nManager, ImageStyle } from 'react-native'
-
-const TitleWrapper = styled.View`
-  flex-direction: column;
-  padding-horizontal: 10px;
-`
-const TitleTopWrapper = styled.View`
-  flex-grow: 1;
-  flex-direction: row;
-  align-items: center;
-`
-
-const Wrapper = styled.View`
-	background-color: ${(props: any) => props.theme.colors.white};
-	padding: 10px 20px 20px 0px;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-	position: relative;
-`
-
-const btnBackArrow = {
-	borderWidth: 0,
-	backgroundColor: '#FFF',
-	borderColor: '#FFF',
-	shadowColor: '#FFF'
-}
-
-interface Props {
-	navigation?: any,
-	route?: any,
-	title?: string,
-	subTitle?: any,
-	titleColor?: string,
-	titleAlign?: any,
-	withIcon?: boolean,
-	icon?: any,
-	leftImg?: any,
-	isBackStyle?: boolean,
-	onActionLeft?: () => void,
-	onRightAction?: () => void,
-	showCall?: boolean,
-	titleStyle?: TextStyle,
-	btnStyle?: TextStyle,
-	style?: ViewStyle,
-	titleWrapStyle?: ViewStyle,
-	paddingTop?: number,
-	isVertical?: boolean,
-	leftImageStyle?: ImageStyle
-}
-
-const NavBar = (props: Props) => {
-
-	const theme = useTheme();
-
-	const goSupport = () => {
-		props.navigation.navigate('Supports', {});
-	}
-	return (
-		<Wrapper {...props} style={{ paddingTop: props.paddingTop, flexDirection: props.isVertical ? 'column' : 'row', alignItems: props.isVertical ? 'flex-start' : 'center', ...props.style }}>
-			<OButton
-				imgLeftSrc={props.leftImg || theme.images.general.arrow_left}
-				imgRightSrc={null}
-				style={{ ...btnBackArrow, ...props.btnStyle, ...props.isVertical ? (I18nManager.isRTL ? { paddingRight: 0 } : { paddingLeft: 0 }) : {} }}
-				onClick={props?.onActionLeft}
-				imgLeftStyle={{width: 20, ...props.leftImageStyle}}
-			/>
-			<TitleTopWrapper>
-				{props.withIcon
-					? (
-						<OIcon
-							url={props.icon}
-							style={{
-								borderColor: theme.colors.lightGray,
-								borderRadius: 20,
-							}}
-							width={60}
-							height={60}
-						/>
-					)
-					: null
-				}
-				<TitleWrapper style={{ paddingStart: props.isVertical ? 0 : 10, ...props.titleWrapStyle }}>
-					<OText
-						size={24}
-						lineHeight={36}
-						weight={Platform.OS === 'ios' ? '600' : 'bold'}
-						style={
-							{
-								textAlign: props.titleAlign ? props.titleAlign : 'center',
-								marginRight: props.showCall ? 0 : 40,
-								color: props.titleColor || theme.colors.textNormal,
-								paddingHorizontal: props.titleAlign == 'left' ? 12 : 0,
-								...props.titleStyle,
-							}
-						}
-					>
-						{props.title || ''}
-					</OText>
-					{props.subTitle
-						? (props.subTitle)
-						: null
-					}
-				</TitleWrapper>
-			</TitleTopWrapper>
-			{props.showCall
-				? (<OButton
-					isCircle={true}
-					bgColor={theme.colors.primary}
-					borderColor={theme.colors.primary}
-					imgRightSrc={null}
-					imgLeftStyle={{ tintColor: 'white', width: 30, height: 30 }}
-					imgLeftSrc={theme.images.general.support}
-					onClick={props.onRightAction || goSupport} />)
-				: null
-			}
-		</Wrapper>
-	)
-}
-
-NavBar.defaultProps = {
-	title: '',
-	textAlign: 'center'
-};
-
-export default NavBar;

package/themes/franchises/src/components/NotFoundSource/index.tsx

@@ -1,50 +0,0 @@
-import React from 'react'
-import { View } from 'react-native'
-import { OButton, OIcon, OText } from '../shared'
-import { NotFoundSourceParams } from '../../types'
-import { useTheme } from 'styled-components/native';
-import {
-	NotFound,
-	NotFoundImage
-} from './styles'
-
-export const NotFoundSource = (props: NotFoundSourceParams) => {
-	const {
-		image,
-		content,
-		btnTitle,
-		conditioned,
-		onClickButton
-	} = props
-
-	const theme = useTheme();
-
-	const errorImage = image || theme.images.general.notFound
-
-	return (
-		<NotFound>
-			{errorImage && (
-				<NotFoundImage>
-					<OIcon src={errorImage} width={260} height={220} />
-				</NotFoundImage>
-			)}
-			{content && conditioned && !errorImage && <OText color={theme.colors.disabled} size={18} style={{ textAlign: 'center' }}>{content}</OText>}
-			{content && !conditioned && <OText color={theme.colors.disabled} size={18} style={{ textAlign: 'center' }}>{content}</OText>}
-			{!onClickButton && props.children && (
-				props.children
-			)}
-			{onClickButton && (
-				<View style={{ marginTop: 10, width: '100%' }}>
-					<OButton
-						style={{ width: '100%', height: 50 }}
-						bgColor={theme.colors.primary}
-						borderColor={theme.colors.primary}
-						onClick={() => onClickButton()}
-						text={btnTitle}
-						textStyle={{ color: theme.colors.white }}
-					/>
-				</View>
-			)}
-		</NotFound>
-	)
-}

package/themes/franchises/src/components/NotFoundSource/styles.tsx

@@ -1,16 +0,0 @@
-import styled from 'styled-components/native'
-
-export const NotFound = styled.View`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: auto;
-  margin: 10px auto;
-  padding: 10px;
-`
-
-export const NotFoundImage = styled.View`
-  max-width: 300px;
-`

package/themes/franchises/src/components/Notifications/index.tsx

@@ -1,120 +0,0 @@
-import React,{ useEffect, useState } from 'react';
-import { SafeAreaContainer } from '../../layouts/SafeAreaContainer';
-import NavBar from '../NavBar';
-import { useLanguage, useUtils } from 'ordering-components/native';
-import { ItemInfo, ItemWrap, NoticScroll, PageWrapper } from './styles';
-import { OIcon, OText } from '../shared';
-import { useTheme } from 'styled-components/native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
-import { _retrieveStoreData } from '../../providers/StoreUtil';
-
-const Notifications = (props: any) => {
-	const { navigation } = props;
-	const [, t] = useLanguage()
-	const theme = useTheme()
-	const [{ optimizeImage }] = useUtils();
-	const [businessLogo, setLogo] = useState(null);
-
-	const items = [
-		{
-			id: 'notic_id_01',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.18 12:45 PM'
-		},
-		{
-			id: 'notic_id_02',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.18 09:45 AM'
-		},
-		{
-			id: 'notic_id_03',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.16 02:15 AM'
-		},
-		{
-			id: 'notic_id_04',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.15 11:24 AM'
-		},
-		{
-			id: 'notic_id_05',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.14 06:55 AM'
-		},
-		{
-			id: 'notic_id_06',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.15 11:24 AM'
-		},
-		{
-			id: 'notic_id_07',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.14 06:55 AM'
-		},
-		{
-			id: 'notic_id_08',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.15 11:24 AM'
-		},
-		{
-			id: 'notic_id_09',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.14 06:55 AM'
-		},
-		{
-			id: 'notic_id_10',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.15 11:24 AM'
-		},
-		{
-			id: 'notic_id_11',
-			content: '20% In all our dishes only from Monday to Friday',
-			date: '2021.09.14 06:55 AM'
-		},
-	]
-
-	const callLogo = async () => {
-		const { businessLogo } = await _retrieveStoreData('b_logo');
-		setLogo(businessLogo)
-	}	
-
-	useEffect(() => {
-		callLogo();
-	}, [])
-
-	const renderItem = ({id, content, date}: any) => (
-		<ItemWrap>
-			<OIcon url={optimizeImage(businessLogo, 'h_300,c_limit')} width={63} height={63} />
-			<ItemInfo>
-				<OText size={12} lineHeight={18}>{content}</OText>
-				<OText size={12} lineHeight={18} color={theme.colors.textSecondary}>{date}</OText>
-			</ItemInfo>
-			<TouchableOpacity style={{top: -5, paddingEnd: 4}}>
-				<OIcon src={theme.images.general.close} width={10} />
-			</TouchableOpacity>
-		</ItemWrap>
-	)
-
-	return (
-		<SafeAreaContainer>
-			<PageWrapper>
-				<NavBar
-					onActionLeft={() => navigation.goBack()}
-					btnStyle={{ paddingStart: 0 }}
-					title={t('NOTIFICATIONS', 'Notifications')}
-					isVertical
-				/>
-				<NoticScroll showsVerticalScrollIndicator={false}>
-					{items.map((item: any) => 
-						<React.Fragment key={item.id}>
-							{renderItem(item)}
-						</React.Fragment>
-					)}
-				</NoticScroll>
-			</PageWrapper>
-		</SafeAreaContainer>
-	)
-};
-
-export default Notifications;
-

package/themes/franchises/src/components/Notifications/styles.ts

@@ -1,21 +0,0 @@
-import styled from 'styled-components/native';
-
-export const PageWrapper = styled.View`
-	flex: 1;
-	padding-horizontal: 40px;
-`;
-
-export const ItemWrap = styled.View`
-	border-radius: 7.6px;
-	padding: 10px 8px;
-	flex-direction: row;
-	margin-bottom: 14px;
-`;
-
-export const ItemInfo = styled.View`
-	flex-shrink: 1;
-	padding-horizontal: 10px;
-	justify-content: space-evenly;
-`;
-
-export const NoticScroll = styled.ScrollView``;