esoftplay-event 0.0.2-b → 0.0.2-c

package/config.json

@@ -1,9 +1,9 @@
 {
   "fonts": {
-    "mono": "mono.ttf",
     "Arial": "Arial.ttf",
     "ArialBold": "ArialBold.ttf",
     "SFProText": "SFProText.ttf",
+    "mono": "mono.ttf",
     "MonoSpace": "MonoSpace.ttf",
     "DecoNumbers": "DecoNumbers.ttf",
     "digital": "digital.ttf"

package/event/countdown_base.tsx

@@ -1,7 +1,6 @@
 // withHooks
-
+// noPage
 import esp from 'esoftplay/esp';
-import moment from 'esoftplay/moment';
 import React, { useEffect, useRef } from 'react';
 import { TextInput, View } from 'react-native';
 
@@ -11,6 +10,7 @@ export interface EventCountdown_baseArgs {
 }
 export interface EventCountdown_baseProps {
   expired: string,
+  timezone?: string,
   expiredText?: string,
   style?: any,
   containerStyle?: any,
@@ -22,68 +22,108 @@ export interface EventCountdown_baseProps {
 
 const fixSingleNumber = (number: number) => number < 10 ? '0' + number : number
 
+function parseTimezone(tz: string): string {
+  if (!tz) return '+00:00';
+  const lower = tz.toLowerCase().trim();
+
+  const match = lower.match(/gmt([+-]\d{1,2})(?::?(\d{1,2}))?(\.\d+)?/);
+  if (!match) return '+00:00';
+
+  const sign = match[1].startsWith('-') ? '-' : '+';
+  let hours = Math.abs(parseInt(match[1], 10));
+  let minutes = 0;
+
+  if (match[2]) {
+    minutes = parseInt(match[2], 10);
+  } else if (match[3]) {
+    minutes = Math.round(parseFloat(match[3]) * 60);
+  }
+
+  const hh = hours.toString().padStart(2, '0');
+  const mm = minutes.toString().padStart(2, '0');
+  return `${sign}${hh}:${mm}`;
+}
+
 export default function m(props: EventCountdown_baseProps): any {
   const ref = useRef<TextInput>(null)
-  let timmer = useRef<any>(undefined).current
+  let timmerRef = useRef<any>(undefined)
 
   useEffect(() => {
     countDown()
     return () => {
-      clearTimeout(timmer)
-      timmer = undefined
+      clearTimeout(timmerRef.current)
+      timmerRef.current = undefined
     }
   }, [])
 
   function countDown(): any {
     let expired = false
     function loop() {
-      const t = [esp.lang("market/countdown", "day"), esp.lang("market/countdown", "hour"), esp.lang("market/countdown", "minutes"), esp.lang("market/countdown", "second")]
-      const diffr = moment(props.expired).duration(moment().toDate());
-      const text = [
-        parseInt(diffr.asDays().toString()),
-        fixSingleNumber(parseInt(diffr.hours().toString())),
-        fixSingleNumber(parseInt(diffr.minutes().toString())),
-        fixSingleNumber(parseInt(diffr.seconds().toString()))
-      ]
-
-      if (text.every((x) => (Number(x) < 1 || isNaN(Number(x))))) {
-        expired = true
-        props.onExpired && props.onExpired()
-        ref?.current?.setNativeProps({ text: props.expiredText || esp.lang("market/countdown", "expired") })
-      } else if (text.length == 4 && text[0] != 0 && props.onlyDay) {
-        ref?.current?.setNativeProps({ text: text[0] + esp.lang("market/countdown", "days") })
-      } else if (text[0] == 0) {
-        text.splice(0, 1)
-        t.splice(0, 1)
-        if (text[0].toString() == '00') {
-          text.splice(0, 1)
-          t.splice(0, 1)
-          if (text[0].toString() == '00') {
-            text.splice(0, 1)
-            t.splice(0, 1)
-          }
+      const labels = [esp.lang("market/countdown", "day"), esp.lang("market/countdown", "hour"), esp.lang("market/countdown", "minutes"), esp.lang("market/countdown", "second")]
+
+      // @ts-ignore
+      const configGMT = esp.config("forcedGMT+") ? `GMT+${esp.config("forcedGMT+")}` : "GMT+7" // set default to GMT+7 Jakarta
+      const tzOffset = parseTimezone(props?.timezone || configGMT);
+      const serverDate = new Date(props.expired.replace(' ', 'T') + tzOffset);
+      const now = new Date();
+
+      const diffMs = serverDate.getTime() - now.getTime();
+
+      if (diffMs <= 0) {
+        expired = true;
+        props.onExpired?.();
+        ref.current?.setNativeProps({
+          text: props.expiredText || esp.lang('market/countdown', 'expired'),
+        });
+        return;
+      }
+
+      const totalSeconds = Math.floor(diffMs / 1000);
+      const days = Math.floor(totalSeconds / 86400);
+      const hours = Math.floor((totalSeconds % 86400) / 3600);
+      const minutes = Math.floor((totalSeconds % 3600) / 60);
+      const seconds = totalSeconds % 60;
+
+      const parts = [
+        days,
+        fixSingleNumber(hours),
+        fixSingleNumber(minutes),
+        fixSingleNumber(seconds),
+      ];
+
+      if (parts[0] != 0 && props.onlyDay) {
+        ref.current?.setNativeProps({
+          text: parts[0] + esp.lang('market/countdown', 'days'),
+        });
+      } else if (parts[0] == 0) {
+        const filteredParts = [...parts];
+        while (filteredParts.length > 1 && (filteredParts[0] === 0 || filteredParts[0] === "00")) {
+          filteredParts.splice(0, 1);
         }
-        ref?.current?.setNativeProps({ text: text.filter((x, i) => !isNaN(Number(x))).map((d, id) => d + (props?.hideTimeUnit ? '' : ' ' + t[id])).join(" : ") })
+
+        const filtered = filteredParts.map((d, i) =>
+          `${d}${props?.hideTimeUnit ? '' : ' ' + labels[parts.length - filteredParts.length + i]}`
+        );
+
+        ref.current?.setNativeProps({ text: filtered.join(' : ') });
       } else if (props?.showDayUnit && props?.hideTimeUnit) {
-        const data = text
-          .filter((x, i) => !isNaN(Number(x)))
-          .map((d, id) => {
-            return (d + (id == 0 ? " " + t[0] + " " : ""))
-          })
-        const firstData = data[0]
-        data.splice(0, 1)
-
-        ref?.current?.setNativeProps({
-          text: firstData + " " + data.join(" : ")
-        })
+        const data = parts.map(
+          (d, i) => d + (i === 0 ? ' ' + labels[0] + ' ' : '')
+        );
+
+        const first = data[0];
+        ref.current?.setNativeProps({
+          text: first + ' ' + data.slice(1).join(' : '),
+        });
       } else {
-        ref?.current?.setNativeProps({ text: text.filter((x, i) => !isNaN(Number(x))).map((d, id) => d + (props?.hideTimeUnit ? '' : ' ' + t[id])).join(" : ") })
-      }
-      if (!expired) {
-        timmer = setTimeout(() => {
-          loop()
-        }, 1000);
+        const filtered = parts.map(
+          (d, i) => `${d}${props?.hideTimeUnit ? '' : ' ' + labels[i]}`
+        );
+        ref.current?.setNativeProps({ text: filtered.join(' : ') });
       }
+
+      if (!expired) timmerRef.current = setTimeout(loop, 1000);
+
     };
     loop()
   }

package/event/countdown_event.tsx

@@ -14,6 +14,7 @@ export interface EventCountdown_eventArgs {
 }
 export interface EventCountdown_eventProps {
   date: string,
+  timezone?: string,
   containerStyle?: StyleProp<ViewStyle>
   bulletStyle?: StyleProp<ViewStyle>,
   style?: StyleProp<TextStyle>
@@ -41,6 +42,7 @@ export default function m(props: EventCountdown_eventProps): any {
         expired={props.date}
         showDayUnit
         hideTimeUnit
+        timezone={props?.timezone}
         style={[{ fontFamily: "Arial", fontSize: 11, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }, props?.style]}
       />
     </View>

package/event/detail.tsx

@@ -61,12 +61,12 @@ export default function m(props: EventDetailProps): any {
   }
 
   useEffect(() => {
-    if (esp.isDebug("") && user?.email == "bagus@fisip.net") {
-      LibNavigation.replace('event/detail2', { url: url })
-    } else {
-      loadData()
-    }
-    // loadData()
+    // if (esp.isDebug("") && user?.email == "bagus@fisip.net") {
+    //   LibNavigation.replace('event/detail2', { url: url })
+    // } else {
+    //   loadData()
+    // }
+    loadData()
   }, [])
 
   if (!result) {
@@ -142,6 +142,7 @@ export default function m(props: EventDetailProps): any {
           esp.isDebug("show_countdown") && result?.countdown_booking == 1 && result?.start_date != "0000-00-00" && result.end_date != '0000-00-00' &&
           <EventCountdown_event
             date={(result?.end_date + " " + result?.end_time)}
+            timezone={result?.timezone}
             style={{ fontSize: 12 }}
             bulletStyle={{ width: 14, height: 14, borderRadius: 7, marginRight: 10 }}
             containerStyle={{ marginHorizontal: 20, marginBottom: 10 }}

package/event/label_input.tsx

@@ -5,7 +5,7 @@ import { Text, View } from 'react-native';
 
 
 export interface EventLabel_inputArgs {
-  
+
 }
 export interface EventLabel_inputProps {
   mandatory?: boolean,
@@ -16,7 +16,7 @@ export interface EventLabel_inputProps {
 export default function m(props: EventLabel_inputProps): any {
   return (
     <View style={{ flexDirection: 'row', marginTop: 16 }}>
-      <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.labelColor ? props.labelColor : "#9b9b9b", }}>{props.label}</Text>
+      <Text allowFontScaling={false} numberOfLines={1} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.labelColor ? props.labelColor : "#9b9b9b", }}>{props.label}</Text>
       {props.mandatory && <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.mandatoryColor ? props.mandatoryColor : "#d0021b" }}> *</Text>}
     </View>
   )

package/event/order_detail.tsx

@@ -385,7 +385,7 @@ export default function m(props: EventOrder_detailProps): any {
 
   const termData = result?.term ? Object.values(result?.term) : []
 
-  // esp.log(getGroupAddon());
+  esp.log(result);
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>

package/event/order_detail_waiting.tsx

@@ -313,7 +313,7 @@ export default function m(props: EventOrder_waitingProps): any {
             result?.status == 0 &&
             <View style={{ alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row', marginTop: 5 }}>
               <Text allowFontScaling={false} style={{ fontWeight: 'bold', flex: 1, flexWrap: 'wrap', fontSize: 14, fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail_waiting", "expired_payment")}</Text>
-              <EventCountdown_base expired={moment(result?.exp_payment).serverFormat("YYYY-MM-DD HH:mm:ss", result?.timezone)} style={{ flex: 1, marginLeft: 15, fontSize: 14, color: LibStyle.colorRed, fontFamily: "ArialBold" }} />
+              <EventCountdown_base expired={moment(result?.exp_payment).serverFormat("YYYY-MM-DD HH:mm:ss", result?.timezone)} timezone={result?.timezone} style={{ flex: 1, marginLeft: 15, fontSize: 14, color: LibStyle.colorRed, fontFamily: "ArialBold" }} />
             </View>
           }
 

package/event/order_history.tsx

@@ -68,7 +68,7 @@ export default function m(props: EventOrder_historyProps): any {
           {
             item.status == 0 ?
               <View style={applyStyle({ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center', paddingHorizontal: 15 })}>
-                <EventCountdown_base expired={moment(item.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} style={applyStyle({ flex: 1, fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+                <EventCountdown_base expired={moment(item.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} timezone={item?.timezone} style={applyStyle({ flex: 1, fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
                 <Text allowFontScaling={false} style={applyStyle({ flex: 1, flexWrap: 'wrap', padding: 10, paddingHorizontal: 0, textAlign: 'right', fontFamily: "ArialBold", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed })}>{item.booking_code}</Text>
               </View>
               :

package/event/order_item.tsx

@@ -97,7 +97,7 @@ export default function m(props: EventOrder_itemProps): any {
           item?.status == 0 ?
             <View style={applyStyle({ flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center', paddingHorizontal: 15 })}>
               <View style={{ flex: 1 }}>
-                <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+                <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} timezone={item?.timezone} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
               </View>
               {
                 !!item?.booking_code &&

package/event/order_waiting.tsx

@@ -86,7 +86,7 @@ export default function m(props: EventOrder_waitingProps): any {
               item?.status == 0 ?
                 <View style={applyStyle({ marginHorizontal: 25, marginBottom: 10, flex: 1, borderTopColor: "#000", borderTopWidth: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center' })}>
                   <View style={{ flex: 1 }}>
-                    <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+                    <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} timezone={item?.timezone} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
                   </View>
                   {
                     !!item?.booking_code &&

package/event/tms_dashboard.tsx

@@ -106,6 +106,7 @@ export default function m(props: EventTms_dashboardProps): any {
       title: esp.lang("event/tms_dashboard", "log_exchange"),
       onPress: () => {
         dialogClosing.current?.show()
+        LibNavigation.navigate('event/exchange_ticket_list')
       }
     },
   ]

package/event/tms_home.tsx

@@ -448,7 +448,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 +461,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 }} >

package/event/tms_idcard.tsx

@@ -1,6 +1,5 @@
 // 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';
@@ -16,7 +15,7 @@ import { UserClass } from 'esoftplay/cache/user/class/import';
 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 {
@@ -28,7 +27,7 @@ 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 marginTop = 3 / 9 * width
   const photoHeight = 4 / 9 * width
   const photoWidth = 3 / 9 * width
   const photoMarginBot = 0.46 / 9 * width
@@ -119,6 +118,7 @@ export default function m(props: EventTms_idcardProps): any {
     }, 1)
   }
 
+  // esp.log({ result });
 
   return (
     <View style={{ flex: 1 }}>
@@ -128,12 +128,13 @@ 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' }} />
         <View style={{ position: 'absolute' }}>
           <LibPicture source={{ uri: selectedTicket?.user_image != '' ? decodeURIComponent(selectedTicket?.user_image) : 'https://www.w3schools.com/howto/img_avatar.png' }} style={{ marginBottom: photoMarginBot, marginTop: marginTop, height: photoHeight, width: photoWidth, alignSelf: 'center', resizeMode: 'cover', }} />
-          <View style={{ padding: 10, marginTop: 5 }} >
+          <View style={{ padding: 10, marginTop: -10 }} >
             {/* view nama */}
             <View style={{ flexDirection: 'row' }} >
               <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 3 }} >{esp.lang("event/tms_idcard", "name")}</Text>
@@ -150,13 +151,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 }}>
+          {
+            esp.isDebug("") &&
+            <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' }} >10</Text>
+            </View>
+          }
+          <TouchableOpacity onPress={() => {
             LibNavigation.replace('component/scanner', {
               selectGate: selectGate,
               fromPage: 'event/tms_home',
@@ -170,21 +175,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

@@ -131,7 +131,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] || "",
+                text: item[7] || "",
+                token: item[6]
               }
               tikets.push(x)
             })

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_out_temporary.tsx

@@ -12,12 +12,11 @@ import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import { applyStyle } from 'esoftplay';
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import React, { useEffect } from 'react';
-import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import { ScrollView, Text, View } from 'react-native';
 
 
 export interface EventTms_out_temporaryArgs {
@@ -231,7 +230,7 @@ export default function m(props: EventTms_out_temporaryProps): any {
         </View>
       </ScrollView>
       <View style={{ padding: 10, backgroundColor: '#fff' }}>
-        <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 10, alignContent: 'center', alignItems: 'center' }}>
+        {/* <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 10, alignContent: 'center', alignItems: 'center' }}>
           <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={'tail'} style={{ flex: 1, fontWeight: 'bold', fontSize: 14, letterSpacing: 1 }}>{esp.lang("event/tms_in_list", "total_ticket_use", result?.list?.filter((it: any) => it.checked == 1).length)}</Text>
           <TouchableOpacity onPress={() => {
             toggleCheckedAll()
@@ -239,7 +238,7 @@ export default function m(props: EventTms_out_temporaryProps): any {
             <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff', marginRight: 15 })} >{useAll ? esp.lang("event/tms_in_list", "cancel_use") : esp.lang("event/tms_in_list", "use_all")}</Text>
             <LibIcon.Ionicons size={18} color="#fff" name={useAll ? "close" : "checkmark-done"} />
           </TouchableOpacity>
-        </View>
+        </View> */}
 
         <EventButton
           label={esp.lang("event/tms_out_temporary", "btn_exit")}

package/event/visitor_inputv2.tsx

@@ -7,7 +7,6 @@ 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';
@@ -16,7 +15,6 @@ 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';
 
@@ -33,8 +31,6 @@ 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)
@@ -55,9 +51,6 @@ export default function m(props: EventVisitor_inputv2Props): any {
 
 
   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()
@@ -90,41 +83,21 @@ export default function m(props: EventVisitor_inputv2Props): any {
     }
   }
 
-  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 assignToken() {
-
-    if (token && token != 0 && token > getData()?.token_remaining) {
+    if (selectedCode?.use_token == 1 && token != 0 && token > getData()?.token_remaining) {
       LibToastProperty?.show(esp.lang("event/visitor_inputv2", "max_token_is") + getData()?.token_remaining)
       return
     }
 
-    let post = {
+    let post: any = {
       name: inputName?.current?.getText(),
-      token: inputToken?.current?.getText() == "" ? 0 : inputToken?.current?.getText(),
       code: selectedCode?.access_code
     }
 
+    if (selectedCode?.use_token == 1) {
+      post.token = inputToken?.current?.getText()
+    }
+
     LibDialog.confirm(esp.lang("event/visitor_input", "confirm_title"), esp.lang("event/visitor_inputv2", "confirm_input_token"), esp.lang("event/visitor_inputv2", "yes"), () => {
       LibProgress.show(esp.lang("event/visitor_inputv2", "please_wait"))
       new LibCurl('event_exhibitor_staff_token', post, (res, msg) => {
@@ -142,7 +115,31 @@ export default function m(props: EventVisitor_inputv2Props): any {
     }, esp.lang("event/visitor_inputv2", "no"), () => { })
   }
 
-  esp.log(selectedCode);
+  function withdrawToken() {
+    LibDialog.warningConfirm(esp.lang("event/visitor_inputv2", "warning"), esp.lang("event/visitor_inputv2", "confirm_withdraw_token"), esp.lang("event/visitor_inputv2", "yes"), () => {
+      let post = {
+        token: inputToken?.current?.getText(),
+        code: selectedCode?.access_code
+      }
+      LibProgress.show(esp.lang("event/visitor_inputv2", "please_wait"))
+      esp.log({ post });
+      new LibCurl('event_exhibitor_staff_token_withdraw', post, (res, msg) => {
+        LibProgress.hide()
+        LibDialog.info(esp.lang("event/visitor_input", "confirm_success"), msg);
+        loadData()
+        setCounter(counter + 1)
+        dialogClaim?.current?.hide()
+      }, (error) => {
+        dialogClaim?.current?.hide()
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("event/visitor_input", "confirm_failed"), error?.message)
+      })
+
+
+    }, esp.lang("event/visitor_inputv2", "no"), () => {
+
+    })
+  }
 
   function renderTabs(item: any, i: number) {
     return (
@@ -242,20 +239,23 @@ export default function m(props: EventVisitor_inputv2Props): any {
           <View style={{ padding: 5, borderWidth: 1, borderColor: LibStyle.colorBgGrey, borderRadius: 5, marginTop: 5 }}>
             <Text allowFontScaling={false} style={{ fontSize: 10, color: '#9b9b9b' }}>{esp.lang("event/visitor_inputv2", "name")}</Text>
             <Text allowFontScaling={false} style={{ fontSize: 14 }}>{item.name == null ? "-" : item.name}</Text>
-            <View style={{ marginTop: 5, flexDirection: 'row', justifyContent: 'space-between' }}>
-              <View style={{ flex: 1 }}>
-                <Text allowFontScaling={false} style={{ fontSize: 10, color: '#9b9b9b' }}>{esp.lang("event/visitor_inputv2", "total_token")}</Text>
-                <Text allowFontScaling={false} style={{ fontSize: 14 }}>{Number(item?.token)}</Text>
-              </View>
-              <View style={{ flex: 1 }}>
-                <Text allowFontScaling={false} style={{ fontSize: 10, color: '#9b9b9b' }}>{esp.lang("event/visitor_inputv2", "token_used")}</Text>
-                <Text allowFontScaling={false} style={{ fontSize: 14 }}>{Number(item?.token_used)}</Text>
-              </View>
-              <View style={{ flex: 1 }}>
-                <Text allowFontScaling={false} style={{ fontSize: 10, color: '#9b9b9b' }}>{esp.lang("event/visitor_inputv2", "token_left")}</Text>
-                <Text allowFontScaling={false} style={{ fontSize: 14 }}>{Number(item?.token_remaining)}</Text>
+            {
+              item?.use_token == 1 &&
+              <View style={{ marginTop: 5, flexDirection: 'row', justifyContent: 'space-between' }}>
+                <View style={{ flex: 1 }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 10, color: '#9b9b9b' }}>{esp.lang("event/visitor_inputv2", "total_token")}</Text>
+                  <Text allowFontScaling={false} style={{ fontSize: 14 }}>{Number(item?.token)}</Text>
+                </View>
+                <View style={{ flex: 1 }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 10, color: '#9b9b9b' }}>{esp.lang("event/visitor_inputv2", "token_used")}</Text>
+                  <Text allowFontScaling={false} style={{ fontSize: 14 }}>{Number(item?.token_used)}</Text>
+                </View>
+                <View style={{ flex: 1 }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 10, color: '#9b9b9b' }}>{esp.lang("event/visitor_inputv2", "token_left")}</Text>
+                  <Text allowFontScaling={false} style={{ fontSize: 14 }}>{Number(item?.token_remaining)}</Text>
+                </View>
               </View>
-            </View>
+            }
           </View>
         </View>
       )
@@ -311,13 +311,15 @@ export default function m(props: EventVisitor_inputv2Props): any {
     },
   ]
 
+  esp.log({ selectedCode });
+
   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 }}>
         <>
           {
-            activeTab?.type == "STAFF" &&
+            activeTab?.type == "STAFF" && data?.use_token == 1 &&
             <View style={{ padding: 10, paddingBottom: 0, flexDirection: 'row', justifyContent: 'space-between', flexWrap: 'wrap' }}>
               {
                 menuHeader?.map((item, i) => {
@@ -408,46 +410,73 @@ export default function m(props: EventVisitor_inputv2Props): any {
             editable={selectedCode?.is_used == "1" ? false : true}
           />
 
+
           <View style={{ flexDirection: 'row', justifyContent: 'flex-end', alignContent: 'center', alignItems: 'center' }}>
-            <View style={{ flex: 2 }}>
-              <EventLabel_input label={esp.lang("event/visitor_inputv2", "input_token")} mandatory />
-              <EventInput_rectangle
-                ref={inputToken}
-                keyboardType='phone-pad'
-                returnKeyType="done"
-                style={applyStyle({ borderRadius: 4, borderColor: '#c4c4c4', marginTop: 8, backgroundColor: '#fff' })}
-                placeholder={esp.lang("event/visitor_inputv2", "input_token")}
-                onChangeText={(t) => setToken(t)}
-                onSubmitEditing={assignToken}
-                defaultValue={selectedCode?.token != "0" ? selectedCode?.token : ''}
-              />
-            </View>
             {
-              selectedCode?.token != "0" &&
-              <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" }}>{esp.lang("event/visitor_inputv2", "token_used")}</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" }}>{LibUtils.number(selectedCode?.token_used)}</Text>
+              selectedCode?.use_token == 1 &&
+              <View style={{ flex: 2 }}>
+                <EventLabel_input label={esp.lang("event/visitor_inputv2", "input_token")} mandatory />
+                <EventInput_rectangle
+                  ref={inputToken}
+                  keyboardType='phone-pad'
+                  returnKeyType="done"
+                  style={applyStyle({ borderRadius: 4, borderColor: '#c4c4c4', marginTop: 8, backgroundColor: '#fff' })}
+                  placeholder={esp.lang("event/visitor_inputv2", "input_token")}
+                  onChangeText={(t) => setToken(t)}
+                  onSubmitEditing={assignToken}
+                  defaultValue={selectedCode?.token != "0" ? selectedCode?.token : ''}
+                />
+              </View>
+            }
+            {
+              selectedCode?.use_token == 1 &&
+              <View style={{ flex: 1, justifyContent: 'flex-end', marginLeft: 10, }}>
+                <EventLabel_input label={esp.lang("event/visitor_inputv2", "token_used")} />
+                <View style={{ height: 35, marginTop: 8, alignContent: 'center', justifyContent: 'center' }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 14 }}>{LibUtils.number(selectedCode?.token_used)}</Text>
                 </View>
               </View>
             }
             {
-              selectedCode?.token != "0" &&
-              <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" }}>{esp.lang("event/visitor_inputv2", "token_left")}</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" }}>{LibUtils.number(selectedCode?.token_remaining)}</Text>
+              selectedCode?.use_token == 1 &&
+              <View style={{ flex: 1, justifyContent: 'flex-end', marginLeft: 10 }}>
+                <EventLabel_input label={esp.lang("event/visitor_inputv2", "token_left")} />
+                <View style={{ height: 35, marginTop: 8, alignContent: 'center', justifyContent: 'center' }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 14 }}>{LibUtils.number(selectedCode?.token_remaining)}</Text>
                 </View>
               </View>
             }
           </View>
 
-          <EventButton style={{ backgroundColor: '#00b894', marginTop: 15, borderRadius: 5 }} label={esp.lang("event/visitor_input", "save_btn")} onPress={() => {
-            assignToken()
-          }} />
+          <View style={{ marginTop: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+            {
+              selectedCode?.use_token == 1 && selectedCode?.token_remaining != 0 &&
+              <View style={{ marginRight: 5, flex: 1 }}>
+                <EventButton
+                  label={esp.lang("event/visitor_inputv2", "withdraw_token")}
+                  onPress={() => {
+                    withdrawToken()
+                  }}
+                  backgroundColor='#fff'
+                  borderColor={LibStyle.colorRed}
+                  fontColor={LibStyle.colorRed}
+                  style={{ borderRadius: 5 }}
+                />
+              </View>
+            }
 
+            <View style={{ marginLeft: (selectedCode?.token != "0" && selectedCode?.token_remaining != 0) ? 5 : 0, flex: 1 }}>
+              <EventButton
+                style={{ backgroundColor: '#00b894', borderRadius: 5 }}
+                label={esp.lang("event/visitor_input", "save_btn")}
+                onPress={() => {
+                  assignToken()
+                }} />
+            </View>
+          </View>
         </View>
       </LibSlidingup>
+
     </View>
   )
 }

package/id.json

@@ -1508,10 +1508,14 @@
     "warning_load": "Oops"
   },
   "event/tms_idcard": {
+    "backk": "KEMBALI",
     "btn_back": "Kembali",
     "company": "Perusahaan",
     "header": "ID CARD",
+    "hold_idcard": "Tahan ID CARD",
     "name": "Nama",
+    "success": "Berhasil!",
+    "token": "TOKEN",
     "visitor": "Pengunjung"
   },
   "event/tms_in": {
@@ -1859,7 +1863,7 @@
     "not_claimed": "Belum diklaim",
     "placeholder_input_name": "Masukkan Nama #%s",
     "resend": "Ulangi",
-    "save_btn": "Simpan",
+    "save_btn": "Tambah",
     "see_list_claimed": "Lihat daftar klaim",
     "subtitle_exhibitor": "%s staf",
     "subtitle_total_exhibitor": "Total %s",
@@ -1872,6 +1876,7 @@
   "event/visitor_inputv2": {
     "code": "Kode",
     "confirm_input_token": "Apakah data yang anda masukkan sudah benar?",
+    "confirm_withdraw_token": "Apakah anda ingin menarik token dari ID Card ini ?",
     "esp.lang(\"event/visitor_input\", \"confirm_title\")": "Info",
     "input_name": "Masukkan nama",
     "input_token": "Masukkan token",
@@ -1884,6 +1889,8 @@
     "token_shared": "Token dialokasikan",
     "token_used": "Total terpakai",
     "total_token": "Total token",
+    "warning": "Peringatan",
+    "withdraw_token": "Tarik Token",
     "yes": "Ya"
   },
   "event/voucher": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay-event",
-  "version": "0.0.2-b",
+  "version": "0.0.2-c",
   "description": "event module on esoftplay framework",
   "main": "index.js",
   "scripts": {