esoftplay-event 0.0.0-a

package/event/hall_in_log.tsx

@@ -0,0 +1,134 @@
+// withHooks
+
+import { useEffect } from 'react';
+
+import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
+import { EventHall_in_successProperty } from 'esoftplay/cache/event/hall_in_success/import';
+import { EventLogProperty } from 'esoftplay/cache/event/log/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/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 { UseCondition } from 'esoftplay/cache/use/condition/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import { useTimeout } from 'esoftplay/timeout';
+import React from 'react';
+import { Pressable, Text, View } from 'react-native';
+
+export interface EventHall_in_logArgs {
+
+}
+export interface EventHall_in_logProps {
+  onPress: (type: string, title: string) => void
+}
+
+export interface HallInLogItem {
+  text: string
+  subtitle: string
+  value: string
+  onPress: () => void
+  valuecolor?: string
+}
+
+function Item(props: HallInLogItem) {
+  return (
+    <Pressable
+      onPress={() => {
+        props.onPress()
+      }} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
+      <View>
+        <LibTextstyle text={props.text} textStyle="subhead" />
+        <Text style={{ letterSpacing: 0.5, marginTop: 3, fontSize: 12, color: LibStyle.colorBrown }}>{props.subtitle}</Text>
+      </View>
+      <LibTextstyle text={LibUtils.number(props.value)} style={{ color: props.valuecolor ? props.valuecolor : "#000" }} textStyle="title2" />
+    </Pressable>
+  )
+}
+
+export default function m(props: EventHall_in_logProps): any {
+
+  const logHallIn = BigbangGate_infoProperty.counterState().useSelector(s => s)
+  const backupHallIn = EventHall_in_successProperty.syncHallIn().useSelector(s => s)
+  const [loading, setLoading] = useSafeState<boolean>(true)
+  const timeout = useTimeout()
+
+  function syncHallInData() {
+    BigbangGate_infoProperty.subscribeSyncHallIn().trigger(EventHall_in_successProperty.syncHallIn().get())
+    timeout(() => {
+      setLoading(false)
+    }, 1000)
+  }
+
+  function forceSyncHallInData() {
+    BigbangGate_infoProperty.subscribeSyncHallInReset().trigger(EventHall_in_successProperty.syncHallIn().get())
+    timeout(() => {
+      setLoading(false)
+    }, 1000)
+  }
+
+  useEffect(() => {
+    syncHallInData()
+  }, [])
+
+  if (loading) {
+    return <LibLoading />
+  }
+
+  let sumValue = EventLogProperty.sumValuesPerCategory(logHallIn)
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff', margin: 17, marginTop: 0, paddingBottom: 10, marginBottom: 0, borderBottomRightRadius: 10, borderBottomLeftRadius: 10, ...LibStyle.elevation(2) }}>
+
+      <Item subtitle={esp.lang("event/hall_in_log", "ticket_scanned_hall_in")} text={esp.lang("event/hall_in_log", "scan_hall_in")} value={sumValue?.hall_in_scan} onPress={() => {
+        if (sumValue?.hall_in_scan) {
+          props.onPress("hall_in_scan", esp.lang("event/hall_in_log", "scan_hall_in"))
+        }
+      }} />
+      <Item subtitle={esp.lang("event/hall_in_log", "qty_scanned_hall_in")} text={esp.lang("event/hall_in_log", "qty_scan_hall_in")} value={sumValue?.hall_in_ticket} onPress={() => {
+        if (sumValue?.hall_in_ticket) {
+          props.onPress("hall_in_ticket", esp.lang("event/hall_in_log", "qty_scan_hall_in"))
+        }
+
+      }} />
+      <Item subtitle={esp.lang("event/hall_in_log", "ticket_success_hall_in")} text={esp.lang("event/hall_in_log", "opengate_hall_in")} value={sumValue?.hall_in_opengate} onPress={() => {
+        if (sumValue?.hall_in_opengate) {
+          props.onPress("hall_in_opengate", esp.lang("event/hall_in_log", "opengate_hall_in"))
+        }
+
+      }} />
+      <Item subtitle={esp.lang("event/hall_in_log", "idcard_scanned_hall_in")} text={esp.lang("event/hall_in_log", "opengate_hall_in_idcard")} value={sumValue?.hall_in_opengate_idcard} onPress={() => {
+        if (sumValue?.hall_in_opengate_idcard) {
+          props.onPress("hall_in_opengate_idcard", esp.lang("event/hall_in_log", "opengate_hall_in_idcard"))
+        }
+
+      }} />
+      <Item subtitle={esp.lang("event/hall_in_log", "data_send_to_server")} text={esp.lang("event/hall_in_log", "data_send")} value={sumValue?.hall_in_send} onPress={() => {
+        if (sumValue?.hall_in_send) {
+          props.onPress("hall_in_send", esp.lang("event/hall_in_log", "data_send"))
+        }
+
+      }} />
+      <Item subtitle={esp.lang("event/hall_in_log", "data_not_send_to_server")} text={esp.lang("event/hall_in_log", "data_not_send")} valuecolor={LibStyle.colorRed} value={backupHallIn.length} onPress={() => {
+
+      }} />
+
+      <View style={{ marginHorizontal: 15 }} >
+        <UseCondition
+          if={backupHallIn.length == 0}
+          fallback={
+            <Pressable onPress={() => {
+              setLoading(true)
+              forceSyncHallInData()
+            }}>
+              <Text allowFontScaling={false} style={{ textAlign: 'center' }}>{esp.lang("event/hall_in_log", "wait")}<Text style={{ color: LibStyle.colorBlue, textDecorationStyle: 'solid', textDecorationLine: 'underline' }}>{esp.lang("event/hall_in_log", "click")}</Text> {esp.lang("event/hall_in_log", "retry")}</Text>
+            </Pressable>
+          } >
+          <LibTextstyle textStyle='callout'
+            style={{ textAlign: 'center', marginTop: 15 }}
+            text={esp.lang("event/hall_in_log", "already_scan")} />
+        </UseCondition>
+      </View>
+    </View >
+  )
+}

