esoftplay-event 0.0.1-c → 0.0.1-e

package/event/entrance_log.tsx

@@ -1,130 +0,0 @@
-// withHooks
-import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
-import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
-import { EventTms_logProperty } from 'esoftplay/cache/event/tms_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, { useEffect } from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-export interface EventTms_in_logArgs {
-
-}
-export interface EventTms_in_logProps {
-  onPress: (type: string, title: string) => void
-}
-
-export interface EntranceLogItem {
-  text: string
-  subtitle: string
-  value: string
-  onPress: () => void
-  valuecolor?: string
-}
-
-function Item(props: EntranceLogItem) {
-  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: EventTms_in_logProps): any {
-  const log = EventTms_homeProperty.counterState().useSelector(s => s)
-  const backup = EventTms_in_successProperty.syncUsedTiket().useSelector(s => s)
-  const [loading, setLoading] = useSafeState<boolean>(true)
-  const timeout = useTimeout()
-
-  function syncData() {
-    EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
-    timeout(() => {
-      setLoading(false)
-    }, 1000)
-  }
-
-  function forceSyncData() {
-    EventTms_homeProperty.subscribeSyncReset().trigger(EventTms_in_successProperty.syncUsedTiket().get())
-    timeout(() => {
-      setLoading(false)
-    }, 1000)
-  }
-
-  useEffect(() => {
-    syncData()
-  }, [])
-
-  if (loading) {
-    return <LibLoading />
-  }
-
-  const sumValue = EventTms_logProperty.sumValuesPerCategory(log)
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff', margin: 17, marginTop: 0, paddingBottom: 10, marginBottom: 0, borderBottomRightRadius: 10, borderBottomLeftRadius: 10, ...LibStyle.elevation(2) }}>
-      <Item text='Scan' subtitle={esp.lang("event/tms_in_log", "ticket_scanned")} value={sumValue?.entrance_scan} onPress={() => {
-        if (sumValue?.entrance_scan) {
-          props.onPress("entrance_scan", esp.lang("event/tms_in_log", "scan_gate"))
-        }
-
-      }} />
-      <Item text={esp.lang("event/tms_in_log", "qty_ticket_scan")} subtitle={esp.lang("event/tms_in_log", "qty_ticket_scanned")} value={sumValue?.entrance_ticket} onPress={() => {
-        if (sumValue?.entrance_ticket) {
-          props.onPress("entrance_ticket", esp.lang("event/tms_in_log", "qty_ticket_scan"))
-        }
-
-      }} />
-      <Item text={esp.lang("event/tms_in_log", "open_gate")} subtitle={esp.lang("event/tms_in_log", "ticket_scanned_id")} value={sumValue?.entrance_opengate} onPress={() => {
-        if (sumValue?.entrance_opengate) {
-          props.onPress("entrance_opengate", esp.lang("event/tms_in_log", "open_gate"))
-        }
-      }} />
-      <Item text={esp.lang("event/tms_in_log", "opengate_idcard")} subtitle={esp.lang("event/tms_in_log", "idcard_scanned_in")} value={sumValue?.entrance_opengate_idcard} onPress={() => {
-        if (sumValue?.entrance_opengate_idcard) {
-          props.onPress("entrance_opengate_idcard", esp.lang("event/tms_in_log", "opengate_idcard"))
-        }
-      }} />
-      <Item text={esp.lang("event/tms_in_log", "data_send")} subtitle={esp.lang("event/tms_in_log", "data_send_to_server")} value={sumValue?.entrance_send} onPress={() => {
-        if (sumValue?.entrance_send) {
-          props.onPress("entrance_send", esp.lang("event/tms_in_log", "data_send"))
-        }
-
-      }} />
-      <Item text={esp.lang("event/tms_in_log", "data_not_send")} subtitle={esp.lang("event/tms_in_log", "data_not_send_to_server")} value={backup.length} valuecolor={LibStyle.colorRed} onPress={() => {
-
-      }} />
-
-      <View style={{ marginHorizontal: 15 }} >
-        <UseCondition
-          if={backup.length == 0}
-          fallback={
-            <Pressable onPress={() => {
-
-              setLoading(true)
-              forceSyncData()
-            }}>
-              <Text allowFontScaling={false} style={{ textAlign: 'center' }}>{esp.lang("event/tms_in_log", "please_wait")}<Text style={{ color: LibStyle.colorBlue, textDecorationStyle: 'solid', textDecorationLine: 'underline' }}>{esp.lang("event/tms_in_log", "press_here")}</Text> {esp.lang("event/tms_in_log", "press_here2")}</Text>
-            </Pressable>
-          } >
-          <LibTextstyle textStyle='callout'
-            style={{ textAlign: 'center', marginTop: 10 }}
-            text={esp.lang("event/tms_in_log", "all_data_send")} />
-        </UseCondition>
-      </View>
-    </View >
-  )
-}
-

