esoftplay-event 0.0.1-g → 0.0.1-i

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/artistv2.tsx

@@ -1,13 +1,11 @@
 // withHooks
 
-import { applyStyle } from 'esoftplay';
 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';
@@ -19,6 +17,7 @@ import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 import React, { useEffect } from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
 
 
 moment().locale('id')
@@ -41,7 +40,7 @@ export default function m(props: EventArtistv2Props): any {
     /* get detail event untuk dapat config antrian */
 
     // new LibCurl(url, null,
-      new LibCurl('v2/event_artist&event_id=411', 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) => {
@@ -77,69 +76,196 @@ export default function m(props: EventArtistv2Props): any {
     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) {
+  function renderIt(item: any, i: number) {
     const styleId_Z2g4Hs7: any = { backgroundColor: '#FFC523', width: itemWidth, height: itemHeight, margin: 0.5, justifyContent: 'center', alignItems: 'center' }
-    let isNotAvailable = item?.price_list?.every((v: any) => v.status == 0)
+    return (
+      <LibCarrousel
+        delay={4000}
+        style={{ height: sliderHeight, width: width }}
+        autoplay
+      >
+        {
+          item?.images?.map((item1: any, ii: number) => {
+            return (
+              <TouchableOpacity 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={{ height: sliderHeight, width: width }} >
+                <LibPicture source={{ uri: item1 }} style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} />
+              </TouchableOpacity>
+            )
+          })
+        }
+      </LibCarrousel>
+    )
+    return (
+      <TouchableOpacity 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"))
+          }
+        })
+      }} >
+        <LibCarrousel
+          delay={4000}
+          style={{ height: sliderHeight, width: width }}
+          autoplay
+        >
+          {
+            item?.images?.map((item1: any, ii: number) => {
+              return (
+                <LibPicture key={ii} source={{ uri: item1 }} style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} />
+              )
+            })
+          }
+        </LibCarrousel>
+        {/* <View style={styleId_Z2g4Hs7}>
 
+        </View> */}
+      </TouchableOpacity>
+    )
 
-    return (
-      <TouchableOpacity key={index} onPress={() => {
-        if (isNotAvailable) {
-          LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
-        } else {
-          EventIndexProperty.isLogin(() => {
-            let newItem = {
-              has_addition: has_addition,
-              ...item,
+  }
+
+  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"))
             }
-            if (item.book_available == 1) {
+          })
+        }} >
+          <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)) {
-                LibNavigation.navigateForResult('event/queue_pricing', { event_id: item?.event_id, autoPass: false }).then((v) => {
-                  EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
-                  if (item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1) {
-                    LibNavigation.navigate('event/artist_detail_multi', {
-                      data: newItem,
-                      subscribed: subs
-                    })
-                  } else {
-                    LibNavigation.navigate('event/artist_detail', {
-                      data: newItem,
-                      subscribed: subs
-                    })
-                  }
-                })
-              } else {
-                if (item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1) {
-                  LibNavigation.navigate('event/artist_detail_multi', {
-                    data: newItem,
-                    subscribed: subs
-                  })
-                } else {
-                  LibNavigation.navigate('event/artist_detail', {
-                    data: newItem,
-                    subscribed: subs
-                  })
-                }
+                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 {
-              LibToastProperty.show(esp.lang("event/artist_detail", "book_available", moment(item?.start_booking).serverFormat("DD MMMM YYYY HH:mm:ss")))
+              esp.log("6");
+              LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
             }
           })
