esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/event/tms_in_failed.tsx

@@ -0,0 +1,190 @@
+// withHooks
+import { applyStyle } from 'esoftplay';
+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 useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventTms_in_failedArgs {
+
+}
+export interface EventTms_in_failedProps {
+
+}
+export default function m(props: EventTms_in_failedProps): any {
+  const { scan_type, ticketItem, text, url_ticket_update, url_ticket_detail, price_type, gate_type, qr_code, event_id, selectGate, typeScanner, event_title, configPriority }: any = LibNavigation.getArgsAll(props)
+
+  const [result, setResult] = useSafeState<any>()
+  const [error, setError] = useSafeState<any>()
+
+  let url = url_ticket_detail + LibUtils.objectToUrlParam({
+    is_turnstile: 0,
+    price_id: ticketItem?.price_id == "staff" ? 0 : ticketItem?.price_id,
+    qr: encodeURIComponent(qr_code),
+    t: new Date().getTime()
+  })
+
+
+  useEffect(() => {
+    EventTms_homeProperty.addCounterEntranceScanFailed(1, ticketItem?.price_id)
+    if (ticketItem && url_ticket_detail) {
+      getDetailDataTicket()
+    }
+  }, [])
+
+  function getDetailDataTicket() {
+    new LibCurl(url, null, (res, msg) => {
+      setResult(res)
+    }, (err) => {
+      setError(err)
+    }, 1)
+  }
+
+  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 = {
+      '#bbotms': ":",
+      reporter: {
+        email: UserClass.state().get().email,
+        name: UserClass.state().get().name
+      },
+      "event/gate/type": event_id + "/" + selectGate?.id + "/" + (gate_type == 1 ? "in" : "out"),
+      qr: qr_code,
+      type_ticket: ticketItem?.price_id,
+      qty: ticketItem?.qty,
+      qty_used: ticketItem?.qty_used,
+      qty_left: ticketItem?.qty_left,
+      data: {
+        res: result,
+        url: url
+      },
+      error_msg: text,
+    }
+
+    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 }}>{text ? text : esp.lang("event/tms_in_failed", "ticket_out")}</Text>
+          {
+            result &&
+            <View style={[applyStyle({ marginTop: 10, padding: 10 }), { width: LibStyle.width }]}>
+              {
+                result?.length > 0 &&
+                <>
+                  <Text allowFontScaling={false} style={{ fontSize: 20, color: '#fff', margin: 10, textAlign: 'center', letterSpacing: 1 }}>{esp.lang("event/tms_in_failed", "history")}</Text>
+                  <Text allowFontScaling={false} style={{ marginTop: 0, fontSize: 16, color: '#fff', margin: 10, textAlign: 'center', letterSpacing: 1, fontWeight: 'bold' }}>{result?.[0].price_name}</Text>
+                  <View style={{ flexDirection: 'row', justifyContent: 'space-between', backgroundColor: '#37c2d0', borderTopLeftRadius: 10, borderTopRightRadius: 10 }}>
+                    <View style={{ flex: 1.5, 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_in_failed", "code")}</Text>
+                    </View>
+                    <View style={{ flex: 1.2, justifyContent: 'center', paddingVertical: 5 }}>
+                      <Text allowFontScaling={false} style={{ fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{esp.lang("event/tms_in_failed", "used_time")}</Text>
+                    </View>
+                    <View style={{ flex: 2, justifyContent: 'center', borderLeftWidth: 1, borderColor: LibStyle.colorBgGrey, paddingVertical: 5 }}>
+                      <Text allowFontScaling={false} style={{ fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{esp.lang("event/tms_in_failed", "gate")}</Text>
+                    </View>
+                  </View>
+                </>
+              }
+
+              {
+                result && 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.5, 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?.code}</Text>
+                      </View>
+                      <View style={{ flex: 1.2, justifyContent: 'center', paddingVertical: 5 }}>
+                        {
+                          item.scanned != "0000-00-00 00:00:00" &&
+                          <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 12 }}>{LibUtils.moment(item.scanned).localeFormat("DD MMM H:mm:ss ")}</Text>
+                        }
+                      </View>
+                      <View style={{ flex: 2, justifyContent: 'center', borderLeftWidth: 1, borderColor: LibStyle.colorBgGrey, paddingVertical: 5 }}>
+                        {
+                          item.gate_name != null &&
+                          <Text allowFontScaling={false} style={{ letterSpacing: 1, textAlign: 'center', fontSize: 12, }}>{item.tms_email + "\n" + item.gate_name + " - " + item.turnstile_id}</Text>
+                        }
+                      </View>
+                    </View>
+                  )
+                })
+              }
+            </View>
+          }
+          {
+            error &&
+            <View style={{ width: LibStyle.width - 40, justifyContent: 'center', alignItems: 'center', padding: 15, borderRadius: 10, marginTop: 100 }}>
+              <Text allowFontScaling={false} style={{ flexWrap: 'wrap', fontSize: 14, lineHeight: 20, fontWeight: "bold", marginBottom: 5, color: "#fff", textAlign: "center" }}>{error?.message}</Text>
+            </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_in_failed", "report")}</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_in_failed", "back")}</Text>
+          </Pressable>
+
+        </View>
+      </View>
+
+    </View>
+  )
+
+}

package/modules/event/tms_in_hall.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/tms_in_hall_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: 'space-between' }}>
+          <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, backgroundColor: LibStyle.colorGreen, 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 >
+  )
+}