esoftplay-event 0.0.1 → 0.0.2

package/event/tms_log.tsx

@@ -3,6 +3,7 @@ import { useEffect, useRef } from 'react';
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventTms_dashboardProperty } from 'esoftplay/cache/event/tms_dashboard/import';
 import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/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';
@@ -48,17 +49,6 @@ export interface LogItem {
   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) {
@@ -105,12 +95,15 @@ const useDetectStateChange = (state: any, duration: number) => {
 
 export default function m(props: EventTms_logProps): any {
   const selectedRef = useRef<LibSlidingup>(null)
-  const { event_id, gate, fromPage }: any = LibNavigation.getArgsAll(props)
+  // const { event_id, gate }: any = LibNavigation.getArgsAll(props)
   const [, setSelectedData, getSelectedData] = useSafeState<any[]>([])
   const [titleSliding, setTitleSliding] = useSafeState()
   let counter = useRef(0).current
   let counterDone = useRef(0).current
 
+  const event_id = EventTms_dashboardProperty?.closingDataState()?.get().event_id
+  const gate_id = EventTms_dashboardProperty?.closingDataState()?.get().gate_id
+
   const backupEntrance = EventTms_in_successProperty.syncUsedTiket().useSelector(s => s)
   const isStuckEntrance = useDetectStateChange(backupEntrance, 10000)
 
@@ -147,7 +140,7 @@ export default function m(props: EventTms_logProps): any {
 
   function closing() {
     const counter = EventTms_homeProperty.getDataByDate()
-    let url = 'event_tms_closing' + LibUtils.objectToUrlParam({ event_id: event_id, gate_id: gate?.id })
+    let url = 'event_tms_closing' + LibUtils.objectToUrlParam({ event_id: event_id, gate_id: gate_id })
     let post = {
       closing: JSON.stringify(counter)
     }
@@ -285,9 +278,7 @@ export default function m(props: EventTms_logProps): any {
                       sendFileTelegram('event/tms_in_log_copy_scanned', () => {
                         counterDone = counterDone + 1
                         if (counter == counterDone) {
-                          if (!fromPage) {
-                            closing()
-                          }
+                          closing()
                         }
                       })
                     })
@@ -299,9 +290,7 @@ export default function m(props: EventTms_logProps): any {
                       sendFileTelegram('event/tms_out_log_copy_scanned', () => {
                         counterDone = counterDone + 1
                         if (counter == counterDone) {
-                          if (!fromPage) {
-                            closing()
-                          }
+                          closing()
                         }
                       })
                     })
@@ -313,9 +302,7 @@ export default function m(props: EventTms_logProps): any {
                       sendFileTelegram('event/hall_log_copy_scanned', () => {
                         counterDone = counterDone + 1
                         if (counter == counterDone) {
-                          if (!fromPage) {
-                            closing()
-                          }
+                          closing()
                         }
                       })
                     })
@@ -327,9 +314,7 @@ export default function m(props: EventTms_logProps): any {
                       sendFileTelegram('event/hallout_log_copy_scanned', () => {
                         counterDone = counterDone + 1
                         if (counter == counterDone) {
-                          if (!fromPage) {
-                            closing()
-                          }
+                          closing()
                         }
                       })
                     })

package/event/tms_out.tsx

@@ -71,7 +71,7 @@ export default function m(props: EventTms_outProps): any {
           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'),
+          scanned_out: LibUtils.moment().localeFormat('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 })

package/event/tms_out_failed.tsx

@@ -104,7 +104,7 @@ export default function m(props: EventTms_out_failedProps): any {
                   <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>
+                      <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 12 }}>{LibUtils.moment(item.hall_scanned).localeFormat("DD MMM H:mm:ss ") + (item.timezone_locale != "" ? item.timezone_locale : "")}</Text>
                     }
                   </View>
                 </View>

package/event/visitor_input.tsx

@@ -23,6 +23,7 @@ import { useRef } from 'react';
 import { applyStyle } from 'esoftplay';
 import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
 import useLazyState from 'esoftplay/lazy';
 import React, { useEffect } from 'react';
 import { ActivityIndicator, Platform, ScrollView, Text, TouchableOpacity, View } from 'react-native';
@@ -53,10 +54,12 @@ export default function m(props: EventVisitor_inputProps): any {
     return (name) => inputsState.set(LibObject.set(inputsState.get(), name)(list_id))
   }
 
-  // esp.log(url_invitation);
-
   useEffect(() => {
-    loadData()
+    if (UserClass.state().get().email == 'bagus@fisip.net') {
+      LibNavigation.replace('event/visitor_inputv2', { data: _data, url: url })
+    } else {
+      loadData()
+    }
   }, [])
 
   function loadData(): void {
@@ -115,8 +118,11 @@ export default function m(props: EventVisitor_inputProps): any {
         setCounter(counter + 1)
       }}>
         <View style={applyStyle({ height: 35, width: LibStyle.width / 4, alignItems: 'center', overflow: 'visible', justifyContent: 'center', backgroundColor: '#fff' })}>
-          <Text allowFontScaling={false} style={applyStyle({ width: LibStyle.width / 4, fontFamily: "Arial", fontSize: 11, fontWeight: activeTab?.id == item?.id ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: activeTab?.id == item?.id ? "#51b596" : "#c5c5c5" })}>{item.name} ({LibUtils.number(item?.qty)})</Text>
-          <View style={applyStyle({ width: (LibStyle.width / 4) - 20, height: 3, backgroundColor: activeTab?.id == item?.id ? "#51b596" : "#fff", position: 'absolute', bottom: 0 })} />
+          <View style={{ width: LibStyle.width / 4, }}>
+            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={applyStyle({ fontFamily: "Arial", fontSize: 11, fontWeight: activeTab?.id == item?.id ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: activeTab?.id == item?.id ? "#51b596" : "#c5c5c5" })}>{item.name}</Text>
+            <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 11, fontWeight: activeTab?.id == item?.id ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: activeTab?.id == item?.id ? "#51b596" : "#c5c5c5" })}>({LibUtils.number(item?.qty)})</Text>
+          </View>
+          <View style={applyStyle({ width: (LibStyle.width / 4) - 20, height: 3, backgroundColor: activeTab?.id == item?.id ? "#51b596" : "#fff", position: 'absolute', bottom: -1 })} />
         </View>
       </TouchableOpacity>
     )
