esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/event/firebase_socket.ts

@@ -0,0 +1,261 @@
+// noPage
+// useLibs
+
+import { getAuth } from '@react-native-firebase/auth';
+import { get, getDatabase, onValue, ref, set } from '@react-native-firebase/database';
+import { collection, getCountFromServer, getDocs, getFirestore, orderBy, query, where } from '@react-native-firebase/firestore';
+import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
+import { createTimeout, useInterval } from 'esoftplay/timeout';
+
+function getEventPath() {
+  return "event" + (esp.isDebug("cc") ? "BBT" : "BBO")
+}
+function getRandomSuffix(time: number): number {
+  return Number(time + "" + (Math.floor(Math.random() * 9000) + 1000))
+}
+
+
+export const eventIdQueue = useGlobalState(0)
+export const eventQueueConfig = useGlobalState<any>({})
+const state = useGlobalState(0)
+export const lastKeyInPages = useGlobalState<string[]>([])
+export const userIdKeyReplacer = useGlobalState<any>({})
+
+export default function useFirebaseSocket() {
+  const [status] = state.useState()
+  const isDirect = EventTms_homeProperty.state()
+
+  function isInLocal(state: any[], code: string) {
+    const encodedCode = encodeURIComponent(code)
+    return state.findIndex(([url, post]) => (post.qr == encodedCode || post.user_qr == encodedCode)) == -1 ? false : true
+  }
+
+  const auth = () => {
+    return getAuth()
+  }
+  const db = () => {
+    return getDatabase()
+
+  }
+
+  const signInAnonym = () => { }
+
+  // ini get yang di live
+  async function _get(path: string, gate_id: string, onDone: (res: any) => void) {
+    let hasDone = false
+    if (isDirect.get()) {
+      new LibCurl('gate_check/' + path + '?t=' + new Date().getTime(), { gate_id }, (res) => {
+        hasDone = true
+        onDone(res)
+      }, (res) => {
+        onDone(res)
+        hasDone = true
+      }, 1)
+      return
+    }
+
+    get(ref(getDatabase(), path))
+      .then((sn) => {
+        hasDone = true
+        if (sn.exists()) {
+          onDone(sn.val())
+        } else {
+          onDone(null)
+        }
+      })
+      .catch((e) => {
+        // if (e && !hasDone) {
+        //   getBackup(path, (res) => {
+        //     if (res) {
+        //       onDone(res)
+        //     } else {
+        //       onDone(null)
+        //     }
+        //   })
+        // }
+      })
+  }
+
+  function listenChangeTime(merchant_id: string, callback: (params: any) => void): () => void {
+    const onChildChange = onValue(ref(getDatabase(), 'merchant_offline/' + merchant_id), (sn) => {
+      if (sn.exists()) {
+        callback(sn.val());
+      }
+    })
+    return () => onChildChange
+  }
+
+  async function _set(path: string, data: any, onDone?: (res: any) => void) {
+    const timeout = createTimeout()
+    if (state.get() == 1)
+      set(ref(getDatabase(), path), data)
+    else
+      timeout.set(() => {
+        _set(path, data,)
+        timeout.clear()
+      }, 300);
+  }
+
+  function path(...paths: any[]): string {
+    return paths.join('/')
+  }
+
+  function addQueue(path: string, event_id: string, onSuccess?: () => void) {
+    const instance: any = esp.mod("firestore/index")().instance()
+    const db = getFirestore(instance)
+
+    if (userIdKeyReplacer.get()?.priority == 1) {
+      const coll = collection(db, [getEventPath(), path, event_id].join('/'));
+      const q = query(coll, orderBy('t', 'asc'), where("t", "==", userIdKeyReplacer.get().t));
+      getDocs(q).then((doc) => {
+        if (doc.size == 0) {
+          LibToastProperty.show(esp.lang("event/firebase_socket", "priority_queue_used"))
+          userIdKeyReplacer.set(LibObject.set(userIdKeyReplacer.get(), 0)('priority'))
+          addQueue(path, event_id, onSuccess)
+        } else if (doc.size == 1) {
+          // console.log("SIJI")
+          doc.forEach((d) => {
+            userIdKeyReplacer.set(LibObject.set(userIdKeyReplacer.get(), d.id)('id'))
+            updateQueueExp(path, event_id)
+            new LibCurl('event_booking_waiting_allotment_use', { event_id: event_id })
+            if (onSuccess) onSuccess?.()
+          })
+        } else {
+          LibToastProperty.show("Antrian lebih dari 1", doc.size)
+        }
+        // console.log("SIZE", doc.size)
+      })
+    } else {
+      // console.log("ora")
+      if (userIdKeyReplacer.get()?.id)
+        esp.mod("firestore/index")().deleteDocument?.(instance, [getEventPath?.(), path, event_id, userIdKeyReplacer.get()?.id], () => { }, (e) => { })
+      const ctime = getDateTimebyGmt7().getTime()
+      const time = getRandomSuffix(ctime)
+      const data = { t: ctime, s: time }
+      // console.log(data)
+      esp.mod("firestore/index")().addCollection?.(instance, [getEventPath?.(), path, event_id], data, (dt) => {
+        // console.log("KENE",)
+        userIdKeyReplacer.set?.({
+          id: dt?.id,
+          ...data
+        })
+        if (onSuccess) onSuccess?.()
+      }, (err) => {
+        // console.log(err)
+      })
+    }
+  }
+
+  function getDateTimebyGmt7() {
+    const ori = new Date()
+    // const gmt = setTimeOffset(ori)
+    return ori
+  }
+
+  // get weather function
+
+  function getQueue(path: string, event_id: string, _limit: number, cb: (idx: number, key: string) => void) {
+    const instance: any = esp.mod("firestore/index")().instance()
+    const db = getFirestore(instance)
+    const coll = collection(db, [getEventPath(), path, event_id].join('/'));
+    const q = query(coll, orderBy('s', 'asc'), where("s", "<", userIdKeyReplacer.get().s));
+
+    getCountFromServer(q).then((v) => {
+      cb(v.data().count, userIdKeyReplacer.get().id)
+    }).catch((e) => {
+      getQueue(path, event_id, _limit, cb)
+      console.log({ e })
+    })
+    // /* cleanup */
+    // const cdate = getDateTimebyGmt7().getTime()
+    // if (!cdate) {
+    //   LibToastProperty.show(esp.lang("lib/firebase_socket", "something_wrong_1"))
+    //   return
+    // }
+    // if (!_limit) {
+    //   LibToastProperty.show(esp.lang("lib/firebase_socket", "something_wrong_2"))
+    //   return
+    // }
+    // if (!userIdKeyReplacer?.get()?.s) {
+    //   LibToastProperty.show(esp.lang("lib/firebase_socket", "something_wrong_3"))
+    //   return
+    // }
+    // const exp = query(collection(instance, [getEventPath(), path, event_id].join('/')), where("t", "<", cdate - _limit), orderBy('t', 'asc'), limit(10));
+    // const batch = writeBatch(instance);
+    // getDocs(exp).then((expd) => {
+    //   expd.forEach((doc) => {
+    //     if (Number(doc.data().s) < Number(userIdKeyReplacer.get().s))
+    //       batch.delete(doc.ref)
+    //     // console.log(doc.data().t < cdate - limit, doc.data().t, cdate - limit, cdate - limit - doc.data().t)
+    //     // console.log('->' + moment(new Date(Number(doc.data().t))).localeFormat('DD MMMM YYYY HH:mm:ss'))
+    //     // console.log('-->' + moment(new Date(cdate - limit)).localeFormat('DD MMMM YYYY HH:mm:ss') + '\n\n')
+    //   })
+    //   batch.commit()
+    // })
+    // /* end cleanup */
+  }
+
+  function updateQueueExp(path: string, event_id: string) {
+    const instance: any = esp.mod("firestore/index")().instance()
+    esp.mod("firestore/index")().updateDocument(instance, [getEventPath(), path, event_id, userIdKeyReplacer.get().id], [{ key: 't', value: getDateTimebyGmt7().getTime() }], () => { }, (e) => {
+      // updateQueueExp(path, event_id, key)
+    })
+  }
+
+  function doneQueue(path: string, event_id: string, key: string, cb: Function) {
+    if (key) {
+      const instance: any = esp.mod("firestore/index")().instance()
+      esp.mod("firestore/index")().deleteDocument(instance, [getEventPath(), path, event_id, key], () => {
+        cb()
+        userIdKeyReplacer.reset()
+      }, (e) => {
+        console.warn(e)
+      })
+    }
+  }
+
+  function isInPricingQueueConfig(event_id: string) {
+    return eventQueueConfig.get(event_id) && eventQueueConfig.get(event_id).limit > 0
+  }
+
+  function useQueueConfigListener() {
+    function action() {
+      fetch(esp.config("events", "queue") + "?t=" + new Date().getTime(), { "method": "GET" })
+        .then(res => res.json())
+        .then((re) => {
+          eventQueueConfig.set(re)
+        })
+
+    }
+    const timeout = useInterval()
+    action()
+    timeout(() => {
+      action()
+    }, 10000)
+  }
+
+  return {
+    status,
+    auth,
+    db,
+    signInAnonymously: signInAnonym,
+    get: _get,
+    set: _set,
+    isInLocal,
+    // getQueueConfig,
+    isInPricingQueueConfig,
+    useQueueConfigListener,
+    // isInBookingQueueConfig,
+    addQueue,
+    getQueue,
+    doneQueue,
+    updateQueueExp,
+    listenChangeTime,
+    path
+  }
+}

