esoftplay-event 0.0.0-a

package/event/exchange_ticket_list.tsx

@@ -0,0 +1,191 @@
+// withHooks
+import { useRef } from 'react';
+
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { EventExchange_ticketProperty } from 'esoftplay/cache/event/exchange_ticket/import';
+import { EventExchange_ticket_resultProperty } from 'esoftplay/cache/event/exchange_ticket_result/import';
+import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibList } from 'esoftplay/cache/lib/list/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UseCondition } from 'esoftplay/cache/use/condition/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import { sendTm } from 'esoftplay/error';
+import esp from 'esoftplay/esp';
+import useLazyState from 'esoftplay/lazy';
+import React from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventExchange_ticket_listArgs {
+
+}
+export interface EventExchange_ticket_listProps {
+
+}
+
+export default function m(props: EventExchange_ticket_listProps): any {
+  const { dataEvent } = LibNavigation.getArgsAll(props)
+  const log = EventExchange_ticketProperty.stateExchangeLog.useSelector(s => s)
+  const backup = EventExchange_ticket_resultProperty.stateListConfirm().useSelector(s => s)
+  const selectedRef = useRef<LibSlidingup>(null)
+  const [, setSelectedData, getSelectedData] = useLazyState<any[]>([])
+  const [titleSliding, setTitleSliding] = useLazyState()
+
+  function buildTypeData(type: string) {
+    const dataByType = log[type]
+    setSelectedData(Object.entries(dataByType).map(([time, count]) => ({
+      time: LibUtils.moment(time + ":00:00").serverFormat('DD MMM YYYY HH:mm'),
+      count: count
+    })))()
+    selectedRef.current?.show()
+  }
+
+  function getTotalAllHour(data: any) {
+    if (data) {
+      const dd: number[] = Object.values(data)
+      return dd.reduce((acc: number, cur: number) => (acc + cur), 0);
+    }
+    return 0
+  }
+
+  esp.log({ log });
+
+  return (
+    <View style={{ flex: 1, }}>
+      <ComponentHeader title={esp.lang("event/exchange_ticket", "exchange_history")} />
+      <ScrollView>
+        <LibCollaps
+          header={(show) => {
+            return (
+              <View style={{ ...LibStyle.elevation(2), borderTopLeftRadius: 5, borderTopRightRadius: 5, paddingHorizontal: 10, paddingVertical: 5, margin: 15, marginBottom: 5, backgroundColor: LibStyle.colorGreen, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', borderBottomWidth: 2, borderBottomColor: "#c9c9c9" }}>
+                <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: 'bold', color: '#fff' }}>{"Laporan Scan Exchange Tiket"}</Text>
+                <LibIcon name={show ? 'chevron-up' : 'chevron-down'} color='#fff' />
+              </View>
+            )
+          }}
+          show>
+          <View style={{ flex: 1, backgroundColor: '#fff', margin: 17, marginTop: 0, paddingBottom: 10, marginBottom: 0, borderBottomRightRadius: 10, borderBottomLeftRadius: 10, ...LibStyle.elevation(2) }}>
+            <Pressable
+              onPress={() => {
+                if (log.hasOwnProperty("scan")) {
+                  buildTypeData("scan")
+                  setTitleSliding("Scan Tiket")
+                }
+              }} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
+              <LibTextstyle text={"Scan"} textStyle="subhead" />
+              <LibTextstyle text={LibUtils.number(getTotalAllHour(log?.scan))} textStyle="title2" />
+            </Pressable>
+            <Pressable
+              onPress={() => {
+                if (log.hasOwnProperty("scan_failed")) {
+                  buildTypeData("scan_failed")
+                  setTitleSliding("Scan Gagal")
+                }
+              }} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
+              <LibTextstyle text={"Scan Gagal"} textStyle="subhead" />
+              <LibTextstyle text={LibUtils.number(getTotalAllHour(log?.scan_failed))} textStyle="title2" />
+            </Pressable>
+            <Pressable
+              onPress={() => {
+                if (log.hasOwnProperty("api_ok")) {
+                  buildTypeData("api_ok")
+                  setTitleSliding("Data Tiket Terkirim")
+                }
+              }} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
+              <LibTextstyle text={"Data terkirim"} textStyle="subhead" />
+              <LibTextstyle text={LibUtils.number(getTotalAllHour(log?.api_ok))} textStyle="title2" />
+            </Pressable>
+            <Pressable style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
+              <LibTextstyle text={"Data belum terkirim"} textStyle="subhead" />
+              <LibTextstyle text={LibUtils.number(backup.length)} style={{ color: 'red' }} textStyle="title2" />
+            </Pressable>
+            {
+              Object.keys(log).filter((item,) => item.startsWith('gift_')).map((key, i) => (
+                <Pressable
+                  key={i}
+                  onPress={() => {
+                    if (log.hasOwnProperty(key)) {
+                      buildTypeData(key)
+                      setTitleSliding(key.toUpperCase())
+                    }
+                    // props.onPress("api_ok", esp.lang("event/entrance_log", "data_send_gate_in"))
+                  }} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
+                  <LibTextstyle text={key.replace('gift_', '')} textStyle="subhead" />
+                  <LibTextstyle text={LibUtils.number(getTotalAllHour(log?.[key]))} textStyle="title2" />
+                </Pressable>
+              ))
+            }
+            <View style={{ marginHorizontal: 15 }} >
+              <UseCondition
+                if={backup.length == 0}
+                fallback={
+                  <Pressable onPress={() => {
+                    // setLoading(true)
+                    // syncData()
+                    EventExchange_ticketProperty.subscribeSync().trigger(EventExchange_ticket_resultProperty.stateListConfirm().get())
+                  }}>
+                    <Text allowFontScaling={false} style={{ textAlign: 'center' }}>{esp.lang("event/entrance_log", "please_wait")}<Text style={{ color: LibStyle.colorBlue, textDecorationStyle: 'solid', textDecorationLine: 'underline' }}>{esp.lang("event/entrance_log", "press_here")}</Text> {esp.lang("event/entrance_log", "press_here2")}</Text>
+                  </Pressable>
+                } >
+                <LibTextstyle textStyle='callout'
+                  style={{ textAlign: 'center', marginTop: 10 }}
+                  text={esp.lang("event/exchange_ticket_list", "all_in")} />
+              </UseCondition>
+            </View>
+          </View >
+        </LibCollaps>
+      </ScrollView>
+
+      <ComponentButton
+        style={{ margin: 10 }}
+        label={esp.lang("event/log", "btn_close")} onPress={() => {
+          LibDialog.confirm(esp.lang("event/log", "send_title"), "Kirim laporan scan exchange tiket ke admin?", esp.lang("event/log", "send_ok"), () => {
+            LibProgress.show("Loading..")
+            sendTm("#closing_exchange\n" + JSON.stringify({
+              domain: esp.config('domain'),
+              tms_name: UserClass.state().get('name'),
+              email: UserClass.state().get('email'),
+              event_name: dataEvent?.name,
+              data: EventExchange_ticketProperty.stateExchangeLog.get()
+            }, undefined, 2), '-1001737180019', undefined, () => {
+              EventExchange_ticketProperty.stateExchangeLog.reset()
+              LibProgress.hide()
+            })
+
+          }, esp.lang("event/log", "send_no"), () => { })
+
+        }} />
+
+      <LibSlidingup ref={selectedRef} >
+        <View style={{ height: 500, backgroundColor: 'white', borderTopLeftRadius: 20, borderTopRightRadius: 20 }} >
+          <Pressable onPress={() => selectedRef.current?.hide()} style={{ height: 4, borderRadius: 2, backgroundColor: '#aaa', width: 40, margin: 16, alignSelf: 'center', }} />
+          <LibList
+            data={getSelectedData()}
+            ListHeaderComponent={
+              <View style={{ alignContent: 'center', alignItems: 'center', marginVertical: 15 }}>
+                <LibTextstyle textStyle="headline" text={esp.lang("event/log", "hourly_detail")} />
+                <LibTextstyle textStyle="headline" text={titleSliding} />
+              </View>
+            }
+            renderItem={(item, index) => (
+              <View style={{ flexDirection: 'row', backgroundColor: index % 2 == 0 ? '#f1f2f3' : 'white', paddingVertical: 8, paddingHorizontal: 16, alignItems: 'center', justifyContent: 'space-between' }} >
+                <LibTextstyle textStyle="callout" text={item.time} />
+                <LibTextstyle textStyle="callout" text={item.count} />
+              </View>
+            )}
+          />
+        </View>
+      </LibSlidingup >
+
+    </View>
+  )
+
+}

