esoftplay-event 0.0.2 → 0.0.3

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 && x?.list?.[0]?.ondate == "0000-00-00" ? " (" + 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} ellipsizeMode={"middle"} 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

@@ -0,0 +1,231 @@
+// withHooks
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
+import { EventOrder_detailProperty } from 'esoftplay/cache/event/order_detail/import';
+import { EventTransaction } from 'esoftplay/cache/event/transaction/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import { useEffect } from 'react';
+
+import React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventOrder_detail_returnArgs {
+
+}
+export interface EventOrder_detail_returnProps {
+
+}
+export default function m(props: EventOrder_detail_returnProps): any {
+  const { url } = LibNavigation.getArgsAll(props)
+
+  const [result, setResult] = useSafeState()
+  const [dataUser, setDataUser] = useSafeState()
+  const [dataTicket, setDataTicket] = useSafeState()
+  const [useAll, setUseAll] = useSafeState<boolean>(false)
+  const [trxId] = useSafeState(EventTransaction().getTrxId())
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    new LibCurl(url, null, (res, msg) => {
+      setResult(res)
+      if (res?.sharer_email != "") {
+        loadDataUser(res?.sharer_email)
+      }
+
+      if (res?.hasOwnProperty('url_share')) {
+        loadDataTicket(res?.url_share, res?.price_name)
+      }
+    }, (err) => {
+      LibDialog.warning("Oops", err?.message)
+      LibNavigation.back()
+    })
+  }
+
+  function loadDataTicket(url: any, price_name: string) {
+    new LibCurl(url, null, (res) => {
+      let data = res?.length > 0 && res?.map((item: any, i: number) => {
+        return ({
+          ...item,
+          checked: i == 0 ? 1 : 0,
+          price_name: price_name
+        })
+      })
+      // esp.log({ data });
+      setDataTicket(data)
+    }, (error) => {
+      LibDialog.warning(esp.lang("event/order_share_to", "load_error"), error?.message);
+    }, 1)
+  }
+
+  function loadDataUser(email: string) {
+    let post: any = {
+      email: email
+    }
+    new LibCurl("user_search", post, (res) => {
+      setDataUser(res)
+
+    }, (error) => {
+      LibDialog.warning(esp.lang("event/order_share_to", "load_error"), error?.message);
+    })
+  }
+
+  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"), () => {
+      let _bookingMemberId = dataTicket?.filter((item: any) => item.checked == 1).map((it: any) => it.id)
+
+      LibProgress.show(esp.lang("event/order_detail", "please_wait"))
+      let post = {
+        booking_member_id: _bookingMemberId.join('|'),
+        trx_id: trxId,
+        pin: p
+      }
+      new LibCurl('event_booking_shared_return?booking_id=' + result?.id + '&qty_shared=' + dataTicket?.filter((item: any) => item.checked == 1).length, post, (res: any, msg: any) => {
+        // LibNotify(res)
+        EventOrder_detailProperty.subscribe().trigger()
+        EventIndexProperty.reload.trigger() //reload data order
+        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"), () => { })
+  }
+
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  let checkNotUsed = dataTicket?.length > 0 && dataTicket?.filter((x: any) => x?.checked == 0)
+
+  return (
+    <View style={{ flex: 1 }}>
+      <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>
+        <View style={{ marginVertical: 15, flexDirection: 'row' }}>
+          <LibPicture source={{ uri: dataUser?.image }} style={{ height: 40, width: 40, borderRadius: 20 }} />
+          <View style={{ marginLeft: 10 }}>
+            <Text style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", color: "#4a4a4a" }} >{dataUser?.name}</Text>
+            <Text style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", color: "#b7b7b7" }} >{dataUser?.email}</Text>
+          </View>
+        </View>
+
+        <Text allowFontScaling={false} style={{ marginBottom: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: "#000" }}>{"PILIH TIKET"}</Text>
+
+        {
+          dataTicket?.length > 0 && dataTicket?.map((item: any, i: number) => {
+            const [front, end] = item?.seat_name?.split("#") || ["", ""];
+            return (
+              <TouchableOpacity key={i} onPress={() => {
+                let a = LibObject.set(dataTicket, item.checked == 1 ? 0 : 1)(i, 'checked')
+                setDataTicket(a)
+                setUseAll(false)
+
+              }} style={{ padding: 10, marginBottom: 10, borderRadius: 4, borderColor: item?.checked == 1 ? LibStyle.colorGreen : '#f1f1f1', borderWidth: 1, flexDirection: 'row' }}>
+                <View style={{ flex: 5 }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 14, fontStyle: "normal", color: "#000", fontWeight: "bold", }}>{item?.price_name}</Text>
+                  {/* seat */}
+                  {
+                    item?.seat_name != "" &&
+                    <View style={{ marginVertical: 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={{ marginLeft: 7, flexDirection: 'row' }}>
+                        <View style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: 5, paddingHorizontal: 5, backgroundColor: '#f1f1f1', borderRadius: 5, marginRight: 7 }}>
+                          <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 16, color: "#000" }}> {front}</Text>
+                          <Text allowFontScaling={false} style={{ marginLeft: 3, fontWeight: 'bold', fontSize: 16, color: '#000', }}>{end}</Text>
+                        </View>
+                      </View>
+                    </View>
+                  }
+                  {/* add ons */}
+                  {
+                    item?.addons?.length > 0 &&
+                    <View style={{ marginBottom: 5 }}>
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{"Addons"}</Text>
+                    </View>
+                  }
+                  {
+                    item?.addons?.length > 0 && item?.addons?.map((x: any, ii: number) => {
+                      return (
+                        <View key={ii} style={{ marginLeft: 7, flexDirection: 'row' }}>
+                          <View style={{}}>
+                            <Text allowFontScaling={false} style={{ color: '#484848', fontSize: 12, fontWeight: 'bold', fontFamily: "Arial" }}>- {
+                              x?.list?.map((y: any) => y).join(', ')
+                            }</Text>
+                            {
+                              x?.ondate != "0000-00-00" &&
+                              <Text allowFontScaling={false} style={{ marginLeft: 7, marginBottom: 3, marginTop: 3, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0, color: '#484848' }}>{
+                                LibUtils.moment(x?.ondate).localeFormat('DD MMM YYYY')}</Text>
+                            }
+                          </View>
+                        </View>
+                      )
+                    })
+                  }
+
+
+                </View>
+                <View style={{ flex: 1, alignContent: 'flex-end', alignItems: 'flex-end' }}>
+                  <LibIcon name={item?.checked == 1 ? 'check-circle' : 'radiobox-blank'} color={LibStyle.colorGreen} />
+                </View>
+              </TouchableOpacity>
+            )
+          })
+        }
+
+      </ScrollView>
+
+      <View style={{ marginHorizontal: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
+        <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={'tail'} style={{ fontWeight: 'bold', fontSize: 14, letterSpacing: 1 }}>{dataTicket?.filter((item: any) => item.checked == 1).length + " Tiket digunakan"}</Text>
+        <TouchableOpacity onPress={() => {
+          let a = dataTicket?.map((item: any, i: number) => {
+            return { ...item, checked: useAll ? 0 : 1 }
+          })
+          setDataTicket(a)
+          setUseAll(useAll ? false : true)
+        }} style={{ paddingHorizontal: 15, paddingRight: 10, marginTop: 10, borderWidth: 1, borderColor: 'rgba(0, 0, 0, 0)', height: 25, borderRadius: 5, backgroundColor: (useAll || checkNotUsed?.length == 0) ? LibStyle.colorRed : LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center' }} >
+          <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff', marginRight: 15 }} >{(useAll || checkNotUsed?.length == 0) ? esp.lang("event/order_detail_share", "cancel") : esp.lang("event/order_detail_share", "select_all")}</Text>
+          <LibIcon.Ionicons size={18} color="#fff" name={(useAll || checkNotUsed?.length == 0) ? "close" : "checkmark-done"} />
+        </TouchableOpacity>
+      </View>
+
+      <EventButton
+        label={"Kembalikan tiket"}
+        onPress={() => {
+          LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
+            if (p) {
+              sendBack(p)
+            }
+          })
+        }}
+        backgroundColor={"#fff"}
+        borderColor={LibStyle.colorPrimary}
+        fontColor={LibStyle.colorPrimary}
+        style={{ borderRadius: 5, marginHorizontal: 15, margin: 10 }}
+      />
+
+    </View>
+  )
+}