esoftplay-event 0.0.2-c → 0.0.2-e

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/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(result);
+  // esp.log(result);
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
@@ -466,7 +466,7 @@ export default function m(props: EventOrder_detailProps): any {
 
                 {
                   result?.ondate == "0000-00-00" &&
-                  <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                  <View style={{ marginRight: 85, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
                     <LibIcon name="calendar-blank-outline" size={20} />
                     <Text allowFontScaling={false} style={{ flex: 1, marginRight: 10, marginLeft: 6, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{((isInvitationDate || isOnlineWithoutDate) ? esp.lang("event/order_item", "used_once") : dateRange)}</Text>
                   </View>
@@ -580,6 +580,7 @@ export default function m(props: EventOrder_detailProps): any {
             if (item?.hasOwnProperty("group_id")) {
               return (
                 <EventButton_order_detail
+                  key={i}
                   color={result?.color}
                   onPress={() => {
                     setGroupAddon(item)
@@ -593,6 +594,23 @@ export default function m(props: EventOrder_detailProps): any {
                   info={""}
                 />
               )
+            } else if (item?.hasOwnProperty('list')) {
+              return (
+                <EventButton_order_detail
+                  key={i}
+                  color={result?.color}
+                  onPress={() => {
+                    setGroupAddon(item)
+                    LibUtils.debounce(() => {
+                      dialogAddonList?.current?.show()
+                    }, 100)
+                    // loadDataAddons(item?.addons_id, item?.url)
+                  }}
+                  icon={'chevron-down'}
+                  title={item.title}
+                  info={""}
+                />
+              )
             } else {
               return (
                 <EventButton_order_detail
@@ -873,12 +891,32 @@ export default function m(props: EventOrder_detailProps): any {
       <LibSlidingup ref={dialogAddonList}>
         <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, maxHeight: LibStyle.height / 2, borderTopLeftRadius: 20, paddingBottom: 20 }}>
           <View style={{ margin: 15, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
-            <Text allowFontScaling={false} style={{ flex: 1, fontSize: 16, fontWeight: 'bold' }}>{getGroupAddon()?.group_title}</Text>
+            <Text allowFontScaling={false} style={{ flex: 1, fontSize: 16, fontWeight: 'bold' }}>{getGroupAddon()?.hasOwnProperty("list") ? getGroupAddon()?.title : getGroupAddon()?.group_title}</Text>
             <TouchableOpacity style={{ flex: 1, alignItems: 'flex-end' }} onPress={() => dialogAddonList?.current?.hide()}>
               <LibIcon name='close' />
             </TouchableOpacity>
           </View>
           <ScrollView>
+            {/* sementara dobel2 begini nanti yang dipakai itu yang list */}
+
+            {/* ini list untuk yang ondate */}
+            {
+              getGroupAddon()?.list?.length > 0 && getGroupAddon()?.list?.map((item: any, i: number) => {
+                return (
+                  <EventButton_order_detail
+                    key={i}
+                    color={result?.color}
+                    onPress={() => {
+                      loadDataAddons(getGroupAddon()?.addons_id, item?.url)
+                    }}
+                    icon={'plus-circle-outline'}
+                    title={getGroupAddon()?.title + " " + LibUtils.moment(item.ondate).format("DD MMM YYYY")}
+                    info={item.hasOwnProperty("info") && item?.info}
+                  />
+                )
+              })
+            }
+            {/* ini untuk yang grouping */}
             {
               getGroupAddon()?.addons?.length > 0 && getGroupAddon()?.addons?.map((item: any, i: number) => {
                 return (

package/event/schedule.tsx

@@ -21,8 +21,8 @@ export interface EventScheduleProps {
 
 }
 export default function m(props: EventScheduleProps): any {
-  const { schedule, dataBookingEvent, order_type, tax } = LibNavigation.getArgsAll(props)
-  const [qty, setQty] = useSafeState<number>(dataBookingEvent?.qty)
+  const { schedule, dataBookingEvent, order_type, tax, is_multiprice } = LibNavigation.getArgsAll(props)
+  const [qty, setQty] = useSafeState<number>(dataBookingEvent?.qty || 1)
 
   function add(quota?: any, quota_used?: any): void {
     if (qty != parseInt(dataBookingEvent?.selected_ticket?.qty_max)) {
@@ -71,22 +71,22 @@ export default function m(props: EventScheduleProps): any {
     return (
       <View key={i} style={styleId_26m88j}>
         {
-          _item.image != "" &&
-          <LibPicture source={{ uri: _item.image }} style={styleId_15Un4S} />
+          Boolean(_item?.image) && _item?.image != "" &&
+          <LibPicture source={{ uri: _item?.image }} style={styleId_15Un4S} />
         }
-        <Text allowFontScaling={false} style={styleId_XKKqU}>{_item.name}</Text>
+        <Text allowFontScaling={false} style={styleId_XKKqU}>{_item?.name || ""}</Text>
         <ScrollView>
           {
-            _item.description != "" &&
-            <LibWebview source={{ html: _item.description }} onFinishLoad={() => { }} style={styleId_ZoKh7U} />
+            Boolean(_item?.description) && _item?.description != "" &&
+            <LibWebview source={{ html: _item?.description }} onFinishLoad={() => { }} style={styleId_ZoKh7U} />
           }
         </ScrollView>
         {
-          _item?.video != "" &&
+          Boolean(_item?.video) && _item?.video != "" &&
           <>
             <Text allowFontScaling={false} style={styleId_Z1RMsb6} >{esp.lang("event/schedule", "text_vide")}</Text>
-            <TouchableOpacity onPress={() => LibNavigation.navigate('lib/video', { code: _item.video })} >
-              <LibPicture source={{ uri: LibVideoProperty.getUrlThumbnail(_item.video) }} style={styleId_1g6pcd} />
+            <TouchableOpacity onPress={() => LibNavigation.navigate('lib/video', { code: _item?.video })} >
+              <LibPicture source={{ uri: LibVideoProperty.getUrlThumbnail(_item?.video) }} style={styleId_1g6pcd} />
             </TouchableOpacity>
           </>
         }
@@ -98,32 +98,35 @@ export default function m(props: EventScheduleProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <EventHeader title={esp.lang("event/schedule", "header_title")} />
+      <EventHeader title={dataBookingEvent?.event_title} />
       <ScrollView>
         {
-          schedule?.artist.length > 0 && schedule.artist.map(renderArtist)
+          schedule?.artist?.length > 0 && schedule?.artist?.map?.(renderArtist)
         }
 
-
       </ScrollView>
-      <View style={{ padding: 10 }} >
-        <View style={{ flexDirection: 'row', marginVertical: 10, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
-          <TouchableOpacity onPress={() => { min() }}>
-            <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
-              <LibIcon name="minus" color="#e74c3c" />
-            </View>
-          </TouchableOpacity>
-          <Text style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 15, marginRight: 15 }}>{qty}</Text>
-          <TouchableOpacity onPress={() => { add(item?.quota, item?.quota_used) }}>
-            <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
-              <LibIcon name="plus" color="#16a085" />
-            </View>
-          </TouchableOpacity>
+
+      {
+        is_multiprice == 0 &&
+        <View style={{ padding: 10 }} >
+          <View style={{ flexDirection: 'row', marginVertical: 10, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
+            <TouchableOpacity onPress={() => { min() }}>
+              <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                <LibIcon name="minus" color="#e74c3c" />
+              </View>
+            </TouchableOpacity>
+            <Text style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 15, marginRight: 15 }}>{qty}</Text>
+            <TouchableOpacity onPress={() => { add(item?.quota, item?.quota_used) }}>
+              <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                <LibIcon name="plus" color="#16a085" />
+              </View>
+            </TouchableOpacity>
+          </View>
+          <EventButton label={esp.lang("event/schedule", "next")} onPress={() => {
+            doBooking()
+          }} style={{ backgroundColor: LibStyle.colorGreen }} />
         </View>
-        <EventButton label={esp.lang("event/schedule", "next")} onPress={() => {
-          doBooking()
-        }} style={{ backgroundColor: LibStyle.colorGreen }} />
-      </View>
+      }
     </View>
   )
 }

package/event/ticket_list.tsx

@@ -500,7 +500,8 @@ export default function m(props: EventTicket_listProps): any {
                   schedule: itemT.schedule,
                   order_type: eventConfig?.order_type?.ticket,
                   tax: selectedTicket?.tax == null ? 0 : selectedTicket?.tax,
-                  dataBookingEvent: dataPost
+                  dataBookingEvent: dataPost,
+                  is_multiprice: 0
                 })
               }
 

package/event/ticket_list2.tsx

@@ -556,6 +556,45 @@ export default function m(props: EventTicket_list2Props): any {
             }
           </View>
 
+          {
+            ticketWithDate && itemC.schedule?.artist?.length > 0 &&
+            <TouchableOpacity onPress={() => {
+              if (item.status == 1 && itemC.status == 1) {
+                let itemTicket = {
+                  ...item
+                }
+                let replaceList = LibObject.set(itemTicket, itemC)('list')
+                // ini jika dia gajadi beli dari halaman schedule.
+                // setSelectedTicket(replaceList)
+                // setQtyGlobal(itemT)
+                // releaseQueue()
+                // ini untuk dikirim ke halaman schedule
+                let dataPost: any = {
+                  event_id: availableResult?.id,
+                  event_title: availableResult?.title,
+                  charge_payment: availableResult?.charge_payment,
+                  charge_payment_type: availableResult?.charge_payment_type,
+                  images: availableResult?.images,
+                  selected_ticket: replaceList,
+                  qty: itemC.hasOwnProperty("qty") ? itemC?.qty : 1,
+                }
+
+                LibNavigation.navigate('event/schedule', {
+                  schedule: itemC.schedule,
+                  order_type: EventConfigProperty?.state()?.get()?.order_type?.ticket,
+                  tax: item?.tax,
+                  dataBookingEvent: dataPost,
+                  is_multiprice: 1
+                })
+              }
+
+
+            }} activeOpacity={itemC.status == 1 ? 0 : 1} style={applyStyle({ padding: 5, opacity: 1 })} hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} >
+              <LibIcon name="information-outline" size={18} color={"#434343"} style={{ opacity: textOpacity }} />
+            </TouchableOpacity>
+          }
+
+
         </View>
       </TouchableOpacity>
     )

package/event/tms_idcard.tsx

@@ -11,6 +11,7 @@ import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
@@ -50,6 +51,7 @@ export default function m(props: EventTms_idcardProps): any {
   } = LibNavigation.getArgsAll(props)
 
   const [result, setResult] = useSafeState<any>()
+  const [useToken, TokenLeft] = selectedTicket?.token?.split("-")
 
   function loadData() {
     // load data untuk ngambil background id card
@@ -155,10 +157,10 @@ export default function m(props: EventTms_idcardProps): any {
 
         <View style={{ padding: 5, flexDirection: 'row', backgroundColor: LibStyle.colorPrimary, margin: 10, borderRadius: 10 }}>
           {
-            esp.isDebug("") &&
+            useToken == 1 &&
             <View style={{ padding: 5, paddingHorizontal: 35, alignContent: 'center', alignItems: 'center', borderRadius: 10, backgroundColor: '#fff' }}>
               <Text allowFontScaling={false} style={{ fontSize: 12, color: '#000', fontWeight: 'bold' }}>{esp.lang("event/tms_idcard", "token")}</Text>
-              <Text allowFontScaling={false} style={{ fontSize: 35, color: '#000', lineHeight: 35, fontWeight: 'bold' }} >10</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 35, color: '#000', lineHeight: 35, fontWeight: 'bold' }} >{LibUtils.number(TokenLeft)}</Text>
             </View>
           }
           <TouchableOpacity onPress={() => {

package/event/tms_in.tsx

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

package/event/tms_in_hall_failed.tsx

@@ -195,7 +195,7 @@ export default function m(props: EventTms_in_hall_failedProps): any {
                         <View style={{ flex: 2 }}>
                           <Text allowFontScaling={false} style={{ marginBottom: 5, fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{esp.lang("event/tms_in_hall_failed", "time")}</Text>
                           {
-                            item?.hall_scanned != "0000-00-00 00:00:00" &&
+                            item.hasOwnProperty("hall_scanned") && item?.hall_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>
                           }
                         </View>

package/event/tms_out_hall_failed.tsx

@@ -101,7 +101,7 @@ export default function m(props: EventTms_out_hall_failedProps): any {
                   </View>
                   <View style={{ flex: 1, justifyContent: 'center', paddingVertical: 5 }}>
                     {
-                      item?.scanned != "0000-00-00 00:00:00" &&
+                      item?.hasOwnProperty("scanned") && 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>
                     }
                   </View>

package/event/token_order.tsx

@@ -0,0 +1,39 @@
+// withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventToken_orderArgs {
+
+}
+export interface EventToken_orderProps {
+
+}
+export default function m(props: EventToken_orderProps): any {
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title='Riwayar Transaksi Token' />
+      <ScrollView>
+        <Pressable onPress={() => {
+
+        }} style={{ padding: 7, margin: 15, backgroundColor: '#fff', marginBottom: 0, borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorPrimary, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+          <Text allowFontScaling={false} style={{ marginLeft: 8 }}>{esp.lang("event/order", "wawit")}</Text>
+          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            {/* {
+              badge != 0 &&
+              <View style={{ backgroundColor: LibStyle.colorRed, height: 17, padding: 5, paddingVertical: 2, borderRadius: 10, alignContent: 'center', alignItems: 'center' }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, letterSpacing: 0, color: "#ffffff" }}>{badge > 99 ? "99+" : LibUtils.number(badge)}</Text>
+              </View>
+            } */}
+            <LibIcon name='chevron-right' />
+          </View>
+        </Pressable>
+      </ScrollView>
+    </View>
+  )
+}

package/event/token_payment.tsx

@@ -0,0 +1,79 @@
+// withHooks
+import { BigbangPayment_list } from 'esoftplay/cache/bigbang/payment_list/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+
+import React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventToken_paymentArgs {
+
+}
+export interface EventToken_paymentProps {
+
+}
+export default function m(props: EventToken_paymentProps): any {
+
+  let items = [
+    {
+      id: 1,
+      title: 'ID Card + Token',
+      price: 20000,
+      qty: 1
+    },
+    {
+      id: 2,
+      title: 'Token',
+      price: 7500,
+      qty: 1
+    }
+  ]
+
+  return (
+    <View style={{ flex: 1 }}>
+      <EventHeader title='Beli IDCard/Token' />
+      <ScrollView>
+
+        {
+          items?.map((item: any, i: number) => {
+            return (
+              <View key={i} style={{ ...LibStyle.elevation(3), backgroundColor: '#fff', margin: 15, paddingHorizontal: 10, borderRadius: 5, marginBottom: 0, flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                <View style={{ flex: 2 }}>
+                  <Text allowFontScaling={false}>{item?.title}</Text>
+                  <Text allowFontScaling={false}>{LibUtils.money(item?.price)}</Text>
+                </View>
+                <View style={{ flex: 1 }}>
+                  <View style={{ flexDirection: 'row', marginVertical: 10, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
+                    <TouchableOpacity onPress={() => { /* min() */ }}>
+                      <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                        <LibIcon name="minus" color="#e74c3c" />
+                      </View>
+                    </TouchableOpacity>
+                    <Text style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 15, marginRight: 15 }}>{item?.qty}</Text>
+                    <TouchableOpacity onPress={() => { /* add(item?.quota, item?.quota_used) */ }}>
+                      <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                        <LibIcon name="plus" color="#16a085" />
+                      </View>
+                    </TouchableOpacity>
+                  </View>
+                </View>
+              </View>
+            )
+          })
+        }
+
+        <BigbangPayment_list
+          priceTotal={100000}
+          order_type={1}
+          paymentId={2}
+          onPressPayment={() => {
+
+          }}
+        />
+      </ScrollView>
+    </View>
+  )
+}

package/event/visitor_input.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,13 +15,13 @@ 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 { EventSheet } from 'esoftplay/cache/event/sheet/import';
 import useLazyState from 'esoftplay/lazy';
 import React, { useEffect } from 'react';
 import { ActivityIndicator, Platform, ScrollView, Text, TouchableOpacity, View } from 'react-native';
@@ -33,8 +32,6 @@ export interface EventVisitor_inputProps {
   navigation: any
 }
 
-const inputsState = useGlobalState<any>({})
-
 export default function m(props: EventVisitor_inputProps): any {
   let _data: any = LibNavigation.getArgs(props, 'data')
   const { msg, url } = LibNavigation.getArgsAll(props)
@@ -45,20 +42,22 @@ export default function m(props: EventVisitor_inputProps): any {
   const [activeTab, setActiveTab] = useSafeState(data?.list[0])
   const [counter, setCounter] = useSafeState(1)
   const [listClaim, setListClaim] = useSafeState()
+  const [selectedCode, setSelectedCode] = useSafeState()
+  const [token, setToken] = useSafeState()
 
   const dialogListClaim = useRef<LibSlidingup>(null)
+  const dialogClaim = useRef<LibSlidingup>(null)
+  let inputName = useRef<EventInput_rectangle>(null)
+  let inputToken = useRef<EventInput_rectangle>(null)
+  const tokenRef = useRef<LibSlidingup>(null)
+  const dialogMass = useRef<LibSlidingup>(null)
+  const [, setDataMass, getDataMass] = useSafeState()
+
 
   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(() => {
-    if (esp.isDebug("")) {
-      LibNavigation.replace('event/visitor_inputv2', { data: _data, url: url })
-    } else {
-      loadData()
-    }
+    loadData()
   }, [])
 
   function loadData(): void {
@@ -88,26 +87,70 @@ export default function m(props: EventVisitor_inputProps): any {
     }
   }
 
-  function send(): void {
-    var post: any = undefined
-    const inputs = inputsState.get()
-    post = {
-      name: Object.values(inputs).join("|"),
-      list_id: Object.keys(inputs).join("|")
+  function assignToken() {
+    if (selectedCode?.use_token == 1 && token != 0 && token > getData()?.token_remaining) {
+      LibToastProperty?.show(esp.lang("event/visitor_input", "max_token_is") + getData()?.token_remaining)
+      return
+    }
+
+    let post: any = {
+      name: inputName?.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_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) => {
+
+    LibDialog.confirm(esp.lang("event/visitor_input", "confirm_title"), esp.lang("event/visitor_input", "confirm_input_token"), esp.lang("event/visitor_input", "yes"), () => {
+      LibProgress.show(esp.lang("event/visitor_input", "please_wait"))
+      new LibCurl('event_exhibitor_staff_token', 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
+        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_input", "confirm_cancel"), () => { })
+
+    }, esp.lang("event/visitor_input", "no"), () => { })
+  }
+
+  function withdrawToken() {
+    LibDialog.warningConfirm(esp.lang("event/visitor_input", "warning"), esp.lang("event/visitor_input", "confirm_withdraw_token"), esp.lang("event/visitor_input", "yes"), () => {
+      let post = {
+        token: inputToken?.current?.getText(),
+        code: selectedCode?.access_code
+      }
+      LibProgress.show(esp.lang("event/visitor_input", "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_input", "no"), () => {
+
+    })
+  }
+
+  function massAllocateToken() {
+    esp.log("Alokasi masal");
+  }
+
+  function massWithdrawToken() {
+    esp.log("Withdraw masal");
   }
 
   function renderTabs(item: any, i: number) {
@@ -116,8 +159,8 @@ export default function m(props: EventVisitor_inputProps): any {
         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, }}>
+        <View style={applyStyle({ height: 35, width: LibStyle.width / 3.5, alignItems: 'center', overflow: 'visible', justifyContent: 'center', backgroundColor: '#fff' })}>
+          <View style={{ width: LibStyle.width / 3.5, }}>
             <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>
@@ -185,28 +228,47 @@ export default function m(props: EventVisitor_inputProps): any {
       )
     } else {
       return (
-        <View style={applyStyle({ marginHorizontal: 15 })} >
-          <View style={applyStyle({ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' })}>
-            <EventLabel_input label={esp.lang("event/visitor_input", "input_names", (i + 1))} />
+        <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))
-            }}>
-              <View style={applyStyle({ marginTop: 12, marginRight: 3, flexDirection: 'row', justifyContent: 'center', 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 })} />
-              </View>
+            }} 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", }}>{item?.is_used == 1 ? "" : esp.lang("event/visitor_input", "notyet_used")}</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: 5, borderWidth: 1, borderColor: LibStyle.colorBgGrey, borderRadius: 5, marginTop: 5 }}>
+            <Text allowFontScaling={false} style={{ fontSize: 10, color: '#9b9b9b' }}>{esp.lang("event/visitor_input", "name")}</Text>
+            <Text allowFontScaling={false} style={{ fontSize: 14 }}>{item.name == null ? "-" : item.name}</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_input", "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_input", "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_input", "token_left")}</Text>
+                  <Text allowFontScaling={false} style={{ fontSize: 14 }}>{Number(item?.token_remaining)}</Text>
+                </View>
+              </View>
+            }
           </View>
-          <EventInput_rectangle
-            returnKeyType="next"
-            key={activeTab?.id + "??" + i}
-            editable={item.is_used == 0}
-            style={applyStyle({ borderRadius: 4, borderColor: '#c4c4c4', height: 35, marginTop: 8, backgroundColor: item.is_used == 1 ? "#e9e9e9" : '#fff' })}
-            defaultValue={item.name}
-            onChangeText={setText(item.list_id)}
-            placeholder={esp.lang("event/visitor_input", "placeholder_input_name", (i + 1))}
-          />
         </View>
       )
     }
@@ -230,14 +292,65 @@ export default function m(props: EventVisitor_inputProps): any {
     )
   }
 
-  // esp.log(_tabs);
+  let menuHeader = [
+    {
+      id: 1,
+      title: activeTab?.name,
+      color: '#d3f1ec',
+      textColor: '#4fbaa8',
+      total: LibUtils.number(activeTab?.qty)
+    },
+    {
+      id: 2,
+      title: esp.lang("event/visitor_input", "total_token"),
+      color: '#d7edf8',
+      textColor: '#64b0e0',
+      total: LibUtils.number(getData()?.token)
+    },
+    {
+      id: 3,
+      title: esp.lang("event/visitor_input", "token_shared"),
+      color: '#fbe3dd',
+      textColor: '#ec7463',
+      total: LibUtils.number(getData()?.token_shared)
+    },
+    {
+      id: 4,
+      title: esp.lang("event/visitor_input", "token_left"),
+      color: '#fef2de',
+      textColor: '#f6c67f',
+      total: LibUtils.number(getData()?.token_remaining)
+    },
+  ]
+
+  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 }}>
         <>
-          {/* <ComponentTabheader titles={tabTitles} activeIndex={tabIndex} onPress={(index) => setTabIndex(index)} /> */}
+          {
+            activeTab?.type == "STAFF" && data?.use_token == 1 &&
+            <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>
+          }
 
           <View style={{ height: 35, marginBottom: 2, flexDirection: 'row', backgroundColor: '#fff', ...LibStyle.elevation(2) }} >
             <ScrollView horizontal showsHorizontalScrollIndicator={false} >
@@ -253,20 +366,28 @@ export default function m(props: EventVisitor_inputProps): any {
             // style={{ flex: 1 }}
             ListHeaderComponent={
               <>
-                {
+                {/* {
                   activeTab?.ondate != "0000-00-00" &&
-                  <View style={{ margin: 15, marginBottom: 0 }}>
+                  <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>
-                }
+                } */}
               </>
             }
             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() }} />
+            esp.isDebug("") &&
+            <TouchableOpacity onPress={() => {
+              tokenRef?.current?.show()
+            }} style={{ padding: 5, /* ...LibStyle.elevation(3), */ position: 'absolute', right: 0, bottom: 30, borderTopLeftRadius: 35, borderBottomLeftRadius: 35, backgroundColor: esp.isDebug("ini memang isDebug, tapi jangan di hapus") ? 'rgba(0, 191, 99, 0.1618)' : 'rgba(255, 197, 35, 0.1618)' }}>
+              <View style={{ padding: 5, backgroundColor: LibStyle.colorPrimary, ...LibStyle.elevation(3), borderRadius: 30, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+                <LibIcon name='recycle-variant' size={16} />
+                <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: '#000', fontSize: 9 }}>{"Token"}</Text>
+              </View>
+            </TouchableOpacity>
           }
         </>
       </LibKeyboard_avoid>
@@ -278,8 +399,6 @@ export default function m(props: EventVisitor_inputProps): any {
           </View>
           <LibInfinite
             url={listClaim?.url}
-            // isDebug={1}
-            // key={}
             removeClippedSubviews={Platform.OS == 'android'}
             renderItem={(item: any, i: number) => {
               return (
@@ -295,6 +414,170 @@ export default function m(props: EventVisitor_inputProps): any {
           />
         </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={esp.lang("event/visitor_input", "code")} 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={esp.lang("event/visitor_input", "input_name")} />
+          <EventInput_rectangle
+            ref={inputName}
+            returnKeyType="next"
+            style={applyStyle({ borderRadius: 4, borderColor: '#c4c4c4', marginTop: 8, backgroundColor: '#fff' })}
+            inputStyle={{ color: selectedCode?.is_used == "1" ? "#c4c4c4" : "#000" }}
+            onSubmitEditing={() => inputToken?.current?.focus()}
+            placeholder={esp.lang("event/visitor_input", "input_name")}
+            defaultValue={selectedCode?.name}
+            editable={selectedCode?.is_used == "1" ? false : true}
+          />
+
+
+          <View style={{ flexDirection: 'row', justifyContent: 'flex-end', alignContent: 'center', alignItems: 'center' }}>
+            {
+              selectedCode?.use_token == 1 &&
+              <View style={{ flex: 2 }}>
+                <EventLabel_input label={esp.lang("event/visitor_input", "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_input", "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_input", "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?.use_token == 1 &&
+              <View style={{ flex: 1, justifyContent: 'flex-end', marginLeft: 10 }}>
+                <EventLabel_input label={esp.lang("event/visitor_input", "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>
+
+          <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_input", "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>
+
+      <EventSheet
+        _ref={tokenRef}
+        // detail="All menu is ready"
+        title={"Menu Token"}
+        options={[
+          {
+            text: "Alokasi Token Masal",
+            onPress: () => {
+              let a = {
+                title: 'Alokasi Token Masal',
+                buttonText: 'Submit',
+                buttonColor: LibStyle.colorGreen,
+                onPress: () => massAllocateToken()
+              }
+              setDataMass(a)
+              LibUtils.debounce(() => {
+                dialogMass?.current?.show()
+              }, 100)
+            }
+          },
+          {
+            text: "Tarik Token Masal",
+            onPress: () => {
+              let a = {
+                title: 'Tarik Token Masal',
+                buttonText: 'Tarik Token',
+                buttonColor: LibStyle.colorRed,
+                onPress: () => massWithdrawToken()
+              }
+              setDataMass(a)
+              LibUtils.debounce(() => {
+                dialogMass?.current?.show()
+              }, 100)
+            }
+          },
+          {
+            text: "Beli ID CARD/Token",
+            onPress: () => {
+              LibNavigation.navigate('event/token_payment')
+            }
+          },
+          {
+            text: "Riwayat Transaksi Token",
+            onPress: () => {
+              LibNavigation.navigate('event/token_order')
+            }
+          },
+
+        ]}
+      />
+
+      <LibSlidingup ref={dialogMass}>
+        <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={getDataMass()?.title} textStyle="headline" />
+          </View>
+
+          <EventLabel_input label={esp.lang("event/visitor_input", "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_input", "input_token")}
+          // onChangeText={(t) => setToken(t)}
+          // onSubmitEditing={assignToken}
+          />
+
+          <EventButton
+            style={{ backgroundColor: getDataMass()?.buttonColor, borderRadius: 5, marginTop: 20 }}
+            label={getDataMass()?.buttonText}
+            onPress={() => {
+              getDataMass()?.onPress()
+            }} />
+        </View>
+      </LibSlidingup>
+
     </View>
   )
 }

package/event/voucher.tsx

@@ -34,7 +34,7 @@ export default function m(props: EventVoucherProps): any {
   let voucherCode = React.useRef<LibInput>(null)
 
   useEffect(() => {
-    esp.isDebug("payment_voucher") && EventConfigProperty.curlConfig('payment_config')
+    EventConfigProperty.curlConfig('payment_config')
     return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
   }, [])
 

package/id.json

@@ -1850,18 +1850,28 @@
   },
   "event/visitor_input": {
     "back": "Kembali",
+    "code": "Kode",
     "code_inv": "Kode Undangan #",
     "confirm_cancel": "Batal",
     "confirm_failed": "Kesalahan",
+    "confirm_input_token": "Apakah data yang anda masukkan sudah benar?",
     "confirm_msg": "Apakah Data Sudah Benar ?",
     "confirm_ok": "Ya",
     "confirm_success": "Selamat..!",
     "confirm_title": "Konfirmasi",
     "confirm_wait": "Mohon tunggu",
+    "confirm_withdraw_token": "Apakah anda ingin menarik token dari ID Card ini ?",
+    "input_name": "Masukkan nama",
     "input_names": "Nama #%s",
+    "input_token": "Masukkan token",
     "list_claimed": "Daftar klaim kode",
+    "max_token_is": "Maksimal token yang anda punya adalah ",
+    "name": "Nama",
+    "no": "Tidak",
     "not_claimed": "Belum diklaim",
+    "notyet_used": "Belum digunakan",
     "placeholder_input_name": "Masukkan Nama #%s",
+    "please_wait": "Mohon tunggu",
     "resend": "Ulangi",
     "save_btn": "Tambah",
     "see_list_claimed": "Lihat daftar klaim",
@@ -1871,7 +1881,14 @@
     "title": "Oops",
     "title_input_exhibitor": "Masukkan Exhibitors",
     "title_input_exhibitors": "Masukkan Exhibitors",
-    "total_staff": "Total %s "
+    "token_left": "Token tersisa",
+    "token_shared": "Token dialokasikan",
+    "token_used": "Total terpakai",
+    "total_staff": "Total %s ",
+    "total_token": "Total token",
+    "warning": "Peringatan",
+    "withdraw_token": "Tarik Token",
+    "yes": "Ya"
   },
   "event/visitor_inputv2": {
     "code": "Kode",

package/package.json

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