package/event/exchange_ticket_result.tsx

@@ -0,0 +1,211 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { EventExchange_ticketProperty } from 'esoftplay/cache/event/exchange_ticket/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/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 { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { TicketItemProperty } from 'esoftplay/cache/ticket/item/import';
+import esp from 'esoftplay/esp';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import useSafeState from 'esoftplay/state';
+import React, { useEffect } from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventExchange_ticket_resultArgs {
+
+}
+export interface EventExchange_ticket_resultProps {
+
+}
+
+
+const listConfirmExchange = useGlobalState<any[]>([])
+
+export function stateListConfirm(): useGlobalReturn<any> {
+  return listConfirmExchange
+}
+
+export default function m(props: EventExchange_ticket_resultProps): any {
+  const { qr, event_id, event_title }: any = LibNavigation.getArgsAll(props)
+  const [listTicket, setListTicket, getListTicket] = useSafeState<any>()
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function logGift(res: any) {
+    res.forEach((item: any) => { EventExchange_ticketProperty.addCounterGiftBy(item.title, 1) })
+  }
+
+  function loadData() {
+    let url = "event_booking_exchange" + LibUtils.objectToUrlParam({
+      event_id: event_id,
+      code: encodeURIComponent(qr),
+      t: new Date().getTime()
+    })
+
+    new LibCurl(url, null, (res, msg) => {
+      EventExchange_ticketProperty.addCounterScan(1)
+      setListTicket(res)
+    }, (err) => {
+      EventExchange_ticketProperty.addCounterScanNo(1)
+      LibDialog.warningConfirm(esp.lang("event/exchange_ticket_result", "warn_title"), err?.message, esp.lang("event/exchange_ticket_result", "warn_ok"), () => { LibNavigation.back() }, "", () => { })
+    }, 1)
+  }
+
+  function filterSelectedData(data: any) {
+    return data.reduce((acc: any, item: any) => {
+      if (item.selected == 1) {
+        const listWithTitles = item.list.map((giftItem: any) => ({
+          ...giftItem,
+          title: item.title
+        }));
+        return acc.concat(listWithTitles);
+      }
+      return acc;
+    }, []);
+  }
+
+  function exchangeTicket() {
+    let url = "event_booking_exchange_confirm" + LibUtils.objectToUrlParam({ event_id: event_id, })
+    let post = {
+      ids: JSON.stringify(filterSelectedData(getListTicket()?.gifts).map((it: any) => it.id)),
+    }
+
+    logGift(filterSelectedData(getListTicket()?.gifts))
+    let a = listConfirmExchange.get()
+    let item = {
+      post: post,
+      url: url
+    }
+
+
+    let checkSame = a.filter((z: any) => z?.post?.ids == post?.ids)
+    if (checkSame?.length == 0) {
+      listConfirmExchange?.set(LibObject.push(a, item)())
+      EventExchange_ticketProperty.subscribeSync().trigger(listConfirmExchange.get())
+      LibDialog.confirm(esp.lang("event/exchange_ticket_result", "info_title"), esp.lang("event/exchange_ticket_result", "success_exchange"), esp.lang("event/exchange_ticket_result", "scan_againn"), () => {
+        LibNavigation.back()
+        LibNavigation.navigate('component/scanner', { event_title: event_title, event_id: event_id, fromPage: "event/exchange_ticket" })
+      }, "", () => { })
+    } else {
+      esp.modProp("lib/toast").show(esp.lang("event/exchange_ticket_result", "ticket_claimed"))
+    }
+  }
+
+  if (!listTicket) {
+    return <LibLoading />
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <ComponentHeader title={qr} subtitle={event_title} />
+      <ScrollView>
+        <View style={{ margin: 10, padding: 10, backgroundColor: LibStyle.colorPrimary, borderRadius: 5, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+          <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: TicketItemProperty.textColor(LibStyle.colorPrimary), fontSize: 50 }}>{LibUtils.number(listTicket?.qty_ticket)}</Text>
+          <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ color: TicketItemProperty.textColor(LibStyle.colorPrimary), textAlign: 'center', fontSize: 24 }}>{listTicket?.price_name}</Text>
+          {
+            listTicket?.hasOwnProperty("ondate") && listTicket?.ondate != "0000-00-00" &&
+            <Text allowFontScaling={false} style={{ color: TicketItemProperty.textColor(LibStyle.colorPrimary), marginTop: 5, textAlign: 'center', fontSize: 16 }}>{LibUtils.moment(listTicket?.ondate).format("DD MMM YYYY")}</Text>
+          }
+        </View>
+        <View style={{ padding: 10, marginTop: 0, margin: 10, borderRadius: 5, backgroundColor: '#fff' }}>
+          {
+            listTicket?.gifts?.map((item: any, i: number) => {
+              return (
+                <View key={i} style={{ padding: 5, marginBottom: 7, borderRadius: 5, backgroundColor: LibStyle.colorBgGrey }}>
+                  <View style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center', padding: 5 }}>
+                    <View style={{ flex: 1, }}>
+                      <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ fontSize: 16, fontWeight: 'bold', color: "#000" }}>{item?.title} </Text>
+                      <Text allowFontScaling={false} style={{ fontSize: 18, marginTop: 4, letterSpacing: 1 }}>{item?.qty} Item</Text>
+                    </View>
+                    {
+                      item?.list?.[0].is_exchanged == 0 &&
+                      <Pressable onPress={() => {
+                        if (item?.is_exchangable == 1 && item?.list?.[0].is_exchanged == 0) {
+                          let a = LibObject.set(listTicket, item.selected == 1 ? 0 : 1)('gifts', i, 'selected')
+                          setListTicket(a)
+                        } else {
+                          LibToastProperty.show(esp.lang("event/exchange_ticket_result", "not_yet_exchange"))
+                        }
+                      }} style={{ marginLeft: 5, width: LibStyle.width / 5, height: 30, borderRadius: 5, ...LibStyle.elevation(2), alignContent: 'center', alignItems: 'center', justifyContent: 'center', backgroundColor: item.selected == 1 ? LibStyle.colorRed : LibStyle.colorGreen }}>
+                        <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: "#fff" }}>{item.selected == 1 ? esp.lang("event/exchange_ticket_result", "cancel") : esp.lang("event/exchange_ticket_result", "choose")}</Text>
+                        {/* <LibIcon name={item.selected == 1 ? 'radiobox-marked' : 'radiobox-blank'} color={item.is_exchangable == 1 ? (item.selected == 1 ? LibStyle.colorGreen : "#000") : "#c9c9c9"} /> */}
+                      </Pressable>
+                    }
+
+                  </View>
+
+                  <View style={{ marginTop: 10, padding: 5, flexDirection: 'row' }}>
+                    <View style={{ marginBottom: 5, flex: 1, padding: 5, backgroundColor: "#37c2d0", borderWidth: 1, borderColor: LibStyle.colorBgGrey, borderRadius: 5 }}>
+                      <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: '#fff', marginBottom: 5, fontSize: 14, }}>{esp.lang("event/exchange_ticket_result", "tms")}</Text>
+                      {item?.list?.map((it: any, ii: number) => {
+                        if (ii == 0) {
+                          return (
+                            <View key={ii} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
+                              <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 13 }}>{it?.tms_name != "" ? it.tms_name : esp.lang("event/exchange_ticket_result", "not_redem")}</Text>
+                            </View>
+                          )
+                        } else {
+                          return null
+                        }
+                      })}
+                    </View>
+                    <View style={{ marginBottom: 5, flex: 1, padding: 5, backgroundColor: "#37c2d0", borderWidth: 1, borderColor: LibStyle.colorBgGrey, borderRadius: 5 }}>
+                      <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: '#fff', marginBottom: 5, fontSize: 14, }}>{esp.lang("event/exchange_ticket_result", "time_use")}</Text>
+                      {item?.list?.map((it: any, ii: number) => {
+                        if (ii == 0) {
+                          return (
+                            <View key={ii} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
+                              <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 13 }}>{it?.exchanged_at != "" ? LibUtils.moment(it.exchanged_at).localeFormat("DD MMM HH:mm:ss ") : esp.lang("event/exchange_ticket_result", "not_redem")}</Text>
+                            </View>
+                          )
+                        } else {
+                          return null
+                        }
+                      })}
+                    </View>
+                  </View>
+
+                </View>
+              )
+            })
+          }
+        </View>
+      </ScrollView>
+      <View style={{ padding: 10, backgroundColor: '#fff' }}>
+        <ComponentTouchable onPress={() => {
+          LibNavigation.back()
+          LibNavigation.navigate('component/scanner', { event_title: event_title, event_id: event_id, fromPage: "event/exchange_ticket" })
+        }}>
+          <View style={{ height: 35, borderRadius: 5, borderWidth: 2, borderColor: LibStyle.colorRed, backgroundColor: "#fff", justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
+            <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", textAlign: "center", textAlignVertical: 'center', color: LibStyle.colorRed, marginRight: 13, marginLeft: 10 }} >{esp.lang("event/exchange_ticket_result", "scan_again")}</Text>
+          </View>
+        </ComponentTouchable>
+
+        {/* {
+        listTicket?.list?.some((item: any) => item.exchanger_id == 0) && */}
+        <ComponentTouchable onPress={() => {
+          if (filterSelectedData(listTicket?.gifts).length > 0) {
+            exchangeTicket()
+          } else {
+            LibToastProperty.show(esp.lang("event/exchange_ticket_result", "please_choose_first"))
+          }
+        }}>
+          <View style={{ ...LibStyle.elevation(2), marginTop: 10, height: 35, borderRadius: 5, backgroundColor: filterSelectedData(listTicket?.gifts).length > 0 ? LibStyle.colorGreen : LibStyle.colorBgGrey, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
+            <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", textAlign: "center", textAlignVertical: 'center', color: 'white', marginRight: 13, marginLeft: 10 }} >{esp.lang("event/exchange_ticket_result", "total_ticket", listTicket?.qty_ticket)}</Text>
+          </View>
+        </ComponentTouchable>
+        {/* } */}
+      </View>
+
+    </View>
+  )
+}

package/event/exit.tsx

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

package/event/exit_failed.tsx

@@ -0,0 +1,135 @@
+// withHooks
+
+
+import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import React, { useEffect } from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventExit_failedArgs {
+
+}
+export interface EventExit_failedProps {
+
+}
+export default function m(props: EventExit_failedProps): any {
+  const { scan_type, msgError, postGetData, url_ticket_update, url_ticket_detail, price_type, gate_type, event_id, selectGate, typeScanner, event_title, configPriority }: any = LibNavigation.getArgsAll<any>(props)
+
+  useEffect(() => {
+    BigbangGate_infoProperty.addCounterOutScanFailed(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 sendTelegram() {
+    let data = {
+      '#bbotmsexit': ":",
+      reporter: {
+        email: UserClass.state().get().email,
+        name: UserClass.state().get().name
+      },
+      url: "event_tms_out",
+      post: postGetData,
+      error_msg: msgError,
+    }
+
+    let post = {
+      text: String(JSON.stringify(data || {}, undefined, 2)).replace(/[\[\]\{\}\"]+/g, ''),
+      chat_id: '-1001737180019',
+      disable_web_page_preview: true
+    }
+
+    let _url = "https://api.telegram.org/bot923808407:AAEFBlllQNKCEn8E66fwEzCj5vs9qGwVGT4/sendMessage"
+    new LibCurl().custom(_url, post, (res, msg) => { })
+  }
+
+
+  return (
+    <View style={{ flex: 1 }}>
+      <LibStatusbar style='light' />
+      <View style={{ flex: 1 }}>
+        <LibPicture source={esp.assets('failed.png')} style={{ flex: 1, height: LibStyle.height, width: LibStyle.width }} /* resizeMode={"stretch"} */ />
+      </View>
+      <View style={{ position: 'absolute', top: 100, left: 0, right: 0, bottom: 0, alignItems: 'center', alignContent: 'center' }} >
+        <ScrollView>
+          <View style={{ marginBottom: 20, alignSelf: 'center', borderRadius: LibStyle.width / 3, padding: 10, backgroundColor: '#fff' }}>
+            <LibPicture
+              source={esp.assets('failed_icon.png')}
+              style={{ width: LibStyle.width / 3, height: LibStyle.width / 3 }}
+            />
+          </View>
+          <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 25, color: '#fff', marginHorizontal: 20, textAlign: 'center', letterSpacing: 1 }}>{msgError?.message}</Text>
+
+          {
+            msgError?.result?.length > 0 &&
+            <View style={{ marginTop: 15, flexDirection: 'row', justifyContent: 'space-between', backgroundColor: '#37c2d0', borderTopLeftRadius: 10, borderTopRightRadius: 10 }}>
+              <View style={{ flex: 1, justifyContent: 'center', borderRightWidth: 1, borderColor: LibStyle.colorBgGrey, paddingVertical: 5, padding: 5 }}>
+                <Text allowFontScaling={false} style={{ fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{esp.lang("event/exit_failed", "type")}</Text>
+              </View>
+              <View style={{ flex: 1, justifyContent: 'center', paddingVertical: 5 }}>
+                <Text allowFontScaling={false} style={{ fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{esp.lang("event/exit_failed", "time")}</Text>
+              </View>
+            </View>
+          }
+          {
+            msgError?.result?.length > 0 && msgError?.result?.map((item: any, i: number) => {
+              return (
+                <View key={i} style={{ backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, flexDirection: 'row', justifyContent: 'space-between', borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
+                  <View style={{ flex: 1, justifyContent: 'center', borderRightWidth: 1, borderColor: LibStyle.colorBgGrey, paddingVertical: 5, padding: 5 }}>
+                    <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ letterSpacing: 1, textAlign: 'center', fontSize: 12 }}>{item?.price_name}</Text>
+                  </View>
+                  <View style={{ flex: 1, justifyContent: 'center', paddingVertical: 5 }}>
+                    {
+                      item.scanned != "0000-00-00 00:00:00" &&
+                      <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 12 }}>{LibUtils.moment(item.hall_scanned).localeFormat("DD MMM H:mm:ss ")}</Text>
+                    }
+                  </View>
+                </View>
+              )
+            })
+          }
+
+        </ScrollView>
+        <View style={{ flexDirection: 'row', width: LibStyle.width - 40, marginVertical: 10, justifyContent: 'space-between' }}>
+          <Pressable onPress={() => {
+
+            LibDialog.warningConfirm(esp.lang("event/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: 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/exit_failed", "report_error")}</Text>
+          </Pressable>
+          <Pressable onPress={getBack} style={{ width: (LibStyle.width - 45) * 0.5, height: 43, borderRadius: 5, backgroundColor: LibStyle.colorGreen, justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }}>
+            <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/exit_failed", "back")}</Text>
+          </Pressable>
+
+        </View>
+      </View>
+
+    </View>
+  )
+}