esoftplay-event 0.0.0-a

package/event/hall_in.tsx

@@ -0,0 +1,148 @@
+// withHooks
+import { useEffect } from 'react';
+
+import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface EventHall_inArgs {
+
+}
+export interface EventHall_inProps {
+
+}
+export default function m(props: EventHall_inProps): 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',
+    event_id: event_id,
+    event_title: event_title,
+    typeScanner: typeScanner,
+    gate_type: gate_type,
+    price_type: price_type,
+    url_ticket_detail: url_ticket_detail,
+    url_ticket_update: url_ticket_update,
+    configPriority: configPriority,
+    scan_type: scan_type
+  }
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    BigbangGate_infoProperty.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/entrance_idcard', {
+              selectedTicket: { ...tiket, key: qr_code },
+              hall: "in",
+              ...args
+            })
+          } else {
+            let err = {
+              message: tiket.status_label,
+              result: tiket.scanned_detail
+            }
+            LibNavigation.replace('event/hall_in_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 })
+          } 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/hall_in_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 })
+            }
+          }
+        }
+      } else { // jika punya tiket banyak
+        LibNavigation.replace('event/hall_in_list', { data: ticketsData, ...args })
+      }
+
+    }, (error) => { // jika tidak punya tiket
+      esp.log({ error });
+
+      LibNavigation.replace('event/hall_in_failed', { msgError: error, ...args, postGetData: post })
+    }, 1)
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <LibLoading />
+    </View>
+  )
+}

package/event/hall_in_failed.tsx

@@ -0,0 +1,270 @@
+// withHooks
+import { useEffect } from 'react';
+
+import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
+import { ComponentButton } from 'esoftplay/cache/component/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';
+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 EventHall_in_failedArgs {
+
+}
+export interface EventHall_in_failedProps {
+
+}
+
+export default function m(props: EventHall_in_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 [qty, setQty, getQty] = useSafeState(1)
+
+  const qtyRef = React.useRef<LibSlidingup>(null)
+
+  useEffect(() => {
+    BigbangGate_infoProperty.addCounterHallInScanFailed(1, "0")
+  }, [])
+
+  function getBack() {
+    LibNavigation.replace('component/scanner', {
+      selectGate: selectGate,
+      fromPage: 'bigbang/gate_info',
+      event_id: event_id,
+      event_title: event_title,
+      typeScanner: typeScanner,
+      gate_type: gate_type,
+      price_type: price_type,
+      url_ticket_detail: url_ticket_detail,
+      url_ticket_update: url_ticket_update,
+      configPriority: configPriority,
+      scan_type: scan_type,
+    })
+  }
+
+  function 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.test.bbo.co.id/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 + "?is_turnstile=0", 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/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 })
+                }
+              }
+            ])
+          }
+        },
+        (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/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/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 })
+        }
+      }, (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/hall_in_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/hall_in_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>
+                          {
+                            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("bigbang/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
+                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/entrance_failed", "warn_title"), esp.lang("event/entrance_failed", "warn_msg"), esp.lang("event/entrance_failed", "warn_ok"), () => {
+                sendTelegram()
+              }, esp.lang("event/entrance_failed", "warn_no"), () => { })
+
+            }} style={{ width: (LibStyle.width - 45) * 0.5, height: 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>
+            </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>
+          </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) => (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() }} />
+        </View>
+      </LibSlidingup >
+    </View >
+  )
+}

package/event/hall_in_list.tsx

