esoftplay-event 0.0.1-s → 0.0.1-u

package/event/tms_check_ticket_result.tsx

@@ -72,34 +72,51 @@ export default function m(props: EventTms_check_ticket_resultProps): any {
   }
 
   function renderTmsIn(item: any, i: number) {
+    let timeScannedIn = LibUtils.moment(item.scanned_in).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
         {
           item.tms_name != "" &&
           <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.tms_name}</Text>
         }
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_in != "0000-00-00 00:00:00" ? (LibUtils.moment(item.scanned_in).serverFormat("DD MMM HH:mm:ss ", item.timezone) + item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : "") : esp.lang("event/tms_check_ticket_result", "not_scan_in")}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_in != "0000-00-00 00:00:00" ?
+          timeScannedIn + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "not_scan_in")}</Text>
 
       </View>
     )
   }
 
   function renderTmsOut(item: any, i: number) {
+    let timeScannedOut = LibUtils.moment(item.scanned_out).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
+
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
         {
           item.tms_name_out != null && item.tms_name_out != "" &&
           <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.tms_name_out}</Text>
         }
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_out != "0000-00-00 00:00:00" ? (LibUtils.moment(item.scanned_out).serverFormat("DD MMM HH:mm:ss ", item.timezone) + item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : "") : esp.lang("event/tms_check_ticket_result", "not_scan_out")}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_out != "0000-00-00 00:00:00" ?
+          timeScannedOut + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "not_scan_out")}</Text>
       </View>
     )
   }
 
   function renderTempOut(item: any, i: number) {
+    let timeScannedTempOut = LibUtils.moment(item.scanned_out_temporary).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
+
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.hasOwnProperty("scanned_out_temporary") && item?.scanned_out_temporary != "0000-00-00 00:00:00" ? (LibUtils.moment(item.scanned_out_temporary).serverFormat("DD MMM HH:mm:ss ", item.timezone) + item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : "") : esp.lang("event/tms_check_ticket_result", "notyet_scan_temp_out")}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.hasOwnProperty("scanned_out_temporary") && item?.scanned_out_temporary != "0000-00-00 00:00:00" ?
+          timeScannedTempOut + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "notyet_scan_temp_out")}</Text>
       </View>
     )
   }
@@ -113,26 +130,38 @@ export default function m(props: EventTms_check_ticket_resultProps): any {
   }
 
   function renderHallIn(item: any, i: number) {
+    let timeScannedIn = LibUtils.moment(item.scanned_in).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
+
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
         {
           item.tms_name != "" &&
           <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.tms_name}</Text>
         }
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_in != "0000-00-00 00:00:00" ? (LibUtils.moment(item.scanned_in).serverFormat("DD MMM HH:mm:ss ", item.timezone) + item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : "") : esp.lang("event/tms_check_ticket_result", "not_scan_in")}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_in != "0000-00-00 00:00:00" ?
+          timeScannedIn + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "not_scan_in")}</Text>
 
       </View>
     )
   }
 
   function renderHallOut(item: any, i: number) {
+    let timeScannedOut = LibUtils.moment(item.scanned_out).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
+
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
         {
           item.tms_name_out != "" &&
           <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.tms_name_out}</Text>
         }
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_out != "0000-00-00 00:00:00" ? (LibUtils.moment(item.scanned_out).serverFormat("DD MMM HH:mm:ss ", item.timezone) + item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : "") : esp.lang("event/tms_check_ticket_result", "not_scan_out")}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_out != "0000-00-00 00:00:00" ?
+          timeScannedOut + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "not_scan_out")}</Text>
 
       </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';
@@ -54,7 +55,11 @@ export default function m(props: EventVisitor_inputProps): any {
   }
 
   useEffect(() => {
-    loadData()
+    if (UserClass.state().get().email == 'bagus@fisip.net') {
+      LibNavigation.replace('event/visitor_inputv2', { data: _data, url: url })
+    } else {
+      loadData()
+    }
   }, [])
 
   function loadData(): void {
@@ -226,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))} />

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

@@ -77,6 +77,8 @@ export default function m(props: EventVoucher2Props): any {
       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 ({

package/id.json

@@ -1401,9 +1401,11 @@
     "wait": "Mohon tunggu"
   },
   "event/tms_check_code": {
+    "already_use": "Sudah digunakan",
     "code": "Check Code",
     "error": "Kesalahan",
     "input_code": "Kode %s",
+    "not_used": "Belum digunakan",
     "ticket": "Check Ticket",
     "title": "Check Ticket"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay-event",
-  "version": "0.0.1-s",
+  "version": "0.0.1-u",
   "description": "event module on esoftplay framework",
   "main": "index.js",
   "scripts": {