esoftplay-event 0.0.2-j → 0.0.2-k

package/event/coupon.tsx

@@ -81,7 +81,7 @@ export default function m(props: EventCouponProps): any {
         renderItem={(item, index) => (
           <View style={{ flex: 1 }} key={index}>
             <TouchableOpacity onPress={() => {
-              if (item?.status == 0) {
+              if (item?.status == 0 && item?.show_qr != 0) {
                 esp.mod("lib/navigation").navigate("event/coupon_detail", { ...item })
               }
             }} style={[{ marginBottom: 4, margin: 15, borderRadius: 10, backgroundColor: '#fff' }, LibStyle.elevation(2)]}>

package/event/coupon_generate.tsx

@@ -9,6 +9,7 @@ import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventMessage } from 'esoftplay/cache/event/message/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 { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
@@ -43,7 +44,8 @@ export default function m(props: EventCoupon_generateProps): any {
 
   function load() {
     const curl = esp.mod("lib/curl")
-    new curl("event_coupon_admin_detail?event_id=" + event_id + "&coupon_id=" + getCoupon()?.coupon_id, null, (result, message) => {
+    const url = "event_coupon_admin_detail?event_id=" + event_id + "&coupon_id=" + getCoupon()?.coupon_id
+    new curl(url, null, (result, message) => {
       setData(result)()
     }, (error) => {
       setError(error?.message)
@@ -64,16 +66,12 @@ export default function m(props: EventCoupon_generateProps): any {
       esp.modProp("lib/toast").show(esp.lang("event/coupon_generate", "email_invalid"))
       return
     }
-    if (amount == "") {
-      esp.modProp("lib/toast").show(esp.lang("event/coupon_generate", "nominal_empty"))
-      return
-    }
 
     let post: any = {
       event_id,
       coupon_id: getCoupon()?.coupon_id,
       user_email_to: email,
-      amount: amount
+      amount: amount || 0
     }
 
     if (notes != "") {
@@ -104,6 +102,14 @@ export default function m(props: EventCoupon_generateProps): any {
   }
 
   function buildUrl(url: string) {
+    if (event_id) {
+      url += url.includes('?') ? '&' : '?'
+      url += 'event_id=' + event_id
+    }
+    if (getCoupon()?.coupon_id) {
+      url += url.includes('?') ? '&' : '?'
+      url += 'coupon_id=' + getCoupon()?.coupon_id
+    }
     if (t) {
       url += url.includes('?') ? '&' : '?'
       url += 't=' + t
@@ -114,13 +120,13 @@ export default function m(props: EventCoupon_generateProps): any {
   return (
     <View style={{ flex: 1 }}>
       <EventHeader title={esp.lang("event/coupon_generate", "header")} subtitle={event_name} />
-      {
+      <LibKeyboard_avoid style={{ flex: 1 }} >
         <LibScroll onRefresh={() => infiniteRef.current?.loadData()}>
           <View style={[{ backgroundColor: "white", marginHorizontal: 15, marginTop: 15, padding: 10, borderRadius: 10 }, LibStyle.elevation(3)]}>
             <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14 }}>{event_name}</Text>
 
-            <View style={[{ marginTop: 5, borderRadius: 15, backgroundColor: '#fff' }, LibStyle.elevation(2)]}>
-              <LibPicture source={{ uri: image }} resizeMode="cover" style={{ height: imgHeight, width: imgWidth, borderRadius: 5 }} />
+            <View style={[{ marginTop: 5, borderRadius: 10, backgroundColor: '#fff' }, LibStyle.elevation(2)]}>
+              <LibPicture source={{ uri: image }} resizeMode="cover" style={{ height: imgHeight, width: imgWidth, borderRadius: 10, backgroundColor: "#f1f1f1" }} />
             </View>
           </View>
 
@@ -129,7 +135,7 @@ export default function m(props: EventCoupon_generateProps): any {
             {
               coupon &&
               <View style={[{ marginBottom: 4, borderRadius: 10, backgroundColor: '#fff' }, LibStyle.elevation(2)]}>
-                <LibPicture source={{ uri: coupon?.image }} resizeMode="cover" style={{ height: (LibStyle.width - 50) * 0.43, width: LibStyle.width - 50, borderRadius: 10 }} />
+                <LibPicture source={{ uri: coupon?.image }} resizeMode="cover" style={{ height: (LibStyle.width - 50) * 0.43, width: LibStyle.width - 50, borderRadius: 10, backgroundColor: "#f1f1f1" }} />
                 <View style={{ backgroundColor: "rgba(0, 0, 0, 0.5)", position: 'absolute', borderBottomLeftRadius: 10, borderBottomRightRadius: 10, bottom: 0, left: 0, right: 0, padding: 10 }}>
                   <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{coupon?.coupon_title}</Text>
                 </View>
@@ -146,7 +152,7 @@ export default function m(props: EventCoupon_generateProps): any {
                 setCoupon(value)()
                 load()
               })
-            }} style={{ borderWidth: 1, borderColor: "#e6e6e6", height: 34, borderRadius: 10, marginTop: 10, flexDirection: "row", alignItems: "center", paddingHorizontal: 10 }}>
+            }} style={{ borderWidth: 1, borderColor: "#e6e6e6", height: 40, borderRadius: 10, marginTop: 10, flexDirection: "row", alignItems: "center", paddingHorizontal: 10 }}>
               {
                 coupon ?
                   <>
@@ -154,17 +160,18 @@ export default function m(props: EventCoupon_generateProps): any {
                     <LibIcon name='pencil' size={18} />
                   </>
                   : <>
-                    <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 14 }}>{"Pilih Kupon"}</Text>
+                    <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "ArialBold", fontSize: 14, color: "#999999" }}>{esp.lang("event/coupon_generate", "select_coupon")}</Text>
                     <LibIcon name='chevron-right' />
                   </>
               }
             </Pressable>
-            <View style={{ borderWidth: 1, borderColor: "#e6e6e6", height: 34, borderRadius: 10, marginTop: 10, flexDirection: "row", alignItems: "center", paddingHorizontal: 10 }}>
-              <Text>Rp. </Text>
+            <View style={{ borderWidth: 1, borderColor: "#e6e6e6", height: 40, borderRadius: 10, marginTop: 10, flexDirection: "row", alignItems: "center", paddingHorizontal: 10 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, color: "#4b4b4b" }} >Rp. </Text>
               <LibInput
                 ref={inputNominalRef}
                 base
                 placeholder={esp.lang("event/coupon_generate", "input_nominal")}
+                placeholderTextColor='#999999'
                 onChangeText={() => { }}
                 keyboardType='numeric'
                 mask='###.###.###.###.###.###.###.###.###.###'
@@ -176,11 +183,13 @@ export default function m(props: EventCoupon_generateProps): any {
                 style={{ flex: 1, paddingHorizontal: 5 }}
               />
             </View>
-            <View style={{ borderWidth: 1, borderColor: "#e6e6e6", height: 34, borderRadius: 10, marginTop: 10 }}>
+            <View style={{ borderWidth: 1, borderColor: "#e6e6e6", height: 40, borderRadius: 10, marginTop: 10, flexDirection: "row", alignItems: "center", paddingHorizontal: 10 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, color: "#4b4b4b" }} >@ </Text>
               <LibInput
                 ref={inputEmailRef}
                 base
                 placeholder={esp.lang("event/coupon_generate", "input_email")}
+                placeholderTextColor='#999999'
                 onChangeText={() => { }}
                 keyboardType='email-address'
                 returnKeyType='next'
@@ -195,6 +204,7 @@ export default function m(props: EventCoupon_generateProps): any {
                 ref={inputDescRef}
                 base
                 placeholder={"notes"}
+                placeholderTextColor='#999999'
                 multiline
                 onChangeText={() => { }}
                 returnKeyType='go'
@@ -207,10 +217,10 @@ export default function m(props: EventCoupon_generateProps): any {
                 if (getCoupon()) {
                   doSendVoucher()
                 } else {
-                  esp.modProp("lib/toast").show("Silahkan pilih kupon terlebih dahulu")
+                  esp.modProp("lib/toast").show(esp.lang("event/coupon_generate", "select_coupon_alert"))
                 }
               }}
-              style={{ backgroundColor: coupon ? LibStyle.colorGreen : "#e6e6e6", height: 34, alignItems: "center", justifyContent: "center", paddingHorizontal: 10, borderRadius: 10 }}>
+              style={{ backgroundColor: coupon ? LibStyle.colorGreen : "#e6e6e6", height: 40, alignItems: "center", justifyContent: "center", paddingHorizontal: 10, borderRadius: 10 }}>
               <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, color: "white" }}>{esp.lang("event/coupon_generate", "btn_send")}</Text>
             </Pressable>
             {
@@ -225,19 +235,22 @@ export default function m(props: EventCoupon_generateProps): any {
             data && coupon &&
             <LibInfinite
               ref={infiniteRef}
-              key={coupon?.coupon_id + buildUrl("event_coupon_admin_claimed?event_id=" + event_id + "&coupon_id=" + getCoupon()?.coupon_id)}
-              url={buildUrl("event_coupon_admin_claimed?event_id=" + event_id + "&coupon_id=" + getCoupon()?.coupon_id)}
+              key={coupon?.coupon_id + buildUrl("event_coupon_admin_claimed")}
+              url={buildUrl("event_coupon_admin_claimed")}
               errorView={(error: any) => (
                 <EventMessage message={error} />
               )}
               renderItem={(item, index) => (
-                <View style={[{ backgroundColor: "white", marginHorizontal: 15, marginTop: 10, marginBottom: 5, padding: 10, borderRadius: 10, flexDirection: "row", alignItems: "center" }, LibStyle.elevation(3)]}>
+                <View key={index} style={[{ backgroundColor: "white", marginHorizontal: 15, marginTop: 10, marginBottom: 5, padding: 10, borderRadius: 10, flexDirection: "row", alignItems: "center" }, LibStyle.elevation(3)]}>
                   <View style={{ width: 36, height: 36, borderRadius: 18, backgroundColor: "#909090", alignItems: "center", justifyContent: "center" }}>
                     <LibIcon name='send' size={20} color='#f1f1f1' />
                   </View>
                   <View style={{ flex: 1, marginLeft: 10 }}>
                     <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, marginBottom: 5 }}>{item?.coupon_title}</Text>
-                    <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14 }}>{LibUtils.money(item?.amount)}</Text>
+                    {
+                      item?.amount && item?.amount != "" && item?.amount != 0 &&
+                      <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14 }}>{LibUtils.money(item?.amount)}</Text>
+                    }
                     <View style={{ flexDirection: "row", marginVertical: 5 }}>
                       <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 12 }}>{String(item?.user_email).toLowerCase()}</Text>
                       <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, color: "#606060" }}>{moment(item?.claimed_time).localeFormat("DD MMM YYYY HH:mm:ss")}</Text>
