esoftplay-event 0.0.2 → 0.0.3

package/event/order_history.tsx

@@ -68,7 +68,7 @@ export default function m(props: EventOrder_historyProps): any {
           {
             item.status == 0 ?
               <View style={applyStyle({ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center', paddingHorizontal: 15 })}>
-                <EventCountdown_base expired={moment(item.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} style={applyStyle({ flex: 1, fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+                <EventCountdown_base expired={moment(item.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} timezone={item?.timezone} style={applyStyle({ flex: 1, fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
                 <Text allowFontScaling={false} style={applyStyle({ flex: 1, flexWrap: 'wrap', padding: 10, paddingHorizontal: 0, textAlign: 'right', fontFamily: "ArialBold", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed })}>{item.booking_code}</Text>
               </View>
               :

package/event/order_item.tsx

@@ -97,7 +97,7 @@ export default function m(props: EventOrder_itemProps): any {
           item?.status == 0 ?
             <View style={applyStyle({ flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center', paddingHorizontal: 15 })}>
               <View style={{ flex: 1 }}>
-                <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+                <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} timezone={item?.timezone} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
               </View>
               {
                 !!item?.booking_code &&

package/event/order_lottery.tsx

@@ -71,7 +71,7 @@ export default function m(props: EventOrder_lotteryProps): any {
     }
 
     LibDialog.confirm(esp.lang("event/order_lottery", "confirm"), esp.lang("event/order_lottery", "confirm_point"), esp.lang("event/order_lottery", "yes"), () => {
-      LibProgress.show("Mohon tunggu")
+      LibProgress.show(esp.lang("event/order_lottery", "please_wait"))
       new LibCurl("event_order_detail_luckydraw_claim?id=" + id, post, (res: any) => {
         LibProgress.hide()
         esp.log(res);

package/event/order_reschedule.tsx

@@ -14,6 +14,7 @@ import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibTheme } from 'esoftplay/cache/lib/theme/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import esp from 'esoftplay/esp';
@@ -22,7 +23,7 @@ import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 
 import React, { useEffect } from 'react';
-import { Pressable, RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import { RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventOrder_rescheduleArgs {
@@ -108,7 +109,7 @@ export default function m(props: EventOrder_rescheduleProps): any {
         LibProgress.hide()
         LibNavigation.backToRoot()
         LibNavigation.navigate('event/order')
-        LibNavigation.navigate('event/order_detail', { url: res.url })
+        // LibNavigation.navigate('event/order_detail', { url: res.url })
       }, (error) => {
         LibProgress.hide()
         LibDialog.warning(esp.lang("event/order_reschedule", "process_er"), error?.message)
@@ -291,7 +292,7 @@ export default function m(props: EventOrder_rescheduleProps): any {
                       </View>
                     </View>
                     <View style={applyStyle({ marginLeft: 10, flexDirection: 'column', marginRight: 6 })} >
-                      <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: _selectTicket ? "#3ea4dc" : '#999', opacity: opacityPassed })} >{LibUtils.money(item1.price, item1.currency)}</Text>
+                      {/* <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: _selectTicket ? "#3ea4dc" : '#999', opacity: opacityPassed })} >{LibUtils.money(item1.price, item1.currency)}</Text> */}
                     </View>
 
                     <TouchableOpacity onPress={() => {
@@ -313,7 +314,6 @@ export default function m(props: EventOrder_rescheduleProps): any {
     )
   }
 
-  esp.log(result);
   function renderRefundList(item: any, i: number) {
     let _selectTicket = item.hasOwnProperty('check') && item.check == 1
     const styleID_12nkjf: any = { marginLeft: 10, textDecorationLine: 'line-through', textDecorationStyle: 'solid', opacity: item.is_refundable == 1 ? 1 : 0.5, marginTop: 4, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: _selectTicket ? "#3ea4dc" : '#999' }
@@ -333,9 +333,15 @@ export default function m(props: EventOrder_rescheduleProps): any {
               <LibTextstyle textStyle='caption1' text={esp.lang("event/order_reschedule", "chared", item.qty_shared)} style={{ color: 'orange' }} />
             }
             <Text allowFontScaling={false} style={{ opacity: item.is_refundable == 1 ? 1 : 0.5, fontFamily: "Arial", fontSize: 10, marginBottom: 4, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0.23, color: LibStyle.colorRed }}>{item.refund == "0.00" ? esp.lang("event/order_reschedule", "cant_refund") : esp.lang("event/order_reschedule", "refundable", LibUtils.numberAbsolute(item.refund).toString())}</Text>
-            <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectTicket ? "#3ea4dc" : '#999' })}>{esp.lang("ticket/refund", "ticket")} {item.price_name + " (" + item.qty + " " + esp.lang("ticket/refund", "ticket") + ") "}</Text>
+            <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectTicket ? "#3ea4dc" : LibTheme._colorTextSecondary() })}>{esp.lang("ticket/refund", "ticket")} {item.price_name + " (" + item.qty + " " + esp.lang("ticket/refund", "ticket") + ") "}</Text>
             <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-              <Text allowFontScaling={false} style={applyStyle({ marginTop: 4, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: _selectTicket ? "#3ea4dc" : '#999' })}>{LibUtils.money(item.price_cancellable, item.currency)}</Text>
+              <View style={{ flexDirection: 'row', marginTop: 4, alignContent: 'center', alignItems: 'center' }}>
+                <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 16, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: _selectTicket ? "#3ea4dc" : LibTheme._colorTextSecondary() })}>{LibUtils.money(item.total, item.currency)}</Text>
+                {
+                  item?.tax != "0" &&
+                  <Text allowFontScaling={false} style={{ marginLeft: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: LibTheme._colorTextTertiary() }}>{esp.lang("event/order_reschedule", "price+tax")}</Text>
+                }
+              </View>
               {
                 item.refund != "0.00" && item.refund != "100.00" &&
                 <Text allowFontScaling={false} style={styleID_12nkjf}>{LibUtils.money(item.price)}</Text>
@@ -362,16 +368,20 @@ export default function m(props: EventOrder_rescheduleProps): any {
       <EventHeader title={result?.global_refundable == 1 ? esp.lang("event/order_reschedule", "refund_rescedule") : esp.lang("event/order_reschedule", "rescedule")} />
       {
         result?.global_refundable == 1 &&
-        <View style={{ margin: 15, marginBottom: 0, flexDirection: 'row' }}>
+        <View style={{ margin: 15, padding: 3, borderRadius: 5, backgroundColor: '#fff', flexDirection: 'row' }}>
           {
             defaultTabs.map((item: any, i: number) => {
+              let active = item.id == activeTab
               return (
-                <Pressable onPress={() => {
-                  loadData()
-                  setActiveTab(item.id)()
-                }} key={i} style={{ flex: 1, padding: 10, borderTopLeftRadius: 10, borderTopRightRadius: 10, backgroundColor: item.id == activeTab ? "#fff" : LibStyle.colorBgGrey }}>
-                  <Text allowFontScaling={false} style={{ opacity: item.id == activeTab ? 1 : 0.7, alignSelf: 'center', textAlign: 'center', fontFamily: "Arial", fontWeight: item.id == activeTab ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, color: item.id == activeTab ? "#000" : "#aab0b7" }} >{item.title}</Text>
-                </Pressable>
+                <TouchableOpacity
+                  key={i}
+                  onPress={() => {
+                    loadData()
+                    setActiveTab(item.id)()
+                  }}
+                  style={{ borderRadius: 5, padding: 5, alignContent: 'center', alignItems: 'center', justifyContent: 'center', flex: 1, backgroundColor: active ? LibStyle.colorPrimary : '#fff', marginRight: 1, marginLeft: 1 }}>
+                  <Text allowFontScaling={false} style={{ fontSize: active ? 16 : 12, color: active ? "#fff" : "#000", fontWeight: active ? 'bold' : 'normal' }}>{item?.title}</Text>
+                </TouchableOpacity>
               )
             })
           }
@@ -381,8 +391,11 @@ export default function m(props: EventOrder_rescheduleProps): any {
       <ScrollView refreshControl={
         <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
       }>
-        <View style={{ marginTop: result?.global_refundable == 1 ? 0 : 10, margin: 15, borderTopLeftRadius: 0, borderTopRightRadius: 0, borderRadius: 10, backgroundColor: '#fff', paddingBottom: activeTab == 2 ? 10 : 0 }}>
-          <LibPicture source={{ uri: result?.image }} style={applyStyle({ borderTopLeftRadius: 0, borderTopRightRadius: 0, height: imgHeight, width: imgWidth, resizeMode: 'cover' })} />
+        <View style={{ marginTop: result?.global_refundable == 1 ? 0 : 10, margin: 15, borderRadius: 10, backgroundColor: '#fff', paddingBottom: activeTab == 2 ? 10 : 0 }}>
+          {
+            result?.image != "" &&
+            <LibPicture source={{ uri: result?.image }} style={applyStyle({ height: imgHeight, width: imgWidth, resizeMode: 'cover' })} />
+          }
 
           <View style={{ flexDirection: 'row', margin: 14, marginTop: 4, justifyContent: 'space-between' }}>
             <Text allowFontScaling={false} style={{ marginTop: 14, fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{result?.title}</Text>
@@ -401,7 +414,7 @@ export default function m(props: EventOrder_rescheduleProps): any {
 
           {
             activeTab == 2 &&
-            <View style={{ padding: 14, backgroundColor: '#f1f2f3' }}>
+            <View style={{ padding: 14, marginTop: 10, backgroundColor: '#f1f2f3' }}>
               <Text style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0 }} >{esp.lang("event/order_reschedule", "ready_ticket")}</Text>
             </View>
           }

package/event/order_share_to.tsx

@@ -40,16 +40,28 @@ export default function m(props: EventOrder_share_toProps): any {
   const [trxId] = useSafeState(EventTransaction().getTrxId())
 
   const [result, setResult] = useSafeState<any>()
+  const [addOnsBooked, setAddOnsBooked] = useSafeState<any>()
 
   function loadData(): void {
     new LibCurl(url, null, (res) => {
       setResult(res)
+      if (res?.hasOwnProperty('url_addons_booked')) {
+        loadDataAddonsBooked(res?.url_addons_booked)
+      }
     }, (error) => {
       LibDialog.warning(esp.lang("event/order_share_to", "load_error"), error?.message);
       LibNavigation.back()
     })
   }
 
+  function loadDataAddonsBooked(url: any) {
+    new LibCurl(url, null, (res) => {
+      setAddOnsBooked(res)
+    }, (error) => {
+      LibDialog.warning(esp.lang("event/order_share_to", "load_error"), error?.message);
+    })
+  }
+
   useEffect(() => {
     loadData()
   }, [])
@@ -97,6 +109,8 @@ export default function m(props: EventOrder_share_toProps): any {
     )
   }
 
+  esp.log(addOnsBooked);
+
   return (
     <LibKeyboard_avoid style={{ flex: 1, backgroundColor: '#fff' }}>
       <EventHeader title={esp.lang("event/order_share_to", "title_share_ticket_to", esp.appjson().expo.name)} />

package/event/order_waiting.tsx

@@ -86,7 +86,7 @@ export default function m(props: EventOrder_waitingProps): any {
               item?.status == 0 ?
                 <View style={applyStyle({ marginHorizontal: 25, marginBottom: 10, flex: 1, borderTopColor: "#000", borderTopWidth: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center' })}>
                   <View style={{ flex: 1 }}>
-                    <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+                    <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} timezone={item?.timezone} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
                   </View>
                   {
                     !!item?.booking_code &&

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', marginTop: 5, fontFamily: LibFont('DecoNumbers'), fontSize: 40, 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/popup.tsx

@@ -29,7 +29,7 @@ export default function m(props: EventPopupProps): any {
     }
     if (props.qrcode)
       post.qr = props.qrcode?.trim?.()
-    new LibCurl('user', post,
+    new LibCurl('user_search', post,
       (res, msg) => {
         setData(res)
       },
@@ -52,7 +52,7 @@ export default function m(props: EventPopupProps): any {
             <View style={{ alignItems: 'center' }} >
               <LibPicture
                 source={{ uri: data.image }}
-                style={{ width: 100, height: 100, borderRadius: 50 }}
+                style={{ width: 80, height: 80, borderRadius: 40 }}
               />
               <Text style={{ textAlign: 'center', marginTop: 20, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", color: "#4a4a4a" }} >{data.name}</Text>
               <Text style={{ textAlign: 'center', fontFamily: "Arial", fontSize: 10, fontWeight: "bold", lineHeight: 22, color: "#b7b7b7" }} >{data.email}</Text>
@@ -63,12 +63,12 @@ export default function m(props: EventPopupProps): any {
 
               <View style={{ flexDirection: 'row', marginTop: 20 }} >
                 <TouchableOpacity onPress={props.cancel} style={{ flex: 1, marginHorizontal: 5 }} >
-                  <View style={{ height: 40, borderRadius: 25, justifyContent: 'center', alignItems: 'center' }} >
+                  <View style={{ height: 40, borderRadius: 5, justifyContent: 'center', alignItems: 'center' }} >
                     <Text style={{ fontFamily: "Arial", fontSize: 15, fontWeight: "normal", lineHeight: 22, color: LibStyle.colorRed }} >{esp.lang("event/popup", "cancel")}</Text>
                   </View>
                 </TouchableOpacity>
                 <TouchableOpacity onPress={props.redirect} style={{ flex: 1, marginHorizontal: 5 }} >
-                  <View style={{ height: 40, borderRadius: 25, backgroundColor: LibStyle.colorGreen, justifyContent: 'center', alignItems: 'center' }} >
+                  <View style={{ height: 40, borderRadius: 5, backgroundColor: LibStyle.colorGreen, justifyContent: 'center', alignItems: 'center' }} >
                     <Text style={{ fontFamily: "Arial", fontSize: 15, fontWeight: "normal", lineHeight: 22, color: "white" }} >{esp.lang("event/popup", "confirm")}</Text>
                   </View>
                 </TouchableOpacity>