@@ -225,6 +231,8 @@ export default function m(props: EventVisitor_inputProps): any {
     )
   }
 
+  // esp.log(_tabs);
+
   return (
     <View style={{ flex: 1 }}>
       <EventHeader title={esp.lang("event/visitor_input", "title_input_exhibitor")} subtitle={esp.lang("event/visitor_input", "total_staff", LibUtils.number(data.qty))} />
@@ -244,6 +252,16 @@ export default function m(props: EventVisitor_inputProps): any {
             // isDebug={1}
             key={activeTab + counter}
             // style={{ flex: 1 }}
+            ListHeaderComponent={
+              <>
+                {
+                  activeTab?.ondate != "0000-00-00" &&
+                  <View style={{ margin: 15, marginBottom: 0 }}>
+                    <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: LibStyle.colorGreen }}>{"Tanggal berlaku " + LibUtils.moment(activeTab?.ondate).format("DD MMMM YYYY")}</Text>
+                  </View>
+                }
+              </>
+            }
             removeClippedSubviews={Platform.OS == 'android'}
             renderItem={renderItem}
           />

package/event/visitor_inputv2.tsx

@@ -0,0 +1,397 @@
+// withHooks
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/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 { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/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 { 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 esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
+import useSafeState from 'esoftplay/state';
+import { useRef } from 'react';
+
+import { applyStyle } from 'esoftplay';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
+import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
+import useLazyState from 'esoftplay/lazy';
+import React, { useEffect } from 'react';
+import { ActivityIndicator, Platform, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+
+export interface EventVisitor_inputv2Props {
+  navigation: any
+}
+
+const inputsState = useGlobalState<any>({})
+
+export default function m(props: EventVisitor_inputv2Props): any {
+  let _data: any = LibNavigation.getArgs(props, 'data')
+  const { msg, url } = LibNavigation.getArgsAll(props)
+
+  const [data, setData, getData] = useLazyState(_data)
+  const [_msg, set_msg] = useSafeState(msg)
+  const [messageGenerate, setMessageGenerate] = useSafeState<any>()
+  const [activeTab, setActiveTab] = useSafeState(data?.list[0])
+  const [counter, setCounter] = useSafeState(1)
+  const [listClaim, setListClaim] = useSafeState()
+  const [selectedCode, setSelectedCode] = useSafeState()
+
+  const dialogListClaim = useRef<LibSlidingup>(null)
+  const dialogClaim = useRef<LibSlidingup>(null)
+
+  let _tabs: any = getData()?.list
+  function setText(list_id: string): (name: string) => void {
+    return (name) => inputsState.set(LibObject.set(inputsState.get(), name)(list_id))
+  }
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData(): void {
+    new LibCurl(url, null, (result, msg) => {
+      set_msg(msg)
+      if (result?.hasOwnProperty('url_generate')) {
+        generateCode(result?.url_generate, true)
+      } else {
+        setData(result)()
+      }
+    }, (error) => {
+    })
+  }
+
+  function generateCode(url: string, loop: boolean) {
+    if (loop) {
+      new LibCurl(url, null, (res, msg) => {
+        generateCode(url, res?.done == 1 ? false : true)
+        setMessageGenerate(msg)
+      }, (error) => {
+        LibDialog.warningConfirm(esp.lang("event/visitor_input", "title"), error?.message, esp.lang("event/visitor_input", "resend"), () => {
+          loadData()
+        }, esp.lang("event/visitor_input", "back"), () => LibNavigation.back())
+      })
+    } else {
+      loadData()
+    }
+  }
+
+  function send(): void {
+    var post: any = undefined
+    const inputs = inputsState.get()
+    post = {
+      name: Object.values(inputs).join("|"),
+      list_id: Object.keys(inputs).join("|")
+    }
+    LibDialog.confirm(esp.lang("event/visitor_input", "confirm_title"), esp.lang("event/visitor_input", "confirm_msg"), esp.lang("event/visitor_input", "confirm_ok"), () => {
+      LibProgress.show(esp.lang("event/visitor_input", "confirm_wait"))
+      new LibCurl('event_exhibitor_staff?contact_id=' + data.contact_id, post, (res, msg) => {
+        LibProgress.hide()
+        LibDialog.info(esp.lang("event/visitor_input", "confirm_success"), msg);
+        LibNavigation.reset()
+        // BigbangIndexProperty.setTab(0)
+        // LibNavigation.navigate('bigbang/notif_index', { tabIndex: 0 }) // ini notifnya di perbarui
+      }, (error) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("event/visitor_input", "confirm_failed"), error?.message)
+      })
+    }, esp.lang("event/visitor_input", "confirm_cancel"), () => { })
+  }
+
+  function renderTabs(item: any, i: number) {
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        setActiveTab(item)
+        setCounter(counter + 1)
+      }}>
+        <View style={applyStyle({ height: 35, width: LibStyle.width / 4, alignItems: 'center', overflow: 'visible', justifyContent: 'center', backgroundColor: '#fff' })}>
+          <View style={{ width: LibStyle.width / 4, }}>
+            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={applyStyle({ fontFamily: "Arial", fontSize: 11, fontWeight: activeTab?.id == item?.id ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: activeTab?.id == item?.id ? "#51b596" : "#c5c5c5" })}>{item.name}</Text>
+            <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 11, fontWeight: activeTab?.id == item?.id ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: activeTab?.id == item?.id ? "#51b596" : "#c5c5c5" })}>({LibUtils.number(item?.qty)})</Text>
+          </View>
+          <View style={applyStyle({ width: (LibStyle.width / 4) - 20, height: 3, backgroundColor: activeTab?.id == item?.id ? "#51b596" : "#fff", position: 'absolute', bottom: -1 })} />
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+  function renderItem(item: any, i: any) {
+    if (activeTab?.type == "INVITE") {
+      let bgColor = Number(item.qty_used) != Number(item.qty) ? "#fff" : LibStyle.colorBgGrey
+      let borderColor = Number(item.qty_used) != Number(item.qty) ? LibStyle.colorBgGrey : "#fff"
+      return (
+        <View style={{ margin: 15, marginBottom: 0, padding: 10, borderWidth: 1.5, backgroundColor: bgColor, borderColor: borderColor, borderRadius: 5 }}>
+          <View style={{ flexDirection: 'row', flex: 1, justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", }}>
+              {esp.lang("event/visitor_input", "code_inv") + (i + 1)}
+            </Text>
+            {
+              item.hasOwnProperty("url") && item.qty_used != 0 &&
+
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#51b596" }}>{LibUtils.number(item.qty_used) + "/" + LibUtils.number(item.qty)}</Text>
+              // <View style={{ padding: 5, borderWidth: 1, borderColor: LibStyle.colorPrimary, borderRadius: 5 }}>
+              // </View>
+            }
+            <TouchableOpacity activeOpacity={item.name == "" ? 0 : 1} onPress={() => {
+              if (Number(item.qty_used) != Number(item.qty)) {
+                LibUtils.copyToClipboard(item.access_code)
+                LibToastProperty.show(esp.lang("event/visitor_input", "success_copy", item.access_code))
+              }
+            }}>
+              <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: Number(item.qty_used) == Number(item.qty) ? "#c4c4c4" : "#2980b9" })}>{item.access_code}</Text>
+                <LibIcon.Ionicons name='copy' size={16} style={applyStyle({ color: Number(item.qty_used) == Number(item.qty) ? "#c4c4c4" : "#2980b9", marginLeft: 7 })} />
+              </View>
+            </TouchableOpacity>
+          </View>
+          {
+            item.hasOwnProperty("name") &&
+            <Text allowFontScaling={false} style={{ marginTop: 5, fontFamily: "SFProText", color: '#4b4b4b' }}>{item?.name == "" ? esp.lang("event/visitor_input", "not_claimed") : item.name}</Text>
+          }
+          {
+            item.hasOwnProperty("url") &&
+            <View style={{ marginTop: 5, flexDirection: 'row', flex: 1 }}>
+              {
+                item.qty_used == 0 ?
+                  <Text allowFontScaling={false} style={{ fontFamily: "SFProText", color: '#4b4b4b' }}>{esp.lang("event/visitor_input", "not_claimed")}</Text>
+                  :
+                  <View>
+                    {/* <Text allowFontScaling={false} style={{ fontFamily: "SFProText", color: '#4b4b4b', marginBottom: 5 }}>{LibUtils.number(item.qty_used) + " sudah diklaim"}</Text> */}
+                    <TouchableOpacity onPress={() => {
+                      setListClaim(item)
+                      LibUtils.debounce(() => {
+                        dialogListClaim?.current?.show()
+                      }, 200)
+                    }} style={{ paddingHorizontal: 7, paddingVertical: 5, borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorBlue }}>
+                      <Text allowFontScaling={false} style={{ color: LibStyle.colorBlue, fontWeight: 'bold', fontSize: 12 }}>{esp.lang("event/visitor_input", "see_list_claimed")}</Text>
+                    </TouchableOpacity>
+                  </View>
+              }
+            </View>
+          }
+        </View>
+      )
+    } else {
+      return (
+        <View style={{ margin: 10, marginBottom: 0, padding: 10, borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorBgGrey }}>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', }}>
+            <TouchableOpacity onPress={() => {
+              LibUtils.copyToClipboard(item.access_code)
+              LibToastProperty.show(esp.lang("event/visitor_input", "success_copy", item.access_code))
+            }} style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+              <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: item.is_used == 1 ? "#c4c4c4" : "#2980b9" })}>{item.access_code}</Text>
+              <LibIcon.Ionicons name='copy' size={16} style={applyStyle({ color: item.is_used == 1 ? "#c4c4c4" : "#2980b9", marginLeft: 7 })} />
+            </TouchableOpacity>
+            <View style={{ flex: 1, justifyContent: 'flex-end', flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "normal", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#9b9b9b", }}>{"Belum digunakan"}</Text>
+              <TouchableOpacity onPress={() => {
+                dialogClaim?.current?.show()
+                setSelectedCode(item)
+              }}>
+                <LibIcon name='pencil-circle' size={20} color={LibStyle.colorRed} style={{ marginLeft: 5 }} />
+              </TouchableOpacity>
+            </View>
+          </View>
+          <View style={{ padding: 10, borderWidth: 1, borderColor: LibStyle.colorBgGrey, borderRadius: 5, marginTop: 5 }}>
+
+          </View>
+        </View>
+      )
+    }
+  }
+
+  if (Number(getData()?.qty_generated) != Number(getData()?.qty)) {
+    return (
+      <View style={{ flex: 1, backgroundColor: '#fff' }}>
+        <EventHeader title={esp.lang("event/visitor_input", "title_input_exhibitors")} />
+        <View style={{ backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center' }}>
+          <View style={{ justifyContent: 'center', alignItems: 'center', padding: 10 }}>
+            <LibPicture source={esp.assets('img_failed_msg.png')} resizeMode="contain" style={{ width: LibStyle.width * 0.8, height: 200, resizeMode: 'contain' }} />
+            <ActivityIndicator size={'large'} color={LibStyle.colorPrimary} style={{ alignItems: 'center', justifyContent: 'center' }} />
+            <View style={{ width: LibStyle.width - 40, justifyContent: 'center', alignItems: 'center', backgroundColor: 'white', padding: 15, borderRadius: 10, marginTop: 20 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: 'Arial', fontSize: 16, fontWeight: "bold", marginBottom: 5, color: "#4a4a4a", textAlign: "center" }}>{_msg}</Text>
+            </View>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontFamily: "Arial", fontSize: 14, margin: 15, marginBottom: 0 }} >{messageGenerate}</Text>
+          </View>
+        </View>
+      </View>
+    )
+  }
+
+  let menuHeader = [
+    {
+      id: 1,
+      title: activeTab?.name,
+      color: '#d3f1ec',
+      textColor: '#4fbaa8',
+      total: LibUtils.number(activeTab?.qty)
+    },
+    {
+      id: 2,
+      title: "Total Token",
+      color: '#d7edf8',
+      textColor: '#64b0e0',
+      total: 4275
+    },
+    {
+      id: 3,
+      title: "Token dialokasikan",
+      color: '#fbe3dd',
+      textColor: '#ec7463',
+      total: 4170
+    },
+    {
+      id: 4,
+      title: "Token tersisa",
+      color: '#fef2de',
+      textColor: '#f6c67f',
+      total: 105
+    },
+  ]
+
+  return (
+    <View style={{ flex: 1 }}>
+      <EventHeader title={esp.lang("event/visitor_input", "title_input_exhibitor")} subtitle={esp.lang("event/visitor_input", "total_staff", LibUtils.number(data.qty))} />
+      <LibKeyboard_avoid style={{ flex: 1 }}>
+        <>
+          {/* <ComponentTabheader titles={tabTitles} activeIndex={tabIndex} onPress={(index) => setTabIndex(index)} /> */}
+
+          <View style={{ height: 35, marginBottom: 2, flexDirection: 'row', backgroundColor: '#fff', ...LibStyle.elevation(2) }} >
+            <ScrollView horizontal showsHorizontalScrollIndicator={false} >
+              {
+                _tabs.map(renderTabs)
+              }
+            </ScrollView>
+          </View>
+          <LibInfinite
+            url={activeTab?.url}
+            // isDebug={1}
+            key={activeTab + counter}
+            // style={{ flex: 1 }}
+            ListHeaderComponent={
+              <>
+                {
+                  activeTab?.ondate != "0000-00-00" &&
+                  <View style={{ margin: 10, marginBottom: 0 }}>
+                    <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: LibStyle.colorGreen }}>{"Tanggal berlaku " + LibUtils.moment(activeTab?.ondate).format("DD MMMM YYYY")}</Text>
+                  </View>
+                }
+                {
+                  activeTab?.type == "STAFF" &&
+                  <View style={{ padding: 10, paddingBottom: 0, flexDirection: 'row', justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                    {
+                      menuHeader?.map((item, i) => {
+                        return (
+                          <View key={i} style={{ width: (LibStyle.width - 30) / 2, alignContent: 'center', alignItems: 'center', marginBottom: 10, overflow: 'hidden', backgroundColor: item.color, borderRadius: 5, padding: 5, flexDirection: 'row', justifyContent: 'space-between' }}>
+                            <View style={{ flex: 2, }}>
+                              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.title}</Text>
+                            </View>
+                            <View style={{ marginLeft: 5, flex: 1 }}>
+                              <View style={{ alignContent: 'center', alignItems: 'center', backgroundColor: item.textColor, paddingHorizontal: 7, paddingVertical: 3, borderRadius: 5 }}>
+                                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{item.total}</Text>
+                              </View>
+                            </View>
+                          </View>
+                        )
+                      })
+                    }
+                  </View>
+                }
+
+              </>
+            }
+            removeClippedSubviews={Platform.OS == 'android'}
+            renderItem={renderItem}
+          />
+          {
+            activeTab?.type == "STAFF" &&
+            <EventButton style={{ backgroundColor: '#00b894', margin: 5 }} label={esp.lang("event/visitor_input", "save_btn")} onPress={() => { send() }} />
+          }
+        </>
+      </LibKeyboard_avoid>
+      <LibSlidingup ref={dialogListClaim}>
+        <View style={{ backgroundColor: 'white', padding: 15, height: LibStyle.height * 0.7, borderTopLeftRadius: 5, borderTopRightRadius: 5 }} >
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+            <LibTextstyle text={esp.lang("event/visitor_input", "list_claimed")} textStyle="headline" />
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#51b596" }}>{LibUtils.number(listClaim?.qty_used) + "/" + LibUtils.number(listClaim?.qty)}</Text>
+          </View>
+          <LibInfinite
+            url={listClaim?.url}
+            // isDebug={1}
+            // key={}
+            removeClippedSubviews={Platform.OS == 'android'}
+            renderItem={(item: any, i: number) => {
+              return (
+                <View key={i} style={{ padding: 10, borderBottomWidth: 1.5, borderBottomColor: LibStyle.colorBgGrey, flexDirection: 'row' }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 16 }}>{(i + 1) + ". "}</Text>
+                  <View>
+                    <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ fontSize: 16 }}>{item.name}</Text>
+                    <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail'>{item.email}</Text>
+                  </View>
+                </View>
+              )
+            }}
+          />
+        </View>
+      </LibSlidingup>
+
+      <LibSlidingup ref={dialogClaim}>
+        <View style={{ backgroundColor: 'white', padding: 15, maxHeight: LibStyle.height * 0.7, borderTopLeftRadius: 5, borderTopRightRadius: 5 }} >
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+            <LibTextstyle text={"Kode"} textStyle="headline" />
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#00b894" }}>{selectedCode?.access_code}</Text>
+          </View>
+
+          <EventLabel_input label={"Masukkan nama"} />
+          <EventInput_rectangle
+            returnKeyType="next"
+            style={applyStyle({ borderRadius: 4, borderColor: '#c4c4c4', height: 35, marginTop: 8, backgroundColor: '#fff' })}
+            onChangeText={(t) => {
+
+            }}
+            placeholder={"Masukkan nama"}
+          />
+
+          <View style={{ flexDirection: 'row', justifyContent: 'flex-end', alignContent: 'center', alignItems: 'center' }}>
+            <View style={{ flex: 2 }}>
+              <EventLabel_input label={"Masukkan token"} />
+              <EventInput_rectangle
+                returnKeyType="next"
+                style={applyStyle({ borderRadius: 4, borderColor: '#c4c4c4', height: 35, marginTop: 8, backgroundColor: '#fff' })}
+                onChangeText={(t) => {
+
+                }}
+                placeholder={"Masukkan token"}
+              />
+            </View>
+            <View style={{ flex: 1, justifyContent: 'flex-end', marginLeft: 10, marginTop: 5 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{"Token terpakai"}</Text>
+              <View style={{ marginTop: 12, alignContent: 'center', alignItems: 'center', backgroundColor: "#ec7463", paddingHorizontal: 7, paddingVertical: 3, borderRadius: 5 }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{10}</Text>
+              </View>
+            </View>
+            <View style={{ flex: 1, justifyContent: 'flex-end', marginLeft: 10, marginTop: 5 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{"Token tersisa"}</Text>
+              <View style={{ marginTop: 12, alignContent: 'center', alignItems: 'center', backgroundColor: "#f6c67f", paddingHorizontal: 7, paddingVertical: 3, borderRadius: 5 }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{120}</Text>
+              </View>
+            </View>
+          </View>
+
+          <EventButton style={{ backgroundColor: '#00b894', marginTop: 15 }} label={esp.lang("event/visitor_input", "save_btn")} onPress={() => { }} />
+
+        </View>
+      </LibSlidingup>
+    </View>
+  )
+}

package/event/voucher.tsx

@@ -6,6 +6,7 @@ import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 
+import { EventConfigProperty } from 'esoftplay/cache/event/config/import';
 import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import esp from 'esoftplay/esp';
@@ -33,6 +34,7 @@ export default function m(props: EventVoucherProps): any {
   let voucherCode = React.useRef<LibInput>(null)
 
   useEffect(() => {
+    esp.isDebug("payment_voucher") && EventConfigProperty.curlConfig('payment_config')
     return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
   }, [])
 

package/event/voucher2.tsx

@@ -73,13 +73,21 @@ export default function m(props: EventVoucher2Props): any {
     let url = "event_booking_voucher_check"
     LibProgress.show(esp.lang("event/voucher", "check_wait"))
     new LibCurl(url, post, (res, msg) => {
-      let newRes = {
-        voucher_code: post?.voucher_code,
-        ...res
-      }
-      let a = LibObject.set(getData(), newRes)(item.index, 'voucher')
-      setData(a)
 
+      let x = new LibObject(getData()).update((it: any) => {
+        it.discount_id = res?.id
+        it.discount_generated_id = res?.generated_id
+        it.discount_amount = res?.amount
+        it.discount_type = res?.amount_type
+        return it
+      })(item.index).update((it2: any) => {
+        return ({
+          ...it2,
+          ...res,
+          voucher_code: post?.voucher_code
+        })
+      })(item.index, 'voucher').value()
+      setData(x)
       cb()
       LibProgress.hide()
       LibToastProperty.show(msg)