@@ -252,7 +265,7 @@ export default function m(props: EventCoupon_generateProps): any {
             />
           }
         </LibScroll>
-      }
+      </LibKeyboard_avoid>
     </View>
   )
 }

package/event/order_detail_payment.tsx

@@ -48,7 +48,7 @@ export default function m(props: EventOrder_detail_paymentProps): any {
             <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#4a4a4a" }}>{esp.lang("event/order_detail_payment", "virtual_number_account")}</Text>
             <View style={{ marginTop: 10, flexDirection: "row", alignItems: "center", }}>
               <View style={{ flex: 1, backgroundColor: '#f1f2f3', borderRadius: 5, marginRight: 10, padding: 5 }} >
-                <Text allowFontScaling={false} ellipsizeMode={"middle"} numberOfLines={1} style={{ fontSize: 30, fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: LibStyle.colorPrimaryDark }}>{va_no}</Text>
+                <Text allowFontScaling={false} adjustsFontSizeToFit numberOfLines={1} style={{ fontSize: 30, fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: LibStyle.colorPrimaryDark }}>{va_no}</Text>
               </View>
               <TouchableOpacity onPress={() => {
                 LibUtils.copyToClipboard(va_no)

package/event/order_detail_upgrade_payment.tsx

@@ -244,6 +244,7 @@ export default function m(props: EventOrder_detail_upgrade_paymentProps): any {
         <BigbangPayment_list
           eventId={dataTicket?.event_id}
           url_payment={dataTicket?.url_payment}
+          previous_total={dataTicket?.previous_total || 0}
           onToggleCC={() => { scrollRef.current?.scrollToEnd({ animated: true }) }}
           order_type={14} // upgrade ticekt
           currency={selectedTicket?.selected_ticket?.currency}

package/event/tms_home.tsx

@@ -1,6 +1,6 @@
 // withHooks
 import { EventHeader } from 'esoftplay/cache/event/header/import';
-import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
+// import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibFocus } from 'esoftplay/cache/lib/focus/import';
@@ -234,42 +234,42 @@ export default function m(props: EventTms_homeProps): any {
 
   // esp.log(counterState().get());
 
-  const timeoutSync = useRef<any>()
+  const timeoutSync = useRef<any>(null)
   const timeout = useTimeout()
-  const [syncUseTicket, resetSyncUseTicket] = useTasks((item: any) => new Promise((next) => {
-    const [url, post] = item;
-    let _post = LibObject.assign({}, post)()
-    clearTimeout?.(timeoutSync.current)
-    timeoutSync.current = timeout(() => {
-      addCounterEntranceTimeout(1, _post?.price_id)
-      next()
-    }, 30000);
-    addCounterEntranceSend(1, _post?.price_id)
-    _post["trx_id"] = new Date().getTime() + "" + UserClass.state().get()?.id;
-
-    new LibCurl(url, _post, (res, msg) => {
-      EventTms_in_successProperty.syncUsedTiket().set((old) => old.filter((x) => !isEqual([url, post], x)))
-      addCounterEntranceOk(1, _post?.price_id)
-      addCounterEntranceTicket(post?.qty, _post?.price_id)
-      next()
-    }, (err: any) => {
-      addCounterEntranceNo(1, _post?.price_id)
-      reportApiError(url, JSON.stringify({ post, response: err }))
-      next()
-    }, 1)
-
-  }), () => {
-
-  })
-
-  subscriber.useSubscribe(() => {
-    syncUseTicket(subscriber.getValue())
-  })
-
-  subscriberReset.useSubscribe(() => {
-    resetSyncUseTicket()
-    syncUseTicket(subscriberReset.getValue())
-  })
+  // const [syncUseTicket, resetSyncUseTicket] = useTasks((item: any) => new Promise((next) => {
+  //   const [url, post] = item;
+  //   let _post = LibObject.assign({}, post)()
+  //   clearTimeout?.(timeoutSync.current)
+  //   timeoutSync.current = timeout(() => {
+  //     addCounterEntranceTimeout(1, _post?.price_id)
+  //     next()
+  //   }, 30000);
+  //   addCounterEntranceSend(1, _post?.price_id)
+  //   _post["trx_id"] = new Date().getTime() + "" + UserClass.state().get()?.id;
+
+  //   // new LibCurl(url, _post, (res, msg) => {
+  //   //   // EventTms_in_successProperty.syncUsedTiket().set((old) => old.filter((x) => !isEqual([url, post], x)))
+  //   //   addCounterEntranceOk(1, _post?.price_id)
+  //   //   addCounterEntranceTicket(post?.qty, _post?.price_id)
+  //   //   next()
+  //   // }, (err: any) => {
+  //   //   addCounterEntranceNo(1, _post?.price_id)
+  //   //   reportApiError(url, JSON.stringify({ post, response: err }))
+  //   //   next()
+  //   // }, 1)
+
+  // }), () => {
+
+  // })
+
+  // subscriber.useSubscribe(() => {
+  //   syncUseTicket(subscriber.getValue())
+  // })
+
+  // subscriberReset.useSubscribe(() => {
+  //   resetSyncUseTicket()
+  //   syncUseTicket(subscriberReset.getValue())
+  // })
 
 
   const [syncTicketExit, resetSyncTicketExit] = useTasksExit((item: any) => new Promise((next) => {
@@ -371,7 +371,7 @@ export default function m(props: EventTms_homeProps): any {
   const date = LibUtils.moment().localeFormat('YYYY-MM-DD HH:mm:ss')
 
   useEffect(() => {
-    resetSyncUseTicket()
+    // resetSyncUseTicket()
     resetSyncTicketExit()
     resetSyncTicketHallIn()
     resetSyncTicketHallOut()
@@ -394,7 +394,7 @@ export default function m(props: EventTms_homeProps): any {
   }
 
   function loadData() {
-    subscriber.trigger(EventTms_in_successProperty.syncUsedTiket().get())
+    // subscriber.trigger(EventTms_in_successProperty.syncUsedTiket().get())
     new LibCurl('event_tms_visitor?event_id=' + is_scanner?.id, null, (res, msg) => {
       setResult(res)
       setRefreshing(false)

package/event/tms_idcard.tsx

@@ -3,16 +3,16 @@
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventSheet } from 'esoftplay/cache/event/sheet/import';
 import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
-import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
+// import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import { UserClass } from 'esoftplay/cache/user/class/import';
+import { reportApiError } from 'esoftplay/error';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import React, { useEffect, useRef } from 'react';
@@ -90,8 +90,15 @@ export default function m(props: EventTms_idcardProps): any {
     }
 
     EventTms_homeProperty.addCounterEntranceOpenGateIdCard(1, selectedTicket?.price_id)
-    EventTms_in_successProperty.syncUsedTiket().set(LibObject.push(EventTms_in_successProperty.syncUsedTiket().get(), [url, post])())
-    EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
+    new LibCurl(url, post, (res, msg) => {
+      // console.log("SUCCESS CUY", res, msg)
+      // syncUsedTiketState.set(LibObject.push(syncUsedTiketState.get(), [url, post])())
+      // EventTms_homeProperty.subscribeSync().trigger(syncUsedTiketState.get())
+    }, (err) => {
+      reportApiError(url, JSON.stringify({ post, response: err }))
+    })
+    // EventTms_in_successProperty.syncUsedTiket().set(LibObject.push(EventTms_in_successProperty.syncUsedTiket().get(), [url, post])())
+    // EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
   }
 
   function entranceHall() {

package/event/tms_in_hall_failed.tsx

@@ -2,6 +2,7 @@
 import { useEffect } from 'react';
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventFirebase_socket } from 'esoftplay/cache/event/firebase_socket/import';
 import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
@@ -33,7 +34,7 @@ export default function m(props: EventTms_in_hall_failedProps): any {
 
   const [, setData, getData] = useSafeState()
   const [qty, setQty, getQty] = useSafeState(1)
-
+  const { get } = EventFirebase_socket()
   const qtyRef = React.useRef<LibSlidingup>(null)
 
   useEffect(() => {
@@ -56,6 +57,24 @@ export default function m(props: EventTms_in_hall_failedProps): any {
     })
   }
 
+  function mainPath(qr: string) {
+    let a = ['event', event_id, '1', qr]
+    return a.join('/')
+  }
+
+
+  function isGateCheckValid(onValid: Function) {
+    get(mainPath(encodeURIComponent(encodeURIComponent(postGetData.user_qr))), getData()?.gate?.id, (res) => {
+      const errorMessage = Object.values(res)?.[0]?.[4]
+      if (Boolean(errorMessage)) {
+        Alert.alert("Oops!", errorMessage)
+      } else {
+        onValid()
+      }
+    })
+  }
+
+
   function forceEntrance() {
     let dataEntranceIn = []
     let dataEntranceBackIn = []
@@ -77,7 +96,7 @@ export default function m(props: EventTms_in_hall_failedProps): any {
         qr: encodeURIComponent(postGetData.user_qr),
         trx_id: new Date().getTime() + "" + UserClass.state().get()?.id,
         event_id: event_id,
-        gate_id: getData().gate.id,
+        gate_id: getData()?.gate?.id,
         is_tms: 1,
         qty: getQty(),
         tms_id: UserClass.state().get()?.id,
@@ -226,7 +245,7 @@ export default function m(props: EventTms_in_hall_failedProps): any {
                   qtyRef.current?.show()
                 } else if (validDataLength == 1) {
                   setQty(1)
-                  forceEntrance()
+                  isGateCheckValid(forceEntrance)
                 }
               })
             }} style={{ marginHorizontal: 20, flex: 1, height: 40, borderRadius: 5, backgroundColor: LibStyle.colorPrimary, justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }} >
@@ -260,7 +279,10 @@ export default function m(props: EventTms_in_hall_failedProps): any {
               <LibIcon.SimpleLineIcons size={40} name='plus' />
             </Pressable>
           </View>
-          <EventButton label='Force Entrance' onPress={() => { forceEntrance() }} />
+          <EventButton label='Force Entrance' onPress={() => {
+            qtyRef.current?.hide()
+            isGateCheckValid(forceEntrance)
+          }} />
         </View>
       </LibSlidingup >
     </View >

package/event/tms_in_log.tsx

@@ -1,12 +1,10 @@
 // withHooks
 import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
-import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
 import { EventTms_logProperty } from 'esoftplay/cache/event/tms_log/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import { useTimeout } from 'esoftplay/timeout';
@@ -45,21 +43,21 @@ function Item(props: EntranceLogItem) {
 
 export default function m(props: EventTms_in_logProps): any {
   const log = EventTms_homeProperty.counterState().useSelector(s => s)
-  const backup = EventTms_in_successProperty.syncUsedTiket().useSelector(s => s)
+  // const backup = EventTms_in_successProperty.syncUsedTiket().useSelector(s => s)
   const [loading, setLoading] = useSafeState<boolean>(true)
   const timeout = useTimeout()
 
   esp.log({ log });
 
   function syncData() {
-    EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
+    // EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
     timeout(() => {
       setLoading(false)
     }, 1000)
   }
 
   function forceSyncData() {
-    EventTms_homeProperty.subscribeSyncReset().trigger(EventTms_in_successProperty.syncUsedTiket().get())
+    // EventTms_homeProperty.subscribeSyncReset().trigger(EventTms_in_successProperty.syncUsedTiket().get())
     timeout(() => {
       setLoading(false)
     }, 1000)
@@ -105,12 +103,12 @@ export default function m(props: EventTms_in_logProps): any {
         }
 
       }} />
-      <Item text={esp.lang("event/tms_in_log", "data_not_send")} subtitle={esp.lang("event/tms_in_log", "data_not_send_to_server")} value={backup.length} valuecolor={LibStyle.colorRed} onPress={() => {
+      <Item text={esp.lang("event/tms_in_log", "data_not_send")} subtitle={esp.lang("event/tms_in_log", "data_not_send_to_server")} value={"0"} valuecolor={LibStyle.colorRed} onPress={() => {
 
       }} />
 
-      <View style={{ marginHorizontal: 15 }} >
-        <UseCondition
+      {/* <View style={{ marginHorizontal: 15 }} > */}
+        {/* <UseCondition
           if={backup.length == 0}
           fallback={
             <Pressable onPress={() => {
@@ -124,9 +122,9 @@ export default function m(props: EventTms_in_logProps): any {
           <LibTextstyle textStyle='callout'
             style={{ textAlign: 'center', marginTop: 10 }}
             text={esp.lang("event/tms_in_log", "all_data_send")} />
-        </UseCondition>
-      </View>
-    </View >
+        </UseCondition> */}
+      {/* </View> */}
+    </View>
   )
 }
 

package/event/tms_in_success.tsx

@@ -1,6 +1,5 @@
 // withHooks
 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 { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -9,8 +8,9 @@ import { UserClass } from 'esoftplay/cache/user/class/import';
 import { useRef } from 'react';
 
 import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { reportApiError } from 'esoftplay/error';
 import esp from 'esoftplay/esp';
-import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
 import useSafeState from 'esoftplay/state';
 import { LinearGradient } from 'expo-linear-gradient';
 import React, { useEffect } from 'react';
@@ -24,10 +24,10 @@ export interface EventTms_in_successProps {
 
 }
 
-export const syncUsedTiketState = useGlobalState<any[]>([], { persistKey: 'event_entrance_success_tiket_sync', loadOnInit: true, inFastStorage: true })
-export function syncUsedTiket(): useGlobalReturn<any[]> {
-  return syncUsedTiketState
-}
+// export const syncUsedTiketState = useGlobalState<any[]>([], { persistKey: 'event_entrance_success_tiket_sync', loadOnInit: true, inFastStorage: true })
+// export function syncUsedTiket(): useGlobalReturn<any[]> {
+//   return syncUsedTiketState
+// }
 
 export default function m(props: EventTms_in_successProps): any {
   const { scan_type, url_ticket_update, url_ticket_detail, price_type, selectedTicket, gate_type, qr_code, event_id, selectGate, typeScanner, event_title, qty, configPriority } = LibNavigation.getArgsAll<any>(props)
@@ -108,8 +108,13 @@ export default function m(props: EventTms_in_successProps): any {
       scanned: LibUtils.moment().localeFormat('YYYY-MM-DD HH:mm:ss'),
     }
     EventTms_homeProperty.addCounterEntranceOpenGate(1, selectedTicket?.price_id)
-    syncUsedTiketState.set(LibObject.push(syncUsedTiketState.get(), [url, post])())
-    EventTms_homeProperty.subscribeSync().trigger(syncUsedTiketState.get())
+    new LibCurl(url, post, (res, msg) => {
+      // console.log("SUCCESS CUY", res, msg)
+      // syncUsedTiketState.set(LibObject.push(syncUsedTiketState.get(), [url, post])())
+      // EventTms_homeProperty.subscribeSync().trigger(syncUsedTiketState.get())
+    }, (err) => {
+      reportApiError(url, JSON.stringify({ post, response: err }))
+    })
   }
 
   const widthInterpolate = progress.interpolate({

package/event/tms_log.tsx

@@ -8,7 +8,6 @@ import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
 import { EventTms_in_hall_log } from 'esoftplay/cache/event/tms_in_hall_log/import';
 import { EventTms_in_hall_successProperty } from 'esoftplay/cache/event/tms_in_hall_success/import';
 import { EventTms_in_log } from 'esoftplay/cache/event/tms_in_log/import';
-import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
 import { EventTms_out_hall_log } from 'esoftplay/cache/event/tms_out_hall_log/import';
 import { EventTms_out_hall_successProperty } from 'esoftplay/cache/event/tms_out_hall_success/import';
 import { EventTms_out_log } from 'esoftplay/cache/event/tms_out_log/import';
@@ -104,8 +103,8 @@ export default function m(props: EventTms_logProps): any {
   const event_id = EventTms_dashboardProperty?.closingDataState()?.get().event_id
   const gate_id = EventTms_dashboardProperty?.closingDataState()?.get().gate_id
 
-  const backupEntrance = EventTms_in_successProperty.syncUsedTiket().useSelector(s => s)
-  const isStuckEntrance = useDetectStateChange(backupEntrance, 10000)
+  // const backupEntrance = EventTms_in_successProperty.syncUsedTiket().useSelector(s => s)
+  // const useDetectStateChange(backupEntrance, 10000)
 
   const backupExit = EventTms_out_successProperty.syncTicketExit().useSelector(s => s)
   const isStuckExit = useDetectStateChange(backupExit, 10000)
@@ -154,7 +153,7 @@ export default function m(props: EventTms_logProps): any {
 
         // reset counter
         EventTms_homeProperty.counterState().reset()
-        EventTms_in_successProperty.syncUsedTiket().reset()
+        // EventTms_in_successProperty.syncUsedTiket().reset()
         EventTms_out_successProperty.syncTicketExit().reset()
         EventTms_in_hall_successProperty.syncHallIn().reset()
         EventTms_out_hall_successProperty.syncHallOut().reset()
@@ -262,8 +261,8 @@ export default function m(props: EventTms_logProps): any {
         </LibCollaps>
 
       </ScrollView>
-      <UseCondition if={backupExit.length == 0 && backupEntrance.length == 0 && backupHall.length == 0 && backupHall_out.length == 0} fallback={
-        <UseCondition if={isStuckEntrance || isStuckExit || isStuckHall || isStuckHall_out} >
+      <UseCondition if={backupExit.length == 0 && backupHall.length == 0 && backupHall_out.length == 0} fallback={
+        <UseCondition if={isStuckExit || isStuckHall || isStuckHall_out} >
           <View style={{ padding: 10 }}>
             <LibTextstyle textStyle='caption2' text={esp.lang("event/tms_log", "alert")} />
             <EventButton
@@ -272,17 +271,17 @@ export default function m(props: EventTms_logProps): any {
               backgroundColor='#000'
               onPress={() => {
                 LibDialog.confirm(esp.lang("event/tms_log", "send_title"), esp.lang("event/tms_log", "send_msg"), esp.lang("event/tms_log", "send_ok"), () => {
-                  if (backupEntrance.length > 0) {
-                    counter = counter + 1
-                    Storage.setItem('event/tms_in_log_copy_scanned', JSON.stringify(backupEntrance)).then(() => {
-                      sendFileTelegram('event/tms_in_log_copy_scanned', () => {
-                        counterDone = counterDone + 1
-                        if (counter == counterDone) {
-                          closing()
-                        }
-                      })
-                    })
-                  }
+                  // if (backupEntrance.length > 0) {
+                  //   counter = counter + 1
+                  //   Storage.setItem('event/tms_in_log_copy_scanned', JSON.stringify(backupEntrance)).then(() => {
+                  //     sendFileTelegram('event/tms_in_log_copy_scanned', () => {
+                  //       counterDone = counterDone + 1
+                  //       if (counter == counterDone) {
+                  //         closing()
+                  //       }
+                  //     })
+                  //   })
+                  // }
 
                   if (backupExit.length > 0) {
                     counter = counter + 1

package/event/visitor_index.tsx

@@ -9,15 +9,14 @@ import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
 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 { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 
-import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
-import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import useLazyState from 'esoftplay/lazy';
 import React, { useEffect, useRef } from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
+import { Pressable, Text, TouchableOpacity, View } from 'react-native';
 
 export interface EventVisitor_indexArgs {
 
@@ -30,8 +29,9 @@ export default function m(props: EventVisitor_indexProps): any {
   const url = 'event_history'
   const [argsCode, setArgsCode] = useSafeState(code)
   const [isExist, setIsExist] = useSafeState(0)
+  const [types, setTypes] = useLazyState<any>(undefined)
+  const [activeType, setActiveType] = useLazyState<any>()
   const ref = useRef<LibInfinite>(null)
-  let inputAccessCode = React.useRef<EventInput_rectangle>(null)
 
   function loadButtonHistoryExist() {
     new LibCurl('event_history_history_exists', null, (res, msg) => {
@@ -41,10 +41,22 @@ export default function m(props: EventVisitor_indexProps): any {
     })
   }
 
+  function loadCategories() {
+    new LibCurl('event_history_cat', null, (res, msg) => {
+      setTypes(res)
+      setActiveType(res?.[0])()
+    }, (error) => { })
+  }
+
+  function buildUrl(type: any): string {
+    return type?.url || url
+  }
+
   useEffect(() => {
+    loadCategories()
     loadButtonHistoryExist()
+
     if (argsCode) {
-      inputAccessCode?.current?.setText(argsCode)
       LibUtils.debounce(() => {
         doSubmit()
       }, 200)
@@ -74,19 +86,15 @@ export default function m(props: EventVisitor_indexProps): any {
 
   function doSubmit(): void {
     if (!argsCode) {
-      if (inputAccessCode?.current?.getText() == '') {
-        LibToastProperty.show(esp.lang("event/visitor_index", "alert_error_not_empty_code"))
-        return
-      }
+      return
     }
     var post = {
-      access_code: argsCode ? argsCode : inputAccessCode?.current?.getText().toUpperCase().trim()
+      access_code: argsCode
     }
     LibProgress.show(esp.lang("event/visitor_index", "waiting_msg"))
     new LibCurl('event_exhibitor_code', post, (res, msg) => {
       setArgsCode(undefined) // reset code supaya pas textbox kosong tidak bisa submit
       ref.current?.loadData()
-      inputAccessCode.current?.setText("")
       if (res.hasOwnProperty('qty')) {
         new LibCurl(res?.url, null, (result, msg) => {
           LibNavigation.navigate('event/visitor_input', { data: result, msg: msg, url: res.url })
@@ -114,51 +122,45 @@ export default function m(props: EventVisitor_indexProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <EventHeader title={esp.lang("event/visitor_index", "title_input_code")} subtitle={esp.lang("event/visitor_index", "subtitle_input_code")} />
+      <EventHeader title={esp.lang("event/visitor_index", "header_title")} />
+      <>
+        {
+          types && types?.length > 0 &&
+          <View style={[{ flexDirection: "row", alignItems: "center", marginHorizontal: 15, marginTop: 10 }]}>
+            {
+              types?.map?.((item: any, index: number) => {
+                const tabsLength = types?.length
+                const itemWidth = (LibStyle.width - 30) / tabsLength
+                return (
+                  <Pressable key={index} onPress={() => {
+                    setActiveType(item)()
+                  }}>
+                    <View key={index} style={applyStyle({ height: 43, width: itemWidth, alignItems: 'center', overflow: 'visible', justifyContent: 'center', backgroundColor: '#fff' })}>
+                      <Text allowFontScaling={false} style={{
+                        width: itemWidth, fontFamily: "Arial", fontSize: item?.type == activeType?.type ? 13 : 12,
+                        fontWeight: item?.type == activeType?.type ? "bold" : "normal",
+                        fontStyle: "normal", letterSpacing: 0, textAlign: "center",
+                        color: item?.type == activeType?.type ? "#51b596" : "#c5c5c5"
+                      }}>{item.title}</Text>
+                      <View style={{ width: (itemWidth) - 20, height: 3, backgroundColor: item?.type == activeType?.type ? "#51b596" : "#fff", position: 'absolute', bottom: 0 }} />
+                    </View>
+                  </Pressable>
+                )
+              })
+            }
+          </View>
+        }
+      </>
       <LibInfinite
         ref={ref}
         // isDebug={1}
-        ListHeaderComponent={
-          <>
-            <View style={{ flexDirection: 'row', borderRadius: 10, backgroundColor: '#FEFBEB', borderColor: "#FFCC29", borderWidth: 1, borderStyle: 'dashed', alignContent: 'center', alignItems: 'center', margin: 15, marginBottom: 0, padding: 10 }}>
-              <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0 }} >{esp.lang("event/visitor_index", "please_input_your_exhibitor_code")}</Text>
-            </View>
-
-
-            <View style={[{ margin: 15, backgroundColor: 'white', padding: 15, paddingTop: 8 }, LibStyle.elevation(2)]}>
-              <EventLabel_input label={esp.lang("event/visitor_index", "label_input_code")} mandatory />
-              <EventInput_rectangle
-                ref={inputAccessCode}
-                placeholder={esp.lang("event/visitor_index", "input_code")}
-                style={{ borderRadius: 3, height: 35 }}
-                autoCapitalize='characters'
-                returnKeyType='go'
-                onSubmitEditing={() => {
-                  inputAccessCode.current!.blur()
-                  doSubmit()
-                }}
-                blurOnSubmit
-              />
-
-              <TouchableOpacity onPress={() => {
-                inputAccessCode.current!.blur()
-                doSubmit()
-              }}>
-                <View style={{ marginTop: 20, height: 35, borderRadius: 5, backgroundColor: "#6c432c", justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
-                  <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'white', marginRight: 13, marginLeft: 10 }} >{esp.lang("event/visitor_index", "submit")}</Text>
-                </View>
-              </TouchableOpacity>
-            </View>
-
-            <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14, margin: 15, marginBottom: 0 }} >{esp.lang("event/visitor_index", "history")}</Text>
-          </>
-        }
+        key={buildUrl(activeType)}
         errorView={(err: any) => (
           <View style={{ margin: 15 }}>
             <EventMessage message={err} />
           </View>
         )}
-        url={url}
+        url={buildUrl(activeType)}
         renderItem={renderItem}
         ListEndedComponent={
           esp.isDebug('') && isExist == 1 &&
@@ -170,6 +172,15 @@ export default function m(props: EventVisitor_indexProps): any {
         }
       />
 
+      <TouchableOpacity onPress={() => {
+        LibNavigation.replace('bigbang/input_code')
+      }} 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' }}>
+          <LibPicture source={esp.assets('icons/ic_input.png')} style={{ marginTop: 1, height: 13, width: 26 }} />
+          <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: '#000', marginTop: 2, fontSize: 9 }}>{"Code"}</Text>
+        </View>
+      </TouchableOpacity>
+
     </View >
   )
 }

package/id.json

@@ -469,6 +469,8 @@
     "input_nominal": "masukkan nominal kupon",
     "nominal_empty": "Nominal kupon tidak boleh kosong",
     "quota_left": "sisa kuota generate",
+    "select_coupon": "Pilih kupon untuk dikirm",
+    "select_coupon_alert": "Silahkan pilih kupon terlebih dahulu",
     "send_btn": "KIRIM",
     "send_cancel": "BATAL",
     "send_failed": "Terjadi Kesalahan",
@@ -1840,6 +1842,7 @@
     "alert_error_not_empty_code": "Kode Tidak Boleh kosong",
     "alert_success_submit": "Selamat!",
     "err": "Kesalahan",
+    "header_title": "Riwayat Akses",
     "history": "History Staff/PIC/Exhibitor",
     "input_code": "Masukkan Kode...",
     "label_input_code": "Masukkan Kode",

package/package.json

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

package/event/secure_page.debug.tsx

@@ -1,34 +0,0 @@
-// // useLibs
-
-// import { UserClass } from 'esoftplay/cache/user/class/import';
-// import { useEffect } from 'react';
-// import { CaptureProtection } from 'react-native-capture-protection';
-
-
-// export interface EventSecure_pageProps {
-
-// }
-// export default function m(): any {
-//   const can_screencapture = UserClass.state().get('config', 'can_screencapture')
-//   // const focus = useIsFocused()
-
-//   useEffect(() => {
-//     let subs: any
-//     if (!__DEV__)
-//       if (can_screencapture != 1) {
-//         CaptureProtection.prevent();
-//         // subs = RNPrevent?.addListener?.(() => { })
-//       }
-//     return () => {
-//       if (!__DEV__)
-//         if (can_screencapture != 1) {
-//           setTimeout(() => {
-//             CaptureProtection.allow();
-//           }, 500);
-//           // subs?.remove?.()
-//         }
-//     }
-//   }, [])
-
-//   return null
-// }

package/event/secure_page.live.tsx

@@ -1,35 +0,0 @@
-// // useLibs
-
-// import { UserClass } from 'esoftplay/cache/user/class/import';
-// import { useEffect } from 'react';
-// import RNPrevent from "react-native-screenshot-prevent";
-
-// export interface EventSecure_pageProps {
-
-// }
-// export default function m(): any {
-//   const can_screencapture = UserClass.state().get('config', 'can_screencapture')
-//   // const focus = useIsFocused()
-
-//   useEffect(() => {
-//     let subs: any
-//     if (!__DEV__)
-//       if (can_screencapture != 1) {
-//         RNPrevent?.enabled?.(true)
-//         RNPrevent?.enableSecureView?.()
-//         // subs = RNPrevent?.addListener?.(() => { })
-//       }
-//     return () => {
-//       if (!__DEV__)
-//         if (can_screencapture != 1) {
-//           setTimeout(() => {
-//             RNPrevent?.disableSecureView?.()
-//             RNPrevent?.enabled?.(false)
-//           }, 500)
-//           // subs?.remove?.()
-//         }
-//     }
-//   }, [])
-
-//   return null
-// }