esoftplay-event 0.0.2-t → 0.0.2-u

package/event/order_detail.tsx

@@ -2,7 +2,6 @@
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventOrder_itemProperty } from 'esoftplay/cache/event/order_item/import';
-import { EventReviewProperty } from 'esoftplay/cache/event/review/import';
 import { EventReview_addProperty } from 'esoftplay/cache/event/review_add/import';
 import { LibCarrousel_snap } from 'esoftplay/cache/lib/carrousel_snap/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
@@ -16,7 +15,6 @@ import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { UserClass } from 'esoftplay/cache/user/class/import';
 
 import { applyStyle } from 'esoftplay';
 import { EventAlert } from 'esoftplay/cache/event/alert/import';
@@ -24,14 +22,16 @@ import { EventButton_order_detail } from 'esoftplay/cache/event/button_order_det
 import { EventConfigProperty } from 'esoftplay/cache/event/config/import';
 import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
 import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
-import { EventMessage } from 'esoftplay/cache/event/message/import';
-import { EventPopup } from 'esoftplay/cache/event/popup/import';
+import { EventOrder_detail_addons } from 'esoftplay/cache/event/order_detail_addons/import';
+import { EventOrder_detail_addons_booked } from 'esoftplay/cache/event/order_detail_addons_booked/import';
+import { EventOrder_detail_coupon } from 'esoftplay/cache/event/order_detail_coupon/import';
+import { EventOrder_detail_instruction } from 'esoftplay/cache/event/order_detail_instruction/import';
+import { EventOrder_detail_reschedule } from 'esoftplay/cache/event/order_detail_reschedule/import';
+import { EventOrder_detail_review } from 'esoftplay/cache/event/order_detail_review/import';
+import { EventOrder_detail_tnc } from 'esoftplay/cache/event/order_detail_tnc/import';
 import { EventQr_bg } from 'esoftplay/cache/event/qr_bg/import';
-import { EventRating } from 'esoftplay/cache/event/rating/import';
 import { EventSecure_page } from 'esoftplay/cache/event/secure_page/import';
-import { EventStep } from 'esoftplay/cache/event/step/import';
 import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
-import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/import';
 import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
@@ -40,7 +40,7 @@ import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 import useGlobalSubscriber, { useGlobalSubscriberReturn } from 'esoftplay/subscribe';
 import React, { useEffect, useRef } from 'react';
-import { Linking, Pressable, Text, TouchableOpacity, View } from 'react-native';
+import { Text, TouchableOpacity, View } from 'react-native';
 import { ScrollView } from 'react-native-gesture-handler';
 import QRCode from 'react-native-qrcode-svg';
 
@@ -49,71 +49,23 @@ export interface EventOrder_detailProps {
   navigation: any
 }
 
-
-function renderTermItem(item: any, i: number) {
-  return (
-    <View key={i} style={{ marginTop: 10 }}>
-      <EventStep text={item} />
-    </View>
-  )
-}
-
-
-let urlsInstruction: any[] = []
-
 const subs = useGlobalSubscriber()
 export function subscribe(): useGlobalSubscriberReturn {
   return subs
 }
 
-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
-}
-
-
-
 export default function m(props: EventOrder_detailProps): any {
   const LibCurl = esp.mod("lib/curl")
 
   EventSecure_page()
-  const [user] = UserClass.state().useState()
 
   let showQR = useRef<LibSlidingup>(null)
   let dialogAddonList = useRef<LibSlidingup>(null)
   let dialogQtyAddons = useRef<LibSlidingup>(null)
-  const dialogSendBack = useRef<LibSlidingup>(null)
   const url = LibNavigation.getArgs(props, 'url')
   const [result, setResult] = useSafeState<any>(EventIndexProperty?.stateTicketCache()?.get()?.filter?.((x: any) => x.url?.replace?.('?id=', '/') == url?.replace?.('?id=', '/'))?.[0]?.detail)
   const useIndividualQr = result?.config?.use_individual_qr_ticket
 
-  const [qty, setQty] = useSafeState<number>(1)
-
   const [, setGroupAddon, getGroupAddon] = useSafeState()
   const [, setSelectedAddon, getSelectedAddon] = useSafeState()
   const [addonsBooked, setAddOnsBooked] = useSafeState()
@@ -234,35 +186,6 @@ export default function m(props: EventOrder_detailProps): any {
     loadData()
   })
 