package/event/hall_in_success.tsx

@@ -0,0 +1,132 @@
+// withHooks
+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 { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import { LinearGradient } from 'expo-linear-gradient';
+import { useEffect, useRef } from 'react';
+
+import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { Animated, Easing, Pressable, Text, View } from 'react-native';
+
+
+export interface EventHall_in_successArgs {
+
+}
+export interface EventHall_in_successProps {
+
+}
+
+const dataListHallIn = useGlobalState<any[]>([], { persistKey: 'ticket_list_hall_in', loadOnInit: true, inFastStorage: true })
+export function syncHallIn(): useGlobalReturn<any[]> {
+  return dataListHallIn
+}
+
+export default function m(props: EventHall_in_successProps): any {
+
+  const { scan_type, data, url, post, url_ticket_update, url_ticket_detail, price_type, gate_type, event_id, selectGate, typeScanner, event_title, configPriority }: any = LibNavigation.getArgsAll<any>(props)
+  const [isPaused, setIsPaused] = useSafeState<boolean>(false)
+  const progress = useRef(new Animated.Value(0)).current;
+  const animation = useRef<Animated.CompositeAnimation | null>(null);
+  const [pausedValue, setPausedValue] = useSafeState(0);
+
+  function animateProgressBar() {
+    const duration = 1000; // Ubah durasi animasi sesuai kebutuhan Anda
+
+    if (!isPaused) {
+      animation.current = Animated.timing(progress, {
+        toValue: 1,
+        duration: duration - duration * pausedValue,
+        easing: Easing.linear,
+        useNativeDriver: false,
+      });
+
+      animation.current.start(({ finished }) => {
+        if (finished) {
+          setIsPaused(false);
+          setPausedValue(0);
+
+          // script next nya disini
+          LibNavigation.replace('component/scanner', {
+            selectGate: selectGate,
+            fromPage: 'bigbang/gate_info',
+            event_id: event_id,
+            event_title: event_title,
+            typeScanner: typeScanner,
+            gate_type: gate_type,
+            price_type: price_type,
+            url_ticket_detail: url_ticket_detail,
+            url_ticket_update: url_ticket_update,
+            configPriority: configPriority,
+            scan_type: scan_type
+          })
+        }
+      });
+    } else {
+      if (animation.current) {
+        animation.current.stop(); // Hentikan animasi
+        animation.current = null;
+      }
+      setPausedValue(progress._value);
+    }
+
+    setIsPaused(!isPaused);
+  }
+
+  useEffect(() => {
+    dataListHallIn.get()
+    BigbangGate_infoProperty.addCounterHallInGate(1, data[0]?.price_id)
+    createDataHallIn()
+    animateProgressBar()
+  }, [])
+
+  function createDataHallIn() {
+    dataListHallIn.set(LibObject.push(dataListHallIn.get(), [url, post])())
+    BigbangGate_infoProperty.subscribeSyncHallIn().trigger(dataListHallIn.get())
+  }
+
+  const widthInterpolate = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0%', '100%'],
+  });
+
+
+  return (
+    <View style={{ flex: 1 }}>
+      <LibStatusbar style='light' />
+      <Pressable
+        onPressIn={animateProgressBar}
+        onPressOut={animateProgressBar}
+        style={{ backgroundColor: '#000', height: LibStyle.height }}>
+        <LibPicture source={{ uri: 'https://www.w3schools.com/howto/img_avatar.png' }} style={{ width: LibStyle.width, height: LibStyle.height - (LibStyle.height / 4) }} resizeMode={"cover"} />
+
+        <View style={{ marginTop: LibStyle.STATUSBAR_HEIGHT + 5, alignSelf: 'center', height: 5, width: LibStyle.width - 20, backgroundColor: 'rgba(255,255,255,0.3)', borderRadius: 10, position: 'absolute', top: 5, }}>
+          <Animated.View style={{ width: widthInterpolate, height: 5, backgroundColor: LibStyle.colorPrimary, borderRadius: 10, }} />
+        </View>
+
+        <LinearGradient
+          // Background Linear Gradient
+          style={{
+            height: LibStyle.height - (LibStyle.height / 3),
+            width: LibStyle.width,
+            position: 'absolute',
+            left: 0,
+            right: 0,
+            bottom: 0,
+          }}
+          colors={['rgba(255,255,255,0)', 'rgba(0,0,0,0.55)', 'rgba(0,0,0,1)', 'rgba(0,0,0,1)']}>
+          <View style={{ flex: 1, padding: 15, justifyContent: 'flex-end', paddingBottom: 100, alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', flexWrap: 'wrap', fontSize: 35, letterSpacing: 2, fontWeight: '900', color: '#fff' }}>{data[0]?.price_name}</Text>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 26, marginTop: 20, color: '#fff' }}>{esp.lang("event/hall_in_success", "entrance")}</Text>
+          </View>
+
+        </LinearGradient>
+      </Pressable>
+    </View>
+  )
+}

package/event/hall_out.tsx

@@ -0,0 +1,143 @@
+// withHooks
+
+import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+
+
+export interface EventHall_outArgs {
+
+}
+export interface EventHall_outProps {
+
+}
+export default function m(props: EventHall_outProps): any {
+  const { scan_type, url_ticket_update, url_ticket_detail, price_type, gate_type, qr_code, event_id, email, selectGate, typeScanner, event_title, configPriority }: any = LibNavigation.getArgsAll<any>(props)
+
+  let args = {
+    selectGate: selectGate,
+    fromPage: 'bigbang/gate_info',
+    event_id: event_id,
+    event_title: event_title,
+    typeScanner: typeScanner,
+    gate_type: gate_type,
+    price_type: price_type,
+    url_ticket_detail: url_ticket_detail,
+    url_ticket_update: url_ticket_update,
+    configPriority: configPriority,
+    scan_type: scan_type
+  }
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    BigbangGate_infoProperty.addCounterHallOutScan(1, "0")
+
+    var post = {
+      event_id: event_id,
+      user_qr: email ? "" : qr_code,
+      hall_id: selectGate?.id,
+      email: email ? email : "",
+    }
+
+    let ticketsData: any[] = [];
+
+    new LibCurl('event_tms_hall_out', post, (res) => {
+      res?.list?.forEach((item: any, i: number) => {
+        let foundIndex = ticketsData.findIndex((x: any) => x.price_id == item.price_id);
+
+        let newItem = {
+          ...item,
+          checked: 0
+        }
+
+        if (foundIndex != -1) {
+          ticketsData[foundIndex].list.push(newItem);
+          ticketsData[foundIndex].qty += 1
+        } else {
+          ticketsData.push({
+            price_id: item.price_id,
+            price_name: item.price_name,
+            qty: 1,
+            list: [newItem]
+          });
+        }
+      });
+
+      if (res?.hasOwnProperty("staff") && res?.staff?.length > 0) {
+        res?.staff?.map((it: any) => {
+          let x = {
+            ...it,
+            price_id: "staff",
+            user_name: it.name,
+            user_image: it.image,
+            exhibitor_name: it.department_name + "-" + it.exhibitor_name,
+            checked: 0
+          }
+          ticketsData.push(x)
+        })
+      }
+
+      if (ticketsData.length == 1) { // cek jika tiket cuma 1
+        let tiket = ticketsData[0]
+        if (tiket.price_id == "staff") { // jika itu adalah id card
+          if (tiket.status_scanned == 2) {
+            /* 0 tidak diperbolehkan, 1 sudah didalam, 2 available */
+            LibNavigation.replace('event/entrance_idcard', {
+              selectedTicket: { ...tiket, key: qr_code },
+              hall: "out",
+              ...args
+            })
+          } else {
+            let err = {
+              message: tiket.status_label,
+              result: tiket.scanned_detail
+            }
+            LibNavigation.replace('event/hall_out_failed', { msgError: err, ...args, postGetData: post })
+          }
+        } else { // jika itu adalah tiket
+          if (tiket.list?.length > 1) { // jika tiket itu mempunyai banyak qty
+            LibNavigation.replace('event/hall_out_list', { data: ticketsData, ...args })
+          } else { // jika tiket itu cuma 1 qty
+            let defaultUse = LibObject.set(tiket?.list, tiket?.list?.[0]?.status_scanned != 2 ? 1 : 0)(0, 'checked')
+            let a = defaultUse?.filter((item: any) => item.checked == 1 && item.status_scanned != 2).map((it: any) => it.id)
+            let postOut = {
+              event_id: event_id,
+              ids: JSON.stringify(a),
+              hall_id: selectGate?.id,
+              trx_id: new Date().getTime() + "" + UserClass.state().get()?.id,
+              price_id: defaultUse?.filter((item: any) => item.checked == 1 && item.status_scanned != 2).map((it: any) => it.price_id)
+            }
+            if (a.length > 0) { // jika tiket itu bisa di pakai
+              let urlOut = "event_tms_hall_out_confirm"
+              LibNavigation.replace('event/hall_out_success', { data: [tiket], ...args, url: urlOut, post: postOut })
+            } else { // jika tiket itu tidak bisa dipakai
+              let err = {
+                message: tiket?.list?.[0]?.status_label,
+              }
+              LibNavigation.replace('event/hall_out_failed', { msgError: err, ...args, postGetData: post })
+            }
+          }
+        }
+      } else { // jika punya tiket banyak
+        LibNavigation.replace('event/hall_out_list', { data: ticketsData, ...args })
+      }
+
+
+    }, (error) => {
+      LibNavigation.replace('event/hall_out_failed', { msgError: error, ...args, postGetData: post })
+    }, 1)
+  }
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff', alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+      <LibLoading />
+    </View>
+  )
+}

