esoftplay-event 0.0.0-a → 0.0.0-b

package/event/tms_list_item.tsx

@@ -0,0 +1,88 @@
+// withHooks
+
+import { applyStyle } from 'esoftplay';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { EventOrder_itemProperty } from 'esoftplay/cache/event/order_item/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Pressable, Text, View } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+
+
+export interface EventTms_list_itemArgs {
+
+}
+export interface EventTms_list_itemProps {
+  item: any,
+  onPress: () => void,
+}
+function debouncer() {
+  let timeout: any
+  return (func: () => any, delay: number): Function => {
+    clearTimeout(timeout)
+    timeout = setTimeout(func, delay);
+    return () => clearTimeout(timeout)
+  }
+}
+const debounce = debouncer()
+
+export default function m(props: EventTms_list_itemProps): any {
+  const { item } = props
+  const z = (200 / 500) * (LibStyle.width - 50);
+
+  // let colorBg = item?.qty_left == 0 ? LibStyle.colorBgGrey : item.color == "#FFFFFF" ? LibStyle.colorPrimary : item?.color
+  let colorBg = item?.qty_left <= 0 ? LibStyle.colorBgGrey : item.color?.toUpperCase() == "#FFFFFF" ? LibStyle.colorPrimary : item?.color
+  let colorFg = item?.qty_left <= 0 ? "#aaa" : LibUtils.hexToRgba(item?.color, 0.5)
+  let colorText = item?.qty_left == 0 ? "#979797" : EventOrder_itemProperty.textColor(item.color)
+
+  if (item.price_id == "staff") {
+    return (
+      <Pressable onPress={() => { debounce(() => props.onPress(), 500) }} style={{ width: LibStyle.width - 50, marginBottom: 10, backgroundColor: colorBg, 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: colorText, fontSize: 16, fontWeight: 'bold' })} >{item.user_name}</Text>
+            <Text allowFontScaling={false} style={applyStyle({ letterSpacing: 1, color: colorText, fontSize: 20, fontWeight: 'bold' })} >{item?.exhibitor_name?.split('-')[0]}</Text>
+            <Text allowFontScaling={false} numberOfLines={4} style={applyStyle({ letterSpacing: 1, color: colorText, fontSize: 16, fontWeight: 'normal' })} >{item?.exhibitor_name?.split('-')[1]}</Text>
+
+          </View>
+        </View>
+      </Pressable>
+    )
+  }
+
+  return (
+    <Pressable onPress={() => { debounce(() => props.onPress(), 500) }} style={applyStyle({ marginBottom: 10 })}>
+      <Svg width={LibStyle.width - 50} height={z} viewBox="0 0 544 210" fill="none">
+        <Path fill-rule="evenodd" fill={colorBg} 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={colorFg} 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' })}>
+        {
+          item.price_id == "staff" &&
+          <View style={applyStyle({ position: 'absolute', top: 12, right: 10, padding: 5, paddingHorizontal: 10, borderBottomLeftRadius: 10, borderTopRightRadius: 10, backgroundColor: 'red', margin: -10, marginBottom: 5 })}>
+            <Text allowFontScaling={false} style={applyStyle({ fontWeight: 'bold', color: colorText, fontSize: 12, })}>{item.price_id}</Text>
+          </View>
+        }
+        <View style={applyStyle({ flexDirection: 'row' })} >
+          <View style={applyStyle({ width: '35%', alignItems: 'center', justifyContent: 'center' })} >
+            <Text allowFontScaling={false} style={applyStyle({ color: colorText, fontWeight: 'bold', fontSize: 60, marginRight: '5%', textAlign: 'center' })}>{item.qty_left}</Text>
+            <Text allowFontScaling={false} style={applyStyle({ color: colorText, fontWeight: 'normal', fontSize: 20, marginRight: '5%', textAlign: 'center' })}>
+              <Text style={{ fontSize: 16 }}>{esp.lang("event/tms_list_item", "total")}</Text>
+              {item.qty}</Text>
+
+          </View>
+          <View style={applyStyle({ flex: 1, justifyContent: 'center', marginRight: '10%' })} >
+            <Text allowFontScaling={false} style={applyStyle({ color: colorText, fontSize: 25, fontWeight: 'bold', textAlign: 'center' })} >{item.title}</Text>
+          </View>
+        </View>
+      </View>
+    </Pressable>
+  )
+}