-  function add(max: number): void {
-    if (qty < max) {
-      setQty(qty + 1)
-    }
-  }
-
-  function min(): void {
-    setQty(qty == 1 ? 1 : qty - 1)
-  }
-
-  function sendBack(p: any) {
-    LibDialog.confirm(esp.lang("event/order_detail", "warning"), esp.lang("event/order_detail", "return_this_ticket"), esp.lang("event/order_detail", "btn_yes"), () => {
-      LibProgress.show(esp.lang("event/order_detail", "please_wait"))
-      let post = {
-        pin: p
-      }
-      new LibCurl('event_booking_shared_return?booking_id=' + result?.id + '&qty_shared=' + qty, post, (res: any, msg: any) => {
-        // LibNotify(res)
-        LibProgress.hide()
-        LibDialog.info(esp.lang("event/order_detail", "information"), msg)
-        LibNavigation.back()
-      }, (error: any) => {
-        LibProgress.hide()
-        LibDialog.warning(esp.lang("event/order_detail", "back_err"), error?.message);
-        LibNavigation.back()
-      }, 1)
-    }, esp.lang("event/order_detail", "btn_cancel"), () => { })
-  }
-
   function loadDataAddons(id: any, url: string) {
     LibProgress.show(esp.lang("event/order_detail", "wait"))
     new LibCurl(url, null, (res: any, msg: any) => {
@@ -376,83 +299,11 @@ export default function m(props: EventOrder_detailProps): any {
   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
 
-  if ((result?.status == 1 || (result?.qty == 0 && result?.qty_shared > 0)) && result?.is_reschedule == 1) {
-    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" && showQR?.current?.show()
-                  }}>
-                    <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>
-    )
+  if ((result?.status == 1 || (result?.qty == 0 && result?.qty_shared > 0)) && result?.is_reschedule == 1) {
+    return <EventOrder_detail_reschedule dataTicket={result} onPressQr={() => { showQR?.current?.show() }} />
   }
 
-  let startEvent = result?.start_date + " " + result?.start_time
-  let dateNow = LibUtils.moment().localeFormat("YYYY-MM-DD HH:mm")
   let valid = dataTicket?.some((item: any) => item.status == 1 && item.checked == 1);
 
   return (
@@ -578,44 +429,7 @@ export default function m(props: EventOrder_detailProps): any {
             </View>
             {
               result?.hasOwnProperty('url_addons_booked') && result?.url_addons_booked != "" &&
-              <View style={{ padding: 10, paddingLeft: 15, paddingBottom: 0 }}>
-                {
-                  addonsBooked?.length > 0 && 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>
-                    )
-                  })
-                }
-                {
-                  errorAddonsBooked &&
-                  <EventMessage
-                    message={errorAddonsBooked?.message}
-                    children={<EventButton label='Segarkan' onPress={() => {
-                      esp.log("dipencet");
-                      loadData()
-                    }} />}
-                  />
-                }
-              </View>
+              <EventOrder_detail_addons_booked addonsBooked={addonsBooked} errorAddonsBooked={errorAddonsBooked} onPress={loadData} />
             }
           </View>
 
@@ -703,157 +517,37 @@ export default function m(props: EventOrder_detailProps): any {
                 </View>
               )
             }} >
