ordering-ui-react-native 0.24.17 → 0.24.18

package/themes/instacart/src/components/BusinessInformation/index.tsx

@@ -1,101 +1,101 @@
-import React from 'react'
-import {
-  BusinessInformation as BusinessInformationController,
-  useLanguage
-} from 'ordering-components/native'
-import { OText } from '../shared'
-import {
-  BusinessInformationContainer,
-  WrapMainContent,
-  GrayBackground,
-  WrapScheduleBlock,
-  ScheduleBlock,
-  WrapBusinessMap,
-  InnerContent
-} from './styles'
-import { StyleSheet } from 'react-native'
-import { BusinessBasicInformation } from '../BusinessBasicInformation'
-import { BusinessInformationParams } from '../../types'
-import { GoogleMap } from '../GoogleMap'
-const BusinessInformationUI = (props: BusinessInformationParams) => {
-  const {
-    businessState,
-    businessSchedule,
-    businessLocation
-  } = props
-  const [, t] = useLanguage()
-  const daysOfWeek = [
-    t('SUNDAY_ABBREVIATION', 'Sun'),
-    t('MONDAY_ABBREVIATION', 'Mon'),
-    t('TUESDAY_ABBREVIATION', 'Tues'),
-    t('WEDNESDAY_ABBREVIATION', 'Wed'),
-    t('THURSDAY_ABBREVIATION', 'Thur'),
-    t('FRIDAY_ABBREVIATION', 'Fri'),
-    t('SATURDAY_ABBREVIATION', 'Sat')
-  ]
-  const scheduleFormatted = ({ hour, minute } : {hour : number | string, minute : number | string}) => {
-    const checkTime = (val : number | string) => val < 10 ? `0${val}` : val
-    return `${checkTime(hour)}:${checkTime(minute)}`
-  }
-
-  return (
-    <BusinessInformationContainer>
-      <BusinessBasicInformation
-        isBusinessInfoShow
-        businessState={businessState}
-      />
-      <WrapMainContent>
-        <InnerContent>
-          <GrayBackground>
-            <OText size={16} weight='bold'>{t('BUSINESS_LOCATION', 'Business Location')}</OText>
-          </GrayBackground>
-          {businessLocation.location && (
-            <WrapBusinessMap style={styles.wrapMapStyle}>
-              <GoogleMap
-                readOnly
-                location={businessLocation.location}
-                markerTitle={businessState?.business?.name}
-              />
-            </WrapBusinessMap>
-          )}
-          <OText mBottom={20}>
-            {businessState?.business?.address}
-          </OText>
-          <GrayBackground>
-            <OText size={16} weight='bold'>
-              {t('BUSINESS_OPENING_TIME', 'Business Opening Time')}
-            </OText>
-          </GrayBackground>
-          {businessSchedule && businessSchedule?.length > 0 && (
-            <WrapScheduleBlock horizontal>
-              {businessSchedule.map((schedule: any, i: number) => (
-                <ScheduleBlock key={i}>
-                  <OText size={20}>{daysOfWeek[i]}</OText>
-                  <OText>{scheduleFormatted(schedule.lapses[0].open)}</OText>
-                  <OText>{scheduleFormatted(schedule.lapses[0].close)}</OText>
-                </ScheduleBlock>
-              ))}
-            </WrapScheduleBlock>
-          )}
-        </InnerContent>
-      </WrapMainContent>
-    </BusinessInformationContainer>
-  )
-}
-
-const styles = StyleSheet.create({
-  wrapMapStyle: {
-    borderRadius: 10,
-    overflow: 'hidden',
-    marginTop: 20,
-    marginBottom: 10
-  }
-})
-
-export const BusinessInformation = (props : BusinessInformationParams) => {
-  const BusinessInformationProps = {
-    ...props,
-    UIComponent: BusinessInformationUI
-  }
-  return <BusinessInformationController {...BusinessInformationProps} />
-}
+import React from 'react'
+import {
+  BusinessInformation as BusinessInformationController,
+  useLanguage
+} from 'ordering-components/native'
+import { OText } from '../shared'
+import {
+  BusinessInformationContainer,
+  WrapMainContent,
+  GrayBackground,
+  WrapScheduleBlock,
+  ScheduleBlock,
+  WrapBusinessMap,
+  InnerContent
+} from './styles'
+import { StyleSheet } from 'react-native'
+import { BusinessBasicInformation } from '../BusinessBasicInformation'
+import { BusinessInformationParams } from '../../types'
+import { GoogleMap } from '../GoogleMap'
+const BusinessInformationUI = (props: BusinessInformationParams) => {
+  const {
+    businessState,
+    businessSchedule,
+    businessLocation
+  } = props
+  const [, t] = useLanguage()
+  const daysOfWeek = [
+    t('SUNDAY_ABBREVIATION', 'Sun'),
+    t('MONDAY_ABBREVIATION', 'Mon'),
+    t('TUESDAY_ABBREVIATION', 'Tues'),
+    t('WEDNESDAY_ABBREVIATION', 'Wed'),
+    t('THURSDAY_ABBREVIATION', 'Thur'),
+    t('FRIDAY_ABBREVIATION', 'Fri'),
+    t('SATURDAY_ABBREVIATION', 'Sat')
+  ]
+  const scheduleFormatted = ({ hour, minute } : {hour : number | string, minute : number | string}) => {
+    const checkTime = (val : number | string) => val < 10 ? `0${val}` : val
+    return `${checkTime(hour)}:${checkTime(minute)}`
+  }
+
+  return (
+    <BusinessInformationContainer>
+      <BusinessBasicInformation
+        isBusinessInfoShow
+        businessState={businessState}
+      />
+      <WrapMainContent>
+        <InnerContent>
+          <GrayBackground>
+            <OText size={16} weight='bold'>{t('BUSINESS_LOCATION', 'Business Location')}</OText>
+          </GrayBackground>
+          {businessLocation.location && (
+            <WrapBusinessMap style={styles.wrapMapStyle}>
+              <GoogleMap
+                readOnly
+                location={businessLocation.location}
+                markerTitle={businessState?.business?.name}
+              />
+            </WrapBusinessMap>
+          )}
+          <OText mBottom={20}>
+            {businessState?.business?.address}
+          </OText>
+          <GrayBackground>
+            <OText size={16} weight='bold'>
+              {t('BUSINESS_OPENING_TIME', 'Business Opening Time')}
+            </OText>
+          </GrayBackground>
+          {businessSchedule && businessSchedule?.length > 0 && (
+            <WrapScheduleBlock horizontal>
+              {businessSchedule.map((schedule: any, i: number) => (
+                <ScheduleBlock key={i}>
+                  <OText size={20}>{daysOfWeek[i]}</OText>
+                  <OText>{scheduleFormatted(schedule.lapses[0].open)}</OText>
+                  <OText>{scheduleFormatted(schedule.lapses[0].close)}</OText>
+                </ScheduleBlock>
+              ))}
+            </WrapScheduleBlock>
+          )}
+        </InnerContent>
+      </WrapMainContent>
+    </BusinessInformationContainer>
+  )
+}
+
+const styles = StyleSheet.create({
+  wrapMapStyle: {
+    borderRadius: 10,
+    overflow: 'hidden',
+    marginTop: 20,
+    marginBottom: 10
+  }
+})
+
+export const BusinessInformation = (props : BusinessInformationParams) => {
+  const BusinessInformationProps = {
+    ...props,
+    UIComponent: BusinessInformationUI
+  }
+  return <BusinessInformationController {...BusinessInformationProps} />
+}