package/event/entrance_success.tsx

@@ -1,153 +0,0 @@
-// 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 { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { UserClass } from 'esoftplay/cache/user/class/import';
-import { useRef } from 'react';
-
-import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
-import esp from 'esoftplay/esp';
-import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
-import useSafeState from 'esoftplay/state';
-import { LinearGradient } from 'expo-linear-gradient';
-import React, { useEffect } from 'react';
-import { Animated, Easing, Pressable, Text, View } from 'react-native';
-
-
-export interface EventTms_in_successArgs {
-
-}
-export interface EventTms_in_successProps {
-
-}
-
-export const syncUsedTiketState = useGlobalState<any[]>([], { persistKey: 'event_entrance_success_tiket_sync', loadOnInit: true, inFastStorage: true })
-export function syncUsedTiket(): useGlobalReturn<any[]> {
-  return syncUsedTiketState
-}
-
-export default function m(props: EventTms_in_successProps): any {
-  const { scan_type, url_ticket_update, url_ticket_detail, price_type, selectedTicket, gate_type, qr_code, event_id, selectGate, typeScanner, event_title, qty, configPriority } = LibNavigation.getArgsAll<any>(props)
-  // const { set } = EventFirebase_socket()
-  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: 'event/tms_home',
-            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);
-  }
-
-  let _qty = qty ? qty : 1
-
-  useEffect(() => {
-    entrance()
-    animateProgressBar()
-  }, [])
-
-
-  function entrance() {
-    useTicket()
-  }
-
-  function useTicket() {
-    let url = url_ticket_update
-
-    let post = {
-      "target-url": `https://api.${esp.config().domain}/gate_checkin`,
-      price_id: selectedTicket?.price_id,
-      qr: encodeURIComponent(qr_code),
-      trx_id: new Date().getTime() + "" + UserClass.state().get()?.id,
-      event_id: event_id,
-      gate_id: selectGate?.id,
-      is_tms: 1,
-      qty: _qty,
-      tms_id: UserClass.state().get()?.id,
-      scanned: LibUtils.moment().format('YYYY-MM-DD HH:mm:ss'),
-    }
-    EventTms_homeProperty.addCounterEntranceOpenGate(1, selectedTicket?.price_id)
-    syncUsedTiketState.set(LibObject.push(syncUsedTiketState.get(), [url, post])())
-    EventTms_homeProperty.subscribeSync().trigger(syncUsedTiketState.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: selectedTicket && selectedTicket?.user_image != "" ? decodeURIComponent(selectedTicket?.user_image) : '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' }}>{selectedTicket?.title?.split("+").join(' ')}</Text>
-            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 14, marginTop: 20, color: '#fff' }}>{gate_type == "1" ? esp.lang("event/tms_in_success", "in") : esp.lang("event/tms_in_success", "out")}</Text>
-          </View>
-
-        </LinearGradient>
-      </Pressable>
-    </View>
-  )
-}

