esoftplay-event 0.0.2-h → 0.0.2-j

package/event/ticket_list.tsx

@@ -32,7 +32,7 @@ import esp from 'esoftplay/esp';
 import useLazyState from 'esoftplay/lazy';
 import useSafeState from 'esoftplay/state';
 import React, { useEffect, useRef } from 'react';
-import { Pressable, RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import { ActivityIndicator, Pressable, RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventTicket_listArgs {
@@ -127,6 +127,7 @@ export type Result = {
     "more_url": string,
   },
   "url_share": string,
+  "url_price_config": string
 }
 
 export default function m(props: EventTicket_listProps): any {
@@ -152,6 +153,8 @@ export default function m(props: EventTicket_listProps): any {
   const [isPass, setIsPass] = useSafeState(true)
   const [showAll, setShowAll] = useSafeState<any>({});
 
+  const [loading, setLoading] = useSafeState<boolean>(false)
+
   useEffect(() => {
     EventConfigProperty.curlConfig('v2/config_order_type')
     const { event_id } = EventQueue_pricingProperty.state().get()
@@ -220,10 +223,27 @@ export default function m(props: EventTicket_listProps): any {
   }
 
   function min(): void {
-    if (getQty() <= getSelectedTicket()?.qty_min) {
-      setQty(Number(getSelectedTicket()?.qty_min))
+    const currentQty = getQty()
+    const selectedTicket = getSelectedTicket()
+
+    // kalau qty - 1 <= 0 → set qty 0 dan unselect tiket
+    if (currentQty - 1 <= 0) {
+      setQty(0)
+      setSelectedTicket(null) // atau undefined sesuai project
+      return
+    }
+
+    // ambil qty_min dengan cara manual
+    let qtyMin = 1 // default
+    if (selectedTicket && selectedTicket.qty_min) {
+      qtyMin = selectedTicket.qty_min
+    }
+
+    // kurangi qty tapi tetap patuhi qty_min
+    if (currentQty <= qtyMin) {
+      setQty(qtyMin)
     } else {
-      setQty(getQty() == 1 ? 1 : getQty() - 1)
+      setQty(currentQty - 1)
     }
   }
 
@@ -264,32 +284,42 @@ export default function m(props: EventTicket_listProps): any {
     qty: getQty(),
   }
 
-  function checkAddition(newDataPost: any) {
+  async function checkAddition(newDataPost: any) {
     if ((selectedTicket?.hasOwnProperty("has_addition") && selectedTicket?.has_addition == 1)) {
-      LibNavigation.navigateForResult('event/additional', { type_ticket: selectedTicket?.type, ondate: selectedTicket?.list?.ondate, event_id: availableResult?.id, qty: getQty(), price_id: selectedTicket?.price_id }, 321).then((additions) => {
-        if (additions != "") {
-          newDataPost.addition = additions
-        }
-        LibNavigation.navigate('payment/ticket', {
-          order_type: eventConfig?.order_type?.ticket,
-          tax: selectedTicket?.tax == null ? 0 : selectedTicket?.tax,
-          fee_platform: fee_platform,
-          dataBookingEvent: { ...newDataPost, qty: getQty() },
-          subscribed: subscribed,
-          url_payment: urlPayment,
-          show_fee_percentage
-        })
-      })
-    } else {
+      const additions = await LibNavigation.navigateForResult('event/additional', { type_ticket: selectedTicket?.type, ondate: selectedTicket?.list?.ondate, event_id: availableResult?.id, qty: getQty(), price_id: selectedTicket?.price_id }, 321)
+      if (additions != "") {
+        newDataPost.addition = additions
+      }
+    }
+    curlPriceConfig(getSelectedTicket()?.price_id, (config) => {
       LibNavigation.navigate('payment/ticket', {
         order_type: eventConfig?.order_type?.ticket,
-        tax: selectedTicket?.tax == null ? 0 : selectedTicket?.tax,
-        fee_platform: fee_platform,
+        tax: config?.tax || selectedTicket?.tax || 0,
+        fee_platform: Boolean(config?.fee_platform_amount) ? {
+          fee_platform_amount: config?.fee_platform_amount || 0,
+          fee_platform_type: config?.fee_platform_type || "NONE"
+        } : fee_platform,
         dataBookingEvent: { ...newDataPost, qty: getQty() },
         subscribed: subscribed,
         url_payment: urlPayment,
         show_fee_percentage
       })
+    })
+  }
+
+  function curlPriceConfig(price_id: string, onDone: (data: any) => void) {
+    setLoading(true)
+    if (getAvailableResult()?.url_price_config) {
+      new LibCurl(getAvailableResult()?.url_price_config, null, (res, msg) => {
+        setLoading(false)
+        onDone(res?.[price_id])
+      }, (err) => {
+        setLoading(false)
+        LibToastProperty.show(err?.message)
+      })
+    } else {
+      setLoading(false)
+      onDone({})
     }
   }
 
@@ -459,7 +489,7 @@ export default function m(props: EventTicket_listProps): any {
               (ticketWithDate || ticketSpecial) && item.price_id == selectedTicket?.price_id && itemT.date_id == selectedTicket?.list?.date_id &&
               <View style={applyStyle({ marginTop: 4, flexDirection: 'row', marginLeft: 8, alignContent: 'center', alignItems: 'center' })}>
                 <Pressable hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} testID='minus_btn' onPress={() => { min() }}>
-                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center', justifyContent: 'center' })}>
                     <LibIcon name="minus" color="#e74c3c" />
                   </View>
                 </Pressable>
@@ -468,7 +498,7 @@ export default function m(props: EventTicket_listProps): any {
                 <Pressable hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} testID='plus_btn' onPress={() => {
                   add(itemT.quota, itemT.quota_used)
                 }}>
-                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center', justifyContent: 'center' })}>
                     <LibIcon name="plus" color="#16a085" />
                   </View>
                 </Pressable>
@@ -624,7 +654,7 @@ export default function m(props: EventTicket_listProps): any {
                           }
 
                           <View style={{ alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between', }}>
-                            <View>
+                            <View style={{ flex: 2 }}>
                               <EventHtmltext allowFontScaling={false} style={{ opacity: textOpacity, fontWeight: 'bold' }}>{item.type}
                                 {
                                   item.qty_min > 1 &&
@@ -643,7 +673,7 @@ export default function m(props: EventTicket_listProps): any {
                             </View>
                             {
                               item?.status != 1 &&
-                              <View style={applyStyle({ flexDirection: 'row' })}>
+                              <View style={applyStyle({ flex: 1, justifyContent: 'flex-end', flexDirection: 'row' })}>
                                 <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderWidth: 1, backgroundColor: item.status == 0 ? LibStyle.colorRed : "#4cd964", borderColor: item.status == 0 ? LibStyle.colorRed : "#4cd964", borderRadius: 5, padding: 3, opacity: 0.8 })}>
                                   <Text allowFontScaling={false} style={applyStyle({ fontSize: 10, fontStyle: "normal", letterSpacing: 0, color: /* item.status == 2 ? "#000" : */ "#fff", fontWeight: 'bold' })}>{item.status == 0 ? esp.lang("event/ticket_list", "sold_out") : esp.lang("event/ticket_list", "coming_soon")}</Text>
                                 </View>
@@ -729,22 +759,31 @@ export default function m(props: EventTicket_listProps): any {
                 availableResult?.price_type_info != "" &&
                 <Text allowFontScaling={false} style={applyStyle({ marginBottom: 10, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorBlue })} >{availableResult && availableResult?.hasOwnProperty("price_type_info") && availableResult?.price_type_info}</Text>
               }
-              <EventButton testID={"next_btn"} label={esp.lang("event/ticket_list", "next")} onPress={() => {
-                if (!selectedTicket) {
-                  LibToastProperty.show(esp.lang("event/ticket_list", "ticket_not_select"), 3000)
-                  return
-                }
-                if (selectedTicket?.use_code == 1) {
-                  checkInvBlock()
-                }
-                // else if (selectedTicket?.config?.seat_autopick == 1 && getQty() > 1) {
-                //   chooseBestSeat()
-                // }
-                else {
-                  nextStep();
-                }
-
-              }} style={applyStyle({ backgroundColor: selectedTicket ? LibStyle.colorPrimary : "#f1f2f3" })} />
+              {
+                loading ?
+                  <View style={{ minWidth: '100%', alignSelf: 'center' }}  >
+                    <View style={{ borderWidth: 1, borderColor: 'rgba(0, 0, 0, 0)', height: 40, borderRadius: 16, backgroundColor: "#e6e6e6", alignItems: 'center', justifyContent: 'center', paddingHorizontal: 9 }} >
+                      <ActivityIndicator size={"small"} color={LibStyle.colorPrimary} />
+                    </View>
+                  </View>
+                  :
+                  <EventButton testID={"next_btn"} label={esp.lang("event/ticket_list", "next")} onPress={() => {
+                    if (!selectedTicket) {
+                      LibToastProperty.show(esp.lang("event/ticket_list", "ticket_not_select"), 3000)
+                      return
+                    }
+                    if (selectedTicket?.use_code == 1) {
+                      checkInvBlock()
+                    }
+                    // else if (selectedTicket?.config?.seat_autopick == 1 && getQty() > 1) {
+                    //   chooseBestSeat()
+                    // }
+                    else {
+                      nextStep();
+                    }
+
+                  }} style={applyStyle({ backgroundColor: selectedTicket ? LibStyle.colorPrimary : "#f1f2f3" })} />
+              }
             </View>
           </>
       }

package/event/ticket_list2.tsx

@@ -26,13 +26,14 @@ import { EventCountdown_timestamp } from 'esoftplay/cache/event/countdown_timest
 import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
 import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
 import { EventLoading_pageProperty } from 'esoftplay/cache/event/loading_page/import';
+import { EventOrder_itemProperty } from 'esoftplay/cache/event/order_item/import';
 import { EventQueue_pricingProperty } from 'esoftplay/cache/event/queue_pricing/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import { UseTasks } from 'esoftplay/cache/use/tasks/import';
 import moment from 'esoftplay/moment';
 import React from 'react';
-import { Pressable, RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import { ActivityIndicator, Pressable, RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventTicket_list2Args {
@@ -127,6 +128,7 @@ type Result = {
     "more_url": string,
   },
   "url_share": string,
+  "url_price_config": string
 }
 
 const taskSeat = UseTasks()
@@ -151,6 +153,7 @@ export default function m(props: EventTicket_list2Props): any {
   const [isPass, setIsPass] = useSafeState(true)
   const [showAll, setShowAll] = useSafeState<any>({});
   const [urlPayment, setUrlPayment] = useLazyState<any>()
+  const [loading, setLoading] = useSafeState<boolean>(false)
 
   let dataEvent: any = {
     event_id: availableResult?.id,
@@ -256,17 +259,52 @@ export default function m(props: EventTicket_list2Props): any {
       dataEvent.addition = dataAddition
     }
 
-    LibNavigation.navigate('payment/ticket_multi', {
-      order_type: EventConfigProperty?.state()?.get()?.order_type?.ticket,
-      fee_platform: fee_platform,
-      dataEvent: dataEvent,
-      dataTicket: getDataPostBooking(),
-      subscribed: subscribed,
-      url_payment: urlPayment,
-      show_fee_percentage
+    const selectedPriceIds = getDataPostBooking().filter((x: any) => x.selected == 1).map((x: any) => x.price_id)
+    curlPriceConfig(selectedPriceIds, (filteredFee) => {
+      const editedDataTicket = getDataPostBooking().map((item: any) => {
+        const priceId = item.price_id;
+        if (filteredFee?.[priceId]) {
+          return {
+            ...item,
+            ...filteredFee?.[priceId]
+          };
+        }
+        return item;
+      })
+      LibNavigation.navigate('payment/ticket_multi', {
+        order_type: EventConfigProperty?.state()?.get()?.order_type?.ticket,
+        dataEvent: dataEvent,
+        dataTicket: editedDataTicket,
+        subscribed: subscribed,
+        url_payment: urlPayment,
+        show_fee_percentage
+      })
     })
+
   })
 
+  function curlPriceConfig(price_ids: string[], onDone: (data: any) => void) {
+    setLoading(true)
+    if (getAvailableResult()?.url_price_config) {
+      new LibCurl(getAvailableResult()?.url_price_config, null, (res, msg) => {
+        setLoading(false)
+        let filteredFee: any = {}
+        if (res) {
+          filteredFee = Object.fromEntries(
+            price_ids.flatMap(k => res[k] ? [[k, res[k]]] : [])
+          )
+        }
+        onDone(filteredFee)
+      }, (err) => {
+        setLoading(false)
+        LibToastProperty.show(err?.message)
+      })
+    } else {
+      setLoading(false)
+      onDone({})
+    }
+  }
+
   useEffect(() => {
     EventConfigProperty.curlConfig('v2/config_order_type')
     const { event_id } = EventQueue_pricingProperty.state().get()
@@ -347,6 +385,8 @@ export default function m(props: EventTicket_list2Props): any {
         image_map: priceType?.image_map,
         use_seat: priceType?.use_seat,
         adjacent_seats: priceType?.config?.seat_autopick,
+        fee_amount: priceType?.fee_amount,
+        fee_type: priceType?.fee_type,
       }))
 
       newResult = newResult.concat(filteredList);
@@ -522,18 +562,45 @@ export default function m(props: EventTicket_list2Props): any {
               (ticketWithDate || ticketSpecial) && itemC.selected == 1 &&
               <View style={applyStyle({ marginTop: 4, flexDirection: 'row', marginLeft: 8, alignContent: 'center', alignItems: 'center' })}>
                 <Pressable hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} testID='minus_btn' onPress={() => {
-                  // min()
+
                   let qty = 1
-                  if (itemC.qty <= item.qty_min) {
-                    qty = Number(item.qty_min)
+
+                  if (Number(itemC.qty) - 1 <= 0) {
+                    // set 0 & unselect tiket
+                    qty = 0
+
+                    const data = new LibObject(getAvailableResult())
+                      .update((itemList) => {
+                        itemList.selected = 0 // langsung unselect
+                        itemList.qty = 0
+                        itemList.adjacent_seats = item.config?.seat_autopick
+                        itemList.use_seat = item.use_seat
+                        return itemList
+                      })('price_type', i, 'list', iC)
+                      .update((priceTypeItem) => {
+                        return ({
+                          ...priceTypeItem,
+                          selected: priceTypeItem.list.some((item: any) => item.selected == 1) ? 1 : 0
+                        })
+                      })('price_type', i)
+                      .value()
+
+                    setAvailableResult(data)
+
                   } else {
-                    qty = Number(itemC.qty) == 1 ? 1 : Number(itemC.qty) - 1
-                  }
+                    // patuhi qty_min
+                    if (itemC.qty <= item.qty_min) {
+                      qty = Number(item.qty_min)
+                    } else {
+                      qty = Number(itemC.qty) - 1
+                    }
 
-                  setAvailableResult(LibObject.set(getAvailableResult(), qty)('price_type', i, 'list', iC, 'qty'))
+                    // set qty baru
+                    setAvailableResult(LibObject.set(getAvailableResult(), qty)('price_type', i, 'list', iC, 'qty'))
+                  }
 
                 }}>
-                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center', justifyContent: 'center' })}>
                     <LibIcon name="minus" color="#e74c3c" />
                   </View>
                 </Pressable>
@@ -550,7 +617,7 @@ export default function m(props: EventTicket_list2Props): any {
                   }
                   setAvailableResult(LibObject.set(getAvailableResult(), qty)('price_type', i, 'list', iC, 'qty'))
                 }}>
-                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center', justifyContent: 'center' })}>
                     <LibIcon name="plus" color="#16a085" />
                   </View>
                 </Pressable>
@@ -708,7 +775,7 @@ export default function m(props: EventTicket_list2Props): any {
                             </View>
                           }
                           <View style={{ alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between', }}>
-                            <View>
+                            <View style={{ flex: 2 }}>
                               <EventHtmltext allowFontScaling={false} style={{ opacity: textOpacity, fontWeight: 'bold' }}>{item.type}
                                 {
                                   item.qty_min > 1 &&
@@ -729,7 +796,7 @@ export default function m(props: EventTicket_list2Props): any {
 
                             {
                               item?.status != 1 &&
-                              <View style={applyStyle({ flexDirection: 'row' })}>
+                              <View style={applyStyle({ flex: 1, justifyContent: 'flex-end', flexDirection: 'row' })}>
                                 <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderWidth: 1, backgroundColor: item.status == 0 ? LibStyle.colorRed : "#4cd964", borderColor: item.status == 0 ? LibStyle.colorRed : "#4cd964", borderRadius: 5, padding: 3, opacity: 0.8 })}>
                                   <Text allowFontScaling={false} style={applyStyle({ fontSize: 10, fontStyle: "normal", letterSpacing: 0, color: item.status == 2 ? "#000" : "#fff", fontWeight: 'bold' })}>{item.status == 0 ? esp.lang("event/ticket_list", "sold_out") : esp.lang("event/ticket_list", "coming_soon")}</Text>
                                 </View>
@@ -810,15 +877,24 @@ export default function m(props: EventTicket_list2Props): any {
                 availableResult?.price_type_info != "" &&
                 <Text allowFontScaling={false} style={applyStyle({ marginBottom: 10, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorBlue })} >{availableResult && availableResult?.hasOwnProperty("price_type_info") && availableResult?.price_type_info}</Text>
               }
-              <EventButton testID={"next_btn"} label={esp.lang("event/ticket_list", "next")} onPress={() => {
-                if (availableResult?.price_type.some((item: any) => item.selected == 1)) {
-                  checkSeatMap();
-                } else {
-                  LibToastProperty.show(esp.lang("event/ticket_list", "ticket_not_select"), 3000)
-                  return
-                }
+              {
+                loading ?
+                  <View style={{ minWidth: '100%', alignSelf: 'center' }}  >
+                    <View style={{ borderWidth: 1, borderColor: 'rgba(0, 0, 0, 0)', height: 40, borderRadius: 16, backgroundColor: "#e6e6e6", alignItems: 'center', justifyContent: 'center', paddingHorizontal: 9 }} >
+                      <ActivityIndicator size={"small"} color={LibStyle.colorPrimary} />
+                    </View>
+                  </View>
+                  :
+                  <EventButton testID={"next_btn"} label={esp.lang("event/ticket_list", "next")} onPress={() => {
+                    if (availableResult?.price_type.some((item: any) => item.selected == 1)) {
+                      checkSeatMap();
+                    } else {
+                      LibToastProperty.show(esp.lang("event/ticket_list", "ticket_not_select"), 3000)
+                      return
+                    }
 
-              }} style={applyStyle({ backgroundColor: LibStyle.colorPrimary })} />
+                  }} style={applyStyle({ backgroundColor: LibStyle.colorPrimary })} />
+              }
             </View>
           </>
       }

package/event/tms_add_result.tsx

@@ -73,11 +73,16 @@ export default function m(props: EventTms_add_resultProps): any {
 
     new LibCurl('event_tms_access' + LibUtils.objectToUrlParam(post), null, (res, msg) => {
       if (is_add) {
-        const updatedPrice = res.price.map((item: any) => {
-          return { ...item, is_selected: "1" };
-        });
+        const updatedPrice = [...res.price]
+          .map((item: any) => {
+            return { ...item, is_selected: "1" }
+          })
+          .sort((a: any, b: any) =>
+            a.name.localeCompare(b.name, 'id', { sensitivity: 'base' })
+          )
+
+        const updatedData = { ...res, price: updatedPrice }
 
-        const updatedData = { ...res, price: updatedPrice }; // Menggabungkan kembali data dengan price yang telah diperbarui
         setTicketTypes(updatedData)
 
       } else {
@@ -139,7 +144,7 @@ export default function m(props: EventTms_add_resultProps): any {
 
         {
           ticketTypes &&
-          <View style={{ marginTop: 10 }}>
+          <View style={{ marginTop: 10, marginBottom: 10 }}>
             <LibTextstyle textStyle='m_overline' text={esp.lang("event/tms_add_result", "ticket_type")} style={{ fontSize: 12, marginTop: 15, marginBottom: 15 }} />
             {
               ticketTypes?.price?.map((item: any, i: number) => {

package/event/tms_gate.tsx

@@ -11,6 +11,7 @@ import useSafeState from 'esoftplay/state';
 
 import { EventTms_dashboardProperty } from 'esoftplay/cache/event/tms_dashboard/import';
 import { LibObject } from 'esoftplay/cache/lib/object/import';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
 import React, { useEffect } from 'react';
 import { Pressable, ScrollView, Text, View } from 'react-native';
 
@@ -21,6 +22,13 @@ export interface EventTms_gateArgs {
 export interface EventTms_gateProps {
 
 }
+
+const stateGate = useGlobalState({})
+
+export function stateSelectedGate(): useGlobalReturn<any> {
+  return stateGate
+}
+
 export default function m(props: EventTms_gateProps): any {
   const { is_scanner, typeScanner } = LibNavigation.getArgsAll(props)
 
@@ -46,6 +54,7 @@ export default function m(props: EventTms_gateProps): any {
         EventTms_dashboardProperty.closingDataState().set(a)
         LibNavigation.back()
         LibNavigation.navigate('event/tms_home', { is_scanner: is_scanner, selectedGate: res[0], typeScanner: typeScanner })
+        stateSelectedGate().set(res?.[0])
       }
     }, (error) => {
       LibDialog.warning(esp.lang("event/tms_gate", "warning_load"), error?.message)
@@ -62,6 +71,7 @@ export default function m(props: EventTms_gateProps): any {
       if (res.length == 1) {
         LibNavigation.back()
         LibNavigation.navigate('event/tms_home', { is_scanner: is_scanner, selectedGate: res[0], typeScanner: typeScanner })
+        stateSelectedGate().set(res?.[0])
       }
     }, (error) => {
       LibDialog.warning(esp.lang("event/tms_gate", "warning_loadhall"), error?.message)
@@ -74,6 +84,7 @@ export default function m(props: EventTms_gateProps): any {
     return (
       <Pressable key={i} onPress={() => {
         setSelectGate(item)
+        stateSelectedGate().set(item)
         let a = LibObject.set(EventTms_dashboardProperty.closingDataState().get(), item?.id)('gate_id')
         EventTms_dashboardProperty.closingDataState().set(a)
         LibNavigation.navigate('event/tms_home', { is_scanner: is_scanner, selectedGate: item, typeScanner: typeScanner })

package/event/tms_home.tsx

@@ -36,6 +36,12 @@ export interface EventTms_homeProps {
 
 }
 
+const statePriority = useGlobalState({})
+
+export function stateConfigPriority(): useGlobalReturn<any> {
+  return statePriority
+}
+
 const stateIsDirect = useGlobalState<boolean>(true)
 
 export function state(): useGlobalReturn<any> {
@@ -373,6 +379,7 @@ export default function m(props: EventTms_homeProps): any {
     loadData()
     loadDataTypeTicket()
     loadDataConfigPriority()
+
   }, [])
 
   function loadDataTypeTicket() {
@@ -401,6 +408,7 @@ export default function m(props: EventTms_homeProps): any {
   function loadDataConfigPriority() {
     new LibCurl('event_tms_access_price?event_id=' + is_scanner?.id, null, (res, msg) => {
       setResultConfigPriority(res)
+      stateConfigPriority().set(res)
       setRefreshing(false)
     }, (error) => {
       setRefreshing(false)
@@ -574,19 +582,21 @@ export default function m(props: EventTms_homeProps): any {
                 </TouchableOpacity>
 
                 <TouchableOpacity onPress={() => {
-                  // if (esp.isDebug("") && UserClass?.state().get().email == "bagus@fisip.net") {
-                  //   LibNavigation.navigate('tms/gate_in')
-                  // } else {
-                  LibNavigation.navigate('component/scanner', {
-                    fromPage: 'event/tms_home',
-                    scan_type: typeScanner == "tms" ? 'entrance' : 'hall_in',
-                    gate_type: 1, // ini kalo 1 itu in
-                    price_type: resultTypeTicket,
-                    url_ticket_detail: result?.url_ticket_detail,
-                    url_ticket_update: result?.url_ticket_update,
-                    ...args
-                  })
-                  // }
+                  if (esp.isDebug("") && UserClass?.state().get().email == "bagus@fisip.net") {
+                    LibNavigation.navigateForResult('component/scanner').then((value) => {
+                      LibNavigation.replace('tms/tms_in', { qr_code: value })
+                    })
+                  } else {
+                    LibNavigation.navigate('component/scanner', {
+                      fromPage: 'event/tms_home',
+                      scan_type: typeScanner == "tms" ? 'entrance' : 'hall_in',
+                      gate_type: 1, // ini kalo 1 itu in
+                      price_type: resultTypeTicket,
+                      url_ticket_detail: result?.url_ticket_detail,
+                      url_ticket_update: result?.url_ticket_update,
+                      ...args
+                    })
+                  }
                 }} style={applyStyle({ width: (LibStyle.width - 40) * 0.5, borderWidth: 1, borderColor: 'rgba(0, 0, 0, 0)', height: 40, borderRadius: 16, backgroundColor: LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                   <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff', marginRight: 15 })} >{esp.lang("event/tms_home", "entrance")}</Text>
                   <LibIcon size={18} color="#fff" name="login" />

package/event/tms_in.tsx

@@ -109,7 +109,6 @@ export default function m(props: EventTms_inProps): any {
     let tikets: any[] = []
     EventTms_homeProperty.addCounterEntranceScan(1, "0")
     get(mainPath(encodeURIComponent(encodeURIComponent(qr_code))), selectGate?.id, (res) => {
-      esp.log({ res });
       if (!res) {
         LibNavigation.replace('event/tms_in_failed', {
           text: esp.lang("event/tms_in", "ticket_empty_today"),
@@ -152,7 +151,6 @@ export default function m(props: EventTms_inProps): any {
             tikets.push(a)
           }
         })
-
         if (tikets.length > 0) {
           if (tikets.length == 1) {
             const tiket = tikets[0];

package/event/tms_in_hall_failed.tsx

@@ -183,7 +183,7 @@ export default function m(props: EventTms_in_hall_failedProps): any {
                     <View key={i} style={{ marginHorizontal: 10, marginBottom: 5, backgroundColor: "#fff", borderRadius: 10, overflow: 'hidden' }}>
                       {
                         item.hasOwnProperty("status_label") && item?.status_label != "" &&
-                        <View style={{ backgroundColor: '#37c2d0', padding: 10, }} >
+                        <View style={{ backgroundColor: item?.status_scanned == 1 ? '#37c2d0' : '#ffcb3dff', padding: 10, }} >
                           <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: item?.status == 1 ? item?.status_background : "#fff" }}>{(item?.status_label)?.toUpperCase()}</Text>
                         </View>
                       }

package/event/visitor_index.tsx

@@ -80,7 +80,7 @@ export default function m(props: EventVisitor_indexProps): any {
       }
     }
     var post = {
-      access_code: argsCode ? argsCode : inputAccessCode?.current?.getText().toUpperCase()
+      access_code: argsCode ? argsCode : inputAccessCode?.current?.getText().toUpperCase().trim()
     }
     LibProgress.show(esp.lang("event/visitor_index", "waiting_msg"))
     new LibCurl('event_exhibitor_code', post, (res, msg) => {

package/id.json

@@ -930,8 +930,10 @@
   "event/order_detail": {
     "Checked_within_10_minutes_after_payment_is_made": "Dicek dalam 10 menit setelah pembayaran dilakukan",
     "This_Event_Has_Changed_the_Event_Date_Please_Reschedule_or_Refund": "Event ini Mengalami Perubahan Tanggal Event, Silahkan Reschedule atau Melakukan Refund",
+    "addons": "Addons",
     "already_follow": "Sudah memilih ",
     "already_join_lucky_draw": "Pilihan sudah dibuat",
+    "back": "Kembali",
     "back_err": "Oops",
     "back_to_homepage": "Kembali ke Halaman Utama",
     "birtdate": "Tanggal Lahir",
@@ -998,6 +1000,7 @@
     "used": "digunakan",
     "used_today": "digunakan hari ini, akan direset kembali besok pukul 05:00 WIB",
     "virtual_account_number": "No.Virtual Account",
+    "voucher_or_coupon": "Voucher / Kupon",
     "wait": "Mohon tunggu",
     "warning": "Peringatan"
   },
@@ -1814,7 +1817,7 @@
     "btn_save": "Simpan",
     "button_cancel": "Batal",
     "button_ok": "Ok",
-    "entry_full_data_to_continue": "Lengkapi Data anda untuk melanjutkan",
+    "entry_full_data_to_continue": "Lengkapi Data anda untuk melanjutkan.Gunakan foto anda dengan jelas",
     "err": "Oops!!",
     "label_input_name": "Nama Anda",
     "msg_error_no_photo": "Silahkan Masukkan Foto terlebih dahulu",

package/package.json

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