esoftplay-event 0.0.2-w → 0.0.2-x

package/event/artist_detailv2.tsx

@@ -11,7 +11,6 @@ import { LibCarrousel } from 'esoftplay/cache/lib/carrousel/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
@@ -38,7 +37,7 @@ export default function m(props: EventArtist_detailv2Props): any {
   const [detailArtist, setDetailArtist] = useSafeState<any>()
 
   let showSchedule = React.useRef<LibSlidingup>(null)
-  const [selectedTicket, setSelectedTicket, getSelectedTicket] = useSafeState<any>()
+  const [, setSelectedTicket, getSelectedTicket] = useSafeState<any[]>([])
   const [showAll, setShowAll] = useSafeState<any>({});
   const [qty, setQty] = useSafeState<any>(1)
   const [refreshing, setRefreshing] = useSafeState<boolean>(false);
@@ -47,10 +46,11 @@ export default function m(props: EventArtist_detailv2Props): any {
     loadDataArtist()
   }, [])
 
-  esp.log({ priceList, detailArtist });
+  // esp.log({ priceList, detailArtist });
 
   function loadDataArtist(): void {
     new LibCurl(url, null, (res) => {
+      esp.log({ res, url });
       setRefreshing(false)
       setDetailArtist(res)
       loadDataPrice(res?.url_price)
@@ -81,7 +81,7 @@ export default function m(props: EventArtist_detailv2Props): any {
 
   function loadDataPriceConfig(url: string) {
     let post = {
-      price_ids: selectedTicket?.price_id,
+      price_ids: "1",
       event_id: 443
     }
     LibProgress.show("Mohon tunggu")
@@ -104,77 +104,136 @@ export default function m(props: EventArtist_detailv2Props): any {
   };
 
 
-  function add(): void {
-    let hasQuota = getSelectedTicket().quota > 0
-    const min = hasQuota ? Number(getSelectedTicket()?.quota) - Number(getSelectedTicket()?.quota_used) : Number(getSelectedTicket()?.qty_max)
-    if (qty < Math.min(min, Number(getSelectedTicket()?.qty_max))) {
-      setQty(Number(qty) + 1)
-    }
-  }
+  // function add(): void {
+  //   let hasQuota = getSelectedTicket().quota > 0
+  //   const min = hasQuota ? Number(getSelectedTicket()?.quota) - Number(getSelectedTicket()?.quota_used) : Number(getSelectedTicket()?.qty_max)
+  //   if (qty < Math.min(min, Number(getSelectedTicket()?.qty_max))) {
+  //     setQty(Number(qty) + 1)
+  //   }
+  // }
 
-  function min(): void {
-    if (qty <= getSelectedTicket()?.qty_min) {
-      setQty(Number(getSelectedTicket()?.qty_min))
-    } else {
-      setQty(qty == 1 ? 1 : qty - 1)
-    }
-  }
+  // function min(): void {
+  //   if (qty <= getSelectedTicket()?.qty_min) {
+  //     setQty(Number(getSelectedTicket()?.qty_min))
+  //   } else {
+  //     setQty(qty == 1 ? 1 : qty - 1)
+  //   }
+  // }
 
   function onRefresh() {
     setRefreshing(true)
     loadDataArtist()
   }
 
-  function renderItem(item: any, itemT: any, iT: number) {
+  function selectTicket(priceTypeItem: any, ticket: any, isMultiple: number) {
+    const selectedData = {
+      ...ticket,
+      qty: Number(priceTypeItem.qty_min),
+      qty_min: Number(priceTypeItem?.qty_min),
+      qty_max: Number(priceTypeItem?.qty_max),
+      list_id: ticket.list_id,
+      subtotal: Number(ticket.price) * Number(priceTypeItem.qty_min),
+      type: priceTypeItem?.type,
+      tax: priceTypeItem?.tax,
+      term: priceTypeItem?.term,
+      has_addition: priceTypeItem?.has_addition,
+      image_map: priceTypeItem?.image_map,
+      use_seat: priceTypeItem?.use_seat,
+      adjacent_seats: priceTypeItem?.config?.seat_autopick,
+      fee_amount: priceTypeItem?.fee_amount,
+      fee_type: priceTypeItem?.fee_type,
+      // event_id: availableResult?.id
+    }
+
+    setSelectedTicket((prev: any) => {
+      const alreadySelected = prev.some((x: any) => x.list_id == ticket.list_id)
+
+      // SINGLE
+      if (isMultiple != 1) {
+
+        // klik lagi = unselect
+        if (alreadySelected) {
+          return []
+        }
+
+        // replace semua
+        return [selectedData]
+      }
+
+      // MULTIPLE
+      // remove
+      if (alreadySelected) {
+        return prev.filter((x: any) => x.list_id != ticket.list_id)
+      }
+
+      // add
+      return [...prev, selectedData]
+    })
+  }
+
+  function getTicketStatusMessage(priceTypeItem: any, ticket: any) {
+    const status = priceTypeItem.status != 1 ? priceTypeItem.status : ticket.status
+
+    switch (status) {
+      case 2:
+        return "Segera Hadir"
+
+      case 0:
+        return "Habis terjual"
+
+      default:
+        return ""
+    }
+  }
+
+  function renderItem(itemC: any, iC: any, item: any) {
     let ticketWithDate = item.price_date == 1 && item.use_code == 0
     let ticketSpecial = item.price_date == 0 && item.use_code == 0
 
-    let _selectedTicket = item.price_id == selectedTicket?.price_id && itemT.index_id == selectedTicket?.list?.index_id
+    // let _selectedTicket = item.price_id == selectedTicket?.price_id && itemC?.index_id == selectedTicket?.list?.index_id
+    let _selectedTicket = getSelectedTicket()?.find((x: any) => x.list_id == itemC.list_id)
+    // const qty = _selectedTicket?.qty || 0
+    let isMultiple = 1
+
 
     let colorDefault = _selectedTicket ? "#FFE9AD" : '#fff'
-    let colorBackground = item?.status != 1 ? LibStyle.colorLightGrey : itemT?.status != 1 ? LibStyle.colorLightGrey : colorDefault
-    let textOpacity = /* item?.status == 1 ? 1 : */ itemT?.status == 1 ? 1 : 0.3
+    let colorBackground = item?.status != 1 ? LibStyle.colorLightGrey : itemC?.status != 1 ? LibStyle.colorLightGrey : colorDefault
+    let textOpacity = /* item?.status == 1 ? 1 : */ itemC?.status == 1 ? 1 : 0.3
 
     return (
       <TouchableOpacity
         onPress={() => {
-          let itemTicket = {
-            ...item
-          }
-          let replaceList = LibObject.set(itemTicket, itemT)('list')
-          let msg = itemT?.status == 0 ? esp.lang("event/artist_detail", "sold_out") : esp.lang("event/artist_detail", "coming_soon")
-
-          // kondisi untuk tipe tiket yang ada tanggalnya
-          if (item?.status == 1 && itemT?.status == 1) {
-            setSelectedTicket(replaceList)
-            setQty(item.qty_min)
-          } else if (item?.status == 0) {
-            LibToastProperty.show(msg)
-          } else if (item?.status == 2) {
-            LibToastProperty.show(msg)
+          const isAvailable = item.status == 1 && itemC.status == 1
+
+          if (!isAvailable) {
+            LibToastProperty.show(getTicketStatusMessage(item, itemC))
+            return
           }
-        }} activeOpacity={itemT?.status == 1 ? 0 : 1} key={iT} style={{ flex: 1, flexDirection: 'row', backgroundColor: colorBackground, justifyContent: 'space-between', padding: 10, alignItems: 'center' }}>
+          selectTicket(item, itemC, isMultiple)
+
+
+        }} activeOpacity={itemC?.status == 1 ? 0 : 1} key={iC} style={{ flex: 1, flexDirection: 'row', backgroundColor: colorBackground, justifyContent: 'space-between', padding: 10, alignItems: 'center' }}>
         {
-          itemT.ondate == "0000-00-00" ?
+          itemC?.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' })}>
-                <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>
+                <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(itemC?.ondate).localeFormat('DD')}</Text>
               </View>
               <View style={applyStyle({ flexDirection: 'column', flex: 1 })}>
                 {
-                  item?.status == 1 && itemT?.status != 1 &&
+                  item?.status == 1 && itemC?.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: itemC?.status == 0 ? LibStyle.colorRed : "#4cd964", borderColor: itemC?.status == 0 ? LibStyle.colorRed : "#4cd964", borderRadius: 5, padding: 3, opacity: 0.8 })}>
+                      <Text allowFontScaling={false} style={applyStyle({ fontSize: 10, fontStyle: "normal", letterSpacing: 0, color:/*  itemC?.status == 2 ? "#000" :  */"#fff", fontWeight: 'bold' })}>{itemC?.status == 0 ? esp.lang("event/artist_detail", "sold_out") : esp.lang("event/artist_detail", "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>
+                <Text allowFontScaling={false} style={applyStyle({ opacity: textOpacity, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' })}>{LibUtils.moment(itemC?.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>
+                  <Text allowFontScaling={false} style={applyStyle({ opacity: textOpacity, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' })}>{LibUtils.moment(itemC?.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(itemC?.ondate).localeFormat('YYYY')}</Text>
                 </View>
               </View>
             </>
@@ -182,19 +241,19 @@ export default function m(props: EventArtist_detailv2Props): any {
 
         <View style={applyStyle({ marginRight: 5, marginLeft: 5, flexDirection: 'column' })} >
           {
-            (itemT?.status == 1 || itemT?.status == 0) &&
-            <Text allowFontScaling={false} style={applyStyle({ opacity: ticketWithDate ? textOpacity : 1, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: _selectedTicket ? "#3ea4dc" : (itemT.price == 0 ? LibStyle.colorGreen : '#999') })} >{itemT.price == 0 ? esp.lang("event/ticket_list", "free") : LibUtils.money(itemT.price, item.currency)}</Text>
+            (itemC?.status == 1 || itemC?.status == 0) &&
+            <Text allowFontScaling={false} style={applyStyle({ opacity: ticketWithDate ? textOpacity : 1, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: _selectedTicket ? "#3ea4dc" : (itemC?.price == 0 ? LibStyle.colorGreen : '#999') })} >{itemC?.price == 0 ? esp.lang("event/ticket_list", "free") : LibUtils.money(itemC?.price, item.currency)}</Text>
           }
           {
             item?.status == 1 && (ticketWithDate || ticketSpecial) && _selectedTicket &&
             <View style={applyStyle({ marginTop: 4, flexDirection: 'row', marginLeft: 8, alignContent: 'center', alignItems: 'center' })}>
-              <TouchableOpacity onPress={() => { min() }}>
+              <TouchableOpacity onPress={() => { /* min() */ }}>
                 <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", 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() }}>
+              <TouchableOpacity onPress={() => { /* add() */ }}>
                 <View style={applyStyle({ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
                   <LibIcon name="plus" color="#16a085" />
                 </View>
@@ -319,47 +378,48 @@ export default function m(props: EventArtist_detailv2Props): any {
           <Text allowFontScaling={false} style={applyStyle({ marginBottom: 15, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" })}>{esp.lang("event/artist_detail", "select_date")}</Text>
           <ScrollView showsVerticalScrollIndicator={false} >
             {
-              priceList?.map((item: any, i: number) => {
+              priceList?.map((priceType: any, i: number) => {
                 let filterFullData = priceList?.filter((it: any) => it.status != 0)
-                const displayedData = showAll[item.price_id] ? item?.list : item?.list.slice(0, maxDisplay);
-                let textOpacity = item?.status == 1 ? 1 : 0.3
-                let selTic = item.price_id == selectedTicket?.price_id
+                const displayedData = showAll[priceType.price_id] ? priceType?.list : priceType?.list.slice(0, maxDisplay);
+                let textOpacity = priceType?.status == 1 ? 1 : 0.3
+                let _selectedTicket = getSelectedTicket()?.some((x: any) => x.price_id == priceType.price_id)
+
                 return (
-                  <View key={i} style={{ overflow: 'hidden', margin: 15, marginBottom: 5, backgroundColor: '#fff', borderRadius: 10, ...LibStyle.elevation(2), borderWidth: 1, borderColor: selTic ? LibStyle.colorBlue : LibStyle.colorBgGrey }}>
+                  <View key={i} style={{ overflow: 'hidden', margin: 15, marginBottom: 5, backgroundColor: '#fff', borderRadius: 10, ...LibStyle.elevation(2), borderWidth: 1, borderColor: _selectedTicket ? LibStyle.colorBlue : LibStyle.colorBgGrey }}>
                     <View style={{ padding: 10, backgroundColor: '#f1f2f3', borderTopLeftRadius: 10, borderTopRightRadius: 10 }}>
                       <View style={{ alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between', }}>
-                        <EventHtmltext allowFontScaling={false} style={{ opacity: textOpacity, fontWeight: 'bold' }}>{item.name}</EventHtmltext>
+                        <EventHtmltext allowFontScaling={false} style={{ opacity: textOpacity, fontWeight: 'bold' }}>{priceType.name}</EventHtmltext>
                         {
-                          item.qty_min > 1 &&
-                          <Text style={{ color: LibStyle.colorRed, fontSize: 10, fontWeight: 'normal' }}> {"(" + esp.lang("event/ticket_list", "min_order") + LibUtils.number(item.qty_min) + ")"}</Text>
+                          priceType.qty_min > 1 &&
+                          <Text style={{ color: LibStyle.colorRed, fontSize: 10, fontWeight: 'normal' }}> {"(" + esp.lang("event/ticket_list", "min_order") + LibUtils.number(priceType.qty_min) + ")"}</Text>
                         }
                         {
-                          item?.status != 1 &&
+                          priceType?.status != 1 &&
                           <View style={applyStyle({ 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/artist_detail", "sold_out") : esp.lang("event/artist_detail", "coming_soon")}</Text>
+                            <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderWidth: 1, backgroundColor: priceType?.status == 0 ? LibStyle.colorRed : "#4cd964", borderColor: priceType?.status == 0 ? LibStyle.colorRed : "#4cd964", borderRadius: 5, padding: 3, opacity: 0.8 })}>
+                              <Text allowFontScaling={false} style={applyStyle({ fontSize: 10, fontStyle: "normal", letterSpacing: 0, color: /* priceType?.status == 2 ? "#000" : */ "#fff", fontWeight: 'bold' })}>{priceType?.status == 0 ? esp.lang("event/artist_detail", "sold_out") : esp.lang("event/artist_detail", "coming_soon")}</Text>
                             </View>
                           </View>
                         }
                       </View>
                       {
-                        item.hasOwnProperty("price_type_info") && item.price_type_info != "" &&
+                        priceType.hasOwnProperty("price_type_info") && priceType.price_type_info != "" &&
                         <View style={{ marginTop: 3, alignContent: 'center', alignItems: 'center', flexDirection: 'row', marginRight: 5 }}>
-                          <Text allowFontScaling={false} style={{ fontSize: 12, color: LibStyle.colorBlue }}>{item.price_type_info}</Text>
+                          <Text allowFontScaling={false} style={{ fontSize: 12, color: LibStyle.colorBlue }}>{priceType.price_type_info}</Text>
                         </View>
                       }
                     </View>
 
                     {
-                      displayedData?.map((itemT: any, iT: number) => renderItem(item, itemT, iT))
+                      displayedData?.map((itemC: any, iC: number) => renderItem(itemC, iC, priceType))
                     }
                     {
                       filterFullData?.[i]?.list?.length > 3 &&
                       <TouchableOpacity onPress={() => {
-                        handleShowAll(item.price_id)
+                        handleShowAll(priceType.price_id)
                       }} style={{ borderTopColor: LibStyle.colorGrey, borderTopWidth: 0.8, flex: 1, padding: 8, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
-                        <Text allowFontScaling={false} style={{ marginRight: 5, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorBlue }}>{showAll[item.price_id] ? esp.lang("event/ticket_list", "see_less") : esp.lang("event/ticket_list", "see_more")}</Text>
-                        <LibIcon name={showAll[item.price_id] ? 'chevron-up-circle-outline' : 'chevron-down-circle-outline'} color={LibStyle.colorBlue} size={18} />
+                        <Text allowFontScaling={false} style={{ marginRight: 5, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorBlue }}>{showAll[priceType.price_id] ? esp.lang("event/ticket_list", "see_less") : esp.lang("event/ticket_list", "see_more")}</Text>
+                        <LibIcon name={showAll[priceType.price_id] ? 'chevron-up-circle-outline' : 'chevron-down-circle-outline'} color={LibStyle.colorBlue} size={18} />
                       </TouchableOpacity>
                     }
 
@@ -371,9 +431,9 @@ export default function m(props: EventArtist_detailv2Props): any {
           <View style={applyStyle({ paddingVertical: 10 })} >
             <EventButton label={esp.lang("event/artist_detail", "buy_ticket")} onPress={() => {
               EventIndexProperty.isLogin(() => {
-                if (selectedTicket) {
-                  loadDataPriceConfig(selectedTicket?.url_config)
-                }
+                // if (selectedTicket) {
+                //   loadDataPriceConfig(selectedTicket?.url_config)
+                // }
                 // proceedToPayment()
               })
             }} style={{ backgroundColor: LibStyle.colorGreen, marginTop: 2, marginHorizontal: 15 }} />

package/event/artistv2.tsx

@@ -39,19 +39,10 @@ export default function m(props: EventArtistv2Props): any {
     /* get detail event untuk dapat config antrian */
 
     // new LibCurl(url, null,
-    new LibCurl('v2/event_artist&event_id=443', null,
+    new LibCurl('v2/event_artist&event_id=523', null,
       (res) => {
-        esp.log({ res });
-        // EventFirebase_socketProperty.eventIdQueue.set(res?.[0]?.event_id)
-        // if (res.allotment) {
-        //   esp.modProp("event/firebase_socket").userIdKeyReplacer.set({
-        //     t: Number(res.allotment.t),
-        //     s: Number(res.allotment.s),
-        //     priority: 1
-        //   })
-        // }
-
         setResult(res)
+        esp.log(res);
       }, (err) => {
         setError(err?.message)
       }, 1)

package/event/capture.tsx

@@ -19,6 +19,8 @@ export default class m {
             const uriArray = images.split("/");
             const nameToChange = uriArray[uriArray.length - 1];
             const renamedURI = images.replace(nameToChange, name.replace(/\s/g, '_') + ".jpg");
+
+
             if (Platform.OS == 'ios') {
               MediaLibrary.saveToLibraryAsync(images)
               LibToastProperty.show(esp.lang("lib/capture", "saved_to_gallery"))

package/event/detail.tsx

@@ -14,7 +14,6 @@ import { applyStyle } from 'esoftplay';
 import { EventCountdown_event } from 'esoftplay/cache/event/countdown_event/import';
 import { EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
-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';
@@ -35,7 +34,6 @@ 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 {
@@ -61,12 +59,12 @@ export default function m(props: EventDetailProps): any {
   }
 
   useEffect(() => {
-    // if (esp.isDebug("") && user?.email == "bagus@fisip.net") {
-    //   LibNavigation.replace('event/detail2', { url: url })
-    // } else {
-    //   loadData()
-    // }
-    loadData()
+    if (esp.isDebug("") && UserClass?.state()?.get()?.email == "bagus@fisip.net") {
+      LibNavigation.replace('event/detail2', { url: url })
+    } else {
+      loadData()
+    }
+    // loadData()
   }, [])
 
   if (!result) {
@@ -275,7 +273,6 @@ export default function m(props: EventDetailProps): any {
                   {
                     result?.url_artist != "" &&
                     <TouchableOpacity onPress={() => {
-                      // LibNavigation.navigate('event/artist', { title: result?.title, url: result?.url_artist, has_addition: result?.has_addition })
                       LibNavigation.navigate('event/artist', {
                         title: result?.title,
                         url: result?.url_artist,
@@ -286,14 +283,13 @@ export default function m(props: EventDetailProps): any {
                     </TouchableOpacity>
                   }
                   <TouchableOpacity onPress={() => {
-                    EventIndexProperty.isLogin(async () => {
+                    esp.modProp("event/index").isLogin(async () => {
                       LibNavigation.navigate(
-                        user?.config?.tester == 1 ?
-                          'event/ticket_list2'
+                        (esp.isDebug("") && UserClass?.state()?.get()?.email == "bagus@fisip.net") ? 'event/ticket_list_new'
                           :
                           (result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list'),
                         {
-                          url: result.url_price,
+                          url: esp.isDebug("") && UserClass?.state()?.get()?.email == "bagus@fisip.net" ? result?.url_price_v2 : result.url_price,
                           fee_platform: {
                             fee_platform_amount: result?.fee_platform_amount,
                             fee_platform_type: result?.fee_platform_type,

package/event/detail2.tsx

@@ -1,14 +1,12 @@
 // withHooks
 import { applyStyle } from 'esoftplay';
-import { EventFirebase_socket } from 'esoftplay/cache/event/firebase_socket/import';
+import { EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
-import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
 import { EventSlider } from 'esoftplay/cache/event/slider/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
 import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -17,11 +15,12 @@ import { LibVideoProperty } from 'esoftplay/cache/lib/video/import';
 import { LibWebview } from 'esoftplay/cache/lib/webview/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 useSafeState from 'esoftplay/state';
 import { useEffect } from 'react';
 
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import moment from 'esoftplay/moment';
 import React from 'react';
 import { Linking, Pressable, Text, TouchableOpacity, View } from 'react-native';
 import MapView, { Marker } from 'react-native-maps';
@@ -33,53 +32,76 @@ export interface EventDetail2Args {
 export interface EventDetail2Props {
 
 }
-export default function m(props: EventDetail2Props): any {
-  const { url } = LibNavigation.getArgsAll(props)
+
+const stateFeePlatform = useGlobalState({})
+// {
+//   fee_platform_amount
+//   fee_platform_type
+//   show_fee_percentage
+// }
+export function stateSetFeePlatform(): useGlobalReturn<any> {
+  return stateFeePlatform
+}
+
+const stateSubscribe = useGlobalState({})
+// {
+// is_subscribed
+// is_subscribed_default
+// is_subscribed_label
+// }
+export function stateSetSubscribe(): useGlobalReturn<any> {
+  return stateSubscribe
+}
 
 
-  const { isInPricingQueueConfig } = EventFirebase_socket()
+export default function m(props: EventDetail2Props): any {
+  const [result, setResult] = useSafeState<any>(undefined)
+  const url = LibNavigation.getArgs(props, 'url')
   const [deeplinkParams] = UseDeeplinkProperty.params.useState()
-  const [result, setResult] = useSafeState()
   const [priority, setPriority] = useSafeState(false)
-  const user = UserClass.state().get()
 
   useEffect(() => {
     loadData()
   }, [])
 
-  function loadData() {
-    new LibCurl("v2/event_detail?event_id=443", null, (res, msg) => {
-      res.images = res?.images.map((url: string) => ({ image: url }));
-      setResult(res)
-      esp.log(res);
-    }, (error) => {
-      LibDialog.warning(esp.lang("event/detail", "load_failed"), error?.message)
-      LibNavigation.back()
-    })
-  }
-
-  function loadDataConfig(url: string) {
-    LibProgress.show("Mohon tunggu")
+  moment().locale('id')
+  function loadData(): void {
+    // CacheHit.doHit(url)
     new LibCurl(url, null, (res, msg) => {
-      esp.log(res);
-      LibProgress.hide()
-      // return
-      LibNavigation.navigate(
-        user?.config?.tester == 1 ?
-          'event/ticket_list2'
-          :
-          (res?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list'),
-        {
-          url: res.url_price,
-          is_multiprice: res?.multiprice == 1 ? 1 : 0,
+      esp.modProp("event/countdown").eventURI.set(url)
+      EventFirebase_socketProperty.eventIdQueue.set(res.id)
+      setResult(res)
+      if (res.allotment) {
+        esp.modProp("event/firebase_socket").userIdKeyReplacer.set({
+          t: Number(res.allotment.t),
+          s: Number(res.allotment.s),
+          priority: 1
         })
+        setPriority(true)
+      } else {
+        setPriority(false)
+      }
+
+      let fee_platform: any = {
+        fee_platform_amount: res?.fee_platform_amount,
+        fee_platform_type: res?.fee_platform_type,
+        show_fee_percentage: res?.config?.show_fee_percentage,
+      }
+      stateFeePlatform.set(fee_platform)
 
+      let subscribed = {
+        is_subscribed: res?.config?.is_subscribed,
+        is_subscribed_default: res?.config?.is_subscribed_default,
+        is_subscribed_label: res?.config?.is_subscribed_label
+      }
+      stateSubscribe.set(subscribed)
     }, (error) => {
-      LibProgress.hide()
       LibDialog.warning(esp.lang("event/detail", "load_failed"), error?.message)
+      LibNavigation.back()
     })
   }
 
+
   if (!result) {
     let itemWidth = LibStyle.width - 60
     return (
@@ -268,7 +290,7 @@ export default function m(props: EventDetail2Props): any {
                       <View style={{ height: 35, borderRadius: 17, backgroundColor: LibStyle.colorLightGrey, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
                         <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'black', marginHorizontal: 10 }} >
                           {
-                            esp.lang("event/detail", "text_book_on", LibUtils.moment(result.start_booking).serverFormat('DD MMMM YYYY H:mm:ss', result?.timezone), result?.timezone_locale || "")
+                            esp.lang("event/detail", "text_book_on", moment(result.start_booking).serverFormat('DD MMMM YYYY H:mm:ss', result?.timezone), result?.timezone_locale || "")
                           }
                         </Text>
                       </View>
@@ -279,45 +301,25 @@ export default function m(props: EventDetail2Props): any {
                   {
                     result?.url_artist != "" &&
                     <TouchableOpacity onPress={() => {
-                      // LibNavigation.navigate('event/artist', { title: result?.title, url: result?.url_artist, has_addition: result?.has_addition })
                       LibNavigation.navigate('event/artist', {
                         title: result?.title,
                         url: result?.url_artist,
                         has_addition: result?.has_addition
                       })
-                    }} style={applyStyle({ width: (LibStyle.width - 30) * 0.5, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 16, backgroundColor: 'white', flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
+                    }} style={applyStyle({ width: (LibStyle.width - 30) * 0.5, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 5, backgroundColor: 'white', flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                       <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: LibStyle.colorGreen })} >{esp.lang("event/detail", "line_up")}</Text>
                     </TouchableOpacity>
                   }
                   <TouchableOpacity onPress={() => {
-                    EventIndexProperty.isLogin(async () => {
-                      if (isInPricingQueueConfig(result.id)) {
-                        await LibNavigation.navigateForResult('event/queue_pricing', { event_id: result?.id })
-                      }
-                      loadDataConfig(result?.url_config)
-                      return
-                      LibNavigation.navigate(
-                        user?.config?.tester == 1 ?
-                          'event/ticket_list2'
-                          :
-                          (result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list'),
+                    esp.modProp("event/index").isLogin(async () => {
+                      LibNavigation.navigate('event/ticket_list_new',
                         {
-                          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,
+                          url: result?.url_price_v2,
                           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 })} >
+                    })
+                  }} style={applyStyle({ width: result?.url_artist != "" ? (LibStyle.width - 30) * 0.5 : LibStyle.width - 20, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 5, 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" })} >{esp.lang("event/detail", "text_buy_ticket")}</Text>
                   </TouchableOpacity>
                   <UseCondition if={priority} >