esoftplay-event 0.0.1-f → 0.0.1-h

package/config.json

@@ -1,9 +1,9 @@
 {
   "fonts": {
+    "mono": "mono.ttf",
     "Arial": "Arial.ttf",
     "ArialBold": "ArialBold.ttf",
     "SFProText": "SFProText.ttf",
-    "mono": "mono.ttf",
     "MonoSpace": "MonoSpace.ttf",
     "DecoNumbers": "DecoNumbers.ttf",
     "digital": "digital.ttf"

package/event/artist.tsx

@@ -14,6 +14,7 @@ import { LibPicture } from 'esoftplay/cache/lib/picture/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 { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
 import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
@@ -39,6 +40,7 @@ export default function m(props: BigbangArtistProps): any {
 
   function loadData(): void {
     /* get detail event untuk dapat config antrian */
+
     new LibCurl(url, null,
       (res) => {
         new LibCurl(res?.[0]?.url_event || `event_detail/${res?.[0]?.event_id}`, null, (res) => {
@@ -63,7 +65,11 @@ export default function m(props: BigbangArtistProps): any {
   }
 
   useEffect(() => {
-    loadData?.()
+    if (esp.isDebug("") && UserClass.state().get().email == "bagus@fisip.net") {
+      LibNavigation.replace('event/artistv2')
+    } else {
+      loadData?.()
+    }
   }, [])
 
   const itemWidth = (LibStyle.width - 2)

package/event/artist_detail.tsx

@@ -174,7 +174,7 @@ export default function m(props: EventArtist_detailProps): any {
         })
       }
     } else {
-      if (data?.has_addition && data?.has_addition == 1 || selectedTicket?.hasOwnProperty("has_addition") && selectedTicket?.has_addition == 1) {
+      if (selectedTicket?.hasOwnProperty("has_addition") && selectedTicket?.has_addition == 1) {
         LibNavigation.navigateForResult('event/additional', { type_ticket: selectedTicket?.type, ondate: selectedTicket?.list?.ondate, event_id: data?.event_id, qty: qty, data: dataPost, price_id: selectedTicket?.price_id }, 221).then((additions) => {
           if (additions != "") {
             dataPost.addition = additions

package/event/artistv2.tsx

@@ -0,0 +1,208 @@
+// withHooks
+
+import { EventCountdownProperty } from 'esoftplay/cache/event/countdown/import';
+import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
+import { LibCarrousel } from 'esoftplay/cache/lib/carrousel/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibList } from 'esoftplay/cache/lib/list/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/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 { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import moment from 'esoftplay/moment';
+import useSafeState from 'esoftplay/state';
+import React, { useEffect } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+moment().locale('id')
+
+
+export interface EventArtistv2Props {
+
+}
+
+export default function m(props: EventArtistv2Props): any {
+  const [result, setResult] = useSafeState<any>()
+  const [resultEvent, setResultEvent] = useSafeState<any>()
+  const [error, setError] = useSafeState<any>('')
+  const { isInPricingQueueConfig } = EventFirebase_socket()
+
+  const { title, has_addition } = LibNavigation.getArgsAll(props)
+  const url = LibNavigation.getArgs(props, 'url', 'https://storage.googleapis.com/bbo-test-images/images/modules/api/event_artist/411.json')
+
+  function loadData(): void {
+    /* get detail event untuk dapat config antrian */
+
+    // new LibCurl(url, null,
+    new LibCurl('v2/event_artist&event_id=411', null,
+      (res) => {
+        esp.log({ res });
+        new LibCurl(res?.[0]?.url_event || `event_detail/${res?.[0]?.event_id}`, null, (res) => {
+          setResultEvent(res)
+          if (res?.id) {
+            EventFirebase_socketProperty.eventIdQueue.set(res?.id)
+          }
+          if (res.allotment) {
+            esp.modProp("event/firebase_socket").userIdKeyReplacer.set({
+              t: Number(res.allotment.t),
+              s: Number(res.allotment.s),
+              priority: 1
+            })
+          }
+        }, (err) => {
+
+        }, 0)
+        setResult(res)
+      }, (err) => {
+        setError(err?.message)
+      }, 1)
+  }
+
+  useEffect(() => {
+    loadData?.()
+  }, [])
+
+  const itemWidth = (LibStyle.width - 2)
+  const itemHeight = itemWidth * 9 / 16
+
+  let subs = {
+    is_subscribed: resultEvent?.config?.is_subscribed,
+    is_subscribed_default: resultEvent?.config?.is_subscribed_default,
+    is_subscribed_label: resultEvent?.config?.is_subscribed_label
+  }
+  const width = LibStyle?.width
+  const sliderHeight = 0.50 * width
+
+
+  function renderItem(item: any, index: number) {
+    const styleId_Z2g4Hs7: any = { backgroundColor: '#FFC523', width: itemWidth, height: itemHeight, margin: 0.5, justifyContent: 'center', alignItems: 'center' }
+
+    if (item?.images?.length > 0) {
+      return (
+        <LibCarrousel
+          key={"p_slider"}
+          delay={4000}
+          style={{ height: sliderHeight, width: width }}
+          autoplay
+        >
+          {
+            item?.images?.map((item1: any, ii: number) => {
+              return (
+                <TouchableOpacity key={ii} onPress={() => {
+                  esp.log("start");
+                  EventIndexProperty.isLogin(async () => {
+                    esp.log("1");
+                    if (item.status == 1) {
+                      esp.log("2");
+                      if (isInPricingQueueConfig(item.event_id)) {
+                        esp.log("3");
+                        LibNavigation.navigateForResult('event/queue_pricing', { event_id: item?.event_id, autoPass: false })
+                      }
+                      esp.log("4");
+                      EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
+                      esp.log("5");
+                      LibNavigation.navigate(item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1 ?
+                        'event/artist_detail_multi' :
+                        'event/artist_detail', { url_price: item.url })
+                    } else {
+                      esp.log("6");
+                      LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
+                    }
+                  })
+                }} >
+                  <LibPicture key={ii} source={{ uri: item1 }} style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} />
+                </TouchableOpacity>
+              )
+            })
+          }
+        </LibCarrousel>
+      )
+    } else if (item?.images?.length == 1) {
+      return (
+        <TouchableOpacity key={index} onPress={() => {
+          esp.log("start");
+          EventIndexProperty.isLogin(async () => {
+            esp.log("1");
+            if (item.status == 1) {
+              esp.log("2");
+              if (isInPricingQueueConfig(item.event_id)) {
+                esp.log("3");
+                LibNavigation.navigateForResult('event/queue_pricing', { event_id: item?.event_id, autoPass: false })
+              }
+              esp.log("4");
+              EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
+              esp.log("5");
+              LibNavigation.navigate(item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1 ?
+                'event/artist_detail_multi' :
+                'event/artist_detail', { url_price: item.url })
+            } else {
+              esp.log("6");
+              LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
+            }
+          })
+        }} >
+          <LibPicture style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} source={{ uri: item.images[0] }} />
+        </TouchableOpacity>
+      )
+    } else {
+      return (
+        <TouchableOpacity key={index} onPress={() => {
+          esp.log("start");
+          EventIndexProperty.isLogin(async () => {
+            esp.log("1");
+            if (item.status == 1) {
+              esp.log("2");
+              if (isInPricingQueueConfig(item.event_id)) {
+                esp.log("3");
+                LibNavigation.navigateForResult('event/queue_pricing', { event_id: item?.event_id, autoPass: false })
+              }
+              esp.log("4");
+              EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
+              esp.log("5");
+              LibNavigation.navigate(item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1 ?
+                'event/artist_detail_multi' :
+                'event/artist_detail', { url_price: item.url })
+            } else {
+              esp.log("6");
+              LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
+            }
+          })
+        }} style={styleId_Z2g4Hs7}>
+          <Text numberOfLines={2} style={styleId_2cYE4h}>{item.title}</Text>
+
+        </TouchableOpacity>
+      )
+    }
+
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: 'white' }} >
+      <EventHeader title={title ? title : resultEvent?.event_title} iconShare={resultEvent?.url_share_artist && resultEvent?.url_share_artist !== ""}
+        onPressShare={() => {
+          LibUtils.share(resultEvent?.url_share_artist)
+        }} />
+      {
+        !result && !error ? <LibLoading /> :
+          <LibList
+            data={result}
+            keyExtractor={(item) => item.id}
+            onRefresh={loadData}
+            staticHeight={itemHeight + 1}
+            renderItem={renderItem}
+            ListEmptyComponent={
+              <EventMessage message={error} />
+            }
+          />
+      }
+    </View>
+  )
+}
+const styleId_2cYE4h: any = { padding: 15, color: 'white', fontSize: 24 }

package/event/detail.tsx

@@ -269,43 +269,23 @@ export default function m(props: EventDetailProps): any {
                     </TouchableOpacity>
                   }
                   <TouchableOpacity onPress={() => {
-                    EventIndexProperty.isLogin(() => {
-
+                    EventIndexProperty.isLogin(async () => {
                       if (isInPricingQueueConfig(result.id)) {
-                        LibNavigation.navigateForResult('event/queue_pricing', { event_id: result?.id }).then((v) => {
-                          LibNavigation.navigate(result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
-                            url: result.url_price,
-                            has_addition: result?.has_addition,
-                            has_addition_global: result?.has_addition_global,
-                            fee_platform: {
-                              fee_platform_amount: result?.fee_platform_amount,
-                              fee_platform_type: result?.fee_platform_type,
-                            },
-                            subscribed: {
-                              is_subscribed: result?.config?.is_subscribed,
-                              is_subscribed_default: result?.config?.is_subscribed_default,
-                              is_subscribed_label: result?.config?.is_subscribed_label
-                            },
-                            show_fee_percentage: result?.config?.show_fee_percentage
-                          })
-                        })
-                      } else {
-                        LibNavigation.navigate(result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
-                          url: result.url_price,
-                          has_addition: result?.has_addition,
-                          has_addition_global: result?.has_addition_global,
-                          fee_platform: {
-                            fee_platform_amount: result?.fee_platform_amount,
-                            fee_platform_type: result?.fee_platform_type,
-                          },
-                          subscribed: {
-                            is_subscribed: result?.config?.is_subscribed,
-                            is_subscribed_default: result?.config?.is_subscribed_default,
-                            is_subscribed_label: result?.config?.is_subscribed_label
-                          },
-                          show_fee_percentage: result?.config?.show_fee_percentage
-                        })
+                        await LibNavigation.navigateForResult('event/queue_pricing', { event_id: result?.id })
                       }
+                      LibNavigation.navigate(result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
+                        url: result.url_price,
+                        fee_platform: {
+                          fee_platform_amount: result?.fee_platform_amount,
+                          fee_platform_type: result?.fee_platform_type,
+                        },
+                        subscribed: {
+                          is_subscribed: result?.config?.is_subscribed,
+                          is_subscribed_default: result?.config?.is_subscribed_default,
+                          is_subscribed_label: result?.config?.is_subscribed_label
+                        },
+                        show_fee_percentage: result?.config?.show_fee_percentage
+                      })
 
                     })
                   }} style={applyStyle({ width: result?.url_artist != "" ? (LibStyle.width - 30) * 0.5 : LibStyle.width - 20, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 16, backgroundColor: LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >

package/event/order_detail.tsx

@@ -20,6 +20,7 @@ import { UserClass } from 'esoftplay/cache/user/class/import';
 
 import { applyStyle } from 'esoftplay';
 import { EventAlert } from 'esoftplay/cache/event/alert/import';
+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 { EventOrder_detail_upgrade_button } from 'esoftplay/cache/event/order_detail_upgrade_button/import';
@@ -28,6 +29,7 @@ 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 { LibGradient } from 'esoftplay/cache/lib/gradient/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import esp from 'esoftplay/esp';
@@ -174,6 +176,7 @@ export default function m(props: EventOrder_detailProps): any {
   }
 
   useEffect(() => {
+    EventConfigProperty.curlConfig('v2/config_order_type')
     loadData()
   }, [])
 
@@ -202,21 +205,6 @@ export default function m(props: EventOrder_detailProps): any {
     setDataReview(subs.getValue())
   })
 
-  function doCancel(url: string): void {
-    LibDialog.warningConfirm(esp.lang("event/order_detail", "confirm"), esp.lang("event/order_detail", "cancel_this_order"), esp.lang("event/order_detail", "btn_yes"), () => {
-      LibProgress.show(esp.lang("event/order_detail", "please_wait"))
-      new LibCurl(url, null, (result: any, msg: any) => {
-        LibProgress.hide()
-        LibNavigation.back()
-      }, (error: any) => {
-        LibDialog.warning(esp.lang("event/order_detail", "cancel_err"), error?.message);
-        LibProgress.hide()
-      }, 1)
-    }, esp.lang("event/order_detail", "btn_cancel"), () => {
-
-    })
-  }
-
   function addReturn(): void {
     if (qty < Number(result.qty_returnable)) {
       setQty(qty + 1)
@@ -243,6 +231,55 @@ export default function m(props: EventOrder_detailProps): any {
     }, 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) => {
+      esp.log({ res });
+      LibProgress.hide()
+      let dataBookingEvent = {
+        event_id: res?.event_id,
+        event_title: res?.event_name,
+        selected_ticket: {
+          price_id: res?.price_id,
+          currency: res?.currency,
+          tax: res?.tax,
+          fee: res?.fee,
+          fee_percent: res?.fee_percent,
+          term: res?.term,
+          has_addition: res?.has_addition,
+          list: {
+            ondate: res?.ondate,
+            price: res?.price,
+            price_id: res?.price_id,
+            currency: res?.currency,
+          }
+        },
+        qty: result?.qty
+      }
+      let fee_platform = {
+        fee_platform_amount: res?.fee_platform?.fee_platform_amount,
+        fee_platform_type: res?.fee_platform?.fee_platform_type
+      }
+      let show_fee_percentage = res?.show_fee_percentage
+      let tax = res?.tax
+      let order_type = EventConfigProperty.state().get()?.order_type?.ticket
+      let addons_id = id
+      let booking_id_ref = result?.id
+      LibNavigation.navigate('payment/ticket', {
+        order_type: order_type,
+        tax: tax,
+        fee_platform: fee_platform,
+        dataBookingEvent: dataBookingEvent,
+        show_fee_percentage,
+        addons_id,
+        booking_id_ref
+      })
+    }, (err: any) => {
+      LibProgress.hide()
+      esp.log({ err });
+    }, 1)
+  }
+
   if (result == undefined && !coupons) {
     return (
       <View style={{ flex: 1, backgroundColor: '#f6f6f6' }}>
@@ -498,6 +535,36 @@ export default function m(props: EventOrder_detailProps): any {
           }} />
         </UseCondition>
 
+
+        {/* tombol add on */}
+
+        {
+          result?.addons?.length > 0 && result?.addons?.map((item: any, i: number) => {
+            return (
+              <TouchableOpacity key={i} onPress={() => {
+                loadDataAddons(item?.addons_id, item?.url)
+              }}>
+                <LibGradient
+                  colors={["#F2789F", "#F9C5D5", "#F9C5D5", "#F2789F",]}
+                  direction='top-to-bottom'
+                  style={{ margin: 15, flexDirection: 'row', backgroundColor: '#F2789F', marginBottom: 0, borderWidth: 1, borderColor: 'red', borderRadius: 7, overflow: 'hidden' }}
+                >
+                  <View style={{ padding: 10, paddingHorizontal: 15, borderTopLeftRadius: 7, borderBottomLeftRadius: 7 }}>
+                    <LibIcon name='plus-circle' size={40} color='#fff' style={{ opacity: 1 }} />
+                  </View>
+                  <View style={{ flex: 1, backgroundColor: '#fff', borderTopRightRadius: 7, borderBottomRightRadius: 7, borderTopLeftRadius: 50, borderBottomLeftRadius: 50, alignContent: 'center', justifyContent: 'center', paddingLeft: 30 }}>
+                    <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: 'bold' }}>{item.title}</Text>
+                    {
+                      item.hasOwnProperty('subtitle') && item?.subtitle != "" &&
+                      <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ fontSize: 12, fontWeight: 'normal' }}>{item?.subtitle}</Text>
+                    }
+                  </View>
+                </LibGradient>
+              </TouchableOpacity>
+            )
+          })
+        }
+
         {
           // jika mau edit view dibawah ini, tekan ctrl + f terus paste prefik dibawah ini
           // view_reviewed

package/event/order_detail_upgrade.tsx

@@ -139,10 +139,18 @@ export default function m(props: EventOrder_detail_upgradeProps): any {
         <EventButton label={esp.lang("event/order_detail_upgrade", "btn_next")} onPress={() => {
           if (selectedTicket) {
             if (selectedTicket?.selected_ticket?.use_seat == 1 && selectedTicket?.selected_ticket?.seat_autopick == 0) {
-              LibNavigation.navigateForResult('event/seat_map', {
+              LibNavigation.navigateForResult(esp.isDebug("") ? 'event/seat_map_new' : 'event/seat_map', {
                 url: 'event_seat',
                 dataTicket: selectedTicket
               }).then((value) => {
+                let seatData: any = {}
+                if (esp.isDebug("")) {
+                  seatData.seat_label = value?.seat_label
+                } else {
+                  seatData.row_id = value?.row_id
+                  seatData.column_id = value?.column_id
+                  seatData.seat_name = value?.seat_name
+                }
                 LibNavigation.navigate('event/order_detail_upgrade_payment', {
                   dataTicket: {
                     url_payment: result?.url_payment,
@@ -157,9 +165,7 @@ export default function m(props: EventOrder_detail_upgradeProps): any {
                   },
                   selectedTicket: {
                     ...selectedTicket,
-                    row_id: value?.row_id,
-                    column_id: value?.column_id,
-                    seat_name: value?.seat_name,
+                    ...seatData
                   },
                   fee_platform: {
                     fee_platform_amount: selectedTicket?.selected_ticket?.fee_platform_amount,

package/event/order_detail_upgrade_payment.tsx

@@ -148,8 +148,8 @@ export default function m(props: EventOrder_detail_upgrade_paymentProps): any {
           }
         }
       }}>
-        {/* detail */}
 
+        {/* detail */}
         <View style={{ backgroundColor: 'white' }}>
           <BigbangPayment_detail
             ondate={dataTicket?.ondate}

package/event/order_detail_visitor.tsx

@@ -32,7 +32,6 @@ export default function m(props: EventOrder_detail_visitorProps): any {
 
   function loadData() {
     new LibCurl(url, null, (res, msg) => {
-      esp.log({ res });
       setResult(res)
     }, (err) => {
       setError(err)
@@ -106,11 +105,6 @@ export default function m(props: EventOrder_detail_visitorProps): any {
     return finalResult
   }
 
-  let filterBuyerVisitor = result?.tickets?.reduce((r: any, a: any) => {
-    r[a.email] = [...r[a.email] || [], a];
-    return r;
-  }, {});
-
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
       <EventHeader title={esp.lang("event/order_detail_visitor", "header")} />
@@ -123,44 +117,30 @@ export default function m(props: EventOrder_detail_visitorProps): any {
             <ScrollView>
               <View style={{ margin: 15, borderRadius: 10, backgroundColor: '#fff', padding: 10 }}>
                 {
-                  Object.values(filterBuyerVisitor)?.map((item: any, i: number) => {
+                  result?.tickets?.map((item: any, i: number) => {
                     return (
                       <View key={i} style={{ marginLeft: 14, marginBottom: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
                         <View style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
                           <Text allowFontScaling={false} style={{ marginRight: 6, fontFamily: "Arial", fontSize: 30, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{i + 1}.</Text>
                           <View style={{ flex: 1 }} >
                             <Text allowFontScaling={false} style={{ fontFamily: "Arial", marginTop: 10, fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3" }}>{esp.lang("event/order_detail", "buyer_name")}</Text>
-                            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }} ellipsizeMode='tail'>{item[0].name}</Text>
+                            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }} ellipsizeMode='tail'>{item?.name}</Text>
                             <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3", marginTop: 10 }}>{esp.lang("event/order_detail", "phone_number")}</Text>
-                            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }}>{item[0].phone.trim()}</Text>
+                            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }}>{item?.phone == "" ? "-" : item?.phone.trim()}</Text>
                           </View>
                         </View>
-                        <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-                          <Text allowFontScaling={false} style={{ marginLeft: 6, fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{item.length}</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 style={{ alignContent: 'center', alignItems: 'center' }}>
+                          {
+                            item.hasOwnProperty('seat_name') && item?.seat_name != "" &&
+                            <View style={{ paddingVertical: 5, paddingHorizontal: 7, borderWidth: 1, borderColor: '#000', backgroundColor: '#fff', borderRadius: 5, marginRight: 7 }}>
+                              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 20, color: '#000' }}>{item.seat_name}</Text>
+                            </View>
+                          }
                         </View>
                       </View>
                     )
                   })
                 }
-
-                {
-                  result?.flag?.use_seat == 1 &&
-                  <>
-                    <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail", "seat_number")}</Text>
-                    <View style={{ flexDirection: 'row', flexWrap: 'wrap', marginLeft: -10, padding: 10 }}>
-                      {
-                        result?.tickets?.map((item: any, i: number) => {
-                          return (
-                            <View key={i} style={{ paddingVertical: 5, paddingHorizontal: 7, borderWidth: 1, borderColor: '#000', backgroundColor: '#fff', borderRadius: 5, marginRight: 7 }}>
-                              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 20, color: '#000' }}>{item.seat_name}</Text>
-                            </View>
-                          )
-                        })
-                      }
-                    </View>
-                  </>
-                }
               </View>
 
               {

package/event/order_detail_waiting.tsx

@@ -53,9 +53,9 @@ export default function m(props: EventOrder_waitingProps): any {
   useEffect(() => {
     loadData()
     stateData.reset()
-    LibAutoreload.set(() => {
-      loadData()
-    }, 6000)
+    // LibAutoreload.set(() => {
+    //   loadData()
+    // }, 6000)
     return () => LibAutoreload.clear()
   }, [])
 
@@ -148,16 +148,29 @@ export default function m(props: EventOrder_waitingProps): any {
       send_image: result?.image,
     }, 123).then((value) => {
 
-      let module = ['event/order', 'payment/cc_web']
+      // let module = ['event/order', 'payment/cc_web']
 
       LibNavigation.backToRoot()
-      module?.map((item: any) => LibNavigation.push(item,
-        {
-          ...value,
-          url: value.url,
-          title: esp.lang("bigbang/loading_page", "success")
+      LibNavigation.navigateForResult('payment/cc_web', {
+        ...value,
+        statusSuccess: [1]
+      }).then((res) => {
+        LibNavigation.backToRoot()
+        LibNavigation.push('user/profile')
+        if (res?.hasOwnProperty('params_error') || res?.hasOwnProperty('failed')) {
+          LibNavigation.push('event/order_waiting')
+          LibNavigation.push('event/order_detail_waiting', { url: res?.url })
+        } else {
+          LibNavigation.push('event/order')
         }
-      ))
+      })
+      // module?.map((item: any) => LibNavigation.push(item,
+      //   {
+      //     ...value,
+      //     url: value.url,
+      //     title: esp.lang("bigbang/loading_page", "success")
+      //   }
+      // ))
     })
 
     // cancel booking ini

package/event/order_share_to.tsx

@@ -178,7 +178,7 @@ export default function m(props: EventOrder_share_toProps): any {
                   selected_ticket: {
                     list: {
                       price_id: result?.price_id,
-                      on_date: result?.ondate,
+                      ondate: result?.ondate,
                     }
                   }
                 }

package/event/seat.tsx

@@ -130,7 +130,6 @@ export default function m(props: EventSeatProps): any {
     })
   }
 
-
   function loadDataSize() {
     let post = {
       event_id: dataTicket?.event_id,