-            <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 => {
-                  esp.log(res);
-                  return (
-                    <View>
-                      {
-                        res?.length > 0 && res?.map((item: any, i: number) => {
-                          if (item?.list?.length > 1) {
-                            return (
-                              <EventButton_order_detail
-                                disable={item?.hasOwnProperty('status') && item.status == 0 ? true : false}
-                                status_message={item?.status_message}
-                                key={i}
-                                color={result?.color}
-                                onPress={() => {
-                                  setGroupAddon(item)
-                                  LibUtils.debounce(() => {
-                                    dialogAddonList?.current?.show()
-                                  }, 100)
-                                }}
-                                icon={'chevron-down'}
-                                title={item.title}
-                                info={item.info}
-                              />
-                            )
-                          } else {
-                            return (
-                              <EventButton_order_detail
-                                disable={item?.hasOwnProperty('status') && item.status == 0 ? true : false}
-                                status_message={item?.status_message}
-                                key={i}
-                                color={result?.color}
-                                onPress={() => {
-                                  if (item?.hasOwnProperty('status') && item?.status == 1) {
-                                    setGroupAddon(item)
-                                    setSelectedAddon(item?.list?.[0])
-                                    loadDataTicket(result?.id, item?.list?.[0]?.price_id, item?.list?.[0]?.ondate)
-                                  }
-                                }}
-                                icon={'plus-circle-outline'}
-                                title={item.title}
-                                info={item.info}
-                              />
-                            )
-                          }
-                        })
-                      }
-                    </View>
-                  )
-                }}
-                onError={(err) => {
-                  return (
-                    <EventMessage
-                      message={err?.message}
-                    />
-                  )
-                }}
-              />
-            </View>
+            <EventOrder_detail_addons
+              dataTicket={result}
+              onPress={(item: any) => {
+                const isMultiple = item?.list?.length > 1
+                if (isMultiple) {
+                  setGroupAddon(item)
+                  LibUtils.debounce(() => {
+                    dialogAddonList?.current?.show()
+                  }, 100)
+                } else {
+                  if (item?.status == 1) {
+                    const addon = item?.list?.[0]
+                    setGroupAddon(item)
+                    setSelectedAddon(addon)
+                    loadDataTicket(result?.id, addon?.price_id, addon?.ondate)
+                  }
+                }
+
+              }}
+            />
           </LibCollaps>
         }
 
-        {
-          // jika mau edit view dibawah ini, tekan ctrl + f terus paste prefik dibawah ini
-          // view_reviewed
-          dataReview?.status == 1 ?
-            <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>
-            :
-            dateNow > startEvent ?
-              <View style={{ margin: 15, marginBottom: 0, borderRadius: 7, backgroundColor: '#000', padding: 10 }}>
-                {
-                  dataReview?.review == null ?
-                    <Pressable>
-                      <EventRating onChangeRating={(rate) => {
-                        let type = EventReviewProperty.calculateProb(result?.config?.review)
-                        let urlForm = "event_order_detail_review_form?id=" + result?.id + "&type=" + type?.type
-                        let args = {
-                          url_form: urlForm,
-                          type: type?.type,
-                          booking_id: result?.id,
-                          rate: rate
-                        }
-                        if (result?.review_status != 1) {
-                          LibNavigation.navigate('event/review_add', args)
-                        }
-                      }} defaultValue={5} size={50} containerStyle={{ padding: 0, backgroundColor: 'transparent' }} />
-                      <Text allowFontScaling={false} style={{ alignSelf: 'center', marginTop: 15, fontSize: 18, fontWeight: 'bold', color: '#fff' }}>{esp.lang("event/order_detail", "leave_review")}</Text>
-                      <Text allowFontScaling={false} style={{ alignSelf: 'center', marginTop: 7, fontSize: 14, color: '#fff' }}>{esp.lang("event/order_detail", "review_info")}</Text>
-
-                    </Pressable>
-                    :
-                    // view_reviewed
-                    <View style={{ margin: -10, backgroundColor: '#fff', padding: 10, borderRadius: 7 }}>
-                      <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-                        <LibPicture source={{ uri: user?.image }} style={{ height: 50, width: 50, borderRadius: 25 }} />
-                        <View style={{ marginLeft: 10 }}>
-                          <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, backgroundColor: 'transparent' }} />
-                          </View>
-                        </View>
-                      </View>
-
-                      <Text allowFontScaling={false} numberOfLines={5} ellipsizeMode='tail' style={{ marginTop: 10, fontSize: 12, color: '#000' }}>{dataReview?.review?.content}</Text>
-                      {
-                        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>
-                }
-              </View>
-              : null
-        }
+        {/* review */}
+        <EventOrder_detail_review dataReview={dataReview} dataTicket={result} />
 
         {/* view for coupon */}
         {
           result?.url_coupon != "" &&
           <LibCollaps
+            show={Number(result?.show_voucher) == 0 ? false : true}
             header={(show) =>
               <View style={{ margin: 15, alignContent: 'center', alignItems: 'center', paddingHorizontal: 15, marginBottom: 0, borderRadius: 7, backgroundColor: '#fff', paddingBottom: 10, paddingTop: 10, flexDirection: 'row' }}>
                 <View style={{ flex: 1 }}>
@@ -863,49 +557,7 @@ export default function m(props: EventOrder_detailProps): any {
               </View>
             }
           >
-            <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>
+            <EventOrder_detail_coupon dataTicket={result} />
           </LibCollaps>
         }
 
@@ -923,77 +575,7 @@ export default function m(props: EventOrder_detailProps): any {
                 </View>
               )
             }}>
