esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/bigbang/gate_result.tsx

@@ -0,0 +1,80 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { UseMap } from 'esoftplay/cache/use/map/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventTms_gate_resultArgs {
+  type: "gate" | "hall",
+  event_id: number | string,
+}
+export interface EventTms_gate_resultProps {
+
+}
+export default function m(props: EventTms_gate_resultProps): any {
+
+  const { event_id, type } = LibNavigation.getArgsAll(props)
+
+  const backResult = LibNavigation.useBackResult(props)
+
+  const [data, setData] = useSafeState<any>()
+
+  useEffect(() => {
+    if (type == "gate") {
+      new LibCurl('event_gate', { event_id: event_id }, (res, msg) => {
+        if (res.length == 1) {
+          backResult(res[0])
+        }
+        setData(res)
+      }, (error) => {
+        LibDialog.warning(esp.lang("event/tms_gate", "warning_load"), error?.message)
+        LibNavigation.back()
+      }, 1)
+    } else if (type == "hall") {
+      new LibCurl('event_hall', { event_id: event_id }, (res, msg) => {
+        if (res.length == 1) {
+          backResult(res[0])
+        }
+        setData(res)
+      }, (error) => {
+        LibDialog.warning(esp.lang("event/tms_gate", "warning_loadhall"), error?.message)
+        LibNavigation.back()
+      }, 1)
+    }
+  }, [])
+
+
+  if (!data) {
+    return <LibLoading />
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <ComponentHeader title={type == "gate" ? esp.lang("event/tms_gate", "header_title1") : esp.lang("event/tms_gate", "header_title2")} subtitle={esp.lang("event/tms_gate", "gate_sub")} />
+      <ScrollView style={{}}>
+        <Text allowFontScaling={false} style={{ margin: 20, marginBottom: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, paddingLeft: 3, paddingRight: 3 }}>{esp.lang("event/tms_gate", "text_select", type == "gate" ? esp.lang("event/tms_gate", "gate") : esp.lang("event/tms_gate", "hall"))}</Text>
+        <UseMap
+          data={data}
+          renderItem={(item) => (
+            <Pressable onPress={() => {
+              backResult(item)
+            }} style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', backgroundColor: '#fff', ...LibStyle.elevation(2), padding: 16, marginBottom: 10, marginHorizontal: 15, borderRadius: 5, flex: 1 }}>
+              <LibIcon name={"chevron-right"} size={18} color={"#3ea4dc"} />
+              <Text allowFontScaling={false} style={{ marginLeft: 10, fontSize: 17, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#9e9e9e', paddingLeft: 3, paddingRight: 3 }}>{item.name}</Text>
+            </Pressable>
+          )}
+        />
+      </ScrollView>
+    </View>
+  )
+}

package/modules/bigbang/index.tsx

@@ -0,0 +1,202 @@
+// withHooks
+
+import { useAsyncStorage } from '@react-native-async-storage/async-storage';
+import { BigbangCard } from 'esoftplay/cache/bigbang/card/import';
+import { BigbangEvent } from 'esoftplay/cache/bigbang/event/import';
+import { BigbangMain } from 'esoftplay/cache/bigbang/main/import';
+import { BigbangMenu_item } from 'esoftplay/cache/bigbang/menu_item/import';
+import { ChattingLib } from 'esoftplay/cache/chatting/lib/import';
+import { ChattingOnline_setter } from 'esoftplay/cache/chatting/online_setter/import';
+import { FeedIndex } from 'esoftplay/cache/feed/index/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTabs } from 'esoftplay/cache/lib/tabs/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import { UserNotification } from 'esoftplay/cache/user/notification/import';
+import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import { UserProfile_edit } from 'esoftplay/cache/user/profile_edit/import';
+import useGlobalState from 'esoftplay/global';
+
+import { ComponentIdentity_input } from 'esoftplay/cache/component/identity_input/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { UserLanguageProperty } from 'esoftplay/cache/user/language/import';
+import { UserRoutes } from 'esoftplay/cache/user/routes/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import { useTimeout } from 'esoftplay/timeout';
+import * as Notifications from 'expo-notifications';
+import React, { useEffect, useRef } from 'react';
+import { Platform, View } from 'react-native';
+
+
+
+export interface BigbangIndexProps {
+}
+const initState = {
+  tabIndex: 0
+}
+
+
+const state = useGlobalState?.(initState)
+
+export function setTab(index: number): void {
+  state?.set?.({ tabIndex: index })
+}
+
+const identityDismissed = useGlobalState(false, { isUserData: true })
+
+export default function m(props: BigbangIndexProps): any {
+  ChattingOnline_setter()
+  const user = UserClass?.state()?.get?.()
+  const routes = UserRoutes.state().useSelector(s => s)
+  const { action }: any = LibNavigation.getArgsAll(props)
+  const counter = UserNotification?.state?.()?.useSelector?.(s => s.unread)
+  // const { getQueueConfig } = EventFirebase_socket()
+  // const [{ isOnline, isInternetReachable }] = LibNet_status.state().useState()
+  // const { data } = ChattingHistory()
+  const tabs = useRef<LibTabs>(null)
+  const { setItem, getItem } = useAsyncStorage('bigbang_index_skip_image')
+  const [skipImage, setSkipImage] = useSafeState<any>("0")
+  const MarketHome = useRef(esp.mod("market/home")).current
+
+  const slidingIdentity = useRef<ComponentSlidingup>(null)
+  const timeout = useTimeout()
+  const timeoutLanguage = useTimeout()
+
+  const readItemFromStorage = async () => {
+    const item = await getItem();
+    setSkipImage(item);
+  };
+
+
+  useEffect(() => {
+    // LibNavigation.replace('component/blocked', {
+    //   msg: "Silahkan update aplikasi BBO untuk dapatkan pengalaman terbaik",
+    //   res: {
+    //     android: "https://play.google.com/store/apps/details?id=id.bigbangfest.mobile&hl=id&gl=US&pli=1",
+    //     ios: "https://apps.apple.com/id/app/bbo/id1482731352?l=id",
+    //     title: "Versi terbaru sudah tersedia"
+    //   }
+    // })
+    // return
+    if (user) {
+      // getQueueConfig()
+      ChattingLib().setUser()
+    }
+    if (!identityDismissed.get() && (routes?.routes?.[routes?.routes?.length - 1]?.name == "bigbang/index" || routes?.routes?.[routes?.routes?.length - 1]?.name == undefined) && (user?.location_id == "1" || user?.gender == "0" || user?.birth_date == "0000-00-00")) {
+      timeout(() => {
+        slidingIdentity.current?.show()
+      }, 500);
+    }
+    if (!UserLanguageProperty.defaultLanguage.get()) {
+      timeoutLanguage(() => {
+        LibNavigation.navigate('user/language')
+      }, 200)
+    }
+
+  }, [])
+
+
+  // const { getData } = EventFirebase()
+  // useEffect(() => {
+  //   if (esp.isDebug('event_redirect'))
+
+  //     if (user) {
+  //       if (EventUser_registerProperty.registerResult.get()) {
+  //         if (user?.id == "temp02") {
+  //           LibNavigation.replace('event/user_register_confirm')
+  //         } else {
+  //           LibNavigation.navigate('event/user_register_confirm')
+  //         }
+  //       }
+  //     } else {
+  //       getData((val: any) => {
+  //         if (val) {
+  //           LibNavigation.replace(val?.module, { url: val?.url })
+  //         }
+  //       })
+  //     }
+  // }, [])
+
+  // useEffect(() => {
+  //   /* auto ke member bbo saat sinyal buruk / offline */
+  //   if (!isOnline || !isInternetReachable) {
+  //     UserProfileProperty?.isLogin?.(() => { setTab(4); updateBadge() })
+  //   }
+  // }, [isOnline, isInternetReachable])
+
+
+  useEffect(() => {
+    setTab(action?.tab || 0)
+  }, [action])
+
+  useEffect(() => {
+    readItemFromStorage?.()
+  }, [])
+
+  useEffect(() => {
+    if (Platform.OS == 'ios') {
+      import('expo-tracking-transparency').then(({ requestTrackingPermissionsAsync }) => {
+        (async () => {
+          const { status } = await requestTrackingPermissionsAsync();
+          if (status === 'granted') {
+          }
+        })();
+      })
+    }
+  }, []);
+
+  useEffect(() => {
+    esp.modProp('user/devices')?.checkSession?.()
+    esp.modProp('mart/reminder')?.getReminderCount?.()
+    //setUnread
+    // ChatIndexProperty.unreadState().set(data && data?.filter?.((v: any) => v.read == 0 && user && user?.id !== v.user_id).length || 0)
+  }, [])
+
+  function updateBadge() {
+    if (Platform.OS == "ios") {
+      Notifications?.setBadgeCountAsync?.(counter)
+    }
+  }
+
+  const tabIndex = state?.useSelector?.(s => s.tabIndex)
+
+  const AView = [BigbangMain, BigbangEvent, FeedIndex, MarketHome, BigbangCard]
+
+  return (
+    <View style={{ flex: 1 }} >
+      <LibStatusbar style="dark" />
+      <View style={{ flex: 1 }}>
+        <LibTabs
+          ref={tabs}
+          tabIndex={tabIndex}
+          lazyTabOffset
+          tabOffset={0}
+          swipeEnabled={false}
+          tabViews={AView} />
+        <View style={[{ flexDirection: 'row', height: 60, justifyContent: 'space-evenly', paddingHorizontal: 8, backgroundColor: 'white', alignItems: 'center' }, LibStyle.elevation(4)]} >
+          <BigbangMenu_item testID='tab_home' onPress={() => { setTab(0); updateBadge(); }} text={esp.lang("bigbang/index", "tab_home")} icon={'home'} active={tabIndex == 0} />
+          <BigbangMenu_item testID='tab_event' onPress={() => { setTab(1); updateBadge() }} text={esp.lang("bigbang/index", "tab_event")} icon={'event'} active={tabIndex == 1} />
+          <BigbangMenu_item testID='tab_community' onPress={() => { setTab(2); updateBadge() }} text={esp.lang("bigbang/index", "tab_community")} icon={'community'} active={tabIndex == 2} />
+          <BigbangMenu_item testID='tab_tokobbo' onPress={() => { setTab(3); updateBadge(); }} text={esp.lang("bigbang/index", "tab_toko")} icon={'toko-bbo'} active={tabIndex == 3} />
+          <BigbangMenu_item testID='tab_memberbbo' onPress={() => { UserProfileProperty?.isLogin?.(() => { setTab(4); updateBadge() }) }} text={esp.lang("bigbang/index", "tab_member")} icon={'memberbbo'} active={tabIndex == 4} />
+        </View>
+      </View>
+      {
+        user != undefined && user?.image == "" && skipImage == "1" &&
+        <View style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }} >
+          <View style={{ flex: 1 }}>
+            <UserProfile_edit from="bigbang/index" />
+          </View>
+        </View>
+      }
+      <ComponentSlidingup ref={slidingIdentity}>
+        <ComponentIdentity_input onDismiss={() => {
+          identityDismissed.set(true)
+          slidingIdentity.current?.hide()
+        }} />
+      </ComponentSlidingup>
+    </View>
+  )
+}

