esoftplay-event 0.0.2-v → 0.0.2-x

package/event/point_redemption.tsx

@@ -0,0 +1,101 @@
+// withHooks
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { useEffect } from 'react';
+
+import React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+
+
+export interface EventPoint_redemptionArgs {
+
+}
+export interface EventPoint_redemptionProps {
+
+}
+export default function m(props: EventPoint_redemptionProps): any {
+  const opacity = useSharedValue(1)
+
+  useEffect(() => {
+    opacity.value = withRepeat(
+      withTiming(0.7, {
+        duration: 1000,
+      }),
+      -1, // infinite
+      true // reverse
+    )
+  }, [])
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+  }))
+
+  let mainColor = /* exchange */"#059669" /* redem #002045 */
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title='Point Redemption' subtitle='NAMA EVENT NIH' />
+      <ScrollView>
+        <TouchableOpacity onPress={() => {
+          LibNavigation.navigateForResult('component/scanner').then((value) => {
+            LibNavigation.navigate('event/point_redemption_input', { qr: value })
+          })
+        }} style={{ margin: 10, backgroundColor: '#fff', borderRadius: 10, overflow: 'hidden', ...LibStyle.elevation(2) }}>
+          <View style={{ backgroundColor: '#002045', padding: 30 }}>
+            <Animated.View style={[
+              {
+                width: 50,
+                height: 50,
+                borderRadius: 25,
+                backgroundColor: '#4A607A',
+                justifyContent: 'center', alignContent: 'center', alignItems: 'center', alignSelf: 'center'
+              },
+              animatedStyle,
+            ]}>
+              <LibIcon name='qrcode-scan' color='#fff' size={30} />
+            </Animated.View>
+          </View>
+          <View style={{ padding: 10 }}>
+            <View style={{ flexDirection: 'row' }}>
+              <View style={{ flex: 1, marginRight: 10 }}>
+                <Text allowFontScaling={false} style={{ fontSize: 17, fontWeight: 'bold' }}>Penukaran Point</Text>
+                <Text allowFontScaling={false} style={{}}>Pindai QR member untuk menambahkan poin dari struk belanja{/*  atau memproses penukaran poin. */}</Text>
+              </View>
+              <View>
+                <View style={{ padding: 5, borderRadius: 5, backgroundColor: '#FFEFD7' }}>
+                  <LibIcon name='shield-key-outline' />
+                </View>
+              </View>
+            </View>
+          </View>
+          <EventButton style={{ margin: 10 }} label='Scan QR Member' backgroundColor='#001B3C' onPress={() => {
+            LibNavigation.navigateForResult('component/scanner').then((value) => {
+              // LibNavigation.navigate('event/point_redemption_input', { qr: value })
+              LibNavigation.navigate('event/point_redemption_exchange', { qr: value })
+            })
+          }} />
+        </TouchableOpacity>
+
+        <Text allowFontScaling={false} style={{ margin: 10, marginBottom: 0, letterSpacing: 1.5, fontWeight: 'bold' }}>RIWAYAT PENUKARAN</Text>
+
+        <View style={{ margin: 10, marginBottom: 0, borderWidth: 1, borderColor: '#C5C7C8', borderRadius: 10, padding: 10, flexDirection: 'row' }}>
+          <View>
+            <View style={{ padding: 5, borderRadius: 5, backgroundColor: '#B2C8E6' }}>
+              <LibIcon name={'file-document'} color='#fff' />
+            </View>
+          </View>
+          <View style={{ flex: 1, marginLeft: 10, alignContent: 'center', justifyContent: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontSize: 16 }}>{"Redeem struk belanja"}</Text>
+          </View>
+          <View style={{ alignContent: 'center', justifyContent: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontSize: 22, fontWeight: 'bold', color: LibStyle.colorGreen }}>{"+ 400"}</Text>
+          </View>
+        </View>
+
+      </ScrollView>
+    </View>
+  )
+}

package/event/point_redemption_exchange.tsx