package/event/entrance_warning.tsx

@@ -1,91 +0,0 @@
-// withHooks
-
-import { applyStyle } from 'esoftplay';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { EventOrder_itemProperty } from 'esoftplay/cache/event/order_item/import';
-import esp from 'esoftplay/esp';
-import React from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
-
-
-export interface EventTms_in_warningArgs {
-
-}
-export interface EventTms_in_warningProps {
-
-}
-export default function m(props: EventTms_in_warningProps): any {
-  const {
-    url_ticket_update,
-    url_ticket_detail,
-    price_type,
-    selectedTicket,
-    gate_type,
-    qr_code,
-    event_id,
-    selectGate,
-    typeScanner,
-    event_title,
-    qty,
-    configPriority,
-    scan_type,
-    is_from_list } = LibNavigation.getArgsAll<any>(props)
-
-
-  let args = {
-    price_type: price_type,
-    gate_type: gate_type,
-    qr_code: qr_code,
-    event_id: event_id,
-    event_title: event_title,
-    selectGate: selectGate,
-    typeScanner: typeScanner,
-    url_ticket_detail: url_ticket_detail,
-    url_ticket_update: url_ticket_update,
-    qty: qty,
-    configPriority: configPriority,
-    scan_type: scan_type
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: selectedTicket?.color }}>
-      <View style={{ padding: 15, flex: 4, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
-        <Text allowFontScaling={false} style={{ color: EventOrder_itemProperty.textColor(selectedTicket?.color), letterSpacing: 1, fontSize: 20, textAlign: 'center', fontWeight: 'normal' }}>{esp.lang("event/tms_in_warning", "your_ticket")}</Text>
-        <Text allowFontScaling={false} numberOfLines={5} ellipsizeMode="tail" style={{ marginVertical: 15, letterSpacing: 2, color: EventOrder_itemProperty.textColor(selectedTicket?.color), fontSize: 32, textAlign: 'center', fontWeight: 'bold' }}>{selectedTicket?.title}</Text>
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 20, color: EventOrder_itemProperty.textColor(selectedTicket?.color), letterSpacing: 1, fontSize: 20, textAlign: 'center', fontWeight: 'normal' }}>{esp.lang("event/tms_in_warning", "confirm")}</Text>
-      </View>
-      <View style={{ flex: 1, padding: 15, justifyContent: 'flex-end' }}>
-        <TouchableOpacity onPress={() => {
-          if (is_from_list == 1) {
-            LibNavigation.replace('event/tms_in_success', {
-              selectedTicket: selectedTicket,
-              ...args
-            })
-          } else {
-            if (selectedTicket?.qty > 1) {
-              let tikets = [selectedTicket]
-              LibNavigation.replace('event/tms_in_list', {
-                tickets: tikets,
-                ...args
-              })
-            } else {
-              LibNavigation.replace('event/tms_in_success', {
-                selectedTicket: selectedTicket,
-                ...args
-              })
-            }
-          }
-        }} style={applyStyle({ marginBottom: 20, width: LibStyle.width - 30, height: 40, borderRadius: 16, backgroundColor: EventOrder_itemProperty.textColor(selectedTicket?.color), flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
-          <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: selectedTicket?.color, marginRight: 15 })} >{esp.lang("event/tms_in_warning", "process")}</Text>
-        </TouchableOpacity>
-        <TouchableOpacity onPress={() => {
-          LibNavigation.back()
-        }} style={applyStyle({ width: LibStyle.width - 30, borderWidth: 1, borderColor: EventOrder_itemProperty.textColor(selectedTicket?.color), height: 40, borderRadius: 16, backgroundColor: selectedTicket?.color, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
-          <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: EventOrder_itemProperty.textColor(selectedTicket?.color), marginRight: 15 })} >{esp.lang("event/tms_in_warning", "cancel")}</Text>
-        </TouchableOpacity>
-      </View>
-
-    </View>
-  )
-}