package/themes/instacart/src/components/BusinessInformation/styles.tsx

@@ -1,35 +1,35 @@
-import styled from 'styled-components/native'
-
-export const BusinessInformationContainer = styled.View`
-  width: 100%;
-  height: 100%;
-`
-export const GrayBackground = styled.View`
-  background-color: ${(props: any) => props.theme.colors.inputDisabled};
-  border-radius: 10px;
-  padding: 10px 15px;
-`
-export const WrapMainContent = styled.ScrollView`
-  flex: 1;
-`
-export const InnerContent = styled.View`
-  padding: 30px 20px;
-`
-export const WrapScheduleBlock = styled.ScrollView`
-  margin: 20px 0;
-  max-height: 90px;
-`
-export const ScheduleBlock = styled.View`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0 20px;
-  border-left-width: 1px;
-  border-color: ${(props: any) => props.theme.colors.lightGray};
-`
-export const WrapBusinessMap = styled.View`
-  max-height: 200px;
-  height: 200px;
-  width: 100%;
-  flex: 1
-`
+import styled from 'styled-components/native'
+
+export const BusinessInformationContainer = styled.View`
+  width: 100%;
+  height: 100%;
+`
+export const GrayBackground = styled.View`
+  background-color: ${(props: any) => props.theme.colors.inputDisabled};
+  border-radius: 10px;
+  padding: 10px 15px;
+`
+export const WrapMainContent = styled.ScrollView`
+  flex: 1;
+`
+export const InnerContent = styled.View`
+  padding: 30px 20px;
+`
+export const WrapScheduleBlock = styled.ScrollView`
+  margin: 20px 0;
+  max-height: 90px;
+`
+export const ScheduleBlock = styled.View`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 0 20px;
+  border-left-width: 1px;
+  border-color: ${(props: any) => props.theme.colors.lightGray};
+`
+export const WrapBusinessMap = styled.View`
+  max-height: 200px;
+  height: 200px;
+  width: 100%;
+  flex: 1
+`