@@ -0,0 +1,60 @@
+// withHooks
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibFont } from 'esoftplay/cache/lib/font/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+
+import React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventPoint_redemption_exchangeArgs {
+
+}
+export interface EventPoint_redemption_exchangeProps {
+
+}
+export default function m(props: EventPoint_redemption_exchangeProps): any {
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader />
+      <ScrollView>
+
+        <View style={{ margin: 15, marginBottom: 0, padding: 10, borderRadius: 10, backgroundColor: '#059669', overflow: 'hidden' }}>
+          <View style={{ opacity: 0.3, height: 100, width: 150, top: -40, right: -40, position: 'absolute', }}>
+            <LibIcon name='shield-check' size={150} color='#fff' />
+          </View>
+          <View style={{ marginBottom: 20, flexDirection: 'row' }}>
+            <LibPicture source={{ uri: 'https://0.soompi.io/wp-content/uploads/2025/11/17232014/karina-chanel-beauty-2.jpg' }} style={{ height: 50, width: 50, borderRadius: 30 }} />
+            <View style={{ marginLeft: 10, alignContent: 'center', justifyContent: 'center', }}>
+              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 16, color: '#fff' }}>{"KATARINABLUEEE"}</Text>
+              <Text allowFontScaling={false} style={{ letterSpacing: 1, color: '#fff' }}>{"katarinabluee@gmail.com"}</Text>
+            </View>
+          </View>
+          <Text allowFontScaling={false} style={{ color: '#fff', fontFamily: LibFont('SFProText'), letterSpacing: 1, fontSize: 12 }}>{"POINT TERSEDIA"}</Text>
+          <Text allowFontScaling={false} style={{ color: '#fff', marginTop: 5, fontFamily: LibFont('DecoNumbers'), fontSize: 36, letterSpacing: 1.5 }}>{"1000"}<Text style={{ fontSize: 14, fontWeight: 'normal' }}>{" POINT"}</Text> </Text>
+        </View>
+
+        <Text allowFontScaling={false} style={{ margin: 15, marginBottom: 0, letterSpacing: 1.5, fontWeight: 'bold' }}>REWARD TERSEDIA</Text>
+
+        <TouchableOpacity style={{ margin: 15, marginBottom: 0, borderWidth: 1, borderColor: '#C5C7C8', backgroundColor: '#fff', borderRadius: 10, padding: 10, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+          <View>
+            <View style={{ padding: 5, borderRadius: 5, backgroundColor: '#4EDEA3' }}>
+              <LibIcon name={'medal'} color='#fff' />
+            </View>
+          </View>
+          <View style={{ flex: 1, marginLeft: 10, marginRight: 10, alignContent: 'center', justifyContent: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: LibFont('ArialBold'), fontSize: 16 }}>{"Redeem struk belanja untuk tas bigbang besar warna kuning"}</Text>
+            <Text allowFontScaling={false} style={{ marginTop: 5, fontSize: 20, fontFamily: LibFont('DecoNumbers'), color: LibStyle.colorGreen }}>{"400 Point"}</Text>
+          </View>
+          <LibIcon name='checkbox-blank-circle-outline' color='#059669' />
+        </TouchableOpacity>
+
+      </ScrollView>
+      <EventButton style={{ margin: 10 }} backgroundColor={"#059669"} label='TUKARKAN' onPress={() => { }} />
+
+    </View>
+  )
+}

package/event/point_redemption_input.tsx