@@ -0,0 +1,222 @@
+// withHooks
+import { useEffect, useRef } from 'react';
+
+
+import { applyStyle } from 'esoftplay';
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+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 { LibStyle } from 'esoftplay/cache/lib/style/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 useSafeState from 'esoftplay/state';
+import React from 'react';
+import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import { Path, Svg } from 'react-native-svg';
+
+
+
+export interface EventHall_in_listArgs {
+
+}
+export interface EventHall_in_listProps {
+
+}
+export default function m(props: EventHall_in_listProps): any {
+  const { data, scan_type, url_ticket_update, url_ticket_detail, price_type, gate_type, event_id, selectGate, typeScanner, event_title, configPriority }: any = LibNavigation.getArgsAll<any>(props)
+  const [useAll, setUseAll] = useSafeState<boolean>(false)
+  const [list, setList] = useSafeState<any>()
+  const dialogQty = useRef<ComponentSlidingup>(null)
+
+  let args = {
+    selectGate: selectGate,
+    fromPage: 'bigbang/gate_info',
+    event_id: event_id,
+    event_title: event_title,
+    typeScanner: typeScanner,
+    gate_type: gate_type,
+    price_type: price_type,
+    url_ticket_detail: url_ticket_detail,
+    url_ticket_update: url_ticket_update,
+    configPriority: configPriority,
+    data: data,
+    scan_type: scan_type
+  }
+
+  useEffect(() => {
+    if (data?.length == 1) {
+      let item = data?.[0]
+      let defaultUse = LibObject.set(item?.list, 1)(0, 'checked')
+      setList(defaultUse)
+      dialogQty?.current?.show()
+    }
+  }, [])
+
+  function renderItem(item: any, i: number) {
+    const z = (200 / 500) * (LibStyle.width - 50);
+    if (item.price_id == "staff") {
+      return (
+        <Pressable key={i} onPress={() => {
+          if (item.status_scanned == 2) /* 0 tidak diperbolehkan, 1 sudah didalam, 2 available */ {
+            LibNavigation.replace('event/entrance_idcard', {
+              selectedTicket: item,
+              hall: "in",
+              ...args
+            })
+          } else {
+            var post = {
+              event_id: event_id,
+              hall_id: selectGate?.id
+            }
+            let err = {
+              message: item.status_label,
+              result: item.scanned_detail
+            }
+            LibNavigation.replace('event/hall_in_failed', { msgError: err, ...args, postGetData: post })
+          }
+
+        }} style={{ width: LibStyle.width - 50, marginBottom: 10, backgroundColor: LibStyle.colorPrimary, padding: 15, borderRadius: 10, ...LibStyle.elevation(3) }}>
+          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+            <View style={{ height: 80, width: 80, borderRadius: 10, backgroundColor: LibStyle.colorBgGrey, ...LibStyle.elevation(3) }}>
+              <LibPicture source={{ uri: item?.user_image }} style={{ height: 80, width: 80, borderRadius: 10 }} />
+            </View>
+            <View style={{ marginHorizontal: 10, flex: 1, alignContent: 'center', justifyContent: 'center' }}>
+              <Text allowFontScaling={false} numberOfLines={2} style={applyStyle({ color: "#000", fontSize: 16, fontWeight: 'bold' })} >{item.user_name}</Text>
+              <Text allowFontScaling={false} style={applyStyle({ letterSpacing: 1, color: "#000", fontSize: 20, fontWeight: 'bold' })} >{item?.exhibitor_name?.split('-')[0]}</Text>
+              <Text allowFontScaling={false} numberOfLines={4} style={applyStyle({ letterSpacing: 1, color: "#000", fontSize: 16, fontWeight: 'normal' })} >{item?.exhibitor_name?.split('-')[1]}</Text>
+
+            </View>
+          </View>
+        </Pressable>
+      )
+    } else {
+      return (
+        <Pressable key={i} onPress={() => {
+          let defaultUse = LibObject.set(item.list, 1)(0, 'checked')
+          setList(defaultUse)
+          dialogQty?.current?.show()
+        }}>
+          <Svg width={LibStyle.width - 50} height={z} viewBox="0 0 544 210" fill="none">
+            <Path fill-rule="evenodd" fill={LibUtils.hexToRgba(LibStyle.colorPrimary, 0.5)} clip-rule="evenodd" d="M0 15C0 6.71573 6.71573 0 15 0H529C537.284 0 544 6.71573 544 15V90C535.716 90 529 96.7157 529 105C529 113.284 535.716 120 544 120V195C544 203.284 537.284 210 529 210H15C6.71573 210 0 203.284 0 195V120C8.28427 120 15 113.284 15 105C15 96.7157 8.28427 90 0 90V15Z" />
+            <Path fill-rule="evenodd" fill={LibStyle.colorPrimary} clip-rule="evenodd" d="M16 0C7.16345 0 0 7.16344 0 16V91C8.2843 91 15 97.7157 15 106C15 114.284 8.2843 121 0 121V194C0 202.837 7.16345 210 16 210H185.924C187.623 210 189 208.623 189 206.924C189 205.281 187.68 203.974 186.124 203.446C181.981 202.04 179 198.118 179 193.5C179 190.516 180.245 187.823 182.244 185.911C182.407 185.755 182.572 185.597 182.739 185.439C185.671 182.647 189 179.478 189 175.5C189 171.522 185.671 168.353 182.739 165.561C182.572 165.403 182.407 165.245 182.244 165.089C180.245 163.177 179 160.484 179 157.5C179 154.156 180.563 151.178 182.998 149.255C185.858 146.996 189 144.145 189 140.5C189 136.855 185.858 134.004 182.998 131.745C180.563 129.822 179 126.844 179 123.5C179 120.516 180.245 117.823 182.244 115.911C182.407 115.755 182.572 115.597 182.739 115.439C185.671 112.647 189 109.478 189 105.5C189 101.522 185.671 98.3527 182.739 95.5614C182.572 95.4028 182.407 95.2454 182.244 95.0891C180.245 93.1775 179 90.4841 179 87.5C179 84.1564 180.563 81.1778 182.998 79.2549C185.858 76.9962 189 74.1446 189 70.5C189 66.8554 185.858 64.0038 182.998 61.7451C180.563 59.8222 179 56.8436 179 53.5C179 50.5159 180.245 47.8225 182.244 45.9109C182.407 45.7546 182.572 45.5972 182.739 45.4386C185.671 42.6473 189 39.4782 189 35.5C189 31.5218 185.671 28.3527 182.739 25.5614C182.572 25.4028 182.407 25.2454 182.244 25.0891C180.245 23.1775 179 20.4841 179 17.5C179 13.0541 181.763 9.25356 185.666 7.72205C187.45 7.02203 189 5.50424 189 3.58798C189 1.60639 187.394 0 185.412 0H16Z" />
+          </Svg>
+          <View style={applyStyle({ position: 'absolute', width: LibStyle.width - 50, height: z, padding: 10, justifyContent: 'space-evenly', alignContent: 'center', alignItems: 'center' })}>
+            <View style={applyStyle({ flexDirection: 'row' })} >
+              <View style={applyStyle({ width: '35%', alignItems: 'center', justifyContent: 'center' })} >
+                <Text allowFontScaling={false} style={applyStyle({ color: "#000", fontWeight: 'bold', fontSize: 50, marginRight: '5%', textAlign: 'center' })}>{item.qty}</Text>
+                <Text allowFontScaling={false} style={applyStyle({ color: "#000", fontWeight: 'normal', fontSize: 18, marginRight: '5%', textAlign: 'center' })}>Tiket</Text>
+              </View>
+              <View style={applyStyle({ flex: 1, justifyContent: 'center', marginRight: '10%' })} >
+                <Text allowFontScaling={false} style={applyStyle({ color: "#000", fontSize: 25, fontWeight: 'bold', textAlign: 'center' })} >{item.price_name}</Text>
+              </View>
+            </View>
+          </View>
+        </Pressable>
+      )
+    }
+  }
+
+  function findLastIndex(arr: any[], condition: (value: any, index: number, obj: any[]) => unknown) {
+    const reversedArray = arr.slice().reverse();
+    const indexInReversedArray = reversedArray.findIndex(condition);
+
+    if (indexInReversedArray === -1) {
+      return -1; // No matching element found
+    }
+
+    const lastIndex = arr.length - 1 - indexInReversedArray;
+    return lastIndex;
+  }
+
+  function quit(): void {
+    let a = list?.filter((item: any) => item.checked == 1).map((it: any) => it.id)
+    if (a.length == 0) {
+      LibToastProperty.show("Silahkan Pilih Tiket dahulu")
+      return
+    } else {
+      let url = "event_tms_hall_confirm"
+      let post = {
+        event_id: event_id,
+        ids: JSON.stringify(a),
+        hall_id: selectGate?.id,
+        trx_id: new Date().getTime() + "" + UserClass.state().get()?.id,
+        price_id: list?.filter((item: any) => item.checked == 1 && item.status_scanned != 2).map((it: any) => it.price_id)
+      }
+
+      LibNavigation.replace('event/hall_in_success', { ...args, url, post })
+    }
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("event/hall_in_list", "header_title")} subtitle='HALL' />
+      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', paddingTop: 15, paddingBottom: 0 }}>
+        <ScrollView style={{ flex: 1 }}>
+          {
+            data?.map(renderItem)
+          }
+        </ScrollView>
+      </View>
+
+      <ComponentSlidingup ref={dialogQty}>
+        <View style={{ borderTopRightRadius: 20, borderTopLeftRadius: 20, padding: 10, backgroundColor: '#fff', maxHeight: LibStyle.height - (LibStyle.height / 3) }}>
+          <View style={{ flexDirection: 'row', alignItems: 'center', marginVertical: 20 }} >
+            <TouchableOpacity
+              onPress={() => {
+                const index = findLastIndex(list, (x: any) => x.checked == 1)
+                if (index > 0) {
+                  setList(LibObject.set(list, 0)(index, 'checked'))
+                }
+              }}
+              style={{ height: 70, width: 70, borderRadius: 10, backgroundColor: '#c1c2c3', alignItems: 'center', justifyContent: 'center' }} >
+              <LibIcon name='minus' size={50} />
+            </TouchableOpacity>
+            <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }} >
+              <Text style={{ fontSize: 50 }} >{list?.filter?.((x: any) => x.checked == 1).length}</Text>
+            </View>
+            <TouchableOpacity
+              onPress={() => {
+                const index = list?.findIndex?.((x: any) => x.checked == 0)
+                if (index > -1)
+                  setList(LibObject.set(list, 1)(index, 'checked'))
+              }}
+              style={{ height: 70, width: 70, borderRadius: 10, backgroundColor: '#c1c2c3', alignItems: 'center', justifyContent: 'center' }} >
+              <LibIcon name='plus' size={50} />
+            </TouchableOpacity>
+          </View>
+
+          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={'tail'} style={{ fontWeight: 'bold', fontSize: 14, letterSpacing: 1 }}>{list?.filter((item: any) => !item.hasOwnProperty("type") && item.checked == 1).length + " Tiket digunakan"}</Text>
+            <TouchableOpacity onPress={() => {
+              let a = list?.map((item: any, i: number) => {
+                return { ...item, checked: item.status_scanned == 2 ? 0 : (useAll ? 0 : 1) }
+              })
+              setList(a)
+              setUseAll(useAll ? false : true)
+            }} style={applyStyle({ paddingHorizontal: 15, borderWidth: 1, borderColor: 'rgba(0, 0, 0, 0)', height: 35, borderRadius: 16, backgroundColor: useAll ? LibStyle.colorRed : LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center' })} >
+              <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff', marginRight: 15 })} >{useAll ? esp.lang("event/entrance_list", "cancel_use") : esp.lang("event/entrance_list", "use_all")}</Text>
+              <LibIcon.Ionicons size={18} color="#fff" name={useAll ? "close" : "checkmark-done"} />
+            </TouchableOpacity>
+          </View>
+
+          <ComponentButton
+            label={esp.lang("event/hall_in_list", "btn_entrance")}
+            backgroundColor={LibStyle.colorGreen}
+            onPress={() => {
+              quit()
+            }}
+            style={{ marginTop: 30 }}
+          />
+
+        </View>
+      </ComponentSlidingup>
+
+    </View>
+  )
+}