esoftplay-event 0.0.2-h → 0.0.2-j

package/event/order_detail.tsx

@@ -24,11 +24,14 @@ 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 { 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 { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import esp from 'esoftplay/esp';
@@ -48,7 +51,7 @@ export interface EventOrder_detailProps {
 
 function renderTermItem(item: any, i: number) {
   return (
-    <View key={i}>
+    <View key={i} style={{ marginTop: 10 }}>
       <EventStep text={item} />
     </View>
   )
@@ -105,30 +108,15 @@ export default function m(props: EventOrder_detailProps): any {
   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 [tickets, setTickets] = useSafeState(result?.detail_ticket?.tickets ?? [])
-  const [dataAddons, setDataAddons] = useSafeState()
   const useIndividualQr = result?.config?.use_individual_qr_ticket
 
-  const dataTickets = tickets?.filter?.((x: ItemTiket) => x?.email == user?.email && x?.ticket_code != '')
-
-  const [coupons, setCoupons] = useSafeState<any>()
   const [qty, setQty] = useSafeState<number>(1)
   const [, setGroupAddon, getGroupAddon] = useSafeState()
 
   const dataOfflineReview = EventReview_addProperty.state().get()
   let availableOfflineReview = dataOfflineReview?.filter((z: any) => z?.booking_id == result?.id)
-
   const [dataReview, setDataReview] = useSafeState<any>(availableOfflineReview?.length == 1 ? availableOfflineReview[0] : result?.detail_review)
 
-  urlsInstruction = []
-  result?.instructions?.map?.((item: any) => {
-    let matches = item.match(/(https?:\/\/[^\s]+)/g);
-    if (matches) {
-      urlsInstruction.push(...matches)
-    }
-  })
-
-
   moment().locale?.('id')
 
   const imgWidth = LibStyle.width - 30
@@ -138,11 +126,6 @@ export default function m(props: EventOrder_detailProps): any {
   function loadData(): void {
     new LibCurl(url + ((url.includes("?") ? "&" : "?") + 't=' + new Date().getTime()), null, (res: any) => {
       setResult(res)
-      new LibCurl(res?.url_coupon, null, (ress: any) => {
-        setCoupons(ress)
-      }, (error: any) => {
-        // setEmptyCoupons(error)
-      })
 
       if (res?.review_status != 0) {
         loadDetailReview(res?.url_review)
@@ -153,30 +136,6 @@ export default function m(props: EventOrder_detailProps): any {
         sendReview(availableOfflineReview[0])
       }
 
-      // // load data untuk upgrade tiket
-      // if (res?.is_upgradable == 1) {
-      //   loadDataUpgradeTicket(res?.url_upgrade)
-      // }
-
-      new LibCurl(res?.url_ticket, null,
-        (res: any, msg: string) => {
-          setTickets(res.tickets)
-        }, (err: any) => {
-          LibToastProperty.show(err.message)
-        }
-      )
-
-      // addons list
-      if (res?.hasOwnProperty('url_addons') && res?.url_addons != "") {
-        new LibCurl(res?.url_addons, null,
-          (resss: any, msg: string) => {
-            setDataAddons(resss)
-          }, (err: any) => {
-            esp.log(err, "res url_addons");
-          }
-        )
-      }
-
     }, (error: any) => {
       const transformedUrl = url?.includes("?id=") ? url?.replace(/\?id=/, '/') : url
       const urlArr = transformedUrl?.split("/")
@@ -189,6 +148,14 @@ export default function m(props: EventOrder_detailProps): any {
     })
   }
 
+  function loadDetailReview(url: any) {
+    new LibCurl(url, null, (ress: any) => {
+      setDataReview(ress)
+    }, (error: any) => {
+      // setEmptyCoupons(error)
+    })
+  }
+
   useEffect(() => {
     EventConfigProperty.curlConfig('v2/config_order_type')
     loadData()
@@ -206,17 +173,8 @@ export default function m(props: EventOrder_detailProps): any {
     }, 1)
   }
 
-  function loadDetailReview(url: any) {
-    new LibCurl(url, null, (ress: any) => {
-      setDataReview(ress)
-    }, (error: any) => {
-      // setEmptyCoupons(error)
-    })
-  }
-
   subs.useSubscribe(() => {
     loadData()
-    setDataReview(subs.getValue())
   })
 
   function addReturn(): void {
@@ -251,7 +209,6 @@ export default function m(props: EventOrder_detailProps): any {
   function loadDataAddons(id: any, url: string) {
     LibProgress.show(esp.lang("event/order_detail", "wait"))
     new LibCurl(url, null, (res: any, msg: any) => {
-      esp.log({ res });
       LibProgress.hide()
       let dataBookingEvent = {
         event_id: res?.event_id,
@@ -283,22 +240,8 @@ export default function m(props: EventOrder_detailProps): any {
       let addons_id = id
       let booking_id_ref = result?.id
 
-      if (res?.hasOwnProperty('alert') && res?.alert != "") {
-        LibDialog.warningConfirm("Informasi", res?.alert, "Lanjutkan", () => {
-          LibNavigation.navigate('payment/ticket', {
-            order_type: order_type,
-            tax: tax,
-            fee_platform: fee_platform,
-            dataBookingEvent: dataBookingEvent,
-            show_fee_percentage,
-            addons_id,
-            booking_id_ref
-          })
-        }, "Kembali", () => {
-
-        })
-      } else {
-        LibNavigation.navigate('payment/ticket', {
+      function goToPayment() {
+        let args: any = {
           order_type: order_type,
           tax: tax,
           fee_platform: fee_platform,
@@ -306,18 +249,48 @@ export default function m(props: EventOrder_detailProps): any {
           show_fee_percentage,
           addons_id,
           booking_id_ref
+        }
+        curlPriceConfig(res?.url_price_config, res?.price_id, (conf) => {
+          args['tax'] = conf?.tax
+          args['fee_platform'] = Boolean(conf?.fee_platform_amount) ? {
+            fee_platform_amount: conf?.fee_platform_amount || 0,
+            fee_platform_type: conf?.fee_platform_type || "NONE"
+          } : fee_platform
+          LibNavigation.navigate('payment/ticket', args)
         })
       }
 
+      if (res?.hasOwnProperty('alert') && res?.alert != "") {
+        LibDialog.warningConfirm("Informasi", res?.alert, "Lanjutkan", () => {
+          goToPayment()
+        }, esp.lang("event/order_detail", "back"), () => {
+
+        })
+      } else {
+        goToPayment()
+      }
+
 
     }, (err: any) => {
       LibProgress.hide()
       LibDialog.warning("Oops", err?.message)
-      esp.log({ err });
     }, 1)
   }
 
-  if (result == undefined && !coupons) {
+  function curlPriceConfig(url_price_config: string, price_id: string, onDone: (data: any) => void) {
+    LibProgress.show("Mohon tunggu..")
+    if (url_price_config) {
+      new LibCurl(url_price_config, null, (res, msg) => {
+        onDone(res?.[price_id])
+        LibProgress.hide()
+      }, (err) => {
+        LibProgress.hide()
+        LibToastProperty.show(err?.message)
+      })
+    }
+  }
+
+  if (result == undefined) {
     return (
       <View style={{ flex: 1, backgroundColor: '#f6f6f6' }}>
         <EventHeader title={esp.lang("event/order_detail", "order_detail")} />
@@ -415,9 +388,6 @@ export default function m(props: EventOrder_detailProps): any {
   let startEvent = result?.start_date + " " + result?.start_time
   let dateNow = LibUtils.moment().localeFormat("YYYY-MM-DD HH:mm")
 
-  const termData = result?.term ? Object.values(result?.term) : []
-
-  // esp.log(result);
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
@@ -510,9 +480,9 @@ export default function m(props: EventOrder_detailProps): any {
                   <View style={{ marginTop: 15, marginRight: 10 }}>
                     <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, marginBottom: 5, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail", "seat_number")}</Text>
                     <View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
-                      {tickets?.map((item: any, i: number) => {
-                        const [front, end] = item?.seat_name?.split("#") || ["", ""];
-                        if (item?.seat_name?.includes("#")) {
+                      {result?.seat_names?.map((item: any, i: number) => {
+                        const [front, end] = item?.split("#") || ["", ""];
+                        if (item?.includes("#")) {
                           return (
                             <View key={i} style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: 5, marginBottom: 7, paddingHorizontal: 5, backgroundColor: '#fff', borderRadius: 5, marginRight: 7, ...LibStyle.elevation(5), }}>
                               <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 16, color: "#000" }}> {front} </Text>
@@ -522,7 +492,7 @@ export default function m(props: EventOrder_detailProps): any {
                         } else {
                           return (
                             <View key={i} style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: 5, marginBottom: 7, paddingHorizontal: 5, backgroundColor: '#fff', borderRadius: 5, marginRight: 7, ...LibStyle.elevation(5), }}>
-                              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 20, color: "#000" }}>{item?.seat_name}</Text>
+                              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 20, color: "#000" }}>{item}</Text>
                             </View>
                           )
                         }
@@ -538,24 +508,24 @@ export default function m(props: EventOrder_detailProps): any {
 
         }
         {
-          useIndividualQr > 0 && dataTickets.length > 0 ?
+          useIndividualQr > 0 && result?.ticket_codes.length > 0 ?
             <LibCarrousel_snap
-              data={dataTickets}
+              data={result?.ticket_codes}
               style={{ marginVertical: 10, marginBottom: 0, }}
               itemMarginHorizontal={3}
               itemWidth={LibStyle.width - 46}
               maxWidth={LibStyle.width}
               align={"center"}
-              renderItem={(item: ItemTiket, id: any) => {
+              renderItem={(item: any, id: any) => {
                 return (
                   <View pointerEvents='none' style={{ width: LibStyle.width - 52, flexDirection: 'row', padding: 10, backgroundColor: 'white', borderWidth: 2, borderColor: LibStyle.colorPrimary, borderRadius: 5, overflow: 'hidden', alignItems: 'center' }} >
                     <LibTextstyle textStyle='m_h2' style={{ textAlignVertical: 'center', marginHorizontal: 10 }} text={(id + 1).toString()} />
                     <View style={{ marginLeft: 10, marginVertical: 10, flex: 1, justifyContent: 'flex-start' }} >
-                      <LibTextstyle textStyle='headline' numberOfLines={1} text={item.name} ellipsizeMode='tail' />
-                      <LibTextstyle textStyle='caption1' text={item.email} ellipsizeMode='tail' />
+                      <LibTextstyle textStyle='headline' numberOfLines={1} text={result?.params?.buyer?.buyer_name} ellipsizeMode='tail' />
+                      <LibTextstyle textStyle='caption1' text={result?.params?.buyer?.buyer_email} ellipsizeMode='tail' />
                     </View>
                     <EventQr_bg>
-                      <QRCode value={item.ticket_code} size={70} />
+                      <QRCode value={item} size={70} />
                     </EventQr_bg>
                   </View>
                 )
@@ -606,68 +576,99 @@ export default function m(props: EventOrder_detailProps): any {
           />
         </UseCondition>
 
-
-
         {/* tombol add on */}
         {
-          dataAddons?.length > 0 && dataAddons?.map((item: any, i: number) => {
-            if (item?.hasOwnProperty("group_id")) {
-              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)
-                    // loadDataAddons(item?.addons_id, item?.url)
-                  }}
-                  icon={'chevron-down'}
-                  title={item.group_title}
-                  info={item.info}
-                />
-              )
-            } else if (item?.hasOwnProperty('list')) {
+          result?.hasOwnProperty('url_addons') && result?.url_addons != "" &&
+          <LibCollaps
+            header={(show) => {
               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)
-                    // loadDataAddons(item?.addons_id, item?.url)
-                  }}
-                  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) {
-                      loadDataAddons(item?.addons_id, item?.url)
-                    }
-                  }}
-                  icon={'plus-circle-outline'}
-                  title={item.title}
-                  info={item.info}
-                />
+                <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 }}>
+                    <Text style={{ fontWeight: 'bold', fontSize: 14, color: "#495057" }}>{esp.lang("event/order_detail", "addons")}</Text>
+                  </View>
+                  <LibIcon name={!show ? "chevron-down" : "chevron-up"} />
+                </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 => {
+                  return (
+                    <View>
+                      {
+                        res?.length > 0 && res?.map((item: any, i: number) => {
+                          if (item?.hasOwnProperty("group_id")) {
+                            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)
+                                  // loadDataAddons(item?.addons_id, item?.url)
+                                }}
+                                icon={'chevron-down'}
+                                title={item.group_title}
+                                info={item.info}
+                              />
+                            )
+                          } else if (item?.hasOwnProperty('list')) {
+                            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)
+                                  // loadDataAddons(item?.addons_id, item?.url)
+                                }}
+                                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) {
+                                    loadDataAddons(item?.addons_id, item?.url)
+                                  }
+                                }}
+                                icon={'plus-circle-outline'}
+                                title={item.title}
+                                info={item.info}
+                              />
+                            )
+                          }
+                        })
+                      }
+                    </View>
+                  )
+                }}
+                onError={(err) => {
+                  return (
+                    <EventMessage
+                      message={err?.message}
+                    />
+                  )
+                }}
+              />
+            </View>
+          </LibCollaps>
         }
 
         {
@@ -755,40 +756,182 @@ export default function m(props: EventOrder_detailProps): any {
 
         {/* view for coupon */}
         {
-          result?.status != "2" && coupons &&
-          <View style={{ margin: 15, marginBottom: 0, borderRadius: 7, backgroundColor: '#fff', paddingBottom: 10, paddingTop: 10 }}>
-            <View style={{ marginHorizontal: 20 }}>
-              <Text style={{ fontWeight: 'bold', fontSize: 14, color: "#495057" }}>{coupons.title || ''}</Text>
+          result?.url_coupon != "" &&
+          <LibCollaps
+            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 }}>
+                  <Text style={{ fontWeight: 'bold', fontSize: 14, color: "#495057" }}>{esp.lang("event/order_detail", "voucher_or_coupon")}</Text>
+                </View>
+                <LibIcon name={!show ? "chevron-down" : "chevron-up"} />
+              </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={() => {
+                              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>
+          </LibCollaps>
+        }
+
+        {/* how to use ticket */}
+        {
+          result?.status == 1 && result?.url_instructions != "" &&
+          <LibCollaps
+            header={(show) => {
+              return (
+                <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 }}>
+                    <Text style={{ fontWeight: 'bold', fontSize: 14, color: "#495057" }}>{esp.lang("event/order_detail", "how_to_use")}</Text>
+                  </View>
+                  <LibIcon name={!show ? "chevron-down" : "chevron-up"} />
+                </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>
+                          )
+                        })
+                      }
 
-            {
-              coupons?.list?.map((item: any, i: number) => {
-                return (
-                  <TouchableOpacity key={i} onPress={() => {
-                    esp.modProp("event/coupon").getCouponDetail(item?.url_detail_coupon)
-                  }} style={[{ marginBottom: 4, 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 }} />
-                    <View style={{ position: 'absolute', top: (((LibStyle.width - 60) * 0.43) / 2) - 10, marginBottom: 15, flexDirection: 'row', justifyContent: 'space-between' }} >
-                      <View style={{ width: 23, height: 23, borderRadius: 11.5, backgroundColor: "white", marginLeft: -9.5 }} />
-                      <View style={{ flex: 1 }} />
-                      <View style={{ width: 23, height: 23, borderRadius: 11.5, backgroundColor: "white", marginRight: -9.5 }} />
                     </View>
-                  </TouchableOpacity>
-                )
-              })
-            }
+                  )
+                }}
+                onError={(err) => {
+                  return (
+                    <EventMessage
+                      message={err?.message}
+                    />
+                  )
+                }}
+              />
+            </View>
+          </LibCollaps>
+        }
 
-            {
-              coupons?.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>
+        {/* term n condition */}
+        {
+          result?.url_term != "" &&
+          <LibCollaps
+            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 }}>
+                  <Text style={{ fontWeight: 'bold', fontSize: 14, color: "#495057" }}>{esp.lang("event/order_detail", "tos")}</Text>
                 </View>
-              </TouchableOpacity>
+                <LibIcon name={!show ? "chevron-down" : "chevron-up"} />
+              </View>
             }
-          </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 => {
+                  return (
+                    <View>
+                      {res?.map(renderTermItem)}
+                    </View>
+                  )
+                }}
+                onError={(err) => {
+                  return (
+                    <EventMessage
+                      message={err?.message}
+                    />
+                  )
+                }}
+              />
+            </View>
+          </LibCollaps>
         }
 
         <View style={{ margin: 15, marginBottom: 0, padding: 16, borderRadius: 5, backgroundColor: '#fff' }}>
@@ -807,80 +950,26 @@ export default function m(props: EventOrder_detailProps): any {
               <Text allowFontScaling={false} style={{ alignContent: 'center', alignItems: 'center', fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#9b9b9b" }}>{result?.payment_title}</Text>
             </View>
           }
-        </View>
-
-        {
-          result?.status == 1 && result?.instructions?.length > 0 &&
-          <View style={{ margin: 15, marginBottom: 5, padding: 16, borderRadius: 5, backgroundColor: '#fff' }}>
-            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail", "how_to_use")}</Text>
-            {
-              result?.instructions.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>
-                )
-              })
-            }
+          {
+            result?.url_ticket != "" &&
+            <TouchableOpacity
+              onPress={() => {
+                LibNavigation.navigate('event/order_detail_visitor', { url: result?.url_ticket, url_addition: result?.url_addition })
+              }}
+              style={{ ...LibStyle.elevation(2), marginTop: 15, alignContent: 'center', alignItems: 'center', borderWidth: 1, borderColor: LibStyle.colorBgGrey, padding: 10, backgroundColor: '#fff', borderRadius: 5, flexDirection: 'row' }}>
+              <View style={{ flex: 1 }}>
+                <Text style={{ fontWeight: 'bold', fontSize: 14, color: "#495057" }}>{esp.lang("event/order_detail", "buyer_detail")}</Text>
+              </View>
+              <LibIcon name={"chevron-right"} />
+            </TouchableOpacity>
+          }
+        </View>
 
-          </View>
-        }
-        {
-          termData?.length > 0 &&
-          <View style={{ margin: 16, borderRadius: 5, padding: 10, backgroundColor: 'white' }} >
-            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail", "tos")}</Text>
-            {termData?.map(renderTermItem)}
-          </View>
-        }
-        {
-          result?.url_ticket != "" &&
-          <TouchableOpacity onPress={() => {
-            LibNavigation.navigate('event/order_detail_visitor', { url: result?.url_ticket, url_addition: result?.url_addition })
-          }} style={{ ...LibStyle.elevation(3), margin: 15, padding: 16, borderRadius: 5, backgroundColor: '#fff', flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
-            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail", "buyer_detail")}</Text>
-            <LibIcon name='chevron-right-circle-outline' size={30} color={LibStyle.colorBlue} />
-          </TouchableOpacity>
-        }
 
         {
           esp.isDebug("") &&
-          <View style={{ padding: 5 }}>
+          <View style={{ padding: 5, marginTop: 15 }}>
             <EventButton label={esp.lang("event/order_detail", "send_to_email")} onPress={() => {
               LibToastProperty.show("Coming Soon")
             }} backgroundColor={"#FFF"} borderColor={LibStyle.colorGreen} fontColor={LibStyle.colorGreen} />