@@ -0,0 +1,56 @@
+// withHooks
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibFont } from 'esoftplay/cache/lib/font/import';
+import { LibInput } from 'esoftplay/cache/lib/input/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/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 React from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface EventPoint_redemption_inputArgs {
+
+}
+export interface EventPoint_redemption_inputProps {
+
+}
+export default function m(props: EventPoint_redemption_inputProps): any {
+  const { qr } = LibNavigation.getArgsAll(props)
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title='Input Kupon Member' />
+      <LibKeyboard_avoid>
+        <ScrollView>
+          <View style={{ margin: 15, marginBottom: 0, backgroundColor: '#fff', padding: 10, borderWidth: 1, borderRadius: 10, borderColor: '#7992BD', flexDirection: 'row' }}>
+            <LibPicture source={{ uri: 'https://0.soompi.io/wp-content/uploads/2025/11/17232014/karina-chanel-beauty-2.jpg' }} style={{ height: 50, width: 50, borderRadius: 30 }} />
+            <View style={{ marginLeft: 10, alignContent: 'center', justifyContent: 'center', }}>
+              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 16, color: '#002045' }}>{"KATARINABLUEEE"}</Text>
+              <Text allowFontScaling={false} style={{ letterSpacing: 1 }}>{"katarinabluee@gmail.com"}</Text>
+            </View>
+          </View>
+
+          <View style={{ margin: 15, backgroundColor: '#002045', padding: 10, borderRadius: 10 }}>
+            <Text allowFontScaling={false} style={{ color: '#fff', letterSpacing: 1 }}>{"Point saat ini"}</Text>
+            <Text allowFontScaling={false} style={{ color: '#fff', fontFamily: LibFont('DecoNumbers'), fontSize: 40, marginTop: 5, letterSpacing: 1.5 }}>{"1000"}</Text>
+          </View>
+
+          <Text allowFontScaling={false} style={{ alignSelf: 'center', fontWeight: 'bold', marginTop: 15, fontSize: 16, color: '#002045' }}>{"MASUKKAN TOTAL HARGA STRUK"}</Text>
+          <View style={{ flex: 1, width: LibStyle.width / 2, alignSelf: 'center' }}>
+            <LibInput
+              style={{ textAlign: 'center', fontSize: 30, marginTop: -10 }}
+              keyboardType='phone-pad'
+            />
+          </View>
+        </ScrollView>
+        <EventButton style={{ margin: 15 }} label='Lanjutkan Penukaran' backgroundColor='#002045' onPress={() => {
+          LibNavigation.navigate('event/point_redemption_success')
+        }} />
+      </LibKeyboard_avoid>
+    </View>
+  )
+}

package/event/point_redemption_success.tsx