package/modules/bigbang/input_code.tsx

@@ -0,0 +1,136 @@
+// withHooks
+
+import { CacheHit } from 'esoftplay/cache/cache/hit/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/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 { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface BigbangInput_codeArgs {
+
+}
+export interface BigbangInput_codeProps {
+
+}
+export default function m(props: BigbangInput_codeProps): any {
+  let inputCode = React.useRef<LibInput_rectangle2>(null)
+
+  function checkCode() {
+    if (inputCode?.current?.getText() == "") {
+      LibToastProperty.show(esp.lang("bigbang/input_code", "enter_code_please"))
+      inputCode?.current?.focus()
+      return
+    }
+    let post = {
+      code: inputCode.current?.getText().trim()
+    }
+    LibProgress.show(esp.lang("bigbang/input_code", "wait"))
+    new LibCurl('code_input', post, (res, msg) => {
+      esp.log(res, "code_input");
+      if (res?.hasOwnProperty('event_id')) {
+        LibProgress.hide()
+        loadDataEvent(res)
+      } else {
+        LibNavigation.replace(res?.mobile_module, { code: inputCode?.current?.getText() })
+      }
+    }, (err) => {
+      LibDialog.warning("Oops", err?.message)
+      LibProgress.hide()
+    }, 1)
+  }
+
+  function loadDataEvent(result: any) {
+    let url = "event_detail/" + result?.event_id
+    CacheHit.doHit(url)
+    new LibCurl(url, null, (res, msg) => {
+      LibProgress.hide()
+
+      let dataPost: any = {
+        event_id: res?.id,
+        event_title: res?.title,
+        charge_payment: res?.charge_payment,
+        charge_payment_type: res?.charge_payment_type,
+        images: res?.images,
+        selected_ticket: {
+          ...result,
+          list: {
+            ...result?.list[0],
+            qty: 1
+          },
+        },
+        qty: 1,
+        is_multiprice: res?.config?.multiprice
+      }
+
+      if (res?.has_addition == 1) {
+        LibNavigation.navigateForResult('event/additional', { event_id: res?.id, qty: 1, data: dataPost }, 321).then((additions) => {
+
+          if (additions != "") {
+            dataPost.addition = additions
+          }
+          LibNavigation.replace(result?.mobile_module, { dataBookingEvent: dataPost, invCode: inputCode?.current?.getText() })
+          inputCode?.current?.setText("")
+        })
+      } else {
+        LibNavigation.replace(result?.mobile_module, { dataBookingEvent: dataPost, invCode: inputCode?.current?.getText() })
+        inputCode?.current?.setText("")
+      }
+
+
+    }, (error) => {
+      LibDialog.warning(esp.lang("event/detail", "load_failed"), error?.message)
+    })
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <ComponentHeader title={esp.lang("bigbang/input_code", "input_code")} />
+      <LibKeyboard_avoid>
+        <View style={{ justifyContent: 'center', flex: 1 }}>
+          <View style={{ alignContent: 'center', alignItems: 'center', margin: 15, backgroundColor: '#fff', padding: 15, borderRadius: 5, }}>
+
+            <LibPicture source={esp.assets('menu/ic_ticket_orders.png')} style={{ height: 100, width: 100 }} />
+
+            <Text allowFontScaling={false} style={{ marginTop: 20, color: '#000', fontSize: 20, fontWeight: 'bold' }}>{esp.lang("bigbang/input_code", "already_have_a_code?")}</Text>
+
+            <LibInput_rectangle2
+              ref={inputCode}
+              placeholder={esp.lang("bigbang/input_code", "placeholder_input_code")}
+              style={{ borderRadius: 3, height: 35 }}
+              autoCapitalize='characters'
+              returnKeyType='go'
+              onSubmitEditing={checkCode}
+            />
+
+            <TouchableOpacity onPress={checkCode} style={{ marginTop: 20, width: LibStyle.width - 60, height: 35, borderRadius: 5, backgroundColor: LibStyle.colorPrimary, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'white', marginRight: 13, marginLeft: 10 }} >{esp.lang("event/visitor_index", "submit")}</Text>
+            </TouchableOpacity>
+
+            <View style={{ marginTop: 20, backgroundColor: LibUtils.hexToRgba("#FFC523", 0.1) }}>
+              <View style={{ height: 3, backgroundColor: "#FFC523" }} />
+              <View style={{ padding: 10, marginRight: 10, flexDirection: 'row' }}>
+                <LibIcon name='information-outline' size={18} />
+                <Text allowFontScaling={false} style={{ marginHorizontal: 10, fontSize: 12, lineHeight: 14, letterSpacing: 0.5, textAlign: 'justify' }}>{esp.lang("bigbang/input_code", "please_input_your_code")}</Text>
+              </View>
+            </View>
+
+
+          </View>
+        </View>
+      </LibKeyboard_avoid>
+
+    </View>
+  )
+}