package/event/exit.tsx

@@ -1,91 +0,0 @@
-// withHooks
-import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/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 { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { UserClass } from 'esoftplay/cache/user/class/import';
-import esp from 'esoftplay/esp';
-import React, { useEffect } from 'react';
-import { View } from 'react-native';
-
-
-export interface EventTms_outArgs {
-
-}
-export interface EventTms_outProps {
-
-}
-export default function m(props: EventTms_outProps): any {
-  const { scan_type, url_ticket_update, url_ticket_detail, price_type, gate_type, qr_code, event_id, email, selectGate, typeScanner, event_title, qty, configPriority }: any = LibNavigation.getArgsAll<any>(props)
-
-  let args = {
-    selectGate: selectGate,
-    fromPage: 'event/tms_home',
-    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() {
-    EventTms_homeProperty.addCounterOutScan(1, "0")
-
-    let post = {
-      event_id: event_id,
-      gate_id: selectGate?.id,
-      user_qr: encodeURIComponent(qr_code),
-      email: email ? email : "",
-    }
-
-    new LibCurl('event_tms_out', post, (res) => {
-      // setResult(res)
-      let modifyList = res.list.length > 0 && res.list.map((item: any, i: number) => {
-        return ({
-          ...item,
-          checked: i == 0 ? 1 : 0
-        })
-      })
-      let finalData = {
-        ...res,
-        list: modifyList
-      }
-
-      esp.log(res);
-
-      if (modifyList.length == 1) {
-        let a = modifyList?.filter((item: any) => item.checked == 1).map((it: any) => it.id)
-        let postOut = {
-          event_id: event_id,
-          ids: JSON.stringify(a),
-          gate_id: selectGate?.id,
-          trx_id: new Date().getTime() + "" + UserClass.state().get()?.id,
-          price_id: modifyList?.filter((item: any) => item.checked == 1).map((it: any) => it.price_id),
-          scanned_out: LibUtils.moment().format('YYYY-MM-DD HH:mm:ss'),
-        }
-        let urlOut = "event_tms_out_confirm"
-        LibNavigation.replace('event/tms_out_success', { data: finalData, ...args, url: urlOut, post: postOut })
-      } else {
-        LibNavigation.replace('event/tms_out_list', { data: finalData, ...args })
-      }
-    }, (error) => {
-      LibNavigation.replace('event/tms_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/exit_failed.tsx

@@ -1,135 +0,0 @@
-// withHooks
-
-
-import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/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, { useEffect } from 'react';
-import { Pressable, ScrollView, Text, View } from 'react-native';
-
-
-export interface EventTms_out_failedArgs {
-
-}
-export interface EventTms_out_failedProps {
-
-}
-export default function m(props: EventTms_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(() => {
-    EventTms_homeProperty.addCounterOutScanFailed(1, "0")
-  }, [])
-
-  function getBack() {
-    LibNavigation.replace('component/scanner', {
-      selectGate: selectGate,
-      fromPage: 'event/tms_home',
-      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 = {
-      '#bbotmsexit': ":",
-      reporter: {
-        email: UserClass.state().get().email,
-        name: UserClass.state().get().name
-      },
-      url: "event_tms_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 }}>{esp.lang("event/tms_out_failed", "type")}</Text>
-              </View>
-              <View style={{ flex: 1, justifyContent: 'center', paddingVertical: 5 }}>
-                <Text allowFontScaling={false} style={{ fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{esp.lang("event/tms_out_failed", "time")}</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?.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/tms_in_failed", "warn_title"), esp.lang("event/tms_in_failed", "warn_msg"), esp.lang("event/tms_in_failed", "warn_ok"), () => {
-              sendTelegram()
-            }, esp.lang("event/tms_in_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: 14, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/tms_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/tms_out_failed", "back")}</Text>
-          </Pressable>
-
-        </View>
-      </View>
-
-    </View>
-  )
-}