package/event/hall_out_failed.tsx

@@ -0,0 +1,133 @@
+// withHooks
+import { useEffect } from 'react';
+
+import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/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 { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import React from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+export interface EventHall_out_failedArgs {
+
+}
+export interface EventHall_out_failedProps {
+
+}
+export default function m(props: EventHall_out_failedProps): any {
+  const { scan_type, msgError, postGetData, url_ticket_update, url_ticket_detail, price_type, gate_type, event_id, selectGate, typeScanner, event_title, configPriority }: any = LibNavigation.getArgsAll<any>(props)
+
+  useEffect(() => {
+    BigbangGate_infoProperty.addCounterHallOutScanFailed(1, "0")
+  }, [])
+
+  function getBack() {
+    LibNavigation.replace('component/scanner', {
+      selectGate: selectGate,
+      fromPage: 'bigbang/gate_info',
+      event_id: event_id,
+      event_title: event_title,
+      typeScanner: typeScanner,
+      gate_type: gate_type,
+      price_type: price_type,
+      url_ticket_detail: url_ticket_detail,
+      url_ticket_update: url_ticket_update,
+      configPriority: configPriority,
+      scan_type: scan_type
+    })
+  }
+
+  function sendTelegram() {
+    let data = {
+      '#bbohallout': ":",
+      reporter: {
+        email: UserClass.state().get().email,
+        name: UserClass.state().get().name
+      },
+      url: "event_tms_hall_out",
+      post: postGetData,
+      error_msg: msgError,
+    }
+
+    let post = {
+      text: String(JSON.stringify(data || {}, undefined, 2)).replace(/[\[\]\{\}\"]+/g, ''),
+      chat_id: '-1001737180019',
+      disable_web_page_preview: true
+    }
+
+    let _url = "https://api.telegram.org/bot923808407:AAEFBlllQNKCEn8E66fwEzCj5vs9qGwVGT4/sendMessage"
+    new LibCurl().custom(_url, post, (res, msg) => { })
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <LibStatusbar style='light' />
+      <View style={{ flex: 1 }}>
+        <LibPicture source={esp.assets('failed.png')} style={{ flex: 1, height: LibStyle.height, width: LibStyle.width }} /* resizeMode={"stretch"} */ />
+      </View>
+      <View style={{ position: 'absolute', top: 100, left: 0, right: 0, bottom: 0, alignItems: 'center', alignContent: 'center' }} >
+        <ScrollView>
+          <View style={{ marginBottom: 20, alignSelf: 'center', borderRadius: LibStyle.width / 3, padding: 10, backgroundColor: '#fff' }}>
+            <LibPicture
+              source={esp.assets('failed_icon.png')}
+              style={{ width: LibStyle.width / 3, height: LibStyle.width / 3 }}
+            />
+          </View>
+          <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 25, color: '#fff', marginHorizontal: 20, textAlign: 'center', letterSpacing: 1 }}>{msgError?.message}</Text>
+
+          {
+            msgError?.result?.length > 0 &&
+            <View style={{ marginTop: 15, flexDirection: 'row', justifyContent: 'space-between', backgroundColor: '#37c2d0', borderTopLeftRadius: 10, borderTopRightRadius: 10 }}>
+              <View style={{ flex: 1, justifyContent: 'center', borderRightWidth: 1, borderColor: LibStyle.colorBgGrey, paddingVertical: 5, padding: 5 }}>
+                <Text allowFontScaling={false} style={{ fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{"TMS - Tipe Tiket"}</Text>
+              </View>
+              <View style={{ flex: 1, justifyContent: 'center', paddingVertical: 5 }}>
+                <Text allowFontScaling={false} style={{ fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{esp.lang("event/hall_out_failed", "history")}</Text>
+              </View>
+            </View>
+          }
+          {
+            msgError?.result?.length > 0 && msgError?.result?.map((item: any, i: number) => {
+              return (
+                <View key={i} style={{ backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, flexDirection: 'row', justifyContent: 'space-between', borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
+                  <View style={{ flex: 1, justifyContent: 'center', borderRightWidth: 1, borderColor: LibStyle.colorBgGrey, paddingVertical: 5, padding: 5 }}>
+                    <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ letterSpacing: 1, textAlign: 'center', fontSize: 12 }}>{item.hasOwnProperty("tms_email") ? item?.tms_email + "\n" + item?.price_name : item?.price_name}</Text>
+                  </View>
+                  <View style={{ flex: 1, justifyContent: 'center', paddingVertical: 5 }}>
+                    {
+                      item?.scanned != "0000-00-00 00:00:00" &&
+                      <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 12 }}>{LibUtils.moment(item.hall_scanned).localeFormat("DD MMM H:mm:ss ")}</Text>
+                    }
+                  </View>
+                </View>
+              )
+            })
+          }
+        </ScrollView>
+
+        <View style={{ flexDirection: 'row', width: LibStyle.width - 40, marginVertical: 10, justifyContent: 'space-between' }}>
+          <Pressable onPress={() => {
+
+            LibDialog.warningConfirm(esp.lang("event/entrance_failed", "warn_title"), esp.lang("event/entrance_failed", "warn_msg"), esp.lang("event/entrance_failed", "warn_ok"), () => {
+              sendTelegram()
+            }, esp.lang("event/entrance_failed", "warn_no"), () => { })
+
+          }} style={{ width: (LibStyle.width - 45) * 0.5, height: 43, borderRadius: 5, backgroundColor: LibStyle.colorRed, borderWidth: 3, borderColor: "#fff", justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }}>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 12, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/hall_out_failed", "report_error")}</Text>
+          </Pressable>
+          <Pressable onPress={getBack} style={{ width: (LibStyle.width - 45) * 0.5, height: 43, borderRadius: 5, backgroundColor: LibStyle.colorGreen, justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }}>
+            <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/hall_out_failed", "back")}</Text>
+          </Pressable>
+
+        </View>
+      </View>
+
+    </View>
+  )
+}