esoftplay-event 0.0.2-s → 0.0.2-u

package/event/order_detail_addons.tsx

@@ -0,0 +1,60 @@
+// withHooks
+import { EventButton_order_detail } from 'esoftplay/cache/event/button_order_detail/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
+import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/import';
+
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface EventOrder_detail_addonsArgs {
+
+}
+export interface EventOrder_detail_addonsProps {
+  dataTicket: any,
+  onPress: (item: any) => void
+}
+export default function m(props: EventOrder_detail_addonsProps): any {
+  let result = props.dataTicket
+
+  return (
+    <View style={{ backgroundColor: '#fff', marginTop: 1, borderRadius: 7, paddingBottom: 10, overflow: 'hidden', marginHorizontal: 15, marginBottom: 0 }}>
+      <LibCurl_view
+        url={result?.url_addons}
+        onSuccess={(res, msg): any => {
+          return (
+            <View>
+              {
+                res?.length > 0 && res?.map((item: any, i: number) => {
+                  const isMultiple = item?.list?.length > 1
+                  const isDisabled = item?.hasOwnProperty('status') && item.status == 0
+                  const icon = isMultiple ? 'chevron-down' : 'plus-circle-outline'
+
+                  return (
+                    <EventButton_order_detail
+                      key={i}
+                      disable={isDisabled}
+                      status_message={item?.status_message}
+                      color={result?.color}
+                      onPress={() => { props.onPress(item) }}
+                      icon={icon}
+                      title={item.title}
+                      info={item.info}
+                    />
+                  )
+                })
+              }
+            </View>
+          )
+        }}
+        onError={(err) => {
+          return (
+            <EventMessage
+              message={err?.message}
+            />
+          )
+        }}
+      />
+    </View>
+  )
+}

package/event/order_detail_addons_booked.tsx

@@ -0,0 +1,61 @@
+// withHooks
+import { EventMessage } from 'esoftplay/cache/event/message/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventOrder_detail_addons_bookedArgs {
+
+}
+export interface EventOrder_detail_addons_bookedProps {
+  addonsBooked: any
+  errorAddonsBooked: any
+  onPress: () => void
+}
+export default function m(props: EventOrder_detail_addons_bookedProps): any {
+  return (
+    <View style={{ padding: 10, paddingLeft: 15, paddingBottom: 0 }}>
+      {
+        props?.addonsBooked?.length > 0 && props?.addonsBooked?.map((x: any, i: number) => {
+          return (
+            <View key={i} style={{ flexDirection: 'row', marginBottom: 10 }}>
+              <LibIcon name='check-decagram' size={20} color={LibStyle.colorGreen} />
+              <View style={{ marginLeft: 10 }}>
+                <Text allowFontScaling={false} style={{ color: '#484848', fontSize: 14, fontWeight: 'bold', fontFamily: "Arial" }}>
+                  {x.price_name}
+                  {x?.list?.length == 1 ? " (" + Number(x?.list?.[0]?.qty) + " Tiket)" : ""}
+                </Text>
+                {
+                  x?.list?.length > 0 && x?.list?.map((z: any, i: number) => {
+                    if (z?.ondate != "0000-00-00") {
+                      return (
+                        <Text key={i} allowFontScaling={false}>{LibUtils.moment(z.ondate).localeFormat('DD MMM YYYY') + " (" + Number(z.qty) + " Tiket)"}</Text>
+                      )
+                    } else {
+                      return null
+                    }
+                  })
+                }
+              </View>
+            </View>
+          )
+        })
+      }
+      {
+        props?.errorAddonsBooked &&
+        <EventMessage
+          message={props?.errorAddonsBooked?.message}
+          children={
+            <TouchableOpacity onPress={() => { props.onPress() }} style={{ marginTop: -10 }}>
+              <LibIcon name='refresh-circle' size={40} color={LibStyle.colorBrown} />
+            </TouchableOpacity>
+          }
+        />
+      }
+    </View>
+  )
+}

package/event/order_detail_coupon.tsx

