esoftplay-event 0.0.0-a → 0.0.0-c

package/event/firebase_socket.ts

@@ -0,0 +1,365 @@
+// noPage
+// useLibs
+
+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 { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
+import { createTimeout, useInterval } from 'esoftplay/timeout';
+import { initializeApp } from 'firebase/app';
+import { createUserWithEmailAndPassword, getAuth, signInWithEmailAndPassword } from 'firebase/auth';
+import { get, getDatabase, onValue, ref, set } from 'firebase/database';
+import { collection, getCountFromServer, getDocs, orderBy, query, where } from 'firebase/firestore';
+import { useLayoutEffect, useRef } from "react";
+
+let firebaseConfig = () => {
+  return esp.isDebug("") ?
+    /* test */{
+      apiKey: "AIzaSyD9CeY0yS2e3fZy-mp3A326HWMtqL-VbW8",
+      authDomain: "bbo-gate.firebaseapp.com",
+      databaseURL: "https://bbo-gate-default-rtdb.asia-southeast1.firebasedatabase.app/",
+
+      // apiKey: "AIzaSyB25Sbrf3Q4ysDyx95I65ibZLw47kz3_sc",
+      // authDomain: "bigbang-online.firebaseapp.com",
+      // databaseURL: "https://bigbang-online.firebaseio.com/",
+    }
+    :
+    /* live */{
+      apiKey: "AIzaSyB25Sbrf3Q4ysDyx95I65ibZLw47kz3_sc",
+      authDomain: "bigbang-online.firebaseapp.com",
+      databaseURL: "https://bigbang-online.firebaseio.com/",
+    };
+};
+
+
+function readDeepObj(obj: any) {
+  return function (param?: string, ...params: string[]): any {
+    let out: any = obj
+    if (param) {
+      var _params = [param, ...params]
+      if (_params.length > 0)
+        for (let i = 0; i < _params.length; i++) {
+          out = out?.[_params[i]];
+          if (out == undefined) {
+            break;
+          }
+        }
+    }
+    return out;
+  }
+}
+
+
+
+function getBackup(path: string, onDone: (res: any) => void): any {
+  // let data = stateBackup.get();
+  // const paths = path.split('/');
+  // onDone(readDeepObj(data)(...paths))
+}
+
+var _installationID: any;
+(async () => {
+  _installationID = await LibUtils.getInstallationID()
+})();
+
+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 userEmail = UserClass.state().useSelector(t => t?.email)
+  const userId = UserClass.state().useSelector(t => t?.id)
+  const app = useRef(initializeApp(firebaseConfig(), "BBOGATEv")).current
+  const db = useRef(getDatabase(app)).current
+  const auth = useRef(getAuth(app)).current
+  const isDirect = EventTms_homeProperty.state()
+
+  function initAppCustom() {
+    return esp.mod("firestore/index")().init("CUSTOM", {
+      "apiKey": "AIzaSyB04JT4JJfFsArIccAjBEn1nwIlg8EVWx4",
+      "authDomain": "bigbang-online.firebaseapp.com",
+      "databaseURL": "https://bigbang-online.firebaseio.com/",
+      "storageBucket": "gs://bigbang-online.appspot.com/",
+      "projectId": "bigbang-online"
+    })
+  }
+
+  useLayoutEffect(() => {
+    if (state.get() == 0 && userEmail && userId) {
+      signInAnonym()
+      initAppCustom()
+    }
+  }, [userEmail, userId])
+
+  function signInAnonym(cb?: () => void) {
+    const pass = LibUtils.shorten(userEmail + "" + userId)
+    const password = esp.mod("firestore/index")().generatePassword(pass, userEmail)
+
+    if (state.get() == 1) {
+      cb?.()
+      return
+    } else
+      doSign(userEmail, password, cb)
+  }
+
+  function doSign(email: string, password: string, cb?: () => void) {
+    signInWithEmailAndPassword(auth, email, password).then(() => {
+      state.set(1)
+      cb?.()
+    }).catch((err) => {
+      if (err.code == "auth/user-not-found") {
+        doRegisterFirebase(email, password, cb)
+      } else {
+        throw "ERROR : " + err.code
+      }
+    })
+  }
+
+  function doRegisterFirebase(email: string, password: string, cb?: () => void) {
+    createUserWithEmailAndPassword(auth, email, password)
+      .then((userCredential) => {
+        state.set(1)
+        cb?.()
+      })
+      .catch((error) => {
+        if (error.code == "auth/email-already-in-use") {
+          doSign(email, password, cb)
+        } else {
+          throw "ERROR : " + error.code
+        }
+      });
+  }
+
+  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
+  }
+
+  // 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(db, 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(db, '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(db, 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 = initAppCustom()
+    if (userIdKeyReplacer.get()?.priority == 1) {
+      const coll = collection(instance.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("lib/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.db, [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.db, [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 = initAppCustom()
+    const coll = collection(instance.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.db, [getEventPath(), path, event_id].join('/')), where("t", "<", cdate - _limit), orderBy('t', 'asc'), limit(10));
+    // const batch = writeBatch(instance.db);
+    // 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 = initAppCustom()
+    esp.mod("firestore/index")().updateDocument(instance.db, [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 = initAppCustom()
+      esp.mod("firestore/index")().deleteDocument(instance.db, [getEventPath(), path, event_id, key], () => {
+        cb()
+        userIdKeyReplacer.reset()
+      }, () => {
+        console.warn()
+      })
+    }
+  }
+
+  function isInPricingQueueConfig(event_id: string) {
+    return eventQueueConfig.get(event_id) && eventQueueConfig.get(event_id).limit > 0
+  }
+
+  function useQueueConfigListener() {
+    function action() {
+      fetch(esp.isDebug("") ?
+        "https://storage.googleapis.com/bbo-images/images/modules/api/event_queue.json" + "?t=" + new Date().getTime() :
+        "https://storage.googleapis.com/bbo-images/bbo.co.id/images/modules/api/event_queue.json" + "?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/event/hall_in.tsx

@@ -1,7 +1,7 @@
 // withHooks
 import { useEffect } from 'react';
 
-import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
+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';
@@ -12,18 +12,18 @@ import React from 'react';
 import { View } from 'react-native';
 
 
-export interface EventHall_inArgs {
+export interface EventTms_in_hallArgs {
 
 }
-export interface EventHall_inProps {
+export interface EventTms_in_hallProps {
 
 }
-export default function m(props: EventHall_inProps): any {
+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: 'bigbang/gate_info',
+    fromPage: 'event/tms_home',
     event_id: event_id,
     event_title: event_title,
     typeScanner: typeScanner,
@@ -39,7 +39,7 @@ export default function m(props: EventHall_inProps): any {
   }, [])
 
   function loadData() {
-    BigbangGate_infoProperty.addCounterHallInScan(1, "0")
+    EventTms_homeProperty.addCounterHallInScan(1, "0")
 
     var post = {
       event_id: event_id,
@@ -92,7 +92,7 @@ export default function m(props: EventHall_inProps): any {
         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', {
+            LibNavigation.replace('event/tms_idcard', {
               selectedTicket: { ...tiket, key: qr_code },
               hall: "in",
               ...args
@@ -102,11 +102,11 @@ export default function m(props: EventHall_inProps): any {
               message: tiket.status_label,
               result: tiket.scanned_detail
             }
-            LibNavigation.replace('event/hall_in_failed', { msgError: err, ...args, postGetData: post })
+            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/hall_in_list', { data: ticketsData, ...args })
+            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)
@@ -119,23 +119,23 @@ export default function m(props: EventHall_inProps): any {
             }
             if (a.length > 0) { // jika tiket itu bisa di pakai
               let urlOut = "event_tms_hall_confirm"
-              LibNavigation.replace('event/hall_in_success', { data: [tiket], ...args, url: urlOut, post: postOut })
+              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/hall_in_failed', { msgError: err, ...args, postGetData: post })
+              LibNavigation.replace('event/tms_in_hall_failed', { msgError: err, ...args, postGetData: post })
             }
           }
         }
       } else { // jika punya tiket banyak
-        LibNavigation.replace('event/hall_in_list', { data: ticketsData, ...args })
+        LibNavigation.replace('event/tms_in_hall_list', { data: ticketsData, ...args })
       }
 
     }, (error) => { // jika tidak punya tiket
       esp.log({ error });
 
-      LibNavigation.replace('event/hall_in_failed', { msgError: error, ...args, postGetData: post })
+      LibNavigation.replace('event/tms_in_hall_failed', { msgError: error, ...args, postGetData: post })
     }, 1)
   }
 

package/event/hall_in_failed.tsx

@@ -1,8 +1,8 @@
 // withHooks
 import { useEffect } from 'react';
 
-import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
+import { EventButton } from 'esoftplay/cache/event/button/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';
@@ -21,29 +21,29 @@ import React from 'react';
 import { Alert, Pressable, ScrollView, Text, View } from 'react-native';
 
 
-export interface EventHall_in_failedArgs {
+export interface EventTms_in_hall_failedArgs {
 
 }
-export interface EventHall_in_failedProps {
+export interface EventTms_in_hall_failedProps {
 
 }
 
-export default function m(props: EventHall_in_failedProps): any {
+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 [data, setData, getData] = useSafeState()
+  const [, setData, getData] = useSafeState()
   const [qty, setQty, getQty] = useSafeState(1)
 
   const qtyRef = React.useRef<LibSlidingup>(null)
 
   useEffect(() => {
-    BigbangGate_infoProperty.addCounterHallInScanFailed(1, "0")
+    EventTms_homeProperty.addCounterHallInScanFailed(1, "0")
   }, [])
 
   function getBack() {
     LibNavigation.replace('component/scanner', {
       selectGate: selectGate,
-      fromPage: 'bigbang/gate_info',
+      fromPage: 'event/tms_home',
       event_id: event_id,
       event_title: event_title,
       typeScanner: typeScanner,
@@ -91,7 +91,7 @@ export default function m(props: EventHall_in_failedProps): any {
             Alert.alert("Berhasil masuk ke Gate!", "Silahkan lanjutkan proses masuk ke hall", [
               {
                 text: "OK", onPress: () => {
-                  LibNavigation.replace("event/hall_in", { 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 })
                 }
               }
             ])
@@ -119,11 +119,11 @@ export default function m(props: EventHall_in_failedProps): any {
           Alert.alert("Berhasil masuk ke Gate!", "Silahkan lanjutkan proses masuk ke hall", [
             {
               text: "OK", onPress: () => {
-                LibNavigation.replace("event/hall_in", { 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 })
               }
             }
           ])
-          // LibNavigation.replace("event/hall_in", { 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
@@ -175,7 +175,7 @@ export default function m(props: EventHall_in_failedProps): any {
             <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/hall_in_failed", "history_used")}</Text>
+                <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) => {
@@ -189,11 +189,11 @@ export default function m(props: EventHall_in_failedProps): any {
                       }
                       <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/hall_in_failed", "type")}</Text>
+                          <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/hall_in_failed", "time")}</Text>
+                          <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>
@@ -218,10 +218,10 @@ export default function m(props: EventHall_in_failedProps): any {
         <UseCondition if={msgError?.status_code == 'EV043'}>
           <View style={{ flexDirection: 'row' }} >
             <Pressable onPress={() => {
-              LibNavigation.navigateForResult("bigbang/gate_result", { type: "gate", event_id: event_id }, 2123).then((gate) => {
+              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) => (x?.status_scanned == 2 || x?.status_scanned == 5))?.length
+                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) {
@@ -237,16 +237,16 @@ export default function m(props: EventHall_in_failedProps): any {
         <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/entrance_failed", "warn_title"), esp.lang("event/entrance_failed", "warn_msg"), esp.lang("event/entrance_failed", "warn_ok"), () => {
+              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/entrance_failed", "warn_no"), () => { })
+              }, 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/hall_in_failed", "report_error")}</Text>
+              <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/hall_in_failed", "back")}</Text>
+            <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/tms_in_hall_failed", "back")}</Text>
           </Pressable>
 
         </View>
@@ -258,11 +258,11 @@ export default function m(props: EventHall_in_failedProps): any {
               <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) => (x?.status_scanned == 2 || x?.status_scanned == 5))?.length, qty + 1)) }} >
+            <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>
-          <ComponentButton label='Force Entrance' onPress={() => { forceEntrance() }} />
+          <EventButton label='Force Entrance' onPress={() => { forceEntrance() }} />
         </View>
       </LibSlidingup >
     </View >