package/themes/instacart/src/components/BusinessItemAccordion/index.tsx

@@ -1,112 +1,112 @@
-import React, { useState, useEffect } from 'react';
-import { View } from 'react-native';
-import { useOrder, useLanguage, useUtils } from 'ordering-components/native';
-import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';
-
-import { convertHoursToMinutes } from '../../utils';
-
-import {
-  BIContainer,
-  BIHeader,
-  BIContent,
-  BIInfo,
-  BIContentInfo,
-  BITotal,
-  BIActions
-} from './styles';
-import { OAlert, OIcon, OText } from '../shared';
-
-export const BusinessItemAccordion = (props: any) => {
-  const {
-    cart,
-    moment,
-    handleClearProducts,
-	 isExpanded
-  } = props
-
-  const [orderState] = useOrder();
-  const [, t] = useLanguage();
-  const [{ parsePrice }] = useUtils();
-
-  const isCartPending = cart?.status === 2
-  const isClosed = !cart?.valid_schedule
-  const isProducts = cart?.products?.length
-
-  const [isActive, setActiveState] = useState(isExpanded)
-
-  useEffect(() => {
-    const cartsArray = Object.values(orderState?.carts)
-    const cartsLength = cartsArray.filter((cart: any) => cart.products.length > 0).length ?? 0
-    if ((cartsLength === 1) && !isClosed) {
-      setActiveState(true)
-    }
-  }, [orderState?.carts])
-
-  return (
-    <BIContainer isClosed={isClosed}>
-      <BIHeader
-        isClosed={isClosed}
-        isExpanded={isActive}
-        onPress={() => isExpanded ? {} : !isClosed ? setActiveState(!isActive) : isClosed}
-        activeOpacity={1}
-      >
-        <BIInfo>
-          {cart?.business?.logo && (
-            <OIcon
-              url={cart?.business?.logo}
-              width={42}
-              height={42}
-              style={{ borderRadius: 22, borderColor: '#E9ECEF', borderWidth: 1 }}
-            />
-          )}
-          <BIContentInfo>
-            <OText style={{marginBottom: 2}}>{cart?.business?.name}</OText>
-            {/* {orderState?.options?.type === 1 ? (
-              <View style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
-                <MaterialCommunityIcon
-                  name='clock-outline'
-                  size={14}
-                  color={'gray'}
-                  style={{marginEnd: 4}}
-                />
-                <OText size={12}>{convertHoursToMinutes(cart?.business?.delivery_time)}</OText>
-              </View>
-            ) : (
-              <View style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
-                <MaterialCommunityIcon
-                  name='clock-outline'
-                  size={14}
-                />
-                <OText>{convertHoursToMinutes(cart?.business?.pickup_time)}</OText>
-              </View>
-            )} */}
-          </BIContentInfo>
-        </BIInfo>
-
-        {!isClosed && !!isProducts && cart?.valid_products && cart?.total > 0 && (
-          <BITotal>
-            <OText weight={'bold'} color='#000'>{parsePrice(cart?.total)}</OText>
-            {/* {!isActive && <MaterialCommunityIcon name='chevron-down' size={20} />} */}
-          </BITotal>
-        )}
-
-        {isClosed && (
-          <BITotal>
-            <OText size={12}>{t('CLOSED', 'Closed')} {moment}</OText>
-          </BITotal>
-        )}
-
-        {!isClosed && !isProducts && (
-          <BITotal>
-            <OText size={12}>{t('NO_PRODUCTS', 'No products')}</OText>
-          </BITotal>
-        )}
-
-      </BIHeader>
-
-      <BIContent style={{ display: isActive ? 'flex' : 'none' }}>
-        {props.children}
-      </BIContent>
-    </BIContainer>
-  )
-}
+import React, { useState, useEffect } from 'react';
+import { View } from 'react-native';
+import { useOrder, useLanguage, useUtils } from 'ordering-components/native';
+import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';
+
+import { convertHoursToMinutes } from '../../utils';
+
+import {
+  BIContainer,
+  BIHeader,
+  BIContent,
+  BIInfo,
+  BIContentInfo,
+  BITotal,
+  BIActions
+} from './styles';
+import { OAlert, OIcon, OText } from '../shared';
+
+export const BusinessItemAccordion = (props: any) => {
+  const {
+    cart,
+    moment,
+    handleClearProducts,
+	 isExpanded
+  } = props
+
+  const [orderState] = useOrder();
+  const [, t] = useLanguage();
+  const [{ parsePrice }] = useUtils();
+
+  const isCartPending = cart?.status === 2
+  const isClosed = !cart?.valid_schedule
+  const isProducts = cart?.products?.length
+
+  const [isActive, setActiveState] = useState(isExpanded)
+
+  useEffect(() => {
+    const cartsArray = Object.values(orderState?.carts)
+    const cartsLength = cartsArray.filter((cart: any) => cart.products.length > 0).length ?? 0
+    if ((cartsLength === 1) && !isClosed) {
+      setActiveState(true)
+    }
+  }, [orderState?.carts])
+
+  return (
+    <BIContainer isClosed={isClosed}>
+      <BIHeader
+        isClosed={isClosed}
+        isExpanded={isActive}
+        onPress={() => isExpanded ? {} : !isClosed ? setActiveState(!isActive) : isClosed}
+        activeOpacity={1}
+      >
+        <BIInfo>
+          {cart?.business?.logo && (
+            <OIcon
+              url={cart?.business?.logo}
+              width={42}
+              height={42}
+              style={{ borderRadius: 22, borderColor: '#E9ECEF', borderWidth: 1 }}
+            />
+          )}
+          <BIContentInfo>
+            <OText style={{marginBottom: 2}}>{cart?.business?.name}</OText>
+            {/* {orderState?.options?.type === 1 ? (
+              <View style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
+                <MaterialCommunityIcon
+                  name='clock-outline'
+                  size={14}
+                  color={'gray'}
+                  style={{marginEnd: 4}}
+                />
+                <OText size={12}>{convertHoursToMinutes(cart?.business?.delivery_time)}</OText>
+              </View>
+            ) : (
+              <View style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
+                <MaterialCommunityIcon
+                  name='clock-outline'
+                  size={14}
+                />
+                <OText>{convertHoursToMinutes(cart?.business?.pickup_time)}</OText>
+              </View>
+            )} */}
+          </BIContentInfo>
+        </BIInfo>
+
+        {!isClosed && !!isProducts && cart?.valid_products && cart?.total > 0 && (
+          <BITotal>
+            <OText weight={'bold'} color='#000'>{parsePrice(cart?.total)}</OText>
+            {/* {!isActive && <MaterialCommunityIcon name='chevron-down' size={20} />} */}
+          </BITotal>
+        )}
+
+        {isClosed && (
+          <BITotal>
+            <OText size={12}>{t('CLOSED', 'Closed')} {moment}</OText>
+          </BITotal>
+        )}
+
+        {!isClosed && !isProducts && (
+          <BITotal>
+            <OText size={12}>{t('NO_PRODUCTS', 'No products')}</OText>
+          </BITotal>
+        )}
+
+      </BIHeader>
+
+      <BIContent style={{ display: isActive ? 'flex' : 'none' }}>
+        {props.children}
+      </BIContent>
+    </BIContainer>
+  )
+}