@@ -0,0 +1,66 @@
+// withHooks
+import { EventMessage } from 'esoftplay/cache/event/message/import';
+import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventOrder_detail_couponArgs {
+
+}
+export interface EventOrder_detail_couponProps {
+  dataTicket: any
+}
+export default function m(props: EventOrder_detail_couponProps): any {
+  let result = props.dataTicket
+  return (
+    <View style={{ backgroundColor: '#fff', marginTop: 1, borderRadius: 7, overflow: 'hidden', marginHorizontal: 15, marginBottom: 0 }}>
+      <LibCurl_view
+        url={result?.url_coupon}
+        onSuccess={(res, msg): any => {
+          return (
+            <View>
+              <Text style={{ margin: 15, marginBottom: 0, fontWeight: 'bold', fontSize: 14, color: "#495057" }}>{res?.title}</Text>
+
+              {
+                res?.list?.map((item: any, i: number) => {
+                  return (
+                    <TouchableOpacity key={i} onPress={() => {
+                      if (item?.show_qr != 0) {
+                        esp.modProp("event/coupon").getCouponDetail(item?.url_detail_coupon)
+                      }
+                    }} style={[{ marginBottom: 10, margin: 15, borderRadius: 15, backgroundColor: '#fff' }, LibStyle.elevation(2)]}>
+                      <LibPicture source={{ uri: item.image }} resizeMode="cover" style={{ height: (LibStyle.width - 60) * 0.43, width: LibStyle.width - 60, borderRadius: 5 }} />
+                    </TouchableOpacity>
+                  )
+                })
+              }
+              {
+                res?.pages > 1 &&
+                <TouchableOpacity onPress={() => {
+                  LibNavigation.navigate("event/coupon")
+                }}>
+                  <View style={{ marginTop: 10, alignContent: 'center', alignItems: 'center', justifyContent: 'center', backgroundColor: LibStyle.colorPrimary, height: 50 }}>
+                    <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", textAlign: 'center', fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{esp.lang("event/order_detail", "see_all_coupon")}</Text>
+                  </View>
+                </TouchableOpacity>
+              }
+            </View>
+          )
+        }}
+        onError={(err) => {
+          return (
+            <EventMessage
+              message={err?.message}
+            />
+          )
+        }}
+      />
+    </View>
+  )
+}

package/event/order_detail_instruction.tsx

@@ -0,0 +1,96 @@
+// withHooks
+import { EventMessage } from 'esoftplay/cache/event/message/import';
+import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Linking, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventOrder_detail_instructionArgs {
+
+}
+export interface EventOrder_detail_instructionProps {
+  dataTicket: any
+}
+export default function m(props: EventOrder_detail_instructionProps): any {
+  let urlsInstruction: any[] = []
+  let result = props?.dataTicket
+  return (
+    <View style={{ backgroundColor: '#fff', marginTop: 1, borderRadius: 7, overflow: 'hidden', marginHorizontal: 15, marginBottom: 0 }}>
+      <LibCurl_view
+        url={result?.url_instructions}
+        onSuccess={(res, msg): any => {
+          urlsInstruction = []
+          res?.map?.((item: any) => {
+            let matches = item.match(/(https?:\/\/[^\s]+)/g);
+            if (matches) {
+              urlsInstruction.push(...matches)
+            }
+          })
+          return (
+            <View style={{ margin: 15 }}>
+              {
+                res?.map((item: any, i: number) => {
+                  const urls = item.match(/(https?:\/\/[^\s]+)/g)
+                  const text = item.replace(urls?.[0], '~:::~')
+                  const texts = text.split('~:::~')
+                  return (
+                    <TouchableOpacity key={i + 1} onPress={() => {
+                      if (item.match(/(https?:\/\/[^\s]+)/g)) {
+                        Linking.openURL(urls[0])
+                      }
+                    }}>
+                      <Text allowFontScaling={false} style={{ flexWrap: 'wrap', marginBottom: 5, fontSize: 14, fontWeight: "normal", fontStyle: "normal", lineHeight: 18, color: "#4a4a4a", marginTop: 4 }}>
+                        {texts?.[0]}
+                        {urls && <Text allowFontScaling={false} style={{ flexWrap: 'wrap', marginBottom: 5, fontSize: 14, fontWeight: "normal", fontStyle: "normal", lineHeight: 18, color: LibStyle.colorBlue, marginTop: 4 }}>{urls[0]}</Text>}
+                        {texts?.[1]}
+                      </Text>
+                    </TouchableOpacity>
+                  )
+                })
+              }
+
+              {
+                urlsInstruction?.length > 0 && urlsInstruction?.map((item: any, i: number) => {
+                  return (
+                    <View key={i + 1} style={{ padding: 10, marginTop: 10, flexDirection: 'row-reverse' }}>
+                      <TouchableOpacity onPress={() => {
+                        LibUtils.share(item)
+                      }} style={{ ...LibStyle.elevation(5), alignContent: 'center', alignItems: 'center', justifyContent: 'center', backgroundColor: LibStyle.colorPrimary, height: 40, width: 40, borderRadius: 20, marginHorizontal: 10 }}>
+                        <LibIcon color="#fff" name="share" />
+                      </TouchableOpacity>
+                      <TouchableOpacity onPress={() => {
+                        LibUtils.copyToClipboard(item)
+                        LibToastProperty.show(esp.lang("event/order_detail", "copied"))
+                      }} style={{ ...LibStyle.elevation(5), alignContent: 'center', alignItems: 'center', justifyContent: 'center', backgroundColor: LibStyle.colorPrimary, height: 40, width: 40, borderRadius: 20, marginHorizontal: 10 }}>
+                        <LibIcon color="#fff" name="content-copy" />
+                      </TouchableOpacity>
+                      <TouchableOpacity onPress={() => {
+                        Linking.openURL(item)
+                      }} style={{ ...LibStyle.elevation(5), alignContent: 'center', alignItems: 'center', justifyContent: 'center', backgroundColor: LibStyle.colorPrimary, height: 40, width: 40, borderRadius: 20, marginHorizontal: 10 }}>
+                        <LibIcon.MaterialIcons color="#fff" name="open-in-browser" />
+                      </TouchableOpacity>
+                    </View>
+                  )
+                })
+              }
+
+            </View>
+          )
+        }}
+        onError={(err) => {
+          return (
+            <EventMessage
+              message={err?.message}
+            />
+          )
+        }}
+      />
+    </View>
+  )
+}

