ordering-ui-react-native 0.14.87 → 0.14.88

package/package.json

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

package/src/utils/index.tsx

@@ -201,6 +201,62 @@ export const transformCountryCode = (countryCode : number) => {
   const [, t] = useLanguage()
 
   const reviews: any = {
+    order: {
+      1: {
+        title: t('QUICK_COMMENT_TITLE_1', "What went wrong?"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_1_0', "Not handled with care") },
+          { key: 1, content: t('QUICK_COMMENT_1_1', "Poor communication") },
+          { key: 2, content: t('QUICK_COMMENT_1_2', "COVID-19 issue") },
+          { key: 3, content: t('QUICK_COMMENT_1_3', "Didn't follow instructions") },
+          { key: 4, content: t('QUICK_COMMENT_1_4', "Rude") },
+          { key: 5, content: t('QUICK_COMMENT_1_5', "Not on-time") },
+        ]
+      },
+      2: {
+        title: t('QUICK_COMMENT_TITLE_2', "What went wrong?"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_2_0', "Not handled with care") },
+          { key: 1, content: t('QUICK_COMMENT_2_1', "Poor communication") },
+          { key: 2, content: t('QUICK_COMMENT_2_2', "COVID-19 issue") },
+          { key: 3, content: t('QUICK_COMMENT_2_3', "Didn't follow instructions") },
+          { key: 4, content: t('QUICK_COMMENT_2_4', "Rude") },
+          { key: 5, content: t('QUICK_COMMENT_2_5', "Not on-time") },
+        ]
+      },
+      3: {
+        title: t('QUICK_COMMENT_TITLE_3', "What could have been better?"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_3_0', "Not handled with care") },
+          { key: 1, content: t('QUICK_COMMENT_3_1', "Poor communication") },
+          { key: 2, content: t('QUICK_COMMENT_3_2', "COVID-19 issue") },
+          { key: 3, content: t('QUICK_COMMENT_3_3', "Didn't follow instructions") },
+          { key: 4, content: t('QUICK_COMMENT_3_4', "Rude") },
+          { key: 5, content: t('QUICK_COMMENT_3_5', "Not on-time") },
+        ]
+      },
+      4: {
+        title: t('QUICK_COMMENT_TITLE_4', " Tell us more"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_4_0', "Not handled with care") },
+          { key: 1, content: t('QUICK_COMMENT_4_1', "Poor communication") },
+          { key: 2, content: t('QUICK_COMMENT_4_2', "COVID-19 issue") },
+          { key: 3, content: t('QUICK_COMMENT_4_3', "Didn't follow instructions") },
+          { key: 4, content: t('QUICK_COMMENT_4_4', "Rude") },
+          { key: 5, content: t('QUICK_COMMENT_4_5', "Not on-time") },
+        ]
+      },
+      5: {
+        title: t('QUICK_COMMENT_TITLE_5', "What went well?"),
+        list: [
+          { key: 0, content: t('QUICK_COMMENT_5_0', "Good communication") },
+          { key: 1, content: t('QUICK_COMMENT_5_1', "Followed instructions") },
+          { key: 2, content: t('QUICK_COMMENT_5_2', "Friendly") },
+          { key: 3, content: t('QUICK_COMMENT_5_3', 'Handled with care') },
+          { key: 4, content: t('QUICK_COMMENT_5_4', "Above and beyond") },
+        ]
+      },
+    },
     customer: {
       1: {
         title: t('CUSTOMER_QUICK_COMMENT_TITLE_1', "What went wrong?"),
@@ -254,6 +310,76 @@ export const transformCountryCode = (countryCode : number) => {
           { key: 2, content: t('CUSTOMER_QUICK_COMMENT_5_2', "Above and beyond") },
         ]
       },
+    },
+    driver: {
+      1: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_1', "What went wrong?"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_1_0', "Not handled with care") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_1_1', "Poor communication") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_1_2', "COVID-19 issue") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_1_3', "Didn't follow instructions") },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_1_4', "Rude") },
+          { key: 5, content: t('DRIVER_QUICK_COMMENT_1_5', "Not on-time") },
+        ]
+      },
+      2: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_2', "What went wrong?"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_2_0', "Not handled with care") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_2_1', "Poor communication") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_2_2', "COVID-19 issue") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_2_3', "Didn't follow instructions") },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_2_4', "Rude") },
+          { key: 5, content: t('DRIVER_QUICK_COMMENT_2_5', "Not on-time") },
+        ]
+      },
+      3: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_3', "What could have been better?"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_3_0', "Not handled with care") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_3_1', "Poor communication") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_3_2', "COVID-19 issue") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_3_3', "Didn't follow instructions") },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_3_4', "Rude") },
+          { key: 5, content: t('DRIVER_QUICK_COMMENT_3_5', "Not on-time") },
+        ]
+      },
+      4: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_4', " Tell us more"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_4_0', "Not handled with care") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_4_1', "Poor communication") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_4_2', "COVID-19 issue") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_4_3', "Didn't follow instructions") },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_4_4', "Rude") },
+          { key: 5, content: t('DRIVER_QUICK_COMMENT_4_5', "Not on-time") },
+        ]
+      },
+      5: {
+        title: t('DRIVER_QUICK_COMMENT_TITLE_5', "What went well?"),
+        list: [
+          { key: 0, content: t('DRIVER_QUICK_COMMENT_5_0', "Good communication") },
+          { key: 1, content: t('DRIVER_QUICK_COMMENT_5_1', "Followed instructions") },
+          { key: 2, content: t('DRIVER_QUICK_COMMENT_5_2', "Friendly") },
+          { key: 3, content: t('DRIVER_QUICK_COMMENT_5_3', 'Handled with care') },
+          { key: 4, content: t('DRIVER_QUICK_COMMENT_5_4', "Above and beyond") },
+        ]
+      },
+    },
+    product: {
+      like: [
+        { key: 0, content: t('QUICK_COMMENT_LIKE_0', "Tasty") },
+        { key: 1, content: t('QUICK_COMMENT_LIKE_1', "Good price") },
+        { key: 2, content: t('QUICK_COMMENT_LIKE_2', "Good portion size") },
+        { key: 3, content: t('QUICK_COMMENT_LIKE_3', "Packed well") },
+      ],
+      dislike: [
+        { key: 0, content: t('QUICK_COMMENT_DISLIKE_0', "Not tasty") },
+        { key: 1, content: t('QUICK_COMMENT_DISLIKE_1', "High price") },
+        { key: 2, content: t('QUICK_COMMENT_DISLIKE_2', "Bad portion size") },
+        { key: 3, content: t('QUICK_COMMENT_DISLIKE_3', "Not packed well") },
+      ]
     }
   }
 

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

