ordering-ui-react-native 0.18.71 → 0.18.72

package/package.json

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

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

@@ -88,6 +88,7 @@ const MultiCheckoutUI = (props: any) => {
   const isPreOrder = configs?.preorder_status_enabled?.value === '1'
   const isMultiDriverTips = configs?.checkout_multi_business_enabled?.value === '1'
   const walletCarts = (Object.values(carts)?.filter((cart: any) => cart?.products && cart?.products?.length && cart?.status !== 2 && cart?.valid_schedule && cart?.valid_products && cart?.valid_address && cart?.valid_maximum && cart?.valid_minimum && cart?.wallets) || null) || []
+  const isChewLayout = theme?.header?.components?.layout?.type?.toLowerCase() === 'chew'
 
   const walletName: any = {
     cash: {
@@ -235,8 +236,15 @@ const MultiCheckoutUI = (props: any) => {
         <ChContainer style={styles.pagePadding}>
           <ChSection style={{ paddingTop: 0 }}>
             <ChHeader>
-              <CHMomentWrapper onPress={() => navigation.navigate('OrderTypes', { configTypes: configTypes })}>
-                <OText size={12} numberOfLines={1} ellipsizeMode={'tail'} color={theme.colors.textSecondary}>{t(getTypesText(options?.type || 1), 'Delivery')}</OText>
+              <CHMomentWrapper isCustomColor={isChewLayout} onPress={() => navigation.navigate('OrderTypes', { configTypes: configTypes })}>
+                <OText
+                  size={12}
+                  numberOfLines={1}
+                  ellipsizeMode={'tail'}
+                  color={theme.colors?.[isChewLayout ? 'white' : 'textSecondary']}
+                >
+                  {t(getTypesText(options?.type || 1), 'Delivery')}
+                </OText>
                 <OIcon
                   src={theme.images.general.arrow_down}
                   width={10}

package/themes/original/src/components/MultiCheckout/styles.tsx

@@ -13,7 +13,9 @@ export const ChHeader = styled.View`
   margin: 0px;
 `
 export const CHMomentWrapper = styled.TouchableOpacity`
-	background-color: ${(props: any) => props.theme.colors.backgroundGray100};
+	background-color: ${(props: any) => props.isCustomColor
+    ? props.theme.colors.primary
+    : props.theme.colors.backgroundGray100};
 	border-radius: 7.6px;
 	font-size: 12px;
 	max-width: 240px;

package/themes/original/src/components/SingleProductCard/styles.tsx

@@ -18,11 +18,7 @@ export const QuantityContainer = styled.View`
   background: ${({ theme }: any) => theme.colors.primary};
   align-items: center;
   justify-content: center;
-  ${({ businessSingleId }: any) => businessSingleId ? css`
-    left: 0;
-  ` : css`
-    right: 0;
-  `}
+  left: 0;
 `
 export const PricesContainer = styled.View`
   flex-direction: row;