package/themes/instacart/src/components/BusinessItemAccordion/styles.tsx

@@ -1,59 +1,59 @@
-import React from 'react';
-import styled, { css } from 'styled-components/native';
-
-export const BIContainer = styled.View`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  opacity: 1;
-
-  ${(props: any) => props.isClosed && css`
-    background-color: rgba(0, 0, 0, 0.5);
-  `}
-`
-
-export const BIHeader = styled.TouchableOpacity`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-  padding: 10px 0;
-  ${(props: any) => props.isExpanded && `
-    border-bottom-width: 1px;
-    border-bottom-color: #EFEFEF;
-  `}
-`
-
-export const BIInfo = styled.View`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 55%;
-`
-
-export const BIContent = styled.View`
-`
-
-export const BIContentInfo = styled.View`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  text-transform: capitalize;
-  margin-left: 10px;
-  max-width: 65%;
-`
-
-export const BITotal = styled.View`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`
-
-export const BIActions = styled.View`
-  max-width: 30%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-`
+import React from 'react';
+import styled, { css } from 'styled-components/native';
+
+export const BIContainer = styled.View`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  opacity: 1;
+
+  ${(props: any) => props.isClosed && css`
+    background-color: rgba(0, 0, 0, 0.5);
+  `}
+`
+
+export const BIHeader = styled.TouchableOpacity`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  padding: 10px 0;
+  ${(props: any) => props.isExpanded && `
+    border-bottom-width: 1px;
+    border-bottom-color: #EFEFEF;
+  `}
+`
+
+export const BIInfo = styled.View`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 55%;
+`
+
+export const BIContent = styled.View`
+`
+
+export const BIContentInfo = styled.View`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  text-transform: capitalize;
+  margin-left: 10px;
+  max-width: 65%;
+`
+
+export const BITotal = styled.View`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`
+
+export const BIActions = styled.View`
+  max-width: 30%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+`