package/modules/event/hall_in.tsx

@@ -0,0 +1,148 @@
+// withHooks
+import { useEffect } from 'react';
+
+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 { LibObject } from 'esoftplay/cache/lib/object/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface EventTms_in_hallArgs {
+
+}
+export interface EventTms_in_hallProps {
+
+}
+export default function m(props: EventTms_in_hallProps): any {
+  const { scan_type, url_ticket_update, url_ticket_detail, price_type, gate_type, qr_code, event_id, selectGate, typeScanner, event_title, 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.addCounterHallInScan(1, "0")
+
+    var post = {
+      event_id: event_id,
+      user_qr: qr_code,
+      hall_id: selectGate?.id
+    }
+
+    let ticketsData: any[] = [];
+
+    new LibCurl('event_tms_hall', 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]
+          });
+        }
+      });
+
+      esp.log({ res });
+
+      if (res?.hasOwnProperty("staff")) {
+        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/tms_idcard', {
+              selectedTicket: { ...tiket, key: qr_code },
+              hall: "in",
+              ...args
+            })
+          } else {
+            let err = {
+              message: tiket.status_label,
+              result: tiket.scanned_detail
+            }
+            LibNavigation.replace('event/tms_in_hall_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/tms_in_hall_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_confirm"
+              LibNavigation.replace('event/tms_in_hall_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/tms_in_hall_failed', { msgError: err, ...args, postGetData: post })
+            }
+          }
+        }
+      } else { // jika punya tiket banyak
+        LibNavigation.replace('event/tms_in_hall_list', { data: ticketsData, ...args })
+      }
+
+    }, (error) => { // jika tidak punya tiket
+      esp.log({ error });
+
+      LibNavigation.replace('event/tms_in_hall_failed', { msgError: error, ...args, postGetData: post })
+    }, 1)
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <LibLoading />
+    </View>
+  )
+}