@@ -10,6 +10,8 @@ import LinearGradient from 'react-native-linear-gradient'
 import { FloatingBottomContainer } from '../../layouts/FloatingBottomContainer'
 import Spinner from 'react-native-loading-spinner-overlay'
 
+import { reviewCommentList } from '../../../../../src/utils'
+
 import {
   ReviewDriverContainer,
   DriverPhotoContainer,
@@ -91,12 +93,7 @@ const ReviewDriverUI = (props: ReviewDriverParams) => {
     { key: 5, text: t('GREAT', 'Great'), percent: 1, parentStyle: { right: '0%' }, isInnerStyle: false,  pointerColor: false }
   ]
 
-  const commentsList = [
-    { key: 0, content: t('FAST_AND_EFFICIENT', "Fast and efficient") },
-    { key: 1, content: t('DELIVERY_PERFECT', "Delivery perfect") },
-    { key: 2, content: t('EXCELLENT_COMMUNICATION', "Excellent communication") },
-    { key: 3, content: t('CORDIAL_SERVICE', 'Cordial service') }
-  ]
+  const commentsList = reviewCommentList('driver')
 
   const onSubmit = () => {
     if (dirverReviews?.qualification === 0) {
@@ -248,9 +245,11 @@ const ReviewDriverUI = (props: ReviewDriverParams) => {
               </RatingTextContainer>
             </RatingBarContainer>
 
-            <OText style={{ marginTop: 30 }} color={theme.colors.textNormal}>{t('COMMENTS', 'Comments')}</OText>
+            <OText style={{ marginTop: 30 }} color={theme.colors.textNormal}>
+              {commentsList[dirverReviews?.qualification || 1]?.title}
+            </OText>
             <CommentsButtonGroup>
-              {commentsList.map(commentItem => (
+              {commentsList[dirverReviews?.qualification || 1]?.list?.map(commentItem => (
                 <OButton
                   key={commentItem.key}
                   text={commentItem.content}

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

@@ -22,6 +22,8 @@ import Spinner from 'react-native-loading-spinner-overlay'
 import { ReviewOrderParams } from '../../types'
 import { useTheme } from 'styled-components/native'
 
+import { reviewCommentList } from '../../../../../src/utils'
+
 export const ReviewOrderUI = (props: ReviewOrderParams) => {
   const {
     order,
@@ -113,14 +115,7 @@ export const ReviewOrderUI = (props: ReviewOrderParams) => {
     { key: 5, text: t('GREAT', 'Great'), percent: 1, parentStyle: { right: '0%' }, isInnerStyle: false,  pointerColor: false }
   ]
 
-  const commentsList = [
-    { key: 0, content: t('IT_WASNT_TASTY', "It wasn't tasty") },
-    { key: 1, content: t('IT_DOESNT_PACK_WELL', "It doesn't pack well") },
-    { key: 2, content: t('IT_ISNT_WORTH_WHAT_IT_COSTS', "It isn't worth what it costs") },
-    { key: 3, content: t('TOO_SLOW', 'Too slow') },
-    { key: 4, content: t('SUSTAINABLE_PACKAGING_WASNT_USED', "Sustainable packaging wasn't used") },
-    { key: 5, content: t('THEY_DID_NOT_FOLLOW_THE_ORDER_NOTES', 'They did not follow the order notes') }
-  ]
+  const commentsList = reviewCommentList('order')
 
   const handleChangeStars = (index: number) => {
     switch (index) {
@@ -268,9 +263,11 @@ export const ReviewOrderUI = (props: ReviewOrderParams) => {
                 </RatingTextContainer>
               </RatingBarContainer>
 
-              <OText style={{ marginTop: 30 }} color={theme.colors.textNormal}>{t('COMMENTS', 'Comments')}</OText>
+              <OText style={{ marginTop: 30 }} color={theme.colors.textNormal}>
+                {commentsList[stars?.quality || 1]?.title}
+              </OText>
               <CommentsButtonGroup>
-                {commentsList.map(commentItem => (
+                {commentsList[stars?.quality || 1]?.list?.map(commentItem => (
                   <OButton
                     key={commentItem.key}
                     text={commentItem.content}

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

@@ -6,6 +6,8 @@ import AntDesignIcons from 'react-native-vector-icons/AntDesign'
 import { useTheme } from 'styled-components/native'
 import { SingleProductReviewParams } from '../../types'
 
+import { reviewCommentList } from '../../../../../src/utils'
+
 import {
   ProductContainer,
   ProductHeader,
@@ -45,13 +47,7 @@ export const SingleProductReview = (props: SingleProductReviewParams) => {
   const [isShowTextArea, setIsShowTextArea] = useState(false)
   const [qualification, setQualification] = useState(5)
 
-  const commentsList = [
-    { key: 0, content: t('IT_WASNT_TASTY', "It wasn't tasty") },
-    { key: 1, content: t('SMALL_PORTION', 'Small portion') },
-    { key: 2, content: t('WET_OR_LEAKY', 'Wet or leaky') },
-    { key: 3, content: t('SLOPPY_PRESENTATION', 'Sloppy presentation') },
-    { key: 4, content: t('COLD_OR_MELTED', 'Cold or melted') }
-  ]
+  const commentsList = reviewCommentList('product')
 
   const isSelectedComment = (commentKey: number) => {
     const found = comments.find((comment: any) => comment?.key === commentKey)
@@ -115,7 +111,7 @@ export const SingleProductReview = (props: SingleProductReviewParams) => {
           </LikeHandsActionContainer>
         </ProductHeader>
         <CommentsButtonGroup>
-          {commentsList.map(commentItem => (
+          {commentsList[qualification === 5 ? 'like' : 'dislike']?.map(commentItem => (
             <OButton
               key={commentItem.key}
               text={commentItem.content}