package/event/tms_log.tsx

@@ -0,0 +1,435 @@
+// withHooks
+import { useEffect, useRef } from 'react';
+
+import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventTms_in_log } from 'esoftplay/cache/event/tms_in_log/import';
+import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
+import { EventTms_out_log } from 'esoftplay/cache/event/tms_out_log/import';
+import { EventTms_out_successProperty } from 'esoftplay/cache/event/tms_out_success/import';
+import { EventTms_in_hall_log } from 'esoftplay/cache/event/tms_in_hall_log/import';
+import { EventTms_in_hall_successProperty } from 'esoftplay/cache/event/tms_in_hall_success/import';
+import { EventTms_out_hall_log } from 'esoftplay/cache/event/tms_out_hall_log/import';
+import { EventTms_out_hall_successProperty } from 'esoftplay/cache/event/tms_out_hall_success/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibCollaps } from 'esoftplay/cache/lib/collaps/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 { 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 { LibToastProperty } from 'esoftplay/cache/lib/toast/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 Storage from 'esoftplay/storage';
+import Constants from 'expo-constants';
+import * as FileSystem from 'expo-file-system';
+import React from 'react';
+import { ScrollView, Text, View } from 'react-native';
+import Pressable from '../lib/pressable';
+
+
+export interface EventTms_logArgs {
+
+}
+export interface EventTms_logProps {
+
+}
+
+export interface LogItem {
+  text: string
+  value: string
+  onPress: () => void
+  valuecolor?: string
+}
+
+function Item(props: LogItem) {
+  return (
+    <Pressable
+      onPress={() => {
+        props.onPress()
+      }} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
+      <LibTextstyle text={props.text} textStyle="subhead" />
+      <LibTextstyle text={LibUtils.number(props.value)} style={{ color: props.valuecolor ? props.valuecolor : "#000" }} textStyle="title2" />
+    </Pressable>
+  )
+}
+
+// Fungsi untuk menjumlahkan nilai per kategori
+export function sumValuesPerCategory(data: any) {
+  let categoryTotals: any = {};
+
+  // Iterasi setiap kategori
+  for (const category in data) {
+    let categoryTotal = 0;
+    const gates = data[category];
+
+    // Iterasi setiap gate di dalam kategori
+    for (const gate in gates) {
+      const times = gates[gate];
+
+      // Iterasi setiap waktu dan menambahkan nilainya ke total per kategori
+      for (const time in times) {
+        categoryTotal += times[time];
+      }
+    }
+
+    // Simpan total kategori dalam objek hasil
+    categoryTotals[category] = categoryTotal;
+  }
+  return categoryTotals;
+}
+
+
+const useDetectStateChange = (state: any, duration: number) => {
+  const [trigger, setTrigger] = useSafeState(false);
+
+  useEffect(() => {
+    let timer: NodeJS.Timeout;
+    const handleStateChange = () => {
+      clearTimeout(timer);
+      timer = setTimeout(() => {
+        setTrigger(true);
+      }, duration);
+    }; handleStateChange(); return () => { clearTimeout(timer); };
+  }, [state, duration]);
+
+  return trigger;
+};
+
+
+export default function m(props: EventTms_logProps): any {
+  const selectedRef = useRef<LibSlidingup>(null)
+  const { event_id, gate, fromPage }: any = LibNavigation.getArgsAll(props)
+  const [, setSelectedData, getSelectedData] = useSafeState<any[]>([])
+  const [titleSliding, setTitleSliding] = useSafeState()
+  let counter = useRef(0).current
+  let counterDone = useRef(0).current
+
+  const backupEntrance = EventTms_in_successProperty.syncUsedTiket().useSelector(s => s)
+  const isStuckEntrance = useDetectStateChange(backupEntrance, 10000)
+
+  const backupExit = EventTms_out_successProperty.syncTicketExit().useSelector(s => s)
+  const isStuckExit = useDetectStateChange(backupExit, 10000)
+
+  const backupHall = EventTms_in_hall_successProperty.syncHallIn().useSelector(s => s)
+  const isStuckHall = useDetectStateChange(backupHall, 10000)
+
+  const backupHall_out = EventTms_out_hall_successProperty.syncHallOut().useSelector(s => s)
+  const isStuckHall_out = useDetectStateChange(backupHall_out, 10000)
+
+  let data = EventTms_homeProperty.counterState().get()
+
+  function transformData(data: any) {
+    const result: any = {};
+
+    // Iterasi setiap key dalam data
+    Object.entries(data)?.forEach(([key, value]: any) => {
+      // Inisialisasi array untuk setiap key di result
+      result[key] = [];
+      esp.log(key, value);
+      // Iterasi setiap id dan timestamps
+      Object.entries(value)?.forEach(([id, timestamps]: any) => {
+        // Menggunakan map untuk mengonversi timestamps menjadi array pasangan [timestamp, count]
+        const pairs = Object.entries(timestamps)?.map(([timestamp, count]) => [timestamp, count]);
+        // Menambahkan hasil pasangan ke result[key]
+        result[key]?.push(...pairs);
+      });
+    });
+    setSelectedData(result)
+    return result;
+  }
+
+  function closing() {
+    const counter = EventTms_homeProperty.getDataByDate()
+    let url = 'event_tms_closing' + LibUtils.objectToUrlParam({ event_id: event_id, gate_id: gate?.id })
+    let post = {
+      closing: JSON.stringify(counter)
+    }
+
+    LibDialog.warningConfirm(esp.lang("event/tms_log", "title"), esp.lang("event/tms_log", "msg"), esp.lang("event/tms_log", "ok"), () => {
+      LibProgress.show(esp.lang("event/tms_log", "wait"))
+      new LibCurl(url, post, (res, msg) => {
+        LibProgress.hide()
+        LibToastProperty.show(msg)
+        LibNavigation.back()
+
+        // reset counter
+        EventTms_homeProperty.counterState().reset()
+        EventTms_in_successProperty.syncUsedTiket().reset()
+        EventTms_out_successProperty.syncTicketExit().reset()
+        EventTms_in_hall_successProperty.syncHallIn().reset()
+        EventTms_out_hall_successProperty.syncHallOut().reset()
+
+      }, (err) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("event/tms_log", "oops"), err?.message)
+      })
+    }, esp.lang("event/tms_log", "no"), () => { })
+
+  }
+
+  function isEmptyObject(obj: any) {
+    return JSON.stringify(obj) === "{}";
+  }
+
+
+  return (
+    <View style={{ flex: 1 }}>
+      <EventHeader title={esp.lang("event/tms_log", "header_title")} />
+      <ScrollView>
+        {/* scan gate in */}
+        <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' }}>{esp.lang("event/tms_log", "report_gate_in")}</Text>
+                <LibIcon name={show ? 'chevron-up' : 'chevron-down'} color='#fff' />
+              </View>
+            )
+          }}
+          show
+        >
+          <EventTms_in_log
+            onPress={(type: string, title: string) => {
+              setSelectedData(transformData(data)[type])
+              selectedRef.current?.show()
+              setTitleSliding(title)
+            }}
+          />
+        </LibCollaps>
+
+        {/* scan gate out */}
+        <LibCollaps
+          show
+          header={(show) => {
+            return (
+              <View style={{ ...LibStyle.elevation(2), borderTopLeftRadius: 5, borderTopRightRadius: 5, paddingHorizontal: 10, paddingVertical: 5, margin: 15, marginBottom: 5, backgroundColor: LibStyle.colorRed, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', borderBottomWidth: 2, borderBottomColor: "#c9c9c9" }}>
+                <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/tms_log", "report_gate_out")}</Text>
+                <LibIcon name={show ? 'chevron-up' : 'chevron-down'} color='#fff' />
+              </View>
+            )
+          }}>
+          <EventTms_out_log
+            onPress={(type: string, title: string) => {
+              setSelectedData(transformData(data)[type])
+              selectedRef.current?.show()
+              setTitleSliding(title)
+            }}
+          />
+
+        </LibCollaps>
+
+        {/* scan hall in */}
+        <LibCollaps
+          show
+          header={(show) => {
+            return (
+              <View style={{ ...LibStyle.elevation(2), borderTopLeftRadius: 5, borderTopRightRadius: 5, paddingHorizontal: 10, paddingVertical: 5, margin: 15, marginBottom: 5, backgroundColor: "#fff", flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', borderBottomWidth: 2, borderBottomColor: "#c9c9c9" }}>
+                <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: 'bold', color: LibStyle.colorGreen }}>{esp.lang("event/tms_log", "report_hall_in")}</Text>
+                <LibIcon name={show ? 'chevron-up' : 'chevron-down'} />
+              </View>
+            )
+          }}>
+          <View>
+
+          </View>
+          <EventTms_in_hall_log
+            onPress={(type: string, title: string) => {
+              setSelectedData(transformData(data)[type])
+              selectedRef.current?.show()
+              setTitleSliding(title)
+            }}
+          />
+        </LibCollaps>
+
+        {/* scan hall out */}
+        <LibCollaps
+          show
+          header={(show) => {
+            return (
+              <View style={{ ...LibStyle.elevation(2), borderTopLeftRadius: 5, borderTopRightRadius: 5, paddingHorizontal: 10, paddingVertical: 5, margin: 15, marginBottom: 5, backgroundColor: "#fff", flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', borderBottomWidth: 2, borderBottomColor: "#c9c9c9" }}>
+                <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: 'bold', color: LibStyle.colorRed }}>{esp.lang("event/tms_log", "report_hall_out")}</Text>
+                <LibIcon name={show ? 'chevron-up' : 'chevron-down'} />
+              </View>
+            )
+          }}>
+          <EventTms_out_hall_log
+            onPress={(type: string, title: string) => {
+              setSelectedData(transformData(data)[type])
+              selectedRef.current?.show()
+              setTitleSliding(title)
+            }}
+          />
+        </LibCollaps>
+
+      </ScrollView>
+      <UseCondition if={backupExit.length == 0 && backupEntrance.length == 0 && backupHall.length == 0 && backupHall_out.length == 0} fallback={
+        <UseCondition if={isStuckEntrance || isStuckExit || isStuckHall || isStuckHall_out} >
+          <View style={{ padding: 10 }}>
+            <LibTextstyle textStyle='caption2' text={esp.lang("event/tms_log", "alert")} />
+            <EventButton
+              style={{ marginTop: 10 }}
+              label={esp.lang("event/tms_log", "btn_title")}
+              backgroundColor='#000'
+              onPress={() => {
+                LibDialog.confirm(esp.lang("event/tms_log", "send_title"), esp.lang("event/tms_log", "send_msg"), esp.lang("event/tms_log", "send_ok"), () => {
+                  if (backupEntrance.length > 0) {
+                    counter = counter + 1
+                    Storage.setItem('event/tms_in_log_copy_scanned', JSON.stringify(backupEntrance)).then(() => {
+                      sendFileTelegram('event/tms_in_log_copy_scanned', () => {
+                        counterDone = counterDone + 1
+                        if (counter == counterDone) {
+                          if (!fromPage) {
+                            closing()
+                          }
+                        }
+                      })
+                    })
+                  }
+
+                  if (backupExit.length > 0) {
+                    counter = counter + 1
+                    Storage.setItem('event/tms_out_log_copy_scanned', JSON.stringify(backupExit)).then(() => {
+                      sendFileTelegram('event/tms_out_log_copy_scanned', () => {
+                        counterDone = counterDone + 1
+                        if (counter == counterDone) {
+                          if (!fromPage) {
+                            closing()
+                          }
+                        }
+                      })
+                    })
+                  }
+
+                  if (backupHall.length > 0) {
+                    counter = counter + 1
+                    Storage.setItem('event/hall_log_copy_scanned', JSON.stringify(backupHall)).then(() => {
+                      sendFileTelegram('event/hall_log_copy_scanned', () => {
+                        counterDone = counterDone + 1
+                        if (counter == counterDone) {
+                          if (!fromPage) {
+                            closing()
+                          }
+                        }
+                      })
+                    })
+                  }
+
+                  if (backupHall_out.length > 0) {
+                    counter = counter + 1
+                    Storage.setItem('event/hallout_log_copy_scanned', JSON.stringify(backupHall_out)).then(() => {
+                      sendFileTelegram('event/hallout_log_copy_scanned', () => {
+                        counterDone = counterDone + 1
+                        if (counter == counterDone) {
+                          if (!fromPage) {
+                            closing()
+                          }
+                        }
+                      })
+                    })
+                  }
+                }, esp.lang("event/tms_log", "send_no"), () => { })
+              }} />
+          </View>
+        </UseCondition>
+      } >
+        <EventButton
+          style={{ margin: 10 }}
+          label={esp.lang("event/tms_log", "btn_close")} onPress={() => {
+            if (isEmptyObject(data)) {
+              LibToastProperty.show(esp.lang("event/tms_log", "empty_data"))
+            } else {
+              closing()
+            }
+          }} />
+      </UseCondition>
+      <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', }} />
+          <View style={{ alignContent: 'center', alignItems: 'center', marginVertical: 15 }}>
+            <LibTextstyle textStyle="headline" text={esp.lang("event/tms_log", "hourly_detail")} />
+            <LibTextstyle textStyle="headline" text={titleSliding} />
+          </View>
+          <ScrollView>
+            {
+              getSelectedData().map((item: any, i: number) => {
+                return (
+                  <View key={i} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
+                    <LibTextstyle text={LibUtils.moment(item[0] + ":00:00").serverFormat('DD MMM YYYY HH:mm')} textStyle="subhead" />
+                    <LibTextstyle text={LibUtils.number(item[1])} style={{ color: "#000" }} textStyle="title2" />
+                  </View>
+                )
+              })
+            }
+          </ScrollView>
+        </View>
+      </LibSlidingup >
+    </View>
+  )
+}
+
+async function sendFileTelegram(filePath: string, onDone: () => void) {
+  try {
+    let dbPath = Storage.getDBPath(filePath)
+    let fileInfo = await FileSystem.getInfoAsync(dbPath, {});
+    if (!fileInfo.exists) {
+      return
+    }
+
+    LibProgress.show(esp.lang("event/tms_log", "sending_log"))
+    const fileName = fileInfo?.uri?.split('/').pop();
+    const formData = new FormData();
+    const email = UserClass.state().get('email')
+
+    let msg = [
+      '#log_tms from ' + email + ' with ' + Constants.deviceName,
+      esp.config('domain'),
+      // JSON.stringify({
+      //   ...counter,
+      //   waiting: EventTms_in_successProperty.syncUsedTiket().get().length
+      // }, undefined, 2),
+      // `RUMUS:`,
+      // `send = api_ok + api_no + blank `,
+      // `opengate = scan - scan_failed`,
+      // `waiting = opengate - api_ok`,
+    ].join('\n')
+    formData.append('caption', msg);
+    formData.append('chat_id', '-1001737180019');
+    formData.append('document', {
+      uri: dbPath,
+      name: email + '-' + fileName,
+      type: 'text/csv',
+    });
+    formData.append('document', {
+      uri: dbPath,
+      name: email + '-' + fileName,
+      type: 'text/csv',
+    });
+    const response = await fetch(
+      `https://api.telegram.org/bot923808407:AAEFBlllQNKCEn8E66fwEzCj5vs9qGwVGT4/sendDocument`,
+      {
+        method: 'POST',
+        body: formData,
+      }
+    );
+
+    const result = await response.json();
+    if (result.ok == true) {
+      LibToastProperty.show(esp.lang("event/tms_log", "log_send"))
+      onDone()
+    } else {
+      LibToastProperty.show(result?.description)
+    }
+    LibProgress.hide()
+  } catch (error) {
+    LibToastProperty.show(JSON.stringify(error))
+    LibProgress.hide()
+  }
+}

package/event/tms_out.tsx

@@ -0,0 +1,91 @@
+// withHooks
+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 { 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 EventTms_outArgs {
+
+}
+export interface EventTms_outProps {
+
+}
+export default function m(props: EventTms_outProps): 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: '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.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/tms_out_success', { data: finalData, ...args, url: urlOut, post: postOut })
+      } else {
+        LibNavigation.replace('event/tms_out_list', { data: finalData, ...args })
+      }
+    }, (error) => {
+      LibNavigation.replace('event/tms_out_failed', { msgError: error, ...args, postGetData: post })
+    }, 1)
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff', alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+      <LibLoading />
+    </View>
+  )
+}