package/modules/event/hall_in_failed.tsx

@@ -0,0 +1,270 @@
+// withHooks
+import { useEffect } from 'react';
+
+import { EventButton } from 'esoftplay/cache/event/button/import';
+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 { LibIcon } from 'esoftplay/cache/lib/icon/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 { LibSlidingup } from 'esoftplay/cache/lib/slidingup/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 { UseCondition } from 'esoftplay/cache/use/condition/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { Alert, Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventTms_in_hall_failedArgs {
+
+}
+export interface EventTms_in_hall_failedProps {
+
+}
+
+export default function m(props: EventTms_in_hall_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)
+
+  const [, setData, getData] = useSafeState()
+  const [qty, setQty, getQty] = useSafeState(1)
+
+  const qtyRef = React.useRef<LibSlidingup>(null)
+
+  useEffect(() => {
+    EventTms_homeProperty.addCounterHallInScanFailed(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 forceEntrance() {
+    let dataEntranceIn = []
+    let dataEntranceBackIn = []
+    let mustBeEntrance = 0
+    let doneEntrance = 0
+
+    const arr: any[] = msgError.result
+    dataEntranceIn = arr.filter((x: any) => x?.status_scanned == 2)
+    dataEntranceBackIn = arr.filter((x: any) => x?.status_scanned == 5)
+
+    qtyRef.current?.hide()
+    LibProgress.show("Processing")
+
+    if (dataEntranceIn.length > 0) {
+      mustBeEntrance += 1
+      let post = {
+        "target-url": `https://api.${esp.config().domain}/gate_checkin`,
+        price_id: getData().ticket.price_id,
+        qr: encodeURIComponent(postGetData.user_qr),
+        trx_id: new Date().getTime() + "" + UserClass.state().get()?.id,
+        event_id: event_id,
+        gate_id: getData().gate.id,
+        is_tms: 1,
+        qty: getQty(),
+        tms_id: UserClass.state().get()?.id,
+        scanned: LibUtils.moment().format('YYYY-MM-DD HH:mm:ss'),
+      }
+      new LibCurl(url_ticket_update, post,
+        (res) => {
+          doneEntrance += 1
+          if (mustBeEntrance <= doneEntrance) {
+            LibProgress.hide()
+            Alert.alert("Berhasil masuk ke Gate!", "Silahkan lanjutkan proses masuk ke hall", [
+              {
+                text: "OK", onPress: () => {
+                  LibNavigation.replace("event/tms_in_hall", { scan_type, url_ticket_update, url_ticket_detail, price_type, gate_type, qr_code: postGetData.user_qr, event_id, selectGate, typeScanner, event_title, configPriority })
+                }
+              }
+            ])
+          }
+        },
+        (error) => {
+          doneEntrance += 1
+          if (mustBeEntrance <= doneEntrance) {
+            LibProgress.hide()
+          }
+        },
+      )
+    }
+    if (dataEntranceBackIn.length > 0) {
+      mustBeEntrance += 1
+      var post = {
+        event_id: event_id,
+        ids: JSON.stringify(dataEntranceBackIn.map((x: any) => x.id_out_temporary).slice(0, getQty())),
+        gate_id: getData().gate.id,
+      }
+      new LibCurl('event_tms_out_temporary_in_confirm', post, (result, msg) => {
+        doneEntrance += 1
+        if (mustBeEntrance <= doneEntrance) {
+          LibProgress.hide()
+          Alert.alert("Berhasil masuk ke Gate!", "Silahkan lanjutkan proses masuk ke hall", [
+            {
+              text: "OK", onPress: () => {
+                LibNavigation.replace("event/tms_in_hall", { scan_type, url_ticket_update, url_ticket_detail, price_type, gate_type, qr_code: postGetData.user_qr, event_id, selectGate, typeScanner, event_title, configPriority })
+              }
+            }
+          ])
+          // LibNavigation.replace("event/tms_in_hall", { scan_type, url_ticket_update, url_ticket_detail, price_type, gate_type, qr_code: postGetData.user_qr, event_id, selectGate, typeScanner, event_title, configPriority })
+        }
+      }, (error) => {
+        doneEntrance += 1
+        if (mustBeEntrance <= doneEntrance) {
+          LibProgress.hide()
+        }
+      })
+    }
+  }
+
+  function sendTelegram() {
+    let data = {
+      '#bbohallin': ":",
+      reporter: {
+        email: UserClass.state().get().email,
+        name: UserClass.state().get().name
+      },
+      url: "event_tms_hall",
+      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={{ flex: 1, position: 'absolute', top: 50, 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>
+          <ScrollView>
+            <View style={{ minHeight: LibStyle.height * 0.4, marginTop: 30 }}>
+              {
+                msgError?.result?.length > 0 &&
+                <Text allowFontScaling={false} style={{ textAlign: 'center', marginBottom: 10, fontSize: 18, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: "#fff" }}>{esp.lang("event/tms_in_hall_failed", "history_used")}</Text>
+              }
+              {
+                msgError?.result?.length > 0 && msgError?.result?.map((item: any, i: number) => {
+                  return (
+                    <View key={i} style={{ marginBottom: 5, backgroundColor: "#fff", borderRadius: 10, overflow: 'hidden' }}>
+                      {
+                        item.hasOwnProperty("status_label") && item?.status_label != "" &&
+                        <View style={{ backgroundColor: '#37c2d0', padding: 10, }} >
+                          <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: item?.status == 1 ? item?.status_background : "#fff" }}>{(item?.status_label)?.toUpperCase()}</Text>
+                        </View>
+                      }
+                      <View style={{ padding: 10, flexDirection: 'row', justifyContent: 'space-between', }}>
+                        <View style={{ flex: 1 }}>
+                          <Text allowFontScaling={false} style={{ marginBottom: 5, fontWeight: 'bold', fontSize: 14 }}>{esp.lang("event/tms_in_hall_failed", "type")}</Text>
+                          <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ letterSpacing: 1, fontSize: 12 }}>{item?.price_name}</Text>
+                        </View>
+                        <View style={{ flex: 2 }}>
+                          <Text allowFontScaling={false} style={{ marginBottom: 5, fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{esp.lang("event/tms_in_hall_failed", "time")}</Text>
+                          {
+                            item?.hall_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 style={{ flex: 2 }}>
+                          <Text allowFontScaling={false} style={{ marginBottom: 5, fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{/*hall*/"TMS - Hall"}</Text>
+                          {
+                            item?.hall_name != null &&
+                            <Text allowFontScaling={false} style={{ letterSpacing: 1, textAlign: 'center', fontSize: 12 }}>{item.hasOwnProperty("tms_email") ? item?.tms_email + "\n" + item?.hall_name : item?.hall_name}</Text>
+                          }
+                        </View>
+
+                      </View>
+                    </View>
+                  )
+                })
+              }
+            </View>
+          </ScrollView>
+        </ScrollView>
+        <UseCondition if={msgError?.status_code == 'EV043'}>
+          <View style={{ flexDirection: 'row' }} >
+            <Pressable onPress={() => {
+              LibNavigation.navigateForResult("event/tms_gate_result", { type: "gate", event_id: event_id }, 2123).then((gate) => {
+                const ticket = msgError.result[0]
+                setData({ gate, ticket })
+                const validDataLength = msgError.result?.filter?.((x: any) => (x?.status_scanned == 2 || x?.status_scanned == 5))?.length
+                if (validDataLength > 1) {
+                  qtyRef.current?.show()
+                } else if (validDataLength == 1) {
+                  setQty(1)
+                  forceEntrance()
+                }
+              })
+            }} style={{ marginHorizontal: 20, flex: 1, height: 40, borderRadius: 5, backgroundColor: LibStyle.colorPrimary, justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }} >
+              <Text allowFontScaling={false} style={{ textAlign: 'center', fontWeight: 'bold', color: "#fff" }}>PAKSA MASUK KE GATE</Text>
+            </Pressable>
+          </View>
+        </UseCondition>
+        <View style={{ flexDirection: 'row', width: LibStyle.width - 40, alignItems: 'center', marginVertical: 10, justifyContent: 'center' }}>
+          <UseCondition if={msgError?.status_code != 'EV043'}>
+            <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: 40, borderRadius: 5, backgroundColor: LibStyle.colorRed, borderWidth: 3, borderColor: "#fff", justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }}>
+              <Text allowFontScaling={false} style={{ textAlign: 'center', fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/tms_in_hall_failed", "report_error")}</Text>
+            </Pressable>
+          </UseCondition>
+          <Pressable onPress={getBack} style={{ width: (LibStyle.width - 45) * 0.5, height: 40, borderRadius: 5, borderWidth: 5, borderColor: LibStyle.colorGreen, justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }}>
+            <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/tms_in_hall_failed", "back")}</Text>
+          </Pressable>
+
+        </View>
+      </View>
+      <LibSlidingup ref={qtyRef}>
+        <View style={{ backgroundColor: 'white', padding: 20, borderTopLeftRadius: 30, borderTopRightRadius: 30 }} >
+          <View style={{ flexDirection: 'row', padding: 20, alignItems: 'center' }} >
+            <Pressable onPress={() => { setQty(Math.max(1, qty - 1)) }} >
+              <LibIcon.SimpleLineIcons size={40} name='minus' />
+            </Pressable>
+            <Text allowFontScaling={false} style={{ fontSize: 50, fontWeight: 'bold', textAlign: 'center', flex: 1 }}>{qty}</Text>
+            <Pressable onPress={() => { setQty(Math.min(msgError.result?.filter?.((x: any) => (x?.status_scanned == 2 || x?.status_scanned == 5))?.length, qty + 1)) }} >
+              <LibIcon.SimpleLineIcons size={40} name='plus' />
+            </Pressable>
+          </View>
+          <EventButton label='Force Entrance' onPress={() => { forceEntrance() }} />
+        </View>
+      </LibSlidingup >
+    </View >
+  )
+}