@@ -0,0 +1,50 @@
+// withHooks
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibFont } from 'esoftplay/cache/lib/font/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+
+import React from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface EventPoint_redemption_successArgs {
+
+}
+export interface EventPoint_redemption_successProps {
+
+}
+export default function m(props: EventPoint_redemption_successProps): any {
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader />
+      <ScrollView>
+        <View style={{ padding: 10, marginTop: 30, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+          <View style={{ height: 100, width: 100, alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderRadius: 50, backgroundColor: '#002045' }}>
+            <LibIcon name='check-circle' color='#fff' size={50} />
+          </View>
+          <Text allowFontScaling={false} style={{ marginTop: 20, fontSize: 20, fontFamily: LibFont('ArialBold') }}>Point berhasil ditambahkan</Text>
+          <Text allowFontScaling={false} style={{ fontFamily: LibFont('SFProText'), marginTop: 3 }}>Transaksi telah berhasil diproses.</Text>
+        </View>
+
+        <View style={{ margin: 15, padding: 10, backgroundColor: '#fff', borderRadius: 10 }}>
+          <View style={{ paddingBottom: 10, flexDirection: 'row', borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
+            <LibPicture source={{ uri: 'https://0.soompi.io/wp-content/uploads/2025/11/17232014/karina-chanel-beauty-2.jpg' }} style={{ height: 50, width: 50, borderRadius: 30 }} />
+            <View style={{ marginLeft: 10, alignContent: 'center', justifyContent: 'center', }}>
+              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 16, color: '#002045' }}>{"KATARINABLUEEE"}</Text>
+              <Text allowFontScaling={false} style={{ letterSpacing: 1 }}>{"katarinabluee@gmail.com"}</Text>
+            </View>
+          </View>
+          <View style={{ marginTop: 15, borderRadius: 10, padding: 10, backgroundColor: '#AEC7F5' }}>
+            <Text allowFontScaling={false} style={{ color: '#000', letterSpacing: 1, fontFamily: LibFont('SFProText') }}>{"Point diperoleh"}</Text>
+            <Text allowFontScaling={false} style={{ color: '#002045', marginTop: 5, fontFamily: LibFont('DecoNumbers'), fontSize: 40, letterSpacing: 1.5 }}>{"+1000"}<Text style={{ fontSize: 14 }}> point</Text></Text>
+          </View>
+        </View>
+
+      </ScrollView>
+      <EventButton style={{ margin: 10 }} backgroundColor={"#002045"} label='Kembali' onPress={() => { }} />
+    </View>
+  )
+}

package/event/point_summary.tsx

@@ -0,0 +1,48 @@
+// withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibFont } from 'esoftplay/cache/lib/font/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+
+import React from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface EventPoint_summaryArgs {
+
+}
+export interface EventPoint_summaryProps {
+
+}
+export default function m(props: EventPoint_summaryProps): any {
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title='Point Saya' />
+      <ScrollView>
+
+        <View style={{ margin: 15, marginBottom: 0, padding: 10, borderRadius: 10, backgroundColor: '#059669', height: 120, overflow: 'scroll' }}>
+          <View style={{ opacity: 0.3, height: 100, width: 150, top: -40, right: -40, position: 'absolute', }}>
+            <LibIcon name='star-circle' size={150} color='#fff' />
+          </View>
+          <Text allowFontScaling={false} style={{ color: '#fff', fontFamily: LibFont('SFProText'), letterSpacing: 1, fontSize: 12 }}>{"POINT SAAT INI"}</Text>
+          <Text allowFontScaling={false} style={{ color: '#fff', fontFamily: LibFont('SFProText'), fontWeight: 'bold', fontSize: 36, letterSpacing: 1.5 }}>{"1000"}<Text style={{ fontSize: 14, fontWeight: 'normal' }}>{" POINT"}</Text> </Text>
+        </View>
+
+        <View style={{ margin: 15, marginBottom: 0,backgroundColor:'#E1E3E4', borderWidth: 1, borderColor: '#C5C7C8', borderRadius: 10, padding: 10, flexDirection: 'row' }}>
+          <View>
+            <View style={{ padding: 5, borderRadius: 333, backgroundColor: '#059669' }}>
+              <LibIcon name={'piggy-bank-outline'} color='#fff' />
+            </View>
+          </View>
+          <View style={{ flex: 1, marginLeft: 10 }}>
+            <Text allowFontScaling={false} style={{ fontSize: 12, letterSpacing: 1.5, fontWeight: 'bold' }}>{"CARA DAPAT POINT"}</Text>
+            <Text allowFontScaling={false} style={{ fontSize: 12, letterSpacing: 1 }}>{"Dapatkan poin dengan melakukan pembelian di area event dan menukarka struk pembelian ke booth penukaran"}</Text>
+          </View>
+        </View>
+
+        <Text allowFontScaling={false} style={{ margin: 15, marginBottom: 0, letterSpacing: 1.5, fontWeight: 'bold' }}>RIWAYAT PENUKARAN</Text>
+
+      </ScrollView>
+    </View>
+  )
+}

package/event/schedule.tsx

