esoftplay-event 0.0.2-w → 0.0.2-x

package/event/loading_page.tsx

@@ -1,7 +1,9 @@
 // withHooks
 
+import { ComponentDialog_custom } from 'esoftplay/cache/component/dialog_custom/import';
 import { EventDistribution_lock } from 'esoftplay/cache/event/distribution_lock/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventPayment_subscribeProperty } from 'esoftplay/cache/event/payment_subscribe/import';
 import { EventRandomseat } from 'esoftplay/cache/event/randomseat/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
@@ -80,6 +82,64 @@ export default function m(props: EventLoading_pageProps): any {
     return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
   }, [])
 
+  function handleError(error: any) {
+    LibProgress.hide()
+    LibNavigation.back()
+    loadingState.set(LibObject.unset(loadingState.get(), post.trx_id)())
+    const ticketNotAvailableCodes = ['EV034', 'EV036', 'EV038', 'EV039', 'EV040']
+    if (ticketNotAvailableCodes.includes(error.status_code)) {
+      LibNavigation.back()
+      // LibNavigation.navigate(post?.is_multi == 1 ? 'event/ticket_list2' : 'event/ticket_list')
+    }
+    if (error.status_code == 'EV033') {
+      LibDialog.custom(
+        <EventRandomseat
+          onPressOk={() => {
+            LibDialog.hide()
+            PaymentTicketProperty.stateRandomSeat.set("2")
+            EventPayment_subscribeProperty.reBooking.trigger()
+          }}
+          onPressNo={() => LibDialog.hide()}
+        />
+      )
+    } else if (error?.status_code == "EV045") {
+      EventDistribution_lock(() => {
+        EventPayment_subscribeProperty.reTryBooking.trigger(post)
+      })
+      // LibDialog.custom(
+      //   <ComponentDialog_custom
+      //     icon={"close-circle"}
+      //     color={LibStyle.colorRed}
+      //     msg={error?.message || esp.lang("bigbang/loading_page", "booking_not_complete")}
+      //     onPressOK={() => {
+      //       LibDialog.hide()
+      //       PaymentTicketProperty.reTryBooking.trigger(post)
+      //     }}
+      //     onPressCancel={() => { LibDialog.hide() }}
+      //   />
+      // )
+    } else if (error?.status_code == "PY0254") {
+      LibDialog.custom(
+        <ComponentDialog_custom
+          showCountdown
+          icon={"close-circle"}
+          color={LibStyle.colorRed}
+          msg={error?.message || esp.lang("bigbang/loading_page", "booking_not_complete")}
+          onPressOK={() => {
+            LibDialog.hide()
+            EventPayment_subscribeProperty.reTryBooking.trigger(post)
+          }}
+          onPressCancel={() => { LibDialog.hide() }}
+        />
+      )
+    } else {
+      if (error?.status_code != "GE043")
+        LibDialog.warningConfirm(esp.lang("event/loading_page", "oops"), error?.message, esp.lang("event/loading_page", "back"), () => {
+
+        }, "", () => { })
+    }
+  }
+
   function doAction() {
 
     if (isSecure && isSecure == 1) {
@@ -95,47 +155,7 @@ export default function m(props: EventLoading_pageProps): any {
         sendBackResult(dataSB)
 
       }, (error) => {
-        LibProgress.hide()
-        LibNavigation.back()
-        loadingState.set(LibObject.unset(loadingState.get(), post.trx_id)())
-        const ticketNotAvailableCodes = ['EV034', 'EV036', 'EV038', 'EV039', 'EV040']
-        if (ticketNotAvailableCodes.includes(error.status_code)) {
-          LibNavigation.back()
-          // LibNavigation.navigate(post?.is_multi == 1 ? 'event/ticket_list2' : 'event/ticket_list')
-        }
-        if (error.status_code == 'EV033') {
-          LibDialog.custom(
-            <EventRandomseat
-              onPressOk={() => {
-                LibDialog.hide()
-                PaymentTicketProperty.stateRandomSeat.set("2")
-                PaymentTicketProperty.reBooking.trigger()
-              }}
-              onPressNo={() => LibDialog.hide()}
-            />
-          )
-        } else if (error?.status_code == "EV045") {
-          EventDistribution_lock(() => {
-            PaymentTicketProperty.reTryBooking.trigger(post)
-          })
-          // LibDialog.custom(
-          //   <ComponentDialog_custom
-          //     icon={"close-circle"}
-          //     color={LibStyle.colorRed}
-          //     msg={error?.message || esp.lang("bigbang/loading_page", "booking_not_complete")}
-          //     onPressOK={() => {
-          //       LibDialog.hide()
-          //       PaymentTicketProperty.reTryBooking.trigger(post)
-          //     }}
-          //     onPressCancel={() => { LibDialog.hide() }}
-          //   />
-          // )
-        } else {
-          if (error?.status_code != "GE043")
-            LibDialog.warningConfirm(esp.lang("event/loading_page", "oops"), error?.message, esp.lang("event/loading_page", "back"), () => {
-
-            }, "", () => { })
-        }
+        handleError(error)
       }, 1)
     } else {
       new LibCurl(url, post ? post : null, (result, msg) => {
@@ -149,47 +169,7 @@ export default function m(props: EventLoading_pageProps): any {
 
         sendBackResult(dataSB)
       }, (error) => {
-        LibProgress.hide()
-        LibNavigation.back()
-        loadingState.set(LibObject.unset(loadingState.get(), post.trx_id)())
-        const ticketNotAvailableCodes = ['EV034', 'EV036', 'EV038', 'EV039', 'EV040']
-        if (ticketNotAvailableCodes.includes(error.status_code)) {
-          LibNavigation.back()
-          // LibNavigation.navigate(post?.is_multi == 1 ? 'event/ticket_list2' : 'event/ticket_list')
-        }
-        if (error.status_code == 'EV033') {
-          LibDialog.custom(
-            <EventRandomseat
-              onPressOk={() => {
-                LibDialog.hide()
-                PaymentTicketProperty.stateRandomSeat.set("2")
-                PaymentTicketProperty.reBooking.trigger()
-              }}
-              onPressNo={() => LibDialog.hide()}
-            />
-          )
-        } else if (error?.status_code == "EV045") {
-          EventDistribution_lock(() => {
-            PaymentTicketProperty.reTryBooking.trigger(post)
-          })
-          // LibDialog.custom(
-          //   <ComponentDialog_custom
-          //     icon={"close-circle"}
-          //     color={LibStyle.colorRed}
-          //     msg={error?.message || esp.lang("bigbang/loading_page", "booking_not_complete")}
-          //     onPressOK={() => {
-          //       LibDialog.hide()
-          //       PaymentTicketProperty.reTryBooking.trigger(post)
-          //     }}
-          //     onPressCancel={() => { LibDialog.hide() }}
-          //   />
-          // )
-        } else {
-          if (error?.status_code != "GE043")
-            LibDialog.warningConfirm(esp.lang("event/loading_page", "oops"), error?.message, esp.lang("event/loading_page", "back"), () => {
-
-            }, "", () => { })
-        }
+        handleError(error)
       }, 1)
     }
   }

