esoftplay-event 0.0.2 → 0.0.3

package/event/tms_home.tsx

@@ -1,6 +1,6 @@
 // withHooks
 import { EventHeader } from 'esoftplay/cache/event/header/import';
-import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
+// import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibFocus } from 'esoftplay/cache/lib/focus/import';
@@ -18,6 +18,7 @@ import useGlobalSubscriber, { useGlobalSubscriberReturn } from 'esoftplay/subscr
 
 
 import { applyStyle } from 'esoftplay';
+import { EventTms_dashboardProperty } from 'esoftplay/cache/event/tms_dashboard/import';
 import { EventTms_in_hall_successProperty } from 'esoftplay/cache/event/tms_in_hall_success/import';
 import { EventTms_out_hall_successProperty } from 'esoftplay/cache/event/tms_out_hall_success/import';
 import { EventTms_out_successProperty } from 'esoftplay/cache/event/tms_out_success/import';
@@ -36,6 +37,24 @@ export interface EventTms_homeProps {
 
 }
 
+const stateBackgroundIdCard = useGlobalState("")
+
+export function stateImageBackgroundIdCard(): useGlobalReturn<any> {
+  return stateBackgroundIdCard
+}
+
+const urlGateCheckin = useGlobalState("")
+
+export function stateUrlGateChekin(): useGlobalReturn<any> {
+  return urlGateCheckin
+}
+
+const stateTypeTMS = useGlobalState("")
+
+export function stateTypeScanTMS(): useGlobalReturn<any> {
+  return stateTypeTMS
+}
+
 const stateIsDirect = useGlobalState<boolean>(true)
 
 export function state(): useGlobalReturn<any> {
@@ -178,6 +197,52 @@ export function addCounterHallOutNO(counter: number, price_id: string) {
   addCounter(counter, 'hall_out_api_no', price_id)
 }
 
+export function actionGateIn() {
+  LibNavigation.navigateForResult('component/scanner').then((value) => {
+    LibNavigation.navigate('tms/tms_in', {
+      qr_code: value
+    })
+  })
+}
+
+export function actionHallIn() {
+  LibNavigation.navigateForResult('component/scanner').then((value) => {
+    LibNavigation.navigate('tms/tms_hall_in', {
+      qr_code: value
+    })
+  })
+}
+export function actionHallOut() {
+  LibNavigation.navigateForResult('component/scanner').then((value) => {
+    LibNavigation.navigate('tms/tms_hall_out', {
+      qr_code: value
+    })
+  })
+}
+
+export function actionGateOut() {
+  LibNavigation.navigateForResult('component/scanner').then((value) => {
+    LibNavigation.navigate('tms/tms_out', {
+      qr_code: value
+    })
+  })
+}
+
+export function actionGateOutTemp() {
+  LibNavigation.navigateForResult('component/scanner').then((value) => {
+    LibNavigation.navigate('tms/tms_out_temp', {
+      qr_code: value
+    })
+  })
+}
+
+export function actionGateInBack() {
+  LibNavigation.navigateForResult('component/scanner').then((value) => {
+    LibNavigation.navigate('tms/tms_in_back', {
+      qr_code: value
+    })
+  })
+}
 
 const subscriber = useGlobalSubscriber()
 export function subscribeSync(): useGlobalSubscriberReturn {
@@ -224,46 +289,46 @@ const useTasksExit = UseTasks()
 const useTasksHallIn = UseTasks()
 const useTasksHallOut = UseTasks()
 export default function m(props: EventTms_homeProps): any {
-  const { is_scanner, selectedGate, typeScanner }: any = LibNavigation.getArgsAll(props)
+  const { selectedGate, typeScanner }: any = LibNavigation.getArgsAll(props)
 
   // esp.log(counterState().get());
 
-  const timeoutSync = useRef<any>()
+  const timeoutSync = useRef<any>(null)
   const timeout = useTimeout()
-  const [syncUseTicket, resetSyncUseTicket] = useTasks((item: any) => new Promise((next) => {
-    const [url, post] = item;
-    let _post = LibObject.assign({}, post)()
-    clearTimeout?.(timeoutSync.current)
-    timeoutSync.current = timeout(() => {
-      addCounterEntranceTimeout(1, _post?.price_id)
-      next()
-    }, 30000);
-    addCounterEntranceSend(1, _post?.price_id)
-    _post["trx_id"] = new Date().getTime() + "" + UserClass.state().get()?.id;
-
-    new LibCurl(url, _post, (res, msg) => {
-      EventTms_in_successProperty.syncUsedTiket().set((old) => old.filter((x) => !isEqual([url, post], x)))
-      addCounterEntranceOk(1, _post?.price_id)
-      addCounterEntranceTicket(post?.qty, _post?.price_id)
-      next()
-    }, (err: any) => {
-      addCounterEntranceNo(1, _post?.price_id)
-      reportApiError(url, JSON.stringify({ post, response: err }))
-      next()
-    }, 1)
-
-  }), () => {
-
-  })
-
-  subscriber.useSubscribe(() => {
-    syncUseTicket(subscriber.getValue())
-  })
-
-  subscriberReset.useSubscribe(() => {
-    resetSyncUseTicket()
-    syncUseTicket(subscriberReset.getValue())
-  })
+  // const [syncUseTicket, resetSyncUseTicket] = useTasks((item: any) => new Promise((next) => {
+  //   const [url, post] = item;
+  //   let _post = LibObject.assign({}, post)()
+  //   clearTimeout?.(timeoutSync.current)
+  //   timeoutSync.current = timeout(() => {
+  //     addCounterEntranceTimeout(1, _post?.price_id)
+  //     next()
+  //   }, 30000);
+  //   addCounterEntranceSend(1, _post?.price_id)
+  //   _post["trx_id"] = new Date().getTime() + "" + UserClass.state().get()?.id;
+
+  //   // new LibCurl(url, _post, (res, msg) => {
+  //   //   // EventTms_in_successProperty.syncUsedTiket().set((old) => old.filter((x) => !isEqual([url, post], x)))
+  //   //   addCounterEntranceOk(1, _post?.price_id)
+  //   //   addCounterEntranceTicket(post?.qty, _post?.price_id)
+  //   //   next()
+  //   // }, (err: any) => {
+  //   //   addCounterEntranceNo(1, _post?.price_id)
+  //   //   reportApiError(url, JSON.stringify({ post, response: err }))
+  //   //   next()
+  //   // }, 1)
+
+  // }), () => {
+
+  // })
+
+  // subscriber.useSubscribe(() => {
+  //   syncUseTicket(subscriber.getValue())
+  // })
+
+  // subscriberReset.useSubscribe(() => {
+  //   resetSyncUseTicket()
+  //   syncUseTicket(subscriberReset.getValue())
+  // })
 
 
   const [syncTicketExit, resetSyncTicketExit] = useTasksExit((item: any) => new Promise((next) => {
@@ -365,7 +430,7 @@ export default function m(props: EventTms_homeProps): any {
   const date = LibUtils.moment().localeFormat('YYYY-MM-DD HH:mm:ss')
 
   useEffect(() => {
-    resetSyncUseTicket()
+    // resetSyncUseTicket()
     resetSyncTicketExit()
     resetSyncTicketHallIn()
     resetSyncTicketHallOut()
@@ -373,10 +438,11 @@ export default function m(props: EventTms_homeProps): any {
     loadData()
     loadDataTypeTicket()
     loadDataConfigPriority()
+
   }, [])
 
   function loadDataTypeTicket() {
-    new LibCurl('event_tms_ticket_type?event_id=' + is_scanner?.id, null, (res, msg) => {
+    new LibCurl('event_tms_ticket_type?event_id=' + EventTms_dashboardProperty.stateSelectedEvent()?.get()?.id, null, (res, msg) => {
       setRefreshing(false)
       setResultTypeTicket(res)
     }, (error) => {
@@ -387,10 +453,13 @@ export default function m(props: EventTms_homeProps): any {
   }
 
   function loadData() {
-    subscriber.trigger(EventTms_in_successProperty.syncUsedTiket().get())
-    new LibCurl('event_tms_visitor?event_id=' + is_scanner?.id, null, (res, msg) => {
+    // subscriber.trigger(EventTms_in_successProperty.syncUsedTiket().get())
+    new LibCurl('event_tms_visitor?event_id=' + EventTms_dashboardProperty.stateSelectedEvent()?.get()?.id, null, (res, msg) => {
+      // esp.log(res,"event tms visitor");
       setResult(res)
       setRefreshing(false)
+      stateImageBackgroundIdCard()?.set(res?.event?.image_idcard)
+      stateUrlGateChekin()?.set(res?.url_ticket_update)
     }, (error) => {
       LibDialog.warning(esp.lang("event/tms_home", "warning_load"), error?.message)
       LibNavigation.back()
@@ -399,7 +468,7 @@ export default function m(props: EventTms_homeProps): any {
   }
 
   function loadDataConfigPriority() {
-    new LibCurl('event_tms_access_price?event_id=' + is_scanner?.id, null, (res, msg) => {
+    new LibCurl('event_tms_access_price?event_id=' + EventTms_dashboardProperty.stateSelectedEvent()?.get()?.id, null, (res, msg) => {
       setResultConfigPriority(res)
       setRefreshing(false)
     }, (error) => {
@@ -426,8 +495,8 @@ export default function m(props: EventTms_homeProps): any {
   let seventyFive = 100 * 0.75
 
   let args = {
-    event_title: is_scanner?.name,
-    event_id: is_scanner?.id,
+    event_title: EventTms_dashboardProperty.stateSelectedEvent()?.get()?.name,
+    event_id: EventTms_dashboardProperty.stateSelectedEvent()?.get()?.id,
     selectGate: selectedGate,
     typeScanner: typeScanner,
     configPriority: resultConfigPriority
@@ -448,7 +517,7 @@ export default function m(props: EventTms_homeProps): any {
   function renderViewTms(item: any, i: number) {
     let percentages = item?.quota_visitor == 0 && item?.visitor == 0 ? 0 : item?.visitor > 0 && item?.quota_visitor == 0 ? 5 : (item?.visitor / item?.quota_visitor) * 100
     return (
-      <View key={i} style={applyStyle({ marginLeft: 7, marginRight: 7, marginBottom: 10, borderRadius: 10, borderWidth: 2, padding: 10, borderColor: "#f1f1f1" })}>
+      <View key={i} style={applyStyle({ marginRight: 7, marginBottom: 10, borderRadius: 10, borderWidth: 2, padding: 10, borderColor: "#f1f1f1" })}>
         {progressBar(percentages, 'small')}
         <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 8 }} >
           <Text allowFontScaling={false} style={applyStyle({ textAlign: 'left', fontSize: 14, color: '#000', fontWeight: 'bold', marginRight: 10, flex: 1 })}>{item.type}</Text>
@@ -461,7 +530,7 @@ export default function m(props: EventTms_homeProps): any {
   function renderViewHall(item: any, i: number) {
     let percentages = item?.quota_visitor == 0 && item?.visitor == 0 ? 0 : item?.visitor > 0 && item?.quota_visitor == 0 ? 5 : (item?.visitor / item?.quota_visitor) * 100
     return (
-      <View key={i} style={applyStyle({ marginLeft: 7, marginRight: 7, marginBottom: 10, borderRadius: 10, borderWidth: 2, padding: 10, borderColor: "#f1f1f1" })}>
+      <View key={i} style={applyStyle({ marginRight: 7, marginBottom: 10, borderRadius: 10, borderWidth: 2, padding: 10, borderColor: "#f1f1f1" })}>
         {/* <ComponentCircural_progress size={60} strokeWidth={7} percentage={percentages} color={setColorProg(percentages)} /> */}
         {progressBar(percentages, 'small')}
         <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 8 }} >
@@ -487,7 +556,7 @@ export default function m(props: EventTms_homeProps): any {
   return (
     <View style={applyStyle({ flex: 1, backgroundColor: '#fff' })}>
       <LibFocus onFocus={loadData} />
-      <EventHeader title={esp.lang("event/tms_home", "visitor_info")} subtitle={typeScanner == "tms" ? esp.lang("event/tms_home", "header_title1", is_scanner?.name) : esp.lang("event/tms_home", "header_title2", is_scanner?.name)} />
+      <EventHeader title={esp.lang("event/tms_home", "visitor_info")} subtitle={typeScanner == "tms" ? esp.lang("event/tms_home", "header_title1", EventTms_dashboardProperty.stateSelectedEvent()?.get()?.name) : esp.lang("event/tms_home", "header_title2", EventTms_dashboardProperty.stateSelectedEvent()?.get()?.name)} />
       <View style={{ margin: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
         {
           <TouchableOpacity onPress={() => {
@@ -503,7 +572,7 @@ export default function m(props: EventTms_homeProps): any {
           </TouchableOpacity>
           <TouchableOpacity onPress={() => {
             LibNavigation.navigate('event/tms_check_code', {
-              event_id: is_scanner?.id,
+              event_id: EventTms_dashboardProperty.stateSelectedEvent()?.get()?.id,
               gate: selectedGate
             })
           }} style={{ padding: 10, marginRight: 0, backgroundColor: LibStyle.colorRed, borderRadius: 10, ...LibStyle.elevation(2) }}>
@@ -511,14 +580,6 @@ export default function m(props: EventTms_homeProps): any {
           </TouchableOpacity>
         </View>
       </View>
-      {/* <UseCondition if={dataScan.length > 0}>
-        <Pressable
-          style={{ flexDirection: 'row', paddingHorizontal: 17, alignItems: 'center' }}
-          onPress={() => syncUseTicket(EventTms_in_successProperty.syncUsedTiket().get())} >
-          <LibIcon name='sync' />
-          <Text>{"Menyinkronkan data, " + dataScan.length + " data tersisa.."}</Text>
-        </Pressable>
-      </UseCondition> */}
       {
         result?.event?.config?.jumbotron_app != 0 ?
           <ScrollView refreshControl={<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />}>
@@ -560,33 +621,48 @@ export default function m(props: EventTms_homeProps): any {
             <>
               <View style={applyStyle({ flexDirection: 'row', justifyContent: 'space-between', })}>
                 <TouchableOpacity onPress={() => {
-                  LibNavigation.navigate('component/scanner', {
-                    fromPage: 'event/tms_home',
-                    scan_type: typeScanner == "tms" ? 'exit' : 'hall_out',
-                    gate_type: 0, // ini kalo 0 itu out
-                    price_type: resultTypeTicket, // ini digunakan di event/tms_in
-                    ...args
-                  })
-
+                  if (esp.isDebug("") && UserClass?.state().get().email == "bagus@fisip.net") {
+                    if (typeScanner == "tms") {
+                      stateTypeScanTMS()?.set("gate_out")
+                      actionGateOut()
+                    } else {
+                      stateTypeScanTMS()?.set("hall_out")
+                      actionHallOut()
+                    }
+                  } else {
+                    LibNavigation.navigate('component/scanner', {
+                      fromPage: 'event/tms_home',
+                      scan_type: typeScanner == "tms" ? 'exit' : 'hall_out',
+                      gate_type: 0, // ini kalo 0 itu out
+                      price_type: resultTypeTicket, // ini digunakan di event/tms_in
+                      ...args
+                    })
+                  }
                 }} style={applyStyle({ width: (LibStyle.width - 40) * 0.5, borderWidth: 1, borderColor: 'rgba(0, 0, 0, 0)', height: 40, borderRadius: 16, backgroundColor: LibStyle.colorRed, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                   <LibIcon size={18} color="#fff" name="logout" style={applyStyle({ transform: [{ rotate: '180deg' }] })} />
                   <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff', marginLeft: 15 })} >{esp.lang("event/tms_home", "exit")}</Text>
                 </TouchableOpacity>
 
                 <TouchableOpacity onPress={() => {
-                  // if (esp.isDebug("") && UserClass?.state().get().email == "bagus@fisip.net") {
-                  //   LibNavigation.navigate('tms/gate_in')
-                  // } else {
-                  LibNavigation.navigate('component/scanner', {
-                    fromPage: 'event/tms_home',
-                    scan_type: typeScanner == "tms" ? 'entrance' : 'hall_in',
-                    gate_type: 1, // ini kalo 1 itu in
-                    price_type: resultTypeTicket,
-                    url_ticket_detail: result?.url_ticket_detail,
-                    url_ticket_update: result?.url_ticket_update,
-                    ...args
-                  })
-                  // }
+                  if (esp.isDebug("") && UserClass?.state().get().email == "bagus@fisip.net") {
+                    if (typeScanner == "tms") {
+                      stateTypeScanTMS()?.set("gate_in")
+                      actionGateIn()
+                    } else {
+                      stateTypeScanTMS()?.set("hall_in")
+                      actionHallIn()
+                    }
+                  } else {
+                    LibNavigation.navigate('component/scanner', {
+                      fromPage: 'event/tms_home',
+                      scan_type: typeScanner == "tms" ? 'entrance' : 'hall_in',
+                      gate_type: 1, // ini kalo 1 itu in
+                      price_type: resultTypeTicket,
+                      url_ticket_detail: result?.url_ticket_detail,
+                      url_ticket_update: result?.url_ticket_update,
+                      ...args
+                    })
+                  }
                 }} style={applyStyle({ width: (LibStyle.width - 40) * 0.5, borderWidth: 1, borderColor: 'rgba(0, 0, 0, 0)', height: 40, borderRadius: 16, backgroundColor: LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                   <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff', marginRight: 15 })} >{esp.lang("event/tms_home", "entrance")}</Text>
                   <LibIcon size={18} color="#fff" name="login" />
@@ -596,26 +672,36 @@ export default function m(props: EventTms_homeProps): any {
                 typeScanner == "tms" && result?.event?.config?.temporary_out == 1 &&
                 <View style={{ marginTop: 10, flexDirection: 'row', justifyContent: 'space-between' }}>
                   <TouchableOpacity onPress={() => {
-                    LibNavigation.navigate('component/scanner', {
-                      fromPage: 'event/tms_home',
-                      scan_type: 'exit_temporary',
-                      ...args
-                    })
+                    if (esp.isDebug("") && UserClass?.state().get().email == "bagus@fisip.net") {
+                      stateTypeScanTMS()?.set("gate_out_temp")
+                      actionGateOutTemp()
+                    } else {
+                      LibNavigation.navigate('component/scanner', {
+                        fromPage: 'event/tms_home',
+                        scan_type: 'exit_temporary',
+                        ...args
+                      })
+                    }
                   }} style={applyStyle({ width: (LibStyle.width - 40) * 0.5, borderWidth: 2, borderColor: LibStyle.colorRed, height: 40, borderRadius: 16, backgroundColor: "#fff", flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                     <LibIcon size={18} color={LibStyle.colorRed} name="logout" style={applyStyle({ fontWeight: 'bold', transform: [{ rotate: '180deg' }] })} />
                     <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: LibStyle.colorRed, marginLeft: 10 })} >{esp.lang("event/tms_home", "temp_out")}</Text>
                   </TouchableOpacity>
                   <TouchableOpacity onPress={() => {
-                    // LibNavigation.navigate('event/tms_in_again')
-                    LibNavigation.navigate('component/scanner', {
-                      fromPage: 'event/tms_home',
-                      gate_type: 1,
-                      scan_type: 'entrance_again',
-                      price_type: resultTypeTicket,
-                      url_ticket_detail: result?.url_ticket_detail,
-                      url_ticket_update: result?.url_ticket_update,
-                      ...args
-                    })
+                    if (esp.isDebug("") && UserClass?.state().get().email == "bagus@fisip.net") {
+                      stateTypeScanTMS()?.set("gate_in_back")
+                      actionGateInBack()
+                    } else {
+                      LibNavigation.navigate('component/scanner', {
+                        fromPage: 'event/tms_home',
+                        gate_type: 1,
+                        scan_type: 'entrance_again',
+                        price_type: resultTypeTicket,
+                        url_ticket_detail: result?.url_ticket_detail,
+                        url_ticket_update: result?.url_ticket_update,
+                        ...args
+                      })
+                    }
+
                   }} style={applyStyle({ width: (LibStyle.width - 40) * 0.5, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 16, backgroundColor: 'white', flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                     <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: LibStyle.colorGreen, marginRight: 15 })} >{esp.lang("event/tms_home", "re_in")}</Text>
                     <LibIcon size={18} color={LibStyle.colorGreen} name="login" />

package/event/tms_idcard.tsx

@@ -1,22 +1,22 @@
 // withHooks
 
-import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventSheet } from 'esoftplay/cache/event/sheet/import';
 import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
-import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
+// import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/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 { 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 { reportApiError } from 'esoftplay/error';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import React, { useEffect, useRef } from 'react';
-import { Text, View } from 'react-native';
+import { Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventTms_idcardArgs {
@@ -26,15 +26,6 @@ export interface EventTms_idcardProps {
 
 }
 export default function m(props: EventTms_idcardProps): any {
-  const width = LibStyle.width
-  const height = 12 / 9 * width
-  const marginTop = 2.7 / 9 * width
-  const photoHeight = 4 / 9 * width
-  const photoWidth = 3 / 9 * width
-  const photoMarginBot = 0.46 / 9 * width
-
-  const menuRef = useRef<EventSheet>(null)
-
   const {
     hall,
     selectedTicket,
@@ -49,8 +40,18 @@ export default function m(props: EventTms_idcardProps): any {
     configPriority,
     scan_type
   } = LibNavigation.getArgsAll(props)
+  
+  const width = LibStyle.width
+  const height = 12 / 9 * width
+  const marginTop = 3 / 9 * width
+  const photoHeight = 4 / 9 * width
+  const photoWidth = 3 / 9 * width
+  const photoMarginBot = 0.46 / 9 * width
+
+  const menuRef = useRef<EventSheet>(null)
 
   const [result, setResult] = useSafeState<any>()
+  const [useToken, TokenLeft] = selectedTicket?.token?.split("-")
 
   function loadData() {
     // load data untuk ngambil background id card
@@ -89,8 +90,15 @@ export default function m(props: EventTms_idcardProps): any {
     }
 
     EventTms_homeProperty.addCounterEntranceOpenGateIdCard(1, selectedTicket?.price_id)
-    EventTms_in_successProperty.syncUsedTiket().set(LibObject.push(EventTms_in_successProperty.syncUsedTiket().get(), [url, post])())
-    EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
+    new LibCurl(url, post, (res, msg) => {
+      // console.log("SUCCESS CUY", res, msg)
+      // syncUsedTiketState.set(LibObject.push(syncUsedTiketState.get(), [url, post])())
+      // EventTms_homeProperty.subscribeSync().trigger(syncUsedTiketState.get())
+    }, (err) => {
+      reportApiError(url, JSON.stringify({ post, response: err }))
+    })
+    // EventTms_in_successProperty.syncUsedTiket().set(LibObject.push(EventTms_in_successProperty.syncUsedTiket().get(), [url, post])())
+    // EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
   }
 
   function entranceHall() {
@@ -119,6 +127,7 @@ export default function m(props: EventTms_idcardProps): any {
     }, 1)
   }
 
+  // esp.log({ result });
 
   return (
     <View style={{ flex: 1 }}>
@@ -128,6 +137,7 @@ export default function m(props: EventTms_idcardProps): any {
         onPressMore={() => menuRef.current?.show()}
         more
       />
+
       <View style={{ backgroundColor: '#000', height: LibStyle.height, alignItems: 'center' }}>
         {/* ini id_card nya */}
         <LibPicture source={result?.event?.image_idcard == "" ? esp.assets('white_idcard.png') : { uri: result?.event?.image_idcard }} style={{ width: width, height: height, resizeMode: 'contain' }} />
@@ -150,13 +160,17 @@ export default function m(props: EventTms_idcardProps): any {
             <View style={{ width: width - 20, alignSelf: 'center', backgroundColor: '#4a4a4a', height: 4, marginVertical: 4 }} />
             <Text allowFontScaling={false} style={{ marginTop: -5, fontSize: 20, fontWeight: "bold", fontStyle: "normal", lineHeight: 32, textAlign: 'center', letterSpacing: 0, color: "#4a4a4a" }} >{selectedTicket?.exhibitor_name?.split('-')[0]}</Text>
           </View>
-
         </View>
-        <EventButton
-          label={esp.lang("event/tms_idcard", "btn_back")}
-          backgroundColor={LibStyle.colorPrimary}
-          onPress={() => {
-            // LibNavigation.back()
+
+        <View style={{ padding: 5, flexDirection: 'row', backgroundColor: LibStyle.colorPrimary, margin: 10, borderRadius: 10 }}>
+          {
+            useToken == 1 &&
+            <View style={{ padding: 5, paddingHorizontal: 35, alignContent: 'center', alignItems: 'center', borderRadius: 10, backgroundColor: '#fff' }}>
+              <Text allowFontScaling={false} style={{ fontSize: 12, color: '#000', fontWeight: 'bold' }}>{esp.lang("event/tms_idcard", "token")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 35, color: '#000', lineHeight: 35, fontWeight: 'bold' }} >{LibUtils.number(TokenLeft)}</Text>
+            </View>
+          }
+          <TouchableOpacity onPress={() => {
             LibNavigation.replace('component/scanner', {
               selectGate: selectGate,
               fromPage: 'event/tms_home',
@@ -170,21 +184,24 @@ export default function m(props: EventTms_idcardProps): any {
               configPriority: configPriority,
               scan_type: scan_type
             })
-          }}
-          style={{ marginTop: 20, marginHorizontal: 15 }}
-        />
+          }} style={{ flex: 1, marginLeft: 10, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontSize: 25, fontWeight: 'bold', color: '#fff' }}>{esp.lang("event/tms_idcard", "backk")}</Text>
+          </TouchableOpacity>
+
+        </View>
+
       </View>
       <EventSheet
         _ref={menuRef}
         title={"ID CARD"}
         options={[
           {
-            text: "Tahan ID CARD",
+            text: esp.lang("event/tms_idcard", "hold_idcard"),
             textStyle: { color: "red" },
             onPress: () => {
               LibDialog.warningConfirm(esp.lang("event/tms_dashboard", "block_idcard_title"), esp.lang("event/tms_dashboard", "block_idcard_message"), esp.lang("event/tms_dashboard", "block_idcard_ok"), () => {
                 new LibCurl("event_tms_staff_hold", { qr: encodeURIComponent(selectedTicket?.key) }, (result, message) => {
-                  LibDialog.info("Berhasil!", message)
+                  LibDialog.info(esp.lang("event/tms_idcard", "success"), message)
                 }, (error) => {
                   LibDialog.warning("Oops!", error?.message)
                 })

package/event/tms_in.tsx

@@ -109,7 +109,6 @@ export default function m(props: EventTms_inProps): any {
     let tikets: any[] = []
     EventTms_homeProperty.addCounterEntranceScan(1, "0")
     get(mainPath(encodeURIComponent(encodeURIComponent(qr_code))), selectGate?.id, (res) => {
-      esp.log({ res });
       if (!res) {
         LibNavigation.replace('event/tms_in_failed', {
           text: esp.lang("event/tms_in", "ticket_empty_today"),
@@ -131,7 +130,8 @@ export default function m(props: EventTms_inProps): any {
                 qty: item[0],
                 qty_used: item[2],
                 qty_left: Number(item[0]) - (Number(item[2]) || 0),
-                text: item[6] || "",
+                token: item[6],
+                text: item[7] || "",
               }
               tikets.push(x)
             })
@@ -151,7 +151,6 @@ export default function m(props: EventTms_inProps): any {
             tikets.push(a)
           }
         })
-
         if (tikets.length > 0) {
           if (tikets.length == 1) {
             const tiket = tikets[0];

package/event/tms_in_failed.tsx

@@ -162,7 +162,7 @@ export default function m(props: EventTms_in_failedProps): any {
           }
           {
             error &&
-            <View style={{ width: LibStyle.width - 40, justifyContent: 'center', alignItems: 'center', padding: 15, borderRadius: 10, marginTop: 100 }}>
+            <View style={{ width: LibStyle.width - 40, alignSelf: 'center', justifyContent: 'center', alignItems: 'center', padding: 15, borderRadius: 10, marginTop: 100 }}>
               <Text allowFontScaling={false} style={{ flexWrap: 'wrap', fontSize: 14, lineHeight: 20, fontWeight: "bold", marginBottom: 5, color: "#fff", textAlign: "center" }}>{error?.message}</Text>
             </View>
           }

package/event/tms_in_hall.tsx

@@ -44,6 +44,7 @@ export default function m(props: EventTms_in_hallProps): any {
     var post = {
       event_id: event_id,
       user_qr: qr_code,
+      // user_qr: "BBO-IBT2376",
       hall_id: selectGate?.id
     }
 
@@ -71,7 +72,6 @@ export default function m(props: EventTms_in_hallProps): any {
         }
       });
 
-      esp.log({ res });
 
       if (res?.hasOwnProperty("staff")) {
         res?.staff?.map((it: any) => {
@@ -87,6 +87,9 @@ export default function m(props: EventTms_in_hallProps): any {
         })
       }
 
+      esp.log({ res, ticketsData });
+
+
       if (ticketsData.length == 1) { // cek jika tiket cuma 1
         let tiket = ticketsData[0]
         if (tiket.price_id == "staff") { // jika itu adalah id card