package/modules/bigbang/loading_page.tsx

@@ -0,0 +1,246 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/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';
+import { LibDistribution_lock } from 'esoftplay/cache/lib/distribution_lock/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+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 { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { PaymentTicketProperty } from 'esoftplay/cache/payment/ticket/import';
+import esp from 'esoftplay/esp';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import { useTimeout } from 'esoftplay/timeout';
+import LottieView from 'lottie-react-native';
+import React, { useEffect, useRef } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface BigbangLoading_pageArgs {
+  post: any
+  url: string
+  isSecure: number
+  secureParam?: string
+  title: string
+  amount?: any
+  send_image?: any
+  send_name?: any
+  send_account?: any
+  receive_image?: any
+  receive_name?: any
+  receive_account?: any
+  currency?: string
+  order_type?: string
+}
+export interface BigbangLoading_pageProps {
+
+}
+
+const loadingState = useGlobalState({}, { persistKey: 'bigbang/loading_page' })
+
+export function state(): useGlobalReturn<any> {
+  return loadingState
+}
+
+export default function m(props: BigbangLoading_pageProps): any {
+  const {
+    post,
+    url,
+    isSecure, // untuk curl yang pakai .secure()
+    secureParam, // contoh kasus di PPOB
+    title, // title di header
+    amount,
+    send_image,
+    send_name,
+    send_account,
+    receive_image,
+    receive_name,
+    receive_account,
+    currency
+  }: any = LibNavigation.getArgsAll(props)
+  const animation = useRef<LottieView>(null)
+  const timeout = useTimeout()
+  const curr = currency ? currency : ''
+
+  const sendBackResult = LibNavigation.useBackResult(props)
+
+  useEffect(() => {
+    // loadingState.reset()
+    loadingState.set(LibObject.set(loadingState.get(), LibNavigation.getArgsAll(props))(post.trx_id))
+    doAction()
+    timeout(() => {
+      animation.current?.play()
+    }, 300);
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  function doAction() {
+    
+    if (isSecure && isSecure == 1) {
+      new LibCurl().secure(secureParam ? secureParam : 'get_token')()(url, post ? post : null, (result, msg) => {
+        LibProgress.hide()
+        loadingState.set(LibObject.unset(loadingState.get(), post.trx_id)())
+        let dataSB = {
+          ok: 1,
+          url: result?.url,
+          ...result
+        }
+
+        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.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") {
+          LibDistribution_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 {
+          LibDialog.warningConfirm(esp.lang("bigbang/loading_page", "warning_title"), error?.message, esp.lang("bigbang/loading_page", "warning_ok"), () => {
+
+          }, "", () => { })
+        }
+      }, 1)
+    } else {
+      new LibCurl(url, post ? post : null, (result, msg) => {
+        LibProgress.hide()
+        loadingState.set(LibObject.unset(loadingState.get(), post.trx_id)())
+        let dataSB = {
+          ok: 1,
+          url: result?.url,
+          ...result
+        }
+
+        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.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") {
+          LibDistribution_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 {
+          LibDialog.warningConfirm(esp.lang("bigbang/loading_page", "warning_title"), error?.message, esp.lang("bigbang/loading_page", "warning_ok"), () => {
+
+          }, "", () => { })
+        }
+      }, 1)
+    }
+  }
+
+  
+
+  return (
+    <View style={{ flex: 1, backgroundColor: "#fff" }}>
+      <ComponentHeader title={title} />
+      <ScrollView style={{ padding: 20 }}>
+        <View style={{ alignItems: 'center' }} >
+          <LottieView
+            ref={animation}
+            loop={true}
+            style={{
+              width: 150,
+              height: 150,
+            }}
+            source={esp.assets('pending.json')}
+          // OR find more Lottie files @ https://lottiefiles.com/featured
+          // Just click the one you like, place that file in the 'assets' folder to the left, and replace the above 'require' statement
+          />
+        </View>
+        <Text allowFontScaling={false} style={{ alignSelf: 'center', textAlign: 'center', fontFamily: 'ArialBold', fontSize: 17, marginTop: 30, color: '#4a4a4a' }} >{title}</Text>
+        <Text style={{ alignSelf: 'center', textAlign: 'center', fontFamily: 'ArialBold', fontSize: 30, marginTop: 10, color: LibStyle.colorPrimary }} >{LibUtils.money(amount, curr)}</Text>
+
+        <LibTextstyle text={esp.lang("bigbang/loading_page", "from")} textStyle="m_overline" style={{ color: '#999', marginTop: 40 }} />
+        <View style={{ flexDirection: 'row', marginTop: 5, alignItems: 'center' }} >
+          <LibPicture style={{ height: 40, width: 40, borderRadius: 20, backgroundColor: '#f1f2f3', marginRight: 20 }} source={send_image && send_image == "" ? esp.assets('icons/ic_no_image_merchant.png') : { uri: send_image }} />
+          <View style={{ flex: 1 }} >
+            <LibTextstyle text={send_name} textStyle={'body'} />
+            {
+              send_account &&
+              <LibTextstyle text={send_account} textStyle={'footnote'} style={{ color: "#888" }} />
+            }
+          </View>
+        </View>
+
+        <LibTextstyle text={esp.lang("user/transaction_detail", "reveiver")} textStyle="m_overline" style={{ color: '#999', marginTop: 15 }} />
+        <View style={{ flexDirection: 'row', marginTop: 5, alignItems: 'center' }} >
+          <LibPicture style={{ height: 40, width: 40, borderRadius: 20, backgroundColor: '#f1f2f3', marginRight: 20 }} source={receive_image && receive_image == "" ? esp.assets('icons/ic_no_image_merchant.png') : { uri: receive_image }} />
+          <View style={{ flex: 1 }} >
+            <LibTextstyle text={receive_name} textStyle={'body'} />
+            {
+              receive_account &&
+              <LibTextstyle text={receive_account} textStyle={'footnote'} style={{ color: "#888" }} />
+            }
+          </View>
+        </View>
+
+      </ScrollView>
+      {/* <ComponentButton
+        label='Refresh'
+        onPress={doAction}
+        backgroundColor={LibStyle.colorPrimary}
+        style={{ margin: 15 }}
+      /> */}
+    </View>
+  )
+}