esoftplay-event 0.0.1-p → 0.0.1-q

package/event/detail.tsx

@@ -17,6 +17,7 @@ import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
 import { EventSlider } from 'esoftplay/cache/event/slider/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import { UseDeeplinkProperty } from 'esoftplay/cache/use/deeplink/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
 import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
@@ -34,12 +35,12 @@ export default function m(props: EventDetailProps): any {
   const url = LibNavigation.getArgs(props, 'url')
   const [deeplinkParams] = UseDeeplinkProperty.params.useState()
   const [priority, setPriority] = useSafeState(false)
+  const user = UserClass.state().get()
 
   moment().locale('id')
   function loadData(): void {
     // CacheHit.doHit(url)
     new LibCurl(url, null, (res, msg) => {
-      esp.log(res);
       EventFirebase_socketProperty.eventIdQueue.set(res.id)
       setResult(res)
       if (res.allotment) {
@@ -274,19 +275,25 @@ export default function m(props: EventDetailProps): any {
                       if (isInPricingQueueConfig(result.id)) {
                         await LibNavigation.navigateForResult('event/queue_pricing', { event_id: result?.id })
                       }
-                      LibNavigation.navigate(result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
-                        url: result.url_price,
-                        fee_platform: {
-                          fee_platform_amount: result?.fee_platform_amount,
-                          fee_platform_type: result?.fee_platform_type,
-                        },
-                        subscribed: {
-                          is_subscribed: result?.config?.is_subscribed,
-                          is_subscribed_default: result?.config?.is_subscribed_default,
-                          is_subscribed_label: result?.config?.is_subscribed_label
-                        },
-                        show_fee_percentage: result?.config?.show_fee_percentage
-                      })
+                      LibNavigation.navigate(
+                        user?.config?.tester == 1 ?
+                          'event/ticket_list2'
+                          :
+                          (result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list'),
+                        {
+                          url: result.url_price,
+                          fee_platform: {
+                            fee_platform_amount: result?.fee_platform_amount,
+                            fee_platform_type: result?.fee_platform_type,
+                          },
+                          subscribed: {
+                            is_subscribed: result?.config?.is_subscribed,
+                            is_subscribed_default: result?.config?.is_subscribed_default,
+                            is_subscribed_label: result?.config?.is_subscribed_label
+                          },
+                          show_fee_percentage: result?.config?.show_fee_percentage,
+                          is_multiprice: result?.config?.multiprice == 1 ? 1 : 0,
+                        })
 
                     })
                   }} style={applyStyle({ width: result?.url_artist != "" ? (LibStyle.width - 30) * 0.5 : LibStyle.width - 20, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 16, backgroundColor: LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >

package/event/exchange_ticket.tsx

@@ -151,7 +151,7 @@ export default function m(props: EventExchange_ticketProps): any {
       <EventHeader title={esp.lang("event/exchange_ticket", "header")} subtitle={dataEvent?.name} />
       <ScrollView style={{ flex: 1 }} refreshControl={<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />}>
         <Pressable onPress={() => {
-          LibNavigation.navigate('event/exchange_ticket_list', { dataEvent: dataEvent })
+          LibNavigation.navigate('event/exchange_ticket_list')
         }} style={{ margin: 15, marginBottom: 0, padding: 10, borderWidth: 1, backgroundColor: '#fff', borderColor: LibStyle.colorRed, flex: 1, borderRadius: 10, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
           <Text allowFontScaling={false}>{esp.lang("event/exchange_ticket", "exchange_history")}</Text>
           <LibIcon name='chevron-right' />

package/event/exchange_ticket_list.tsx

@@ -5,11 +5,11 @@ import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventExchange_ticketProperty } from 'esoftplay/cache/event/exchange_ticket/import';
 import { EventExchange_ticket_resultProperty } from 'esoftplay/cache/event/exchange_ticket_result/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventTms_dashboardProperty } from 'esoftplay/cache/event/tms_dashboard/import';
 import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibList } from 'esoftplay/cache/lib/list/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -32,7 +32,6 @@ export interface EventExchange_ticket_listProps {
 }
 
 export default function m(props: EventExchange_ticket_listProps): any {
-  const { dataEvent } = LibNavigation.getArgsAll(props)
   const log = EventExchange_ticketProperty.stateExchangeLog.useSelector(s => s)
   const backup = EventExchange_ticket_resultProperty.stateListConfirm().useSelector(s => s)
   const selectedRef = useRef<LibSlidingup>(null)
@@ -163,7 +162,7 @@ export default function m(props: EventExchange_ticket_listProps): any {
               domain: esp.config('domain'),
               tms_name: UserClass.state().get('name'),
               email: UserClass.state().get('email'),
-              event_name: dataEvent?.name,
+              event_name: EventTms_dashboardProperty.closingDataState()?.get()?.event_name,
               data: EventExchange_ticketProperty.stateExchangeLog.get()
             }, undefined, 2), '-1001737180019', undefined, () => {
               EventExchange_ticketProperty.stateExchangeLog.reset()

package/event/firebase_socket.ts

@@ -26,6 +26,10 @@ const state = useGlobalState(0)
 export const lastKeyInPages = useGlobalState<string[]>([])
 export const userIdKeyReplacer = useGlobalState<any>({})
 
+function isValidEventId(event_id: string): boolean {
+  return !!event_id && event_id !== "undefined"
+}
+
 export default function useFirebaseSocket() {
   const [status] = state.useState()
   const isDirect = EventTms_homeProperty.state()
@@ -109,6 +113,10 @@ export default function useFirebaseSocket() {
     const instance: any = esp.mod("firestore/index")().instance()
     const db = getFirestore(instance)
 
+    if (!isValidEventId(event_id)) {
+      return
+    }
+
     if (userIdKeyReplacer.get()?.priority == 1) {
       const coll = collection(db, [getEventPath(), path, event_id].join('/'));
       const q = query(coll, orderBy('t', 'asc'), where("t", "==", userIdKeyReplacer.get().t));

package/event/order.tsx

@@ -157,41 +157,27 @@ export default function m(props: EventOrderProps): any {
   return (
     <View style={{ backgroundColor: LibStyle.colorBgGrey, flex: 1 }}>
       <EventHeader title={esp.lang("event/order", "my_order")} />
-      {
-        esp.isDebug('filter_order_status') ?
-          <View style={{ minHeight: 50 }} >
-            <LibScroll
-              initialNumToRender={20}
-              horizontal
-            >
-              <View style={{ width: 10 }} />
-              <Pressable
-                onPress={() => { statusRef.current?.show() }}
-                style={applyStyle({ height: 30, marginVertical: 10, marginRight: 10, borderRadius: 12, backgroundColor: 'white', borderColor: '#ccc', borderWidth: 1, paddingHorizontal: 10, justifyContent: 'center', flexDirection: 'row', alignItems: 'center' })} >
-                <LibTextstyle textStyle='footnote' text={allStatus[allStatus.findIndex((x) => String(x.code) == status)]?.text || esp.lang("event/order", "all_statis")} style={applyStyle({ fontSize: 11, color: "#4E4E4E", marginRight: 5 })} />
-                <LibIcon name='chevron-down' style={applyStyle({ color: "#4E4E4E" })} />
-              </Pressable>
-              <Pressable
-                onPress={() => { dialogFilterDate?.current?.show() }}
-                style={applyStyle({ height: 30, marginVertical: 10, marginRight: 10, borderRadius: 12, backgroundColor: 'white', borderColor: '#ccc', borderWidth: 1, paddingHorizontal: 10, justifyContent: 'center', flexDirection: 'row', alignItems: 'center' })} >
-                <LibTextstyle textStyle='footnote' text={selectedDate.id == 4 ? LibUtils.getDateRange(selectedDate?.date_start, selectedDate?.date_end) : selectedDate?.title} style={applyStyle({ fontSize: 11, color: "#4E4E4E", marginRight: 5 })} />
-                <LibIcon name='calendar' size={14} style={applyStyle({ color: "#4E4E4E" })} />
-              </Pressable>
-            </LibScroll>
-            <EventSection_menu size='line' />
-          </View>
-          :
-          <View style={{ margin: 15, marginBottom: 0, flexDirection: 'row', justifyContent: 'space-between' }}>
-            <View style={{ flex: 10 }}>
-              <Status status={status} onChangeStatus={setStatus} />
-            </View>
-            <TouchableOpacity onPress={() => {
-              dialogFilterDate.current!.show()
-            }} style={{ flex: 1, marginLeft: 15 }}>
-              <LibIcon name="calendar" />
-            </TouchableOpacity>
-          </View>
-      }
+      <View style={{ minHeight: 50 }} >
+        <LibScroll
+          initialNumToRender={20}
+          horizontal
+        >
+          <View style={{ width: 10 }} />
+          <Pressable
+            onPress={() => { statusRef.current?.show() }}
+            style={applyStyle({ height: 30, marginVertical: 10, marginRight: 10, borderRadius: 12, backgroundColor: 'white', borderColor: '#ccc', borderWidth: 1, paddingHorizontal: 10, justifyContent: 'center', flexDirection: 'row', alignItems: 'center' })} >
+            <LibTextstyle textStyle='footnote' text={allStatus[allStatus.findIndex((x) => String(x.code) == status)]?.text || esp.lang("event/order", "all_statis")} style={applyStyle({ fontSize: 11, color: "#4E4E4E", marginRight: 5 })} />
+            <LibIcon name='chevron-down' style={applyStyle({ color: "#4E4E4E" })} />
+          </Pressable>
+          <Pressable
+            onPress={() => { dialogFilterDate?.current?.show() }}
+            style={applyStyle({ height: 30, marginVertical: 10, marginRight: 10, borderRadius: 12, backgroundColor: 'white', borderColor: '#ccc', borderWidth: 1, paddingHorizontal: 10, justifyContent: 'center', flexDirection: 'row', alignItems: 'center' })} >
+            <LibTextstyle textStyle='footnote' text={selectedDate.id == 4 ? LibUtils.getDateRange(selectedDate?.date_start, selectedDate?.date_end) : selectedDate?.title} style={applyStyle({ fontSize: 11, color: "#4E4E4E", marginRight: 5 })} />
+            <LibIcon name='calendar' size={14} style={applyStyle({ color: "#4E4E4E" })} />
+          </Pressable>
+        </LibScroll>
+        <EventSection_menu size='line' />
+      </View>
 
       <LibInfinite
         url={buildUrl(url) + "&t=" + new Date().getTime()}

package/event/order_detail.tsx

@@ -401,7 +401,7 @@ export default function m(props: EventOrder_detailProps): any {
                 <EventHtmltext allowFontScaling={false} numberOfLines={3} ellipsizeMode="tail" style={{ color: EventOrder_itemProperty.textColor(result?.color), alignSelf: 'center', textAlign: 'center', fontSize: 20, fontWeight: 'bold' }}> {result?.price_name}</EventHtmltext>
                 {
                   result?.ondate != "0000-00-00" &&
-                  <Text allowFontScaling={false} style={{ flex: 1, marginRight: 10, marginLeft: 6, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{moment(result?.ondate).localeFormat("DD MMMM YYYY")}</Text>
+                  <Text allowFontScaling={false} style={{ flex: 1, marginRight: 10, marginLeft: 6, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: EventOrder_itemProperty.textColor(result?.color) }}>{moment(result?.ondate).localeFormat("DD MMMM YYYY")}</Text>
                 }
 
               </View>

package/event/order_detail_upgrade.tsx

@@ -120,7 +120,10 @@ export default function m(props: EventOrder_detail_upgradeProps): any {
                 } else {
                   LibDialog.warning(esp.lang("event/order_detail_upgrade", "oops"), item.message_error)
                 }
-              }} key={i} style={{ ...LibStyle.elevation(2), marginHorizontal: 15, marginTop: 2.5, marginBottom: 10, borderRadius: 10, backgroundColor: item.status == 0 ? LibStyle.colorBgGrey : selectedTicket?.selected_ticket?.id == item.id ? LibStyle.colorGreen : "#fff", padding: 10, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+              }} key={i} style={{
+                ...LibStyle.elevation(2), marginHorizontal: 15, marginTop: 2.5, marginBottom: 10, borderRadius: 10,
+                backgroundColor: item.status == 0 ? LibStyle.colorBgGrey : selectedTicket?.selected_ticket?.id == item.id ? LibStyle.colorGreen : "#fff", padding: 10, alignContent: 'center', alignItems: 'center', justifyContent: 'center'
+              }}>
                 <EventHtmltext allowFontScaling={false} style={{ marginHorizontal: 5, fontSize: 16, color: item.status == 0 ? "#c9c9c9" : selectedTicket?.selected_ticket?.id == item.id ? "#fff" : "#000", textAlign: 'center', fontWeight: 'bold' }} numberOfLines={2} ellipsizeMode={'tail'}>{item?.price_name_to}</EventHtmltext>
                 <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold', marginTop: 5, color: item.status == 0 ? "#c9c9c9" : selectedTicket?.selected_ticket?.id == item.id ? "#fff" : "#000" }}>{"+ " + LibUtils.money(Number(dataTicket?.qty_upgrade) * Number(item?.amount), item?.currency)}</Text>
 

package/event/order_detail_upgrade_payment.tsx

@@ -37,6 +37,8 @@ export default function m(props: EventOrder_detail_upgrade_paymentProps): any {
   const scrollYRef = useRef(0)
   const dialogSeat = useRef<LibSlidingup>(null)
 
+  esp.log({ dataTicket, selectedTicket });
+
   function doUpgrade(pin?: any) {
     const LibToastProperty = esp.modProp("lib/toast")
     if (!selectedPayment) {
@@ -54,9 +56,7 @@ export default function m(props: EventOrder_detail_upgrade_paymentProps): any {
       }
 
       if (selectedTicket?.selected_ticket?.use_seat == 1) {
-        post.row_id = selectedTicket?.row_id
-        post.column_id = selectedTicket?.column_id
-        post.seat_name = selectedTicket?.seat_name
+        post.seat_label = selectedTicket?.seat_label.join('|')
       }
 
       if (selectedTicket?.selected_ticket?.seat_autopick == 1) {

package/event/order_detail_visitor.tsx

@@ -33,6 +33,7 @@ export default function m(props: EventOrder_detail_visitorProps): any {
   function loadData() {
     new LibCurl(url, null, (res, msg) => {
       setResult(res)
+      esp.log(res);
     }, (err) => {
       setError(err)
     })
@@ -122,11 +123,30 @@ export default function m(props: EventOrder_detail_visitorProps): any {
                       <View key={i} style={{ marginLeft: 14, marginBottom: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
                         <View style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
                           <Text allowFontScaling={false} style={{ marginRight: 6, fontFamily: "Arial", fontSize: 30, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{i + 1}.</Text>
-                          <View style={{ flex: 1 }} >
-                            <Text allowFontScaling={false} style={{ fontFamily: "Arial", marginTop: 10, fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3" }}>{esp.lang("event/order_detail", "buyer_name")}</Text>
-                            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }} ellipsizeMode='tail'>{item?.name}</Text>
-                            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3", marginTop: 10 }}>{esp.lang("event/order_detail", "phone_number")}</Text>
-                            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }}>{item?.phone == "" ? "-" : item?.phone.trim()}</Text>
+                          <View >
+                            <View style={{ flex: 1 }}>
+                              <Text allowFontScaling={false} style={{ fontFamily: "Arial", marginTop: 10, fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3" }}>{esp.lang("event/order_detail", "buyer_name")}</Text>
+                              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }} ellipsizeMode='tail'>{item?.name}</Text>
+                              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3", marginTop: 10 }}>{esp.lang("event/order_detail", "phone_number")}</Text>
+                              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }}>{item?.phone == "" ? "-" : item?.phone.trim()}</Text>
+                            </View>
+                            {
+                              item?.redemption?.length > 0 &&
+                              <View style={{ marginTop: 3 }}>
+                                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3", marginTop: 7 }}>{"Item Redemption"}</Text>
+                                <View style={{ flexDirection: 'row', flex: 1, flexWrap: 'wrap', justifyContent: 'space-around' }}>
+                                  {
+                                    item?.redemption?.map((x: any, ii: number) => {
+                                      return (
+                                        <View key={ii} style={{ borderRadius: 3, marginRight: 6, backgroundColor: LibStyle.colorPrimary, padding: 5 }}>
+                                          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{x}</Text>
+                                        </View>
+                                      )
+                                    })
+                                  }
+                                </View>
+                              </View>
+                            }
                           </View>
                         </View>
                         <View style={{ alignContent: 'center', alignItems: 'center' }}>

package/event/queue_pricing.tsx

@@ -47,7 +47,7 @@ export default function m(props: EventQueueProps): any {
   event_id = String(event_id)
   const [number, setNumber, getNumber] = useSafeState(esp.lang("event/queue_pricing", "info"))
   const animation = useRef<LottieView>(null)
-  let refTimeout = useRef<any>()
+  let refTimeout = useRef<any>(null)
   const pathQueue = EVENT_PRICING_QUEUE
 
   const timeout = useTimeout()

package/event/scan_item.tsx

@@ -49,11 +49,11 @@ export default function m(props: EventScan_itemProps): any {
         <View style={{}}>
           {
             props?.item?.hall_scanned && props?.item?.hall_scanned != "0000-00-00 00:00:00" &&
-            <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: "#c9c9c9", marginBottom: 4, fontSize: 14, letterSpacing: 1.5 })}>{esp.lang("event/scan_item", "scan_on") + LibUtils.moment(props?.item?.hall_scanned).serverFormat("DD MMMM YYYY H:m:s ", props?.item?.scanned_detail?.timezone) + props.item?.scanned_detail?.timezone_locale || ""}</Text>
+            <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: "#c9c9c9", marginBottom: 4, fontSize: 14, letterSpacing: 1.5 })}>{esp.lang("event/scan_item", "scan_on") + LibUtils.moment(props?.item?.hall_scanned).serverFormat("DD MMMM YYYY H:m:s ", props?.item?.scanned_detail?.timezone) /* + props.item?.scanned_detail?.timezone_locale || "" */}</Text>
           }
           {
             !Array.isArray(props?.item?.scanned_detail) && props?.item?.scanned_detail?.scanned != "" && props?.item?.scanned_detail?.scanned != "0000-00-00 00:00:00" &&
-            <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: LibStyle.colorRed, marginBottom: 4, fontSize: 14, letterSpacing: 1.5 })}>{esp.lang("event/scan_item", "scan_on") + LibUtils.moment(props?.item?.scanned_detail?.scanned).serverFormat("DD MMMM YYYY H:m:s ", props?.item?.scanned_detail?.timezone) + props.item?.scanned_detail?.timezone_locale || ""}</Text>
+            <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: LibStyle.colorRed, marginBottom: 4, fontSize: 14, letterSpacing: 1.5 })}>{esp.lang("event/scan_item", "scan_on") + LibUtils.moment(props?.item?.scanned_detail?.scanned).serverFormat("DD MMMM YYYY H:m:s ", props?.item?.scanned_detail?.timezone) /* + props.item?.scanned_detail?.timezone_locale || "" */}</Text>
           }
           {
             props.item?.status == 1 &&

package/event/ticket_list2.tsx

@@ -26,6 +26,7 @@ import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/ca
 import { EventLoading_pageProperty } from 'esoftplay/cache/event/loading_page/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';
@@ -135,7 +136,7 @@ export default function m(props: EventTicket_list2Props): any {
 
   const [pendingData] = EventLoading_pageProperty.state().useState()
 
-  const { url, fee_platform, subscribed, show_fee_percentage }: any = useRef(LibNavigation.getArgsAll(props)).current
+  const { url, is_multiprice, fee_platform, subscribed, show_fee_percentage }: any = useRef(LibNavigation.getArgsAll(props)).current
 
   const [deeplinkParams] = UseDeeplinkProperty.params.useState()
   const [timer] = EventCountdownProperty.countdownTime.useState()
@@ -148,7 +149,6 @@ export default function m(props: EventTicket_list2Props): any {
   const [showAll, setShowAll] = useSafeState<any>({});
   const [urlPayment, setUrlPayment] = useLazyState<any>()
 
-  // esp.log(availableResult);
 
   let dataEvent: any = {
     event_id: availableResult?.id,
@@ -160,7 +160,7 @@ export default function m(props: EventTicket_list2Props): any {
 
   const [ticketSeat, resetTicketSeat] = taskSeat((item: any) => new Promise((next) => {
     if (item.use_seat == 1) {
-      if (item.adjacent_seats == 0) {
+      if (item.adjacent_seats == undefined || item.adjacent_seats == 0) {
         LibNavigation.navigateForResult('event/seat_map_new', {
           url: 'event_seat',
           dataTicket: {
@@ -327,6 +327,7 @@ export default function m(props: EventTicket_list2Props): any {
   }
 
 
+
   function checkSeatMap() {
     let newResult: any[] = [];
 
@@ -338,7 +339,9 @@ export default function m(props: EventTicket_list2Props): any {
         tax: priceType?.tax,
         term: priceType?.term,
         has_addition: priceType?.has_addition,
-        image_map: priceType?.image_map
+        image_map: priceType?.image_map,
+        use_seat: priceType?.use_seat,
+        adjacent_seats: priceType?.config?.seat_autopick,
       }))
 
       newResult = newResult.concat(filteredList);
@@ -348,9 +351,39 @@ export default function m(props: EventTicket_list2Props): any {
     setDataPostBooking(newResult)
     resetTicketSeat()
     ticketSeat(newResult.filter((x: any) => x.selected == 1))
-    // esp.log(newResult.filter((x: any) => x.selected == 1));
   }
 
+  function selectSinglePrice(priceTypes: any, selectedItem: any) {
+    return priceTypes.map((priceType: any) => {
+      // reset parent
+      let updated = {
+        ...priceType,
+        selected: 0,
+        qty: 0,
+        list: priceType.list.map((child: any) => ({
+          ...child,
+          selected: 0,
+          qty: 0
+        }))
+      };
+
+      // kalau cocok, aktifkan parent & child
+      if (priceType.price_id === selectedItem.price_id) {
+        updated.selected = 1;
+        updated.qty = selectedItem.qty_min;
+
+        updated.list = updated.list.map((child: any) => ({
+          ...child,
+          selected: 1,
+          qty: selectedItem.qty_min
+        }));
+      }
+
+      return updated;
+    });
+  }
+
+  // contoh penggunaan:
 
   function renderItem(itemC: any, iC: number, item: any, i: number) {
     // itemC adalah item yang ada diindex list, kalo item itu adalah item yang ada diindex price_type
@@ -377,23 +410,34 @@ export default function m(props: EventTicket_list2Props): any {
         }
         // let msg = item.status == 0 ? esp.lang("event/ticket_list", "sold_out") : esp.lang("event/ticket_list", "coming_soon")
         if (itemC.status == 1 && item.status == 1) {
-          const data = new LibObject(getAvailableResult())
-            .update((itemList) => {
-              itemList.selected = itemList.selected == 1 ? 0 : 1
-              itemList.qty = itemList.selected == 1 ? item.qty_min : 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()
+          if (is_multiprice) {
+            const data = new LibObject(getAvailableResult())
+              .update((itemList) => {
+                itemList.selected = itemList.selected == 1 ? 0 : 1
+                itemList.qty = itemList.selected == 1 ? item.qty_min : 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 {
+            const updatedData = selectSinglePrice(availableResult?.price_type, { price_id: item?.price_id, qty_min: item?.qty_min });
+            const data = {
+              ...getAvailableResult(),
+              price_type: updatedData
+            }
+
+            setAvailableResult(data)
+          }
 
-          setAvailableResult(data)
         } else if (itemC.status == 0) {
           LibToastProperty.show(msg)
         } else if (itemC.status == 2) {
@@ -564,12 +608,14 @@ export default function m(props: EventTicket_list2Props): any {
             }
 
             <ScrollView refreshControl={<RefreshControl refreshing={false} onRefresh={onRefresh} />}>
-              <EventAlert
-                color={LibStyle.colorPrimary}
-                msg={esp.lang("event/ticket_list2", "u_can_choose_multiple")}
-                style={{ marginHorizontal: 15 }}
-                useIcon
-              />
+              <UseCondition if={is_multiprice == 1} >
+                <EventAlert
+                  color={LibStyle.colorPrimary}
+                  msg={esp.lang("event/ticket_list2", "u_can_choose_multiple")}
+                  style={{ marginHorizontal: 15 }}
+                  useIcon
+                />
+              </UseCondition>
               {
                 availableResult?.image_map != "" &&
                 <TouchableOpacity onPress={() => {

package/event/tms_check_ticket_result.tsx

@@ -222,10 +222,10 @@ export default function m(props: EventTms_check_ticket_resultProps): any {
                   <View style={{ marginBottom: 10, flexDirection: 'row', flexWrap: 'wrap', marginLeft: -10 }}>
                     {
                       item?.tickets?.map((x: any, i: number) => {
-                        if (x.seat_name != "") {
+                        if (x.seat_label != "") {
                           return (
                             <View key={i} style={{ marginLeft: 10, paddingVertical: 5, marginBottom: 7, paddingHorizontal: 7, borderWidth: 1, borderColor: '#000', backgroundColor: '#fff', borderRadius: 5 }}>
-                              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 20, color: '#000' }}>{x.seat_name}</Text>
+                              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 20, color: '#000' }}>{x.seat_label}</Text>
                             </View>
 
                           )

package/event/tms_dashboard.tsx

@@ -1,10 +1,15 @@
 // withHooks
 import { EventHeader } from 'esoftplay/cache/event/header/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 { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import { useRef } from 'react';
 
 import React from 'react';
 import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
@@ -16,8 +21,25 @@ export interface EventTms_dashboardArgs {
 export interface EventTms_dashboardProps {
 
 }
+
+
+const stateClosingData = useGlobalState({
+  event_id: 0,
+  event_name: '',
+  gate_id: 0,
+}, {
+  persistKey: 'event/tms_dashboard',
+  loadOnInit: true
+})
+
+export function closingDataState(): useGlobalReturn<any> {
+  return stateClosingData
+}
+
 export default function m(props: EventTms_dashboardProps): any {
   const [user] = UserClass.state().useState()
+  const dialogClosing = useRef<LibSlidingup>(null)
+
   let menus = [
     {
       id: 1,
@@ -27,6 +49,9 @@ export default function m(props: EventTms_dashboardProps): any {
       color_accent: '#FFC523',
       onPress: () => {
         LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_tms }).then((value) => {
+          let a = LibObject.set(stateClosingData?.get(), value?.id)('event_id')
+          let b = LibObject.set(a, value?.name)('event_name')
+          stateClosingData?.set(b)
           LibNavigation.navigate('event/tms_gate', { is_scanner: value, typeScanner: 'tms' })
         })
       }
@@ -48,13 +73,41 @@ export default function m(props: EventTms_dashboardProps): any {
       title: esp.lang("user/profile", "exchange"),
       icon: 'menu/ic_redempt.png',
       active: 1,
-      color_accent: '#D0004F',
+      color_accent: '#800020',
       onPress: () => {
         LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_tms }).then((value) => {
           LibNavigation.navigate('event/exchange_ticket', { dataEvent: value })
         })
       }
     },
+    {
+      id: 4,
+      title: esp.lang("event/tms_dashboard", "closing_tms"),
+      icon: 'failed_icon.png',
+      active: 1,
+      color_accent: '#D0004F',
+      onPress: () => {
+        dialogClosing.current?.show()
+      }
+    },
+  ]
+
+  const options = [
+    {
+      id: 1,
+      title: esp.lang("event/tms_dashboard", "log_tms"),
+      onPress: () => {
+        LibNavigation.navigate('event/tms_log')
+        dialogClosing.current?.show()
+      }
+    },
+    {
+      id: 2,
+      title: esp.lang("event/tms_dashboard", "log_exchange"),
+      onPress: () => {
+        dialogClosing.current?.show()
+      }
+    },
   ]
 
   function renderMenu(item: any, i: number) {
@@ -80,10 +133,39 @@ export default function m(props: EventTms_dashboardProps): any {
 
       <ScrollView>
         {
-          menus?.map(renderMenu)
+          menus?.filter((x: any) => x.active == 1).map(renderMenu)
         }
       </ScrollView>
-
+      <LibSlidingup ref={dialogClosing}>
+        <View style={{ alignItems: 'center', marginBottom: 17 }} >
+          <View style={{ width: LibStyle.width - 30, borderRadius: 13, overflow: 'hidden', }} >
+            <ScrollView showsVerticalScrollIndicator={false} style={{ borderRadius: 13, overflow: 'hidden', backgroundColor: "white", maxHeight: LibStyle.height * 0.5 }} >
+              <View style={{ marginVertical: 17 }} >
+                <LibTextstyle textStyle="caption1" text={esp.lang("event/tms_dashboard", "closing_tms")} style={{ textAlign: 'center', fontWeight: "bold", color: "#888" }} />
+              </View>
+              {
+                options.map((opt, i) => (
+                  <TouchableOpacity
+                    key={i}
+                    style={{ paddingHorizontal: 17, paddingVertical: 15, alignItems: 'center', borderTopWidth: 1, borderTopColor: "#f4f4f4" }}
+                    onPress={opt.onPress} >
+                    <LibTextstyle text={opt.title} textStyle="body" />
+                  </TouchableOpacity>
+                ))
+              }
+            </ScrollView>
+            <View style={{ borderRadius: 13, marginTop: 10, backgroundColor: "white" }} >
+              <TouchableOpacity
+                style={{ paddingHorizontal: 17, paddingVertical: 15, alignItems: 'center' }}
+                onPress={() => {
+                  dialogClosing.current?.hide()
+                }} >
+                <LibTextstyle text={esp.lang("event/tms_dashboard", "cancel")} textStyle="body" style={{ fontWeight: "bold", color: LibStyle.colorBlue }} />
+              </TouchableOpacity>
+            </View>
+          </View>
+        </View>
+      </LibSlidingup>
     </View>
   )
 }

package/event/tms_gate.tsx

@@ -9,6 +9,8 @@ import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 
+import { EventTms_dashboardProperty } from 'esoftplay/cache/event/tms_dashboard/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
 import React, { useEffect } from 'react';
 import { Pressable, ScrollView, Text, View } from 'react-native';
 
@@ -40,6 +42,8 @@ export default function m(props: EventTms_gateProps): any {
     new LibCurl('event_gate', post, (res, msg) => {
       setGates(res)
       if (res.length == 1) {
+        let a = LibObject.set(EventTms_dashboardProperty.closingDataState().get(), res[0].id)('gate_id')
+        EventTms_dashboardProperty.closingDataState().set(a)
         LibNavigation.back()
         LibNavigation.navigate('event/tms_home', { is_scanner: is_scanner, selectedGate: res[0], typeScanner: typeScanner })
       }
@@ -70,6 +74,8 @@ export default function m(props: EventTms_gateProps): any {
     return (
       <Pressable key={i} onPress={() => {
         setSelectGate(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 })
       }} style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', backgroundColor: _selectGate ? LibStyle.colorGrey : '#fff', ...LibStyle.elevation(2), padding: 16, marginBottom: 10, marginHorizontal: 15, borderRadius: 5, flex: 1 }}>
         <LibIcon name={_selectGate ? "radiobox-marked" : "radiobox-blank"} size={18} color={_selectGate ? "#3ea4dc" : "#434343"} />

package/event/tms_home.tsx

@@ -491,10 +491,7 @@ export default function m(props: EventTms_homeProps): any {
       <View style={{ margin: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
         {
           <TouchableOpacity onPress={() => {
-            LibNavigation.navigate('event/tms_log', {
-              event_id: is_scanner?.id,
-              gate: selectedGate
-            })
+            LibNavigation.navigate('event/tms_log')
           }} style={{ padding: 10, backgroundColor: "#000", borderRadius: 10, ...LibStyle.elevation(2) }}>
             <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff' })} >{esp.lang("event/tms_home", "tms_close")}</Text>
           </TouchableOpacity>

package/event/tms_in_log.tsx

@@ -49,6 +49,8 @@ export default function m(props: EventTms_in_logProps): any {
   const [loading, setLoading] = useSafeState<boolean>(true)
   const timeout = useTimeout()
 
+  esp.log({ log });
+
   function syncData() {
     EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
     timeout(() => {

package/event/tms_log.tsx

@@ -3,6 +3,7 @@ import { useEffect, useRef } from 'react';
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventTms_dashboardProperty } from 'esoftplay/cache/event/tms_dashboard/import';
 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';
@@ -48,17 +49,6 @@ export interface LogItem {
   valuecolor?: string
 }
 
-function Item(props: LogItem) {
-  return (
-    <Pressable
-      onPress={() => {
-        props.onPress()
-      }} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
-      <LibTextstyle text={props.text} textStyle="subhead" />
-      <LibTextstyle text={LibUtils.number(props.value)} style={{ color: props.valuecolor ? props.valuecolor : "#000" }} textStyle="title2" />
-    </Pressable>
-  )
-}
 
 // Fungsi untuk menjumlahkan nilai per kategori
 export function sumValuesPerCategory(data: any) {
@@ -105,12 +95,15 @@ const useDetectStateChange = (state: any, duration: number) => {
 
 export default function m(props: EventTms_logProps): any {
   const selectedRef = useRef<LibSlidingup>(null)
-  const { event_id, gate, fromPage }: any = LibNavigation.getArgsAll(props)
+  // const { event_id, gate }: any = LibNavigation.getArgsAll(props)
   const [, setSelectedData, getSelectedData] = useSafeState<any[]>([])
   const [titleSliding, setTitleSliding] = useSafeState()
   let counter = useRef(0).current
   let counterDone = useRef(0).current
 
+  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)
 
@@ -147,7 +140,7 @@ export default function m(props: EventTms_logProps): any {
 
   function closing() {
     const counter = EventTms_homeProperty.getDataByDate()
-    let url = 'event_tms_closing' + LibUtils.objectToUrlParam({ event_id: event_id, gate_id: gate?.id })
+    let url = 'event_tms_closing' + LibUtils.objectToUrlParam({ event_id: event_id, gate_id: gate_id })
     let post = {
       closing: JSON.stringify(counter)
     }
@@ -285,9 +278,7 @@ export default function m(props: EventTms_logProps): any {
                       sendFileTelegram('event/tms_in_log_copy_scanned', () => {
                         counterDone = counterDone + 1
                         if (counter == counterDone) {
-                          if (!fromPage) {
-                            closing()
-                          }
+                          closing()
                         }
                       })
                     })
@@ -299,9 +290,7 @@ export default function m(props: EventTms_logProps): any {
                       sendFileTelegram('event/tms_out_log_copy_scanned', () => {
                         counterDone = counterDone + 1
                         if (counter == counterDone) {
-                          if (!fromPage) {
-                            closing()
-                          }
+                          closing()
                         }
                       })
                     })
@@ -313,9 +302,7 @@ export default function m(props: EventTms_logProps): any {
                       sendFileTelegram('event/hall_log_copy_scanned', () => {
                         counterDone = counterDone + 1
                         if (counter == counterDone) {
-                          if (!fromPage) {
-                            closing()
-                          }
+                          closing()
                         }
                       })
                     })
@@ -327,9 +314,7 @@ export default function m(props: EventTms_logProps): any {
                       sendFileTelegram('event/hallout_log_copy_scanned', () => {
                         counterDone = counterDone + 1
                         if (counter == counterDone) {
-                          if (!fromPage) {
-                            closing()
-                          }
+                          closing()
                         }
                       })
                     })

package/id.json

@@ -1455,7 +1455,11 @@
     "block_idcard_no": "BATAL",
     "block_idcard_ok": "TAHAN",
     "block_idcard_title": "Tahan ID CARD?",
+    "cancel": "Batal",
+    "closing_tms": "Closing TMS",
     "gate_scanner": "Gate Scanner",
+    "log_exchange": "Log Penukaran Tiket",
+    "log_tms": "Log TMS (Gate + Hall)",
     "qc_idcard": "QC ID Card (Print)"
   },
   "event/tms_event_list": {

package/package.json

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