-        }
-      }} >
-        {
-          item && item.image != "" ?
-            <LibPicture style={applyStyle({ opacity: isNotAvailable ? 0.3 : 1, backgroundColor: '#f2f3f4', width: itemWidth, height: itemHeight, margin: 0.5 })} source={{ uri: item.image }} />
-            :
-            <View style={styleId_Z2g4Hs7}>
-              <Text numberOfLines={2} style={styleId_2cYE4h}>{item.title}</Text>
-            </View>
-        }
-      </TouchableOpacity >
-    )
+        }} 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 !== ""}
@@ -148,16 +274,21 @@ export default function m(props: EventArtistv2Props): any {
         }} />
       {
         !result && !error ? <LibLoading /> :
-          <LibList
-            data={result}
-            keyExtractor={(item) => item.id}
-            onRefresh={loadData}
-            staticHeight={itemHeight + 1}
-            renderItem={renderItem}
-            ListEmptyComponent={
-              <EventMessage message={error} />
+          <ScrollView>
+            {
+              result?.map(renderIt)
             }
-          />
+          </ScrollView>
+        // <LibList
+        //   data={result}
+        //   // keyExtractor={(item) => item.id}
+        //   onRefresh={loadData}
+        //   staticHeight={itemHeight + 1}
+        //   renderItem={renderIt}
+        //   ListEmptyComponent={
+        //     <EventMessage message={error} />
+        //   }
+        // />
       }
     </View>
   )

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('info') && item?.info != "" &&
+                      <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ fontSize: 12, fontWeight: 'normal' }}>{item?.info}</Text>
+                    }
+                  </View>
+                </LibGradient>
+              </TouchableOpacity>
+            )
+          })
+        }
+
         {
           // jika mau edit view dibawah ini, tekan ctrl + f terus paste prefik dibawah ini
           // view_reviewed

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_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,

package/event/secure_page.debug.tsx

@@ -0,0 +1,34 @@
+// // useLibs
+
+// import { UserClass } from 'esoftplay/cache/user/class/import';
+// import { useEffect } from 'react';
+// import { CaptureProtection } from 'react-native-capture-protection';
+
+
+// export interface EventSecure_pageProps {
+
+// }
+// export default function m(): any {
+//   const can_screencapture = UserClass.state().get('config', 'can_screencapture')
+//   // const focus = useIsFocused()
+
+//   useEffect(() => {
+//     let subs: any
+//     if (!__DEV__)
+//       if (can_screencapture != 1) {
+//         CaptureProtection.prevent();
+//         // subs = RNPrevent?.addListener?.(() => { })
+//       }
+//     return () => {
+//       if (!__DEV__)
+//         if (can_screencapture != 1) {
+//           setTimeout(() => {
+//             CaptureProtection.allow();
+//           }, 500);
+//           // subs?.remove?.()
+//         }
+//     }
+//   }, [])
+
+//   return null
+// }

package/event/secure_page.live.tsx

@@ -0,0 +1,35 @@
+// // useLibs
+
+// import { UserClass } from 'esoftplay/cache/user/class/import';
+// import { useEffect } from 'react';
+// import RNPrevent from "react-native-screenshot-prevent";
+
+// export interface EventSecure_pageProps {
+
+// }
+// export default function m(): any {
+//   const can_screencapture = UserClass.state().get('config', 'can_screencapture')
+//   // const focus = useIsFocused()
+
+//   useEffect(() => {
+//     let subs: any
+//     if (!__DEV__)
+//       if (can_screencapture != 1) {
+//         RNPrevent?.enabled?.(true)
+//         RNPrevent?.enableSecureView?.()
+//         // subs = RNPrevent?.addListener?.(() => { })
+//       }
+//     return () => {
+//       if (!__DEV__)
+//         if (can_screencapture != 1) {
+//           setTimeout(() => {
+//             RNPrevent?.disableSecureView?.()
+//             RNPrevent?.enabled?.(false)
+//           }, 500)
+//           // subs?.remove?.()
+//         }
+//     }
+//   }, [])
+
+//   return null
+// }

package/event/secure_page.tsx

@@ -2,7 +2,8 @@
 
 import { UserClass } from 'esoftplay/cache/user/class/import';
 import { useEffect } from 'react';
-import RNPrevent from "react-native-screenshot-prevent";
+import { CaptureProtection } from 'react-native-capture-protection';
+
 
 export interface EventSecure_pageProps {
 
@@ -15,17 +16,15 @@ export default function m(): any {
     let subs: any
     if (!__DEV__)
       if (can_screencapture != 1) {
-        RNPrevent?.enabled?.(true)
-        RNPrevent?.enableSecureView?.()
+        CaptureProtection.prevent();
         // subs = RNPrevent?.addListener?.(() => { })
       }
     return () => {
       if (!__DEV__)
         if (can_screencapture != 1) {
           setTimeout(() => {
-            RNPrevent?.disableSecureView?.()
-            RNPrevent?.enabled?.(false)
-          }, 500)
+            CaptureProtection.allow();
+          }, 500);
           // subs?.remove?.()
         }
     }