-            <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>
+            <EventOrder_detail_instruction dataTicket={result} />
           </LibCollaps>
         }
 
@@ -1010,51 +592,7 @@ export default function m(props: EventOrder_detailProps): any {
               </View>
             }
           >
-            <View style={{ backgroundColor: '#fff', marginTop: 1, borderRadius: 7, overflow: 'hidden', marginHorizontal: 15, marginBottom: 0 }}>
-              <LibCurl_view
-                url={result?.url_term}
-                onSuccess={(res, msg): any => {
-                  esp.log(res);
-                  if (Array.isArray(res)) {
-                    return (
-                      <View>
-                        {res?.map(renderTermItem)}
-                      </View>
-                    )
-                  } else {
-                    return (
-                      <View>
-                        {
-                          Object.entries(res).map(([title, items]: any) => {
-                            return (
-                              <View key={title}>
-                                <LibCollaps header={(show) =>
-                                  <View style={{ padding: 15, paddingRight: 25, paddingLeft: 20, paddingBottom: 10, borderBottomWidth: 1, borderColor: LibStyle.colorBgGrey, alignContent: 'center', alignItems: 'center', borderRadius: 7, backgroundColor: '#f9f9f9', flexDirection: 'row' }}>
-                                    <View style={{ flex: 1 }}>
-                                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: "#495057" }}>{title}</Text>
-                                    </View>
-                                    <LibIcon name={!show ? "chevron-down" : "chevron-up"} color='#495057' />
-                                  </View>
-                                }>
-                                  {items.map(renderTermItem)}
-                                </LibCollaps>
-                              </View>
-                            )
-                          })
-                        }
-                      </View>
-                    )
-                  }
-                }}
-                onError={(err) => {
-                  return (
-                    <EventMessage
-                      message={err?.message}
-                    />
-                  )
-                }}
-              />
-            </View>
+            <EventOrder_detail_tnc dataTicket={result} />
           </LibCollaps>
         }
 
@@ -1265,54 +803,6 @@ export default function m(props: EventOrder_detailProps): any {
         </View>
       </LibSlidingup>
 
-      <LibSlidingup ref={dialogSendBack} >
-        <View style={{ backgroundColor: 'white', borderTopLeftRadius: 20, borderTopRightRadius: 20, padding: 20 }} >
-          <EventPopup email={result?.sharer_email?.trim?.()} redirect={() => {
-            if (result?.use_seat == 1) {
-              let data = {
-                qty: qty
-              }
-              LibNavigation.navigate('event/seat', {
-                url: result?.url_ticket,
-                dataTicket: data,
-                returnTicket: true,
-              })
-            } else {
-              LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
-                if (p) {
-                  sendBack(p)
-                }
-              })
-            }
-            dialogSendBack.current!.hide()
-          }} cancel={() => {
-            dialogSendBack.current!.hide()
-          }}
-            view={
-              <View style={{ flexDirection: 'row', alignItems: 'center', marginVertical: 20 }} >
-                <TouchableOpacity
-                  onPress={() => {
-                    min()
-                  }}
-                  style={{ height: 70, width: 70, borderRadius: 10, backgroundColor: '#f1f1f1', alignItems: 'center', justifyContent: 'center' }} >
-                  <LibIcon name='minus' color={LibStyle.colorRed} size={50} />
-                </TouchableOpacity>
-                <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }} >
-                  <Text style={{ fontSize: 50 }} >{qty}</Text>
-                </View>
-                <TouchableOpacity
-                  onPress={() => {
-                    add(Number(result.qty_returnable))
-                  }}
-                  style={{ height: 70, width: 70, borderRadius: 10, backgroundColor: '#f1f1f1', alignItems: 'center', justifyContent: 'center' }} >
-                  <LibIcon name='plus' color={LibStyle.colorGreen} size={50} />
-                </TouchableOpacity>
-              </View>
-            }
-          />
-        </View>
-      </LibSlidingup>
-
     </View >
   )
 }