package/event/order_detail.tsx

@@ -36,6 +36,7 @@ import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
 import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 import useGlobalSubscriber, { useGlobalSubscriberReturn } from 'esoftplay/subscribe';
@@ -54,6 +55,8 @@ export function subscribe(): useGlobalSubscriberReturn {
   return subs
 }
 
+const bookedAddons = useGlobalState<any>(undefined, { persistKey: 'event_detail_addons_booked', isUserData: true, inFile: true, loadOnInit: true })
+
 export default function m(props: EventOrder_detailProps): any {
   const LibCurl = esp.mod("lib/curl")
 
@@ -68,7 +71,6 @@ export default function m(props: EventOrder_detailProps): any {
 
   const [, setGroupAddon, getGroupAddon] = useSafeState()
   const [, setSelectedAddon, getSelectedAddon] = useSafeState()
-  const [addonsBooked, setAddOnsBooked] = useSafeState()
   const [errorAddonsBooked, setErrorddOnsBooked] = useSafeState()
 
   const dataOfflineReview = EventReview_addProperty.state().get()
@@ -157,10 +159,10 @@ export default function m(props: EventOrder_detailProps): any {
 
   function loadDataAddonsBooked(url: string) {
     new LibCurl(url, null, (ress: any) => {
-      setAddOnsBooked(ress)
+      bookedAddons?.set(ress)
       setErrorddOnsBooked(undefined)
     }, (error: any) => {
-      setAddOnsBooked(undefined)
+      bookedAddons?.set(undefined)
       setErrorddOnsBooked(error)
     })
 
@@ -430,7 +432,7 @@ export default function m(props: EventOrder_detailProps): any {
             </View>
             {
               result?.hasOwnProperty('url_addons_booked') && result?.url_addons_booked != "" &&
-              <EventOrder_detail_addons_booked addonsBooked={addonsBooked} errorAddonsBooked={errorAddonsBooked} onPress={loadData} />
+              <EventOrder_detail_addons_booked addonsBooked={bookedAddons?.get()} errorAddonsBooked={errorAddonsBooked} onPress={loadData} />
             }
           </View>
 

package/event/payment_subscribe.tsx

@@ -0,0 +1,18 @@
+// withHooks
+
+import useGlobalSubscriber from 'esoftplay/subscribe';
+
+
+export interface EventPayment_subscribeArgs {
+
+}
+export interface EventPayment_subscribeProps {
+
+}
+
+export const reBooking = useGlobalSubscriber()
+export const reTryBooking = useGlobalSubscriber()
+
+export default function m(props: EventPayment_subscribeProps): any {
+  return null
+}

package/event/point_events.tsx

@@ -0,0 +1,35 @@
+// 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 { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import React from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface EventPoint_eventsArgs {
+
+}
+export interface EventPoint_eventsProps {
+
+}
+export default function m(props: EventPoint_eventsProps): any {
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title='Pilih Event Aktif' />
+      <ScrollView>
+        <View style={{ margin: 15, }}>
+          <Text allowFontScaling={false} style={{ marginTop: 20, fontSize: 20, fontFamily: LibFont('ArialBold') }}>Pilih Event Aktif</Text>
+          <Text allowFontScaling={false} style={{ fontFamily: LibFont('SFProText'), marginTop: 3 }}>Silahkan pilih event untuk melihat point anda</Text>
+        </View>
+
+      </ScrollView>
+      <EventButton style={{ margin: 15 }} label='Selanjutnya' backgroundColor='#002045' onPress={() => {
+        LibNavigation.navigate('event/point_summary')
+      }} />
+
+    </View>
+  )
+}

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 {