esoftplay-event 0.0.2-v → 0.0.2-x

package/event/detail2.tsx

@@ -1,14 +1,12 @@
 // withHooks
 import { applyStyle } from 'esoftplay';
-import { EventFirebase_socket } from 'esoftplay/cache/event/firebase_socket/import';
+import { 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 { EventSlider } from 'esoftplay/cache/event/slider/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
 import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -17,11 +15,12 @@ import { LibVideoProperty } from 'esoftplay/cache/lib/video/import';
 import { LibWebview } from 'esoftplay/cache/lib/webview/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import { UseDeeplinkProperty } from 'esoftplay/cache/use/deeplink/import';
-import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import { useEffect } from 'react';
 
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import moment from 'esoftplay/moment';
 import React from 'react';
 import { Linking, Pressable, Text, TouchableOpacity, View } from 'react-native';
 import MapView, { Marker } from 'react-native-maps';
@@ -33,53 +32,76 @@ export interface EventDetail2Args {
 export interface EventDetail2Props {
 
 }
-export default function m(props: EventDetail2Props): any {
-  const { url } = LibNavigation.getArgsAll(props)
+
+const stateFeePlatform = useGlobalState({})
+// {
+//   fee_platform_amount
+//   fee_platform_type
+//   show_fee_percentage
+// }
+export function stateSetFeePlatform(): useGlobalReturn<any> {
+  return stateFeePlatform
+}
+
+const stateSubscribe = useGlobalState({})
+// {
+// is_subscribed
+// is_subscribed_default
+// is_subscribed_label
+// }
+export function stateSetSubscribe(): useGlobalReturn<any> {
+  return stateSubscribe
+}
 
 
-  const { isInPricingQueueConfig } = EventFirebase_socket()
+export default function m(props: EventDetail2Props): any {
+  const [result, setResult] = useSafeState<any>(undefined)
+  const url = LibNavigation.getArgs(props, 'url')
   const [deeplinkParams] = UseDeeplinkProperty.params.useState()
-  const [result, setResult] = useSafeState()
   const [priority, setPriority] = useSafeState(false)
-  const user = UserClass.state().get()
 
   useEffect(() => {
     loadData()
   }, [])
 
-  function loadData() {
-    new LibCurl("v2/event_detail?event_id=443", null, (res, msg) => {
-      res.images = res?.images.map((url: string) => ({ image: url }));
-      setResult(res)
-      esp.log(res);
-    }, (error) => {
-      LibDialog.warning(esp.lang("event/detail", "load_failed"), error?.message)
-      LibNavigation.back()
-    })
-  }
-
-  function loadDataConfig(url: string) {
-    LibProgress.show("Mohon tunggu")
+  moment().locale('id')
+  function loadData(): void {
+    // CacheHit.doHit(url)
     new LibCurl(url, null, (res, msg) => {
-      esp.log(res);
-      LibProgress.hide()
-      // return
-      LibNavigation.navigate(
-        user?.config?.tester == 1 ?
-          'event/ticket_list2'
-          :
-          (res?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list'),
-        {
-          url: res.url_price,
-          is_multiprice: res?.multiprice == 1 ? 1 : 0,
+      esp.modProp("event/countdown").eventURI.set(url)
+      EventFirebase_socketProperty.eventIdQueue.set(res.id)
+      setResult(res)
+      if (res.allotment) {
+        esp.modProp("event/firebase_socket").userIdKeyReplacer.set({
+          t: Number(res.allotment.t),
+          s: Number(res.allotment.s),
+          priority: 1
         })
+        setPriority(true)
+      } else {
+        setPriority(false)
+      }
+
+      let fee_platform: any = {
+        fee_platform_amount: res?.fee_platform_amount,
+        fee_platform_type: res?.fee_platform_type,
+        show_fee_percentage: res?.config?.show_fee_percentage,
+      }
+      stateFeePlatform.set(fee_platform)
 
+      let subscribed = {
+        is_subscribed: res?.config?.is_subscribed,
+        is_subscribed_default: res?.config?.is_subscribed_default,
+        is_subscribed_label: res?.config?.is_subscribed_label
+      }
+      stateSubscribe.set(subscribed)
     }, (error) => {
-      LibProgress.hide()
       LibDialog.warning(esp.lang("event/detail", "load_failed"), error?.message)
+      LibNavigation.back()
     })
   }
 
+
   if (!result) {
     let itemWidth = LibStyle.width - 60
     return (
@@ -268,7 +290,7 @@ export default function m(props: EventDetail2Props): any {
                       <View style={{ height: 35, borderRadius: 17, backgroundColor: LibStyle.colorLightGrey, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
                         <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'black', marginHorizontal: 10 }} >
                           {
-                            esp.lang("event/detail", "text_book_on", LibUtils.moment(result.start_booking).serverFormat('DD MMMM YYYY H:mm:ss', result?.timezone), result?.timezone_locale || "")
+                            esp.lang("event/detail", "text_book_on", moment(result.start_booking).serverFormat('DD MMMM YYYY H:mm:ss', result?.timezone), result?.timezone_locale || "")
                           }
                         </Text>
                       </View>
@@ -279,45 +301,25 @@ export default function m(props: EventDetail2Props): any {
                   {
                     result?.url_artist != "" &&
                     <TouchableOpacity onPress={() => {
-                      // LibNavigation.navigate('event/artist', { title: result?.title, url: result?.url_artist, has_addition: result?.has_addition })
                       LibNavigation.navigate('event/artist', {
                         title: result?.title,
                         url: result?.url_artist,
                         has_addition: result?.has_addition
                       })
-                    }} style={applyStyle({ width: (LibStyle.width - 30) * 0.5, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 16, backgroundColor: 'white', flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
+                    }} style={applyStyle({ width: (LibStyle.width - 30) * 0.5, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 5, backgroundColor: 'white', flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                       <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: LibStyle.colorGreen })} >{esp.lang("event/detail", "line_up")}</Text>
                     </TouchableOpacity>
                   }
                   <TouchableOpacity onPress={() => {
-                    EventIndexProperty.isLogin(async () => {
-                      if (isInPricingQueueConfig(result.id)) {
-                        await LibNavigation.navigateForResult('event/queue_pricing', { event_id: result?.id })
-                      }
-                      loadDataConfig(result?.url_config)
-                      return
-                      LibNavigation.navigate(
-                        user?.config?.tester == 1 ?
-                          'event/ticket_list2'
-                          :
-                          (result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list'),
+                    esp.modProp("event/index").isLogin(async () => {
+                      LibNavigation.navigate('event/ticket_list_new',
                         {
-                          url: result.url_price,
-                          fee_platform: {
-                            fee_platform_amount: result?.fee_platform_amount,
-                            fee_platform_type: result?.fee_platform_type,
-                          },
-                          subscribed: {
-                            is_subscribed: result?.config?.is_subscribed,
-                            is_subscribed_default: result?.config?.is_subscribed_default,
-                            is_subscribed_label: result?.config?.is_subscribed_label
-                          },
-                          show_fee_percentage: result?.config?.show_fee_percentage,
+                          url: result?.url_price_v2,
                           is_multiprice: result?.config?.multiprice == 1 ? 1 : 0,
                         })
-                    })
 
-                  }} style={applyStyle({ width: result?.url_artist != "" ? (LibStyle.width - 30) * 0.5 : LibStyle.width - 20, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 16, backgroundColor: LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
+                    })
+                  }} style={applyStyle({ width: result?.url_artist != "" ? (LibStyle.width - 30) * 0.5 : LibStyle.width - 20, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 5, backgroundColor: LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                     <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: "#fff" })} >{esp.lang("event/detail", "text_buy_ticket")}</Text>
                   </TouchableOpacity>
                   <UseCondition if={priority} >

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()
@@ -154,12 +156,13 @@ export default function m(props: EventOrder_detailProps): any {
     }, 1)
   }
 
+
   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)
     })
 
@@ -429,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>
 
@@ -683,7 +686,11 @@ export default function m(props: EventOrder_detailProps): any {
       <LibSlidingup ref={dialogQtyAddons}>
         <View style={{ backgroundColor: 'white', maxHeight: LibStyle.height - (LibStyle.height / 3), borderTopRightRadius: 20, borderTopLeftRadius: 20, padding: 20 }}>
           <Text style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", color: "#b7b7b7" }} >{esp.lang("event/order_detail", "addons")}</Text>
-          <Text style={{ fontFamily: "Arial", marginBottom: 10, fontSize: 16, fontWeight: "bold", color: "#4a4a4a" }} >{getSelectedAddon()?.title}</Text>
+          <Text style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", color: "#4a4a4a" }} >{getSelectedAddon()?.title}</Text>
+          {
+            getSelectedAddon()?.info != "" &&
+            <EventHtmltext style={{ fontFamily: "Arial", marginBottom: 10, fontSize: 12, marginLeft: 10, color: "#b7b7b7" }} >{getSelectedAddon()?.info}</EventHtmltext>
+          }
 
           <ScrollView>
             <Text allowFontScaling={false} style={{ marginVertical: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: "#000" }}>{esp.lang("event/order_detail_share", "chose_ticket")}</Text>
@@ -794,7 +801,7 @@ export default function m(props: EventOrder_detailProps): any {
                     icon={'plus-circle-outline'}
                     title={item?.title}
                     subtitle={item?.ondate != "0000-00-00" ? LibUtils.moment(item.ondate).format("DD MMM YYYY") : ''}
-                    info={item.hasOwnProperty("info") && item?.info}
+                    info={item?.info}
                   />
                 )
               })

package/event/order_detail_upgrade_payment.tsx

@@ -2,7 +2,7 @@
 import { useMemo, useRef } from 'react';
 
 import { BigbangPayment_detail_ticket, BigbangPayment_detail_ticketProperty } from 'esoftplay/cache/bigbang/payment_detail_ticket/import';
-import { BigbangPayment_list } from "esoftplay/cache/bigbang/payment_list/import";
+import { BigbangPayment_list, BigbangPayment_listProperty } from "esoftplay/cache/bigbang/payment_list/import";
 import { EventButton } from "esoftplay/cache/event/button/import";
 import { EventHeader } from "esoftplay/cache/event/header/import";
 import { EventTransaction } from 'esoftplay/cache/event/transaction/import';
@@ -28,9 +28,10 @@ export interface EventOrder_detail_upgrade_paymentArgs {
 export interface EventOrder_detail_upgrade_paymentProps {
 
 }
+
 export default function m(props: EventOrder_detail_upgrade_paymentProps): any {
   const { dataTicket, selectedTicket, fee_platform, fee_custom }: any = LibNavigation.getArgsAll(props)
-  const [selectedPayment, setSelectedPayment] = useSafeState<any>()
+  const [selectedPayment, setSelectedPayment] = BigbangPayment_listProperty.paymentState.useState()
   const [charge, setCharge] = useSafeState<any>(0)
   const [chargePercent, setChargePercent] = useSafeState<any>()
 

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)
@@ -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.total, 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/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>
+  )
+}