package/event/order_detail_payment.tsx

@@ -48,7 +48,7 @@ export default function m(props: EventOrder_detail_paymentProps): any {
             <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#4a4a4a" }}>{esp.lang("event/order_detail_payment", "virtual_number_account")}</Text>
             <View style={{ marginTop: 10, flexDirection: "row", alignItems: "center", }}>
               <View style={{ flex: 1, backgroundColor: '#f1f2f3', borderRadius: 5, marginRight: 10, padding: 5 }} >
-                <Text allowFontScaling={false} adjustsFontSizeToFit numberOfLines={1} style={{ fontSize: 30, fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: LibStyle.colorPrimaryDark }}>{va_no}</Text>
+                <Text allowFontScaling={false} adjustsFontSizeToFit numberOfLines={1} style={{ fontSize: 30, fontStyle: "normal", fontFamily: 'DecoNumbers', letterSpacing: 0, textAlign: "left", color: LibStyle.colorPrimaryDark }}>{va_no.toString()}</Text>
               </View>
               <TouchableOpacity onPress={() => {
                 LibUtils.copyToClipboard(va_no)

package/event/order_detail_reschedule.tsx

@@ -0,0 +1,109 @@
+// withHooks
+
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
+import { EventQr_bg } from 'esoftplay/cache/event/qr_bg/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UseCondition } from 'esoftplay/cache/use/condition/import';
+import esp from 'esoftplay/esp';
+import moment from 'esoftplay/moment';
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import QRCode from 'react-native-qrcode-svg';
+
+
+export interface EventOrder_detail_rescheduleArgs {
+
+}
+export interface EventOrder_detail_rescheduleProps {
+  dataTicket: any
+  onPressQr: () => void
+}
+export default function m(props: EventOrder_detail_rescheduleProps): any {
+  let result = props.dataTicket
+  const imgWidth = LibStyle.width - 35
+  const imgHeight = imgWidth / 1920 * 1080
+  moment().locale?.('id')
+
+  const dateRange = LibUtils.getDateRange(result?.start_date, result?.end_date, " - ")
+  let isInvitationDate = result?.ondate == "0000-00-00" && result?.kind_detail?.use_code == 1
+  let isOnlineWithoutDate = result?.ondate == "0000-00-00" && result?.kind_detail?.everyday_pass == 0
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#f6f6f6' }}>
+      <EventHeader title={esp.lang("event/order_detail", "order_detail")} />
+      <View style={[{ margin: 18, borderTopLeftRadius: 7, borderTopRightRadius: 7, backgroundColor: '#fff', paddingBottom: 10 }, LibStyle.elevation(3)]}>
+
+        <TouchableOpacity onPress={() => {
+          LibNavigation.navigate('lib/gallery', { image: result?.image })
+        }}>
+          <LibPicture source={{ uri: result?.image }} style={{ borderTopLeftRadius: 7, borderTopRightRadius: 7, height: imgHeight, width: imgWidth }} resizeMode="cover" />
+        </TouchableOpacity>
+        <View style={{ flexDirection: 'row', margin: 14, marginTop: 4, justifyContent: 'space-between' }}>
+          <View style={{ marginTop: 14 }}>
+            <EventHtmltext allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{esp.lang("event/order_detail", "ticket")}{result?.price_name}</EventHtmltext>
+            <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+              <LibIcon name="ticket-outline" size={20} />
+              <Text allowFontScaling={false} style={{ marginLeft: 6, fontFamily: "Arial", fontSize: 30, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{result?.qty}</Text>
+              <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "Arial", fontSize: 16, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{esp.lang("event/order_detail", "ticket")}</Text>
+            </View>
+            <UseCondition if={result?.show_ticket_status == 1 && result?.status == 1 || result?.status == 3 || result?.status == 6}>
+              <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", flexWrap: 'wrap', letterSpacing: 0, marginBottom: 12, color: "#484848" }}>
+                {
+                  result?.qty_used == 0 ? esp.lang("event/order", "have_not_been_used")
+                    :
+                    result.kind_detail?.everyday_pass == 1 ?
+                      "(" + result?.qty_used_today + " " + esp.lang("event/order_detail", "used_today") + ")"
+                      :
+                      "(" + result?.qty_used + " " + esp.lang("event/order_detail", "used") + ")"
+                }
+              </Text>
+            </UseCondition>
+            <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+              <LibIcon name="calendar-blank-outline" size={20} />
+              <Text allowFontScaling={false} style={{ marginLeft: 6, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{result?.ondate != "0000-00-00" ? moment(result?.ondate).localeFormat("DD MMMM YYYY") : ((isInvitationDate || isOnlineWithoutDate) ? esp.lang("event/order_item", "used_once") : dateRange)}</Text>
+            </View>
+          </View>
+          {
+            result?.status == "1" &&
+            <View style={{ marginTop: 14, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+              {
+                result?.qr != "" &&
+                <TouchableOpacity onPress={() => {
+                  result?.status == "1" && props.onPressQr()
+                }}>
+                  <EventQr_bg>
+                    <QRCode ecl="H" size={80} value={result?.qr} />
+                  </EventQr_bg>
+                </TouchableOpacity>
+              }
+            </View>
+          }
+        </View>
+
+        <View style={{ flexDirection: 'row', justifyContent: 'space-between' }} >
+          <View style={{ width: 19, height: 19, borderRadius: 9.5, backgroundColor: "#f6f6f6", marginLeft: -9.5 }} />
+          {/* <Text style={{ marginTop: 5, alignSelf: 'center', fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#f39c12" }} ></Text> */}
+          <View style={{ width: 19, height: 19, borderRadius: 9.5, backgroundColor: "#f6f6f6", marginRight: -9.5 }} />
+        </View>
+
+        <View style={{ margin: 14, flexDirection: 'row' }}>
+          <Text style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed }} >{result?.reschedule_notes}</Text>
+        </View>
+        {
+          result?.par_id > 0 ?
+            null
+            :
+            <EventButton onPress={() => {
+              LibNavigation.navigate('event/order_reschedule', { url: result?.url_reschedule })
+            }} label={result?.is_refundable == 1 ? esp.lang("event/order_detail", "refund_rescedule") : esp.lang("event/order_detail", "rescedule")} backgroundColor={LibStyle.colorGreen} style={{ marginLeft: 20, marginRight: 20, marginBottom: 10 }} />
+        }
+      </View>
+    </View>
+  )
+}

package/event/order_detail_return.tsx

@@ -119,7 +119,7 @@ export default function m(props: EventOrder_detail_returnProps): any {
 
   return (
     <View style={{ flex: 1 }}>
-      <EventHeader title='Kembalikan Tiket' />
+      <EventHeader title={esp.lang("event/order_detail_return", "send_back_ticket")} />
       <ScrollView style={{ padding: 15 }}>
 
         <Text allowFontScaling={false} style={{ color: '#4a4a4a', fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0 }}>{"Tiket akan dikembalikan kepada"}</Text>

package/event/order_detail_review.tsx

@@ -0,0 +1,174 @@
+// withHooks
+import { applyStyle } from 'esoftplay';
+import { EventRating } from 'esoftplay/cache/event/rating/import';
+import { EventReviewProperty } from 'esoftplay/cache/event/review/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Pressable, Text, View } from 'react-native';
+
+
+export interface EventOrder_detail_reviewArgs {
+
+}
+export interface EventOrder_detail_reviewProps {
+  dataReview: any
+  dataTicket: any
+}
+export default function m(props: EventOrder_detail_reviewProps): any {
+  const [user] = UserClass.state().useState()
+  const dataReview = props.dataReview
+  const result = props.dataTicket
+
+  let startEvent = result?.start_date + " " + result?.start_time
+  let dateNow = LibUtils.moment().localeFormat("YYYY-MM-DD HH:mm")
+
+  function getStringReview(data: any) {
+    const groupedData = data.reduce((acc: any[], obj: any) => {
+      const { survey_id, survey_question, survey_option, content } = obj;
+
+      if (!acc[survey_id]) {
+        acc[survey_id] = {
+          survey_id,
+          survey_question,
+          values: []
+        };
+      }
+
+      if (survey_option) {
+        acc[survey_id].values.push(survey_option);
+      }
+      if (content) {
+        acc[survey_id].values.push(content);
+      }
+
+      return acc;
+    }, {});
+
+    const finalResult = Object.values(groupedData).map((group: any) => {
+      const { survey_question, values } = group;
+      const valuesString = values.join(", ");
+      return `\nQ: ${survey_question}\nA: ${valuesString}`;
+    })
+    return finalResult
+  }
+
+
+  const ReviewCard = ({ user, dataReview }: any) => {
+    return (
+      <View style={{ margin: 15, marginBottom: 0, borderRadius: 7, backgroundColor: 'white', padding: 10 }}>
+        <View style={{ flexDirection: 'row', alignItems: 'flex-start', marginTop: 10 }}>
+          <LibPicture source={{ uri: user?.image }} style={{ height: 50, width: 50, borderRadius: 25 }} />
+          <View style={{ marginLeft: 10, flex: 1 }}>
+            <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode='tail' style={{ fontSize: 16, fontWeight: 'bold' }}>{user?.name}</Text>
+            <Text allowFontScaling={false} style={{ fontSize: 12, color: '#c9c9c9' }}>{LibUtils.moment(dataReview?.review?.created).localeFormat("D MMM YYYY")}</Text>
+            <View style={{ marginTop: 5 }}>
+              <EventRating disabled onChangeRating={() => { }} defaultValue={dataReview?.review?.rating} size={18} containerStyle={{ padding: 0, justifyContent: 'flex-start' }} />
+              {
+                dataReview?.review?.content != "" &&
+                <Text allowFontScaling={false} style={{ marginTop: 10, fontSize: 12, color: '#000' }}>{dataReview?.review?.content.replace(/\\n/g, '\n')}</Text>
+              }
+              {
+                dataReview?.surveys?.length > 0 &&
+                getStringReview(dataReview?.surveys).map((sur) => (
+                  <Text allowFontScaling={false} style={{ fontSize: 12, color: '#000' }}>{sur}</Text>
+                ))
+              }
+            </View>
+          </View>
+        </View>
+        {
+          dataReview?.status == 2 &&
+          <View style={applyStyle({ borderColor: '#FC9722', backgroundColor: '#FDF1DE', borderWidth: 1, borderStyle: 'dashed', borderRadius: 5, padding: 5, marginTop: 15, marginBottom: 0 })} >
+            <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" })}>{esp.lang("event/order_detail", "thanks")}</Text>
+          </View>
+        }
+      </View>
+    )
+  }
+
+  const ReviewForm = ({ result, onRate }: any) => {
+    return (
+      <Pressable>
+        <EventRating
+          onChangeRating={onRate}
+          defaultValue={5}
+          size={50}
+          containerStyle={{ padding: 0, backgroundColor: 'transparent' }}
+        />
+        <Text style={{ alignSelf: 'center', marginTop: 15, fontSize: 18, fontWeight: 'bold', color: '#fff' }}>{esp.lang("event/order_detail", "leave_review")}</Text>
+        <Text style={{ alignSelf: 'center', marginTop: 7, fontSize: 14, color: '#fff' }}>{esp.lang("event/order_detail", "review_info")}</Text>
+      </Pressable>
+    )
+  }
+
+  const ReviewedResult = ({ user, dataReview }: any) => {
+    return (
+      <View style={{ margin: -10, backgroundColor: '#fff', padding: 10, borderRadius: 7 }}>
+        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+          <LibPicture source={{ uri: user?.image }} style={{ height: 50, width: 50, borderRadius: 25 }} />
+          <View style={{ marginLeft: 10 }}>
+            <Text numberOfLines={1} style={{ fontSize: 16, fontWeight: 'bold' }}>{user?.name}</Text>
+            <Text style={{ fontSize: 12, color: '#c9c9c9' }}>{LibUtils.moment(dataReview?.review?.created).localeFormat("D MMM YYYY")}</Text>
+            <EventRating
+              disabled
+              defaultValue={dataReview?.review?.rating}
+              onChangeRating={() => { }}
+              size={18}
+              containerStyle={{ padding: 0 }}
+            />
+          </View>
+        </View>
+        <Text numberOfLines={5} style={{ marginTop: 10, fontSize: 12 }}>{dataReview?.review?.content}</Text>
+      </View>
+    )
+  }
+
+  return (
+    <View>
+      {
+        dataReview?.status == 1 &&
+        <ReviewCard
+          user={user}
+          dataReview={dataReview}
+        />
+      }
+      {
+        dataReview?.status != 1 && dateNow > startEvent && (
+          <View style={{ margin: 15, borderRadius: 7, backgroundColor: '#000', padding: 10 }}>
+            {
+              dataReview?.review == null ?
+                <ReviewForm
+                  result={result}
+                  onRate={(rate: any) => {
+                    let type = EventReviewProperty.calculateProb(result?.config?.review)
+                    let args = {
+                      url_form: "event_order_detail_review_form?id=" + result?.id + "&type=" + type?.type,
+                      type: type?.type,
+                      booking_id: result?.id,
+                      rate: rate
+                    }
+
+                    if (result?.review_status != 1) {
+                      LibNavigation.navigate('event/review_add', args)
+                    }
+
+                  }}
+                />
+                :
+                <ReviewedResult
+                  user={user}
+                  dataReview={dataReview}
+                />
+            }
+          </View>
+        )
+      }
+
+    </View>
+  )
+}

package/event/order_detail_share.tsx

@@ -136,6 +136,7 @@ export default function m(props: EventOrder_detail_shareProps): any {
   }
 
   let checkNotUsed = dataTicket?.length > 0 && dataTicket?.filter((x: any) => x?.checked == 0)
+  let valid = dataTicket?.some((item: any) => item.checked == 1);
 
   return (
     <LibKeyboard_avoid style={{ flex: 1, backgroundColor: '#fff' }}>
@@ -284,13 +285,15 @@ export default function m(props: EventOrder_detail_shareProps): any {
           <EventButton
             label={esp.lang("event/order_detail_share", "share_ticket")}
             onPress={() => {
-              LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
-                if (p) {
-                  shareTicket(p)
-                }
-              })
+              if (valid) {
+                LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
+                  if (p) {
+                    shareTicket(p)
+                  }
+                })
+              }
             }}
-            backgroundColor={LibStyle.colorPrimary}
+            backgroundColor={valid ? LibStyle.colorPrimary : LibStyle.colorBgGrey}
             style={{ borderRadius: 5, marginTop: 10 }}
           />
         </View>