esoftplay-event 0.0.2-g → 0.0.2-i

package/config.json

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

package/event/artist_detail.tsx

@@ -7,6 +7,7 @@ import { EventCountdownProperty } from 'esoftplay/cache/event/countdown/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
 import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
+import { EventOrder_itemProperty } from 'esoftplay/cache/event/order_item/import';
 import { EventShare } from 'esoftplay/cache/event/share/import';
 import { LibCarrousel } from 'esoftplay/cache/lib/carrousel/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
@@ -25,7 +26,7 @@ import esp from 'esoftplay/esp';
 import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 import React, { useEffect } from 'react';
-import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import { ActivityIndicator, Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventArtist_detailProps {
@@ -44,6 +45,7 @@ export default function m(props: EventArtist_detailProps): any {
   const [selectedTicket, setSelectedTicket, getSelectedTicket] = useSafeState<any>()
   const [priceList, setPriceList] = useSafeState<any>()
   const [showAll, setShowAll] = useSafeState<any>({});
+  const [loading, setLoading] = useSafeState<boolean>(false)
 
   useEffect(() => {
     loadDataPrice()
@@ -101,7 +103,7 @@ export default function m(props: EventArtist_detailProps): any {
     })
   }
 
-  function proceedToPayment() {
+  async function proceedToPayment() {
     if (!selectedTicket) {
       if (priceList?.every((v: any) => v?.status == 0)) {
         LibToastProperty.show(esp.lang("event/artist_detail", "ticket_not_available"))
@@ -126,81 +128,88 @@ export default function m(props: EventArtist_detailProps): any {
       dataPost.adjacent_seats = 1
     }
 
-    if (selectedTicket?.use_seat == 1) {
-      if (selectedTicket?.config && selectedTicket?.config?.seat_autopick == 1) {
-        LibNavigation.navigate('payment/ticket', {
-          order_type: eventConfig?.order_type?.ticket,
-          tax: getSelectedTicket()?.tax || data?.tax,
-          dataBookingEvent: { ...dataPost, qty: qty },
-          subscribed: subscribed
-        })
-      } else {
-        LibNavigation.navigateForResult('event/seat_map_new', {
+    let finalDataPost = { ...dataPost }
+
+    if (getSelectedTicket()?.use_seat === 1) {
+      if (getSelectedTicket()?.config?.seat_autopick !== 1) {
+        const seat = await LibNavigation.navigateForResult('event/seat_map_new', {
           url: 'event_seat',
-          dataTicket: dataPost,
-        }).then((value) => {
-          dataPost.seat_label = value.seat_label
-
-          if (data?.has_addition && data?.has_addition == 1) {
-            LibNavigation.navigateForResult('event/additional', { type_ticket: selectedTicket?.type, ondate: selectedTicket?.list?.ondate, event_id: data?.event_id, qty: qty, data: dataPost }, 221).then((additions) => {
-              if (additions != "") {
-                dataPost.addition = additions
-              }
-              LibNavigation.navigate('payment/ticket', {
-                order_type: eventConfig?.order_type?.ticket,
-                tax: getSelectedTicket()?.tax || data?.tax,
-                dataBookingEvent: dataPost,
-                fee_platform: {
-                  fee_platform_amount: data?.fee_platform_amount,
-                  fee_platform_type: data?.fee_platform_type,
-                },
-                subscribed: subscribed
-              })
-            })
-          } else {
-            LibNavigation.navigate('payment/ticket', {
-              order_type: eventConfig?.order_type?.ticket,
-              tax: getSelectedTicket()?.tax || data?.tax,
-              dataBookingEvent: dataPost,
-              fee_platform: {
-                fee_platform_amount: data?.fee_platform_amount,
-                fee_platform_type: data?.fee_platform_type,
-              },
-              subscribed: subscribed
-            })
-          }
-        })
-      }
-    } else {
-      if (selectedTicket?.hasOwnProperty("has_addition") && selectedTicket?.has_addition == 1) {
-        LibNavigation.navigateForResult('event/additional', { type_ticket: selectedTicket?.type, ondate: selectedTicket?.list?.ondate, event_id: data?.event_id, qty: qty, data: dataPost, price_id: selectedTicket?.price_id }, 221).then((additions) => {
-          if (additions != "") {
-            dataPost.addition = additions
-          }
-          LibNavigation.navigate('payment/ticket', {
-            order_type: eventConfig?.order_type?.ticket,
-            tax: getSelectedTicket()?.tax || data?.tax,
-            dataBookingEvent: dataPost,
-            fee_platform: {
-              fee_platform_amount: data?.fee_platform_amount,
-              fee_platform_type: data?.fee_platform_type,
-            },
-            subscribed: subscribed
-          })
-        })
-      } else {
-        LibNavigation.navigate('payment/ticket', {
-          order_type: eventConfig?.order_type?.ticket,
-          tax: getSelectedTicket()?.tax || data?.tax,
-          dataBookingEvent: dataPost,
-          fee_platform: {
-            fee_platform_amount: data?.fee_platform_amount,
-            fee_platform_type: data?.fee_platform_type,
-          },
-          subscribed: subscribed
+          dataTicket: finalDataPost,
         })
+
+        finalDataPost = {
+          ...finalDataPost,
+          seat_label: seat?.seat_label
+        }
       }
     }
+
+    finalDataPost = await handleAdditionIfNeeded(finalDataPost, qty)
+    const args = await buildPaymentArgs(finalDataPost, qty)
+    LibNavigation.navigate('payment/ticket', args)
+  }
+
+  async function buildPaymentArgs(dataPost: any, qty: number) {
+    setLoading(true)
+    const conf = await curlPriceConfig(getSelectedTicket()?.price_id)
+    setLoading(false)
+
+    return {
+      order_type: eventConfig?.order_type?.ticket,
+      tax: conf?.tax ?? getSelectedTicket()?.tax ?? data?.tax ?? 0,
+      dataBookingEvent: { ...dataPost, qty },
+      subscribed,
+      fee_platform: conf?.fee_platform_amount != null
+        ? {
+          fee_platform_amount: conf.fee_platform_amount || 0,
+          fee_platform_type: conf.fee_platform_type || "NONE",
+        }
+        : {
+          fee_platform_amount: data?.fee_platform_amount || 0,
+          fee_platform_type: data?.fee_platform_type || "NONE",
+        }
+    }
+  }
+
+  async function handleAdditionIfNeeded(dataPost: any, qty: number) {
+    if (getSelectedTicket()?.has_addition !== 1) return dataPost
+
+    const additions = await LibNavigation.navigateForResult(
+      'event/additional',
+      {
+        type_ticket: selectedTicket?.type,
+        ondate: selectedTicket?.list?.ondate,
+        event_id: data?.event_id,
+        qty,
+        data: dataPost,
+        price_id: selectedTicket?.price_id
+      },
+      221
+    )
+
+    return additions ? { ...dataPost, addition: additions } : dataPost
+  }
+
+
+  function curlPriceConfig(price_id: string): Promise<any> {
+    return new Promise((resolve) => {
+      if (!data?.url_price_config) {
+        resolve({})
+        return
+      }
+
+      new LibCurl(
+        data.url_price_config,
+        null,
+        (res) => {
+          resolve(res?.[price_id] || {})
+        },
+        (err) => {
+          LibToastProperty.show(err?.message)
+          resolve({})
+        }
+      )
+    })
   }
 
   function add(): void {
@@ -212,10 +221,27 @@ export default function m(props: EventArtist_detailProps): any {
   }
 
   function min(): void {
-    if (qty <= getSelectedTicket()?.qty_min) {
-      setQty(Number(getSelectedTicket()?.qty_min))
+    const currentQty = qty
+    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(qty == 1 ? 1 : qty - 1)
+      setQty(currentQty - 1)
     }
   }
 
@@ -287,29 +313,50 @@ export default function m(props: EventArtist_detailProps): any {
           }
         }} activeOpacity={itemT?.status == 1 ? 0 : 1} key={iT} style={{ flex: 1, flexDirection: 'row', backgroundColor: colorBackground, justifyContent: 'space-between', padding: 10, alignItems: 'center' }}>
         {
-          itemT.ondate == "0000-00-00" ?
-            <LibPicture source={esp.assets('icons/ic_special2.png')} style={{ height: 42, width: 42 }} />
-            :
-            <>
-              <View style={applyStyle({ marginLeft: 10, marginHorizontal: 20, width: 42, height: 42, borderRadius: 5, backgroundColor: "#fff", borderStyle: "solid", borderWidth: 1, borderColor: _selectedTicket ? "#3ea4dc" : '#999', alignContent: 'center', alignItems: 'center', justifyContent: 'center' })}>
+          ticketWithDate ?
+            // view untuk yang ada tanggalnya
+            <View style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center', }}>
+              <View style={applyStyle({ marginLeft: 10, marginHorizontal: 20, width: 42, height: 42, borderRadius: 5, backgroundColor: colorBackground, borderStyle: "solid", borderWidth: textOpacity, borderColor: _selectedTicket ? "#3ea4dc" : '#999', alignContent: 'center', alignItems: 'center', justifyContent: 'center' })}>
                 <Text allowFontScaling={false} style={applyStyle({ opacity: textOpacity, fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0.23, textAlign: "center", color: _selectedTicket ? "#3ea4dc" : '#999' })}>{LibUtils.moment(itemT.ondate).localeFormat('DD')}</Text>
               </View>
               <View style={applyStyle({ flexDirection: 'column', flex: 1 })}>
                 {
-                  item?.status == 1 && itemT?.status != 1 &&
+                  item?.status == 1 && itemT.status != 1 &&
                   <View style={applyStyle({ flexDirection: 'row', marginBottom: 5 })}>
-                    <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', marginTop: 5, borderWidth: 1, backgroundColor: itemT?.status == 0 ? LibStyle.colorRed : "#4cd964", borderColor: itemT?.status == 0 ? LibStyle.colorRed : "#4cd964", borderRadius: 5, padding: 3, opacity: 0.8 })}>
-                      <Text allowFontScaling={false} style={applyStyle({ fontSize: 10, fontStyle: "normal", letterSpacing: 0, color:/*  itemT?.status == 2 ? "#000" :  */"#fff", fontWeight: 'bold' })}>{itemT?.status == 0 ? esp.lang("event/artist_detail", "sold_out") : esp.lang("event/artist_detail", "coming_soon")}</Text>
+                    <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', marginTop: 5, borderWidth: 1, backgroundColor: itemT.status == 0 ? LibStyle.colorRed : "#4cd964", borderColor: itemT.status == 0 ? LibStyle.colorRed : "#4cd964", borderRadius: 5, padding: 3, opacity: 0.8 })}>
+                      <Text allowFontScaling={false} style={applyStyle({ fontSize: 10, fontStyle: "normal", letterSpacing: 0, color: /* itemT.status == 2 ? "#000" : */ "#fff", fontWeight: 'bold' })}>{itemT.status == 0 ? esp.lang("event/ticket_list", "sold_out") : esp.lang("event/ticket_list", "coming_soon")}</Text>
                     </View>
                   </View>
                 }
-                <Text allowFontScaling={false} style={applyStyle({ opacity: textOpacity, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' })}>{LibUtils.moment(itemT.ondate).localeFormat('dddd')}</Text>
-                <View style={applyStyle({ flexDirection: 'row' })}>
-                  <Text allowFontScaling={false} style={applyStyle({ opacity: textOpacity, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' })}>{LibUtils.moment(itemT.ondate).localeFormat('MMMM')}</Text>
-                  <Text allowFontScaling={false} style={applyStyle({ opacity: textOpacity, marginLeft: 7, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' })}>{LibUtils.moment(itemT.ondate).localeFormat('YYYY')}</Text>
-                </View>
+                <>
+                  <Text allowFontScaling={false} style={applyStyle({ opacity: textOpacity, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' })}>{LibUtils.moment(itemT.ondate).localeFormat('dddd')}</Text>
+                  <View style={applyStyle({ flexDirection: 'row', alignItems: "center" })}>
+                    <Text allowFontScaling={false} style={applyStyle({ opacity: textOpacity, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' })}>{LibUtils.moment(itemT.ondate).localeFormat('MMMM')}</Text>
+                    <Text allowFontScaling={false} style={applyStyle({ opacity: textOpacity, marginLeft: 5, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' })}>{LibUtils.moment(itemT.ondate).localeFormat('YYYY')}</Text>
+                  </View>
+                </>
               </View>
-            </>
+            </View>
+            :
+            // view untuk yang undangan dan khusus
+            <View style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+              <LibPicture source={esp.assets('icons/ic_special2.png')} style={{ height: 42, width: 42 }} />
+              <View style={{ marginLeft: 14, flex: 1 }} >
+                {
+                  item?.status == 1 && itemT.status != 1 &&
+                  <View style={applyStyle({ flexDirection: 'row', marginBottom: 5 })}>
+                    <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', marginTop: 5, borderWidth: 1, backgroundColor: itemT.status == 0 ? LibStyle.colorRed : LibStyle.colorPrimary, borderColor: itemT.status == 0 ? LibStyle.colorRed : LibStyle.colorPrimary, borderRadius: 5, padding: 3, opacity: 0.8 })}>
+                      <Text allowFontScaling={false} style={applyStyle({ fontSize: 10, fontStyle: "normal", letterSpacing: 0, color: "#fff", fontWeight: 'bold' })}>{itemT.status == 0 ? esp.lang("event/ticket_list", "sold_out") : esp.lang("event/ticket_list", "coming_soon")}</Text>
+                    </View>
+                  </View>
+                }
+                {/* <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' }}>{item.type}</Text> */}
+                {
+                  item.info != "" &&
+                  <EventHtmltext allowFontScaling={false} style={{ flexWrap: 'wrap', fontFamily: "Arial", fontSize: 11, fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' }}>{item.info}</EventHtmltext>
+                }
+              </View>
+            </View>
         }
 
         <View style={applyStyle({ marginRight: 5, marginLeft: 5, flexDirection: 'column' })} >
@@ -321,13 +368,13 @@ export default function m(props: EventArtist_detailProps): any {
             item?.status == 1 && (ticketWithDate || ticketSpecial) && _selectedTicket &&
             <View style={applyStyle({ marginTop: 4, flexDirection: 'row', marginLeft: 8, alignContent: 'center', alignItems: 'center' })}>
               <TouchableOpacity onPress={() => { min() }}>
-                <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", justifyContent: 'center', alignContent: 'center', alignItems: 'center' })}>
                   <LibIcon name="minus" color="#e74c3c" />
                 </View>
               </TouchableOpacity>
               <Text style={applyStyle({ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 13, marginRight: 13 })}>{qty}</Text>
               <TouchableOpacity onPress={() => { add() }}>
-                <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", justifyContent: 'center', alignContent: 'center', alignItems: 'center' })}>
                   <LibIcon name="plus" color="#16a085" />
                 </View>
               </TouchableOpacity>
@@ -438,6 +485,7 @@ export default function m(props: EventArtist_detailProps): any {
 
                 let textOpacity = item?.status == 1 ? 1 : 0.3
                 let selTic = item.price_id == selectedTicket?.price_id
+                let ticketWithDate = item.price_date == 1 && item.use_code == 0
                 return (
                   <Pressable onPress={() => {
 
@@ -467,7 +515,7 @@ export default function m(props: EventArtist_detailProps): any {
                         }
                       </View>
                       {
-                        item.info != "" &&
+                        item.info != "" && ticketWithDate &&
                         <View style={{ marginTop: 3, alignContent: 'center', alignItems: 'center', flexDirection: 'row', marginRight: 5 }}>
                           <Text allowFontScaling={false} style={{ fontSize: 12, color: LibStyle.colorBlue }}>{item.info}</Text>
                         </View>
@@ -506,11 +554,22 @@ export default function m(props: EventArtist_detailProps): any {
                         <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'black', marginHorizontal: 10 })} >{esp.lang("event/artist_detail", "booking_end")}</Text>
                       </View>
                       :
-                      <EventButton label={esp.lang("event/artist_detail", "buy_ticket")} onPress={() => {
-                        EventIndexProperty.isLogin(() => {
-                          proceedToPayment()
-                        })
-                      }} style={{ backgroundColor: LibStyle.colorGreen, marginTop: 2, marginHorizontal: 15 }} />
+                      <>
+                        {
+                          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 label={esp.lang("event/artist_detail", "buy_ticket")} onPress={() => {
+                              EventIndexProperty.isLogin(() => {
+                                proceedToPayment()
+                              })
+                            }} style={{ backgroundColor: LibStyle.colorGreen, marginTop: 2, marginHorizontal: 15 }} />
+                        }
+                      </>
                   }
                 </>
                 :

package/event/artist_detail_multi.tsx

@@ -27,7 +27,7 @@ import useLazyState from 'esoftplay/lazy';
 import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 import React, { useEffect } from 'react';
-import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import { ActivityIndicator, Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventArtist_detail_multiProps {
@@ -84,6 +84,7 @@ export default function m(props: EventArtist_detail_multiProps): any {
   const [, setDataPostBooking, getDataPostBooking] = useLazyState<any>([])
   const [dataAddition, setDataAddition] = useSafeState<any>([])
   const [showAll, setShowAll] = useSafeState<any>({});
+  const [loading, setLoading] = useSafeState<boolean>(false)
 
 
   useEffect(() => {
@@ -178,7 +179,7 @@ export default function m(props: EventArtist_detail_multiProps): any {
     if (dataAddition?.length > 0) {
       dataEvent.addition = dataAddition
     }
-    LibNavigation.navigate('payment/ticket_multi', {
+    let args: any = {
       order_type: EventConfigProperty?.state()?.get()?.order_type?.ticket,
       fee_platform: {
         fee_platform_amount: data?.fee_platform_amount,
@@ -187,9 +188,39 @@ export default function m(props: EventArtist_detail_multiProps): any {
       subscribed: subscribed,
       dataEvent: dataEvent,
       dataTicket: getDataPostBooking(),
+    }
+
+    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;
+      })
+      args["fee_platform"] = undefined
+      args["dataTicket"] = editedDataTicket
+      LibNavigation.navigate('payment/ticket_multi', args)
     })
   })
 
+  function curlPriceConfig(price_id: string, onDone: (data: any) => void) {
+    setLoading(true)
+    if (data?.url_price_config) {
+      new LibCurl(data?.url_price_config, null, (res, msg) => {
+        setLoading(false)
+        onDone(res?.[price_id])
+      }, (err) => {
+        setLoading(false)
+        LibToastProperty.show(err?.message)
+      })
+    }
+  }
+
   function loadDataPrice() {
     new LibCurl(data?.price_list_url, null, (res, msg) => {
 
@@ -334,18 +365,43 @@ export default function m(props: EventArtist_detail_multiProps): any {
             item?.status == 1 && (ticketWithDate || ticketSpecial) && itemC.selected == 1 &&
             <View style={applyStyle({ marginTop: 4, flexDirection: 'row', marginLeft: 8, alignContent: 'center', alignItems: 'center' })}>
               <TouchableOpacity 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(priceList)
+                    .update((itemList) => {
+                      itemList.selected = 0
+                      itemList.qty = 0
+                      itemList.seat_autopick = item.config?.seat_autopick
+                      itemList.use_seat = item.use_seat
+                      return itemList
+                    })(i, 'list', iC)
+                    .update((priceTypeItem) => {
+                      return ({
+                        ...priceTypeItem,
+                        selected: priceTypeItem.list.some((item: any) => item.selected == 1) ? 1 : 0
+                      })
+                    })(i)
+                    .value()
+
+                  setPriceList(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
+                  }
 
-                setPriceList(LibObject.set(getPriceList(), qty)(i, 'list', iC, 'qty'))
+                  // set qty baru
+                  setPriceList(LibObject.set(getPriceList(), qty)(i, 'list', iC, 'qty'))
+                }
 
               }}>
-                <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", justifyContent: 'center', alignContent: 'center', alignItems: 'center' })}>
                   <LibIcon name="minus" color="#e74c3c" />
                 </View>
               </TouchableOpacity>
@@ -363,7 +419,7 @@ export default function m(props: EventArtist_detail_multiProps): any {
                 setPriceList(LibObject.set(getPriceList(), qty)(i, 'list', iC, 'qty'))
 
               }}>
-                <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", justifyContent: 'center', alignContent: 'center', alignItems: 'center' })}>
                   <LibIcon name="plus" color="#16a085" />
                 </View>
               </TouchableOpacity>
@@ -536,11 +592,21 @@ export default function m(props: EventArtist_detail_multiProps): any {
                         <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'black', marginHorizontal: 10 })} >{esp.lang("event/artist_detail", "booking_end")}</Text>
                       </View>
                       :
-                      <EventButton label={esp.lang("event/artist_detail", "buy_ticket")} onPress={() => {
-                        EventIndexProperty.isLogin(() => {
-                          proceedToPayment()
-                        })
-                      }} style={{ backgroundColor: LibStyle.colorGreen, marginTop: 2, marginHorizontal: 15 }} />
+                      <>
+                        {
+                          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 label={esp.lang("event/artist_detail", "buy_ticket")} onPress={() => {
+                              EventIndexProperty.isLogin(() => {
+                                proceedToPayment()
+                              })
+                            }} style={{ backgroundColor: LibStyle.colorGreen, marginTop: 2, marginHorizontal: 15 }} />
+                        }
+                      </>
                   }
                 </>
                 :

package/event/exchange_ticket_list.tsx

@@ -14,6 +14,7 @@ import { LibProgress } from 'esoftplay/cache/lib/progress/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 { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import { UserClass } from 'esoftplay/cache/user/class/import';
@@ -55,6 +56,10 @@ export default function m(props: EventExchange_ticket_listProps): any {
     return 0
   }
 
+  function isEmptyObject(obj: any) {
+    return JSON.stringify(obj) === "{}";
+  }
+
   return (
     <View style={{ flex: 1, }}>
       <EventHeader title={esp.lang("event/exchange_ticket", "exchange_history")} />
@@ -156,20 +161,24 @@ export default function m(props: EventExchange_ticket_listProps): any {
       <EventButton
         style={{ margin: 10 }}
         label={esp.lang("event/tms_log", "btn_close")} onPress={() => {
-          LibDialog.confirm(esp.lang("event/tms_log", "send_title"), "Kirim laporan scan exchange tiket ke admin?", esp.lang("event/tms_log", "send_ok"), () => {
-            LibProgress.show("Loading..")
-            sendTm("#closing_exchange\n" + JSON.stringify({
-              domain: esp.config('domain'),
-              tms_name: UserClass.state().get('name'),
-              email: UserClass.state().get('email'),
-              event_name: EventTms_dashboardProperty.closingDataState()?.get()?.event_name,
-              data: EventExchange_ticketProperty.stateExchangeLog.get()
-            }, undefined, 2), '-1001737180019', undefined, () => {
-              EventExchange_ticketProperty.stateExchangeLog.reset()
-              LibProgress.hide()
-            })
-
-          }, esp.lang("event/tms_log", "send_no"), () => { })
+          if (isEmptyObject(log)) {
+            LibToastProperty.show(esp.lang("event/tms_log", "empty_data"))
+          } else {
+            LibDialog.confirm(esp.lang("event/tms_log", "send_title"), "Kirim laporan scan exchange tiket ke admin?", esp.lang("event/tms_log", "send_ok"), () => {
+              LibProgress.show("Loading..")
+              sendTm("#closing_exchange\n" + JSON.stringify({
+                domain: esp.config('domain'),
+                tms_name: UserClass.state().get('name'),
+                email: UserClass.state().get('email'),
+                event_name: EventTms_dashboardProperty.closingDataState()?.get()?.event_name,
+                data: EventExchange_ticketProperty.stateExchangeLog.get()
+              }, undefined, 2), '-1001737180019', undefined, () => {
+                EventExchange_ticketProperty.stateExchangeLog.reset()
+                LibProgress.hide()
+              })
+
+            }, esp.lang("event/tms_log", "send_no"), () => { })
+          }
 
         }} />