@@ -21,7 +21,7 @@ export interface EventScheduleProps {
 
 }
 export default function m(props: EventScheduleProps): any {
-  const { schedule, dataBookingEvent, order_type, tax, is_multiprice } = LibNavigation.getArgsAll(props)
+  const { url, schedule, dataBookingEvent, order_type, tax, is_multiprice } = LibNavigation.getArgsAll(props)
   const [qty, setQty] = useSafeState<number>(dataBookingEvent?.qty || 1)
 
   function add(quota?: any, quota_used?: any): void {

package/event/schedule2.tsx

@@ -0,0 +1,86 @@
+// withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/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 { LibVideoProperty } from 'esoftplay/cache/lib/video/import';
+import { LibWebview } from 'esoftplay/cache/lib/webview/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 EventSchedule2Args {
+
+}
+export interface EventSchedule2Props {
+
+}
+function m(props: EventSchedule2Props): any {
+  const { url } = LibNavigation.getArgsAll(props)
+
+  const [result, setResult] = useSafeState()
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    new LibCurl(url, null, (res, msg) => {
+      setResult(res)
+    }, (err) => {
+      LibToastProperty.show(err?.message)
+    })
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  function renderArtist(item: any, i: number) {
+    return (
+      <View key={i} style={{ margin: 15 }}>
+        {
+          item?.image != "" &&
+          <LibPicture source={{ uri: item?.image }} style={{ height: LibStyle.width * 9 / 16, width: LibStyle.width, marginTop: -15, marginLeft: -15, resizeMode: 'cover' }} />
+        }
+        <Text allowFontScaling={false} style={{ marginTop: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, marginBottom: 7 }}>{item?.name || ""}</Text>
+        <View style={{ borderRadius: 10, overflow: 'hidden' }}>
+          {
+            item?.description != "" &&
+            <LibWebview source={{ html: item?.description }} onFinishLoad={() => { }} style={{ marginLeft: -20 }} />
+          }
+        </View>
+        {
+          item?.video != "" &&
+          <>
+            <Text allowFontScaling={false} style={{ marginLeft: 0, marginHorizontal: 20, marginTop: 10, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("event/schedule", "text_vide")}</Text>
+            <TouchableOpacity style={{ borderRadius: 10, overflow: 'hidden' }} onPress={() => LibNavigation.navigate('lib/video', { code: item?.video })} >
+              <LibPicture source={{ uri: LibVideoProperty.getUrlThumbnail(item?.video) }} style={{ height: LibStyle.width * 9 / 16, width: LibStyle.width - 30, marginLeft: 0, marginHorizontal: 20, resizeMode: 'cover' }} />
+            </TouchableOpacity>
+          </>
+        }
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader />
+
+      <ScrollView>
+        {
+          result?.length > 0 && result?.map?.(renderArtist)
+        }
+
+      </ScrollView>
+
+    </View>
+  )
+}

package/event/seat_map_new.tsx

@@ -43,7 +43,7 @@ export function clearHoldedSeats() {
 }
 
 export default function m(props: any): any {
-  const { dataTicket, url } = LibNavigation.getArgsAll<any>(props)
+  const { dataTicket } = LibNavigation.getArgsAll<any>(props)
   const qty = dataTicket?.qty
 
   const eventData = {
@@ -282,7 +282,7 @@ export default function m(props: any): any {
       price_id: dataTicket?.selected_ticket?.price_id,
       ondate: dataTicket?.ondate || dataTicket?.selected_ticket?.list?.ondate
     }, (res, msg) => {
-      // esp.log(res);
+
       setBoundingBox(res.metadata.bounding_box)
       let x = res.layout.split(';').map((item: any) => item.split(',')).map(([x, y, seatName, status]: any) => [Number(x), Number(y), seatName, Number(status)])
       let updated = updateIndexByRes(x, seatBooked)
@@ -306,6 +306,7 @@ export default function m(props: any): any {
     }, (res, msg) => {
       loadDataSeatmap(res)
       setErrBookedSeat(undefined)
+
     }, (err) => {
       setErrBookedSeat(err?.message)
     })
@@ -335,7 +336,7 @@ export default function m(props: any): any {
 
   return (
     <View key={scale} style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }} >
-      <EventHeader title={esp.lang("event/seat_map", "header_title")} />
+      <EventHeader title={esp.lang("event/seat_map", "header_title")} subtitle={dataTicket?.selected_ticket?.type} />
       <View style={{ flex: 1 }}>
         <View style={{ marginBottom: 5, }}>
           <ScrollView style={{ padding: 10, paddingLeft: 0, }} horizontal>
@@ -358,7 +359,6 @@ export default function m(props: any): any {
                   style={{
                     width: width * scale,
                     height: height * scale,
-                    padding: 10,
                     backgroundColor: LibStyle.colorBgGrey,
 
                   }}>

package/event/ticket_list2.tsx

@@ -139,7 +139,7 @@ export default function m(props: EventTicket_list2Props): any {
 
   const [unAvailableResult, setUnavailableResult] = useLazyState<any>()
   const [, setHasAdditionGlobal, getHasAdditionGlobal] = useLazyState<any>()
-  const [availableResult, setAvailableResult, getAvailableResult] = useSafeState<Result>()
+  const [availableResult, setAvailableResult, getAvailableResult] = useSafeState<any>()
   const [, setDataPostBooking, getDataPostBooking] = useLazyState<any>([])
   const [dataAddition, setDataAddition] = useSafeState<any>([])
   const [isPass, setIsPass] = useSafeState(true)
@@ -252,6 +252,7 @@ export default function m(props: EventTicket_list2Props): any {
     }
 
     const selectedPriceIds = getDataPostBooking().filter((x: any) => x.selected == 1).map((x: any) => x.price_id)
+
     curlPriceConfig(selectedPriceIds, (filteredFee) => {
       const editedDataTicket = getDataPostBooking().map((item: any) => {
         const priceId = item.price_id;
@@ -263,10 +264,20 @@ export default function m(props: EventTicket_list2Props): any {
         }
         return item;
       })
+
+      // esp.log({
+      //   order_type: EventConfigProperty?.state()?.get()?.order_type?.ticket,
+      //   dataEvent: dataEvent,
+      //   dataTicket: editedDataTicket.filter((x: any) => x.selected == 1),
+      //   subscribed: subscribed,
+      //   url_payment: urlPayment,
+      //   show_fee_percentage
+      // });
+
       LibNavigation.navigate('payment/ticket_multi', {
         order_type: EventConfigProperty?.state()?.get()?.order_type?.ticket,
         dataEvent: dataEvent,
-        dataTicket: editedDataTicket,
+        dataTicket: editedDataTicket?.filter((item: any) => item.selected == 1),
         subscribed: subscribed,
         url_payment: urlPayment,
         show_fee_percentage
@@ -304,7 +315,6 @@ export default function m(props: EventTicket_list2Props): any {
 
   function loadData() {
     new LibCurl(url, null, (res, msg) => {
-      esp.log(res, url);
       const availablePriceType = LibObject.update(res, (arr: any[]) => arr.filter((x) => x.status != 0))('price_type')
       const unAvailablePriceType = LibObject.update(res, (arr: any[]) => arr.filter((x) => x.status == 0))('price_type')
 

package/event/ticket_list_item.tsx

@@ -0,0 +1,61 @@
+// withHooks
+
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface EventTicket_list_itemArgs {
+
+}
+export interface EventTicket_list_itemProps {
+
+}
+export default function m(props: EventTicket_list_itemProps): any {
+  let priceList = [
+    {
+      "price_id": "2679",
+      "name": "Online Generate",
+      "price_date": "0",
+      "use_code": "0",
+      "price_type_info": "",
+      "status": "1",
+      "currency": "IDR",
+      "qty_min": "1",
+      "qty_max": "10",
+      "label": "",
+      "label_color": "#000000",
+      "list": [
+        {
+          "date_id": 0,
+          "ondate": "0000-00-00",
+          "price": "0.00",
+          "status": "1",
+          "quota_used": 0,
+          "show_price": 1,
+          "index_id": "2679-0000-00-00"
+        }
+      ],
+      "url_config": "https://api.test.bbo.co.id/v2/event_detail_price_config"
+    },
+    {
+      "price_id": "2680",
+      "name": "Online by date Generate",
+      "price_date": "1",
+      "use_code": "0",
+      "price_type_info": "",
+      "status": 0,
+      "currency": "IDR",
+      "qty_min": "1",
+      "qty_max": "10",
+      "label": "",
+      "label_color": "#000000",
+      "list": [],
+      "url_config": "https://api.test.bbo.co.id/v2/event_detail_price_config"
+    }
+  ]
+
+  return (
+    <View>
+    </View>
+  )
+}