esoftplay-event 0.0.1 → 0.0.2

package/event/countdown_base.tsx

@@ -7,7 +7,7 @@ import { TextInput, View } from 'react-native';
 
 
 export interface EventCountdown_baseArgs {
-  
+
 }
 export interface EventCountdown_baseProps {
   expired: string,
@@ -17,6 +17,7 @@ export interface EventCountdown_baseProps {
   onlyDay?: boolean
   onExpired?: () => void
   hideTimeUnit?: boolean
+  showDayUnit?: boolean
 }
 
 const fixSingleNumber = (number: number) => number < 10 ? '0' + number : number
@@ -24,7 +25,7 @@ const fixSingleNumber = (number: number) => number < 10 ? '0' + number : number
 export default function m(props: EventCountdown_baseProps): any {
   const ref = useRef<TextInput>(null)
   let timmer = useRef<any>(undefined).current
-  
+
   useEffect(() => {
     countDown()
     return () => {
@@ -63,6 +64,18 @@ export default function m(props: EventCountdown_baseProps): any {
           }
         }
         ref?.current?.setNativeProps({ text: text.filter((x, i) => !isNaN(Number(x))).map((d, id) => d + (props?.hideTimeUnit ? '' : ' ' + t[id])).join(" : ") })
+      } else if (props?.showDayUnit && props?.hideTimeUnit) {
+        const data = text
+          .filter((x, i) => !isNaN(Number(x)))
+          .map((d, id) => {
+            return (d + (id == 0 ? " " + t[0] + " " : ""))
+          })
+        const firstData = data[0]
+        data.splice(0, 1)
+
+        ref?.current?.setNativeProps({
+          text: firstData + " " + data.join(" : ")
+        })
       } else {
         ref?.current?.setNativeProps({ text: text.filter((x, i) => !isNaN(Number(x))).map((d, id) => d + (props?.hideTimeUnit ? '' : ' ' + t[id])).join(" : ") })
       }
@@ -77,7 +90,7 @@ export default function m(props: EventCountdown_baseProps): any {
 
   return (
     <View style={props.containerStyle} >
-      <TextInput ref={ref} editable={false} style={props.style} />
+      <TextInput ref={ref} editable={false} allowFontScaling={false} style={props.style} />
     </View>
   )
 }

package/event/countdown_event.tsx

@@ -0,0 +1,47 @@
+// withHooks
+// noPage
+
+import { EventCountdown_base } from 'esoftplay/cache/event/countdown_base/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import React, { useEffect } from 'react';
+import { StyleProp, Text, TextStyle, View, ViewStyle } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+
+
+export interface EventCountdown_eventArgs {
+
+}
+export interface EventCountdown_eventProps {
+  date: string,
+  containerStyle?: StyleProp<ViewStyle>
+  bulletStyle?: StyleProp<ViewStyle>,
+  style?: StyleProp<TextStyle>
+}
+export default function m(props: EventCountdown_eventProps): any {
+  const opacity = useSharedValue(1)
+
+  useEffect(() => {
+    opacity.value = withRepeat(
+      withTiming(0.2, { duration: 500 }),
+      -1,
+      true
+    )
+  }, [])
+
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }))
+
+  return (
+    <View style={[{ flexDirection: 'row', alignItems: 'center' }, props?.containerStyle]}>
+      <Animated.View style={[{ marginRight: 5, width: 8, height: 8, borderRadius: 5, backgroundColor: LibStyle.colorGreen }, animatedStyle, props?.bulletStyle]} />
+      <Text allowFontScaling={false} style={[{ fontFamily: "Arial", fontSize: 11, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }, props?.style]}>{esp.lang("event/countdown_event", "ends")}</Text>
+      <EventCountdown_base
+        expired={props.date}
+        showDayUnit
+        hideTimeUnit
+        style={[{ fontFamily: "Arial", fontSize: 11, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }, props?.style]}
+      />
+    </View>
+  )
+}

package/event/detail.tsx

@@ -11,12 +11,14 @@ import { LibVideoProperty } from 'esoftplay/cache/lib/video/import';
 import { LibWebview } from 'esoftplay/cache/lib/webview/import';
 
 import { applyStyle } from 'esoftplay';
+import { EventCountdown_event } from 'esoftplay/cache/event/countdown_event/import';
 import { EventFirebase_socket, 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';
+import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
 import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
@@ -34,6 +36,7 @@ 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 {
@@ -58,7 +61,12 @@ export default function m(props: EventDetailProps): any {
   }
 
   useEffect(() => {
-    loadData()
+    if (esp.isDebug("") && user?.email == "bagus@fisip.net") {
+      LibNavigation.replace('event/detail2', { url: url })
+    } else {
+      loadData()
+    }
+    // loadData()
   }, [])
 
   if (!result) {
@@ -103,7 +111,6 @@ export default function m(props: EventDetailProps): any {
     priceRange = LibUtils.money(result.price_min, curr)
   }
 
-
   function renderTag(x: any, i: number) {
     return (
       <Pressable key={i} onPress={() => { LibNavigation.navigate('event/list', { url: x?.url, keywords: x?.title }) }} style={styleId_qGD26}>
@@ -113,15 +120,6 @@ export default function m(props: EventDetailProps): any {
   }
 
   const date = moment().localeFormat('YYYY-MM-DD HH:mm:ss')
-  const startBooking = result?.start_booking;
-  const startDate: any = new Date(startBooking);
-  const currentDate: any = new Date();
-
-  // Hitung selisih hari antara tanggal sekarang dan startBooking
-  const diffTime = startDate - currentDate;
-  const diffDays = diffTime / (1000 * 60 * 60 * 24);
-
-  esp.log(result);
 
   return (
     <View style={{ flex: 1, backgroundColor: '#fff' }} >
@@ -140,6 +138,15 @@ export default function m(props: EventDetailProps): any {
           <LibPicture source={esp.assets('icons/ic_calendar_grey.png')} style={{ width: 14, height: 14 }} />
           <Text allowFontScaling={false} style={{ marginLeft: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#f39c12" }} >{result.status == 4 ? esp.lang("event/detail", "evn_pending") : LibUtils.getDateRange(result.start_date, result.end_date, esp.lang("event/detail", "until"))}</Text>
         </View>
+        {
+          esp.isDebug("show_countdown") && result?.countdown_booking == 1 && result?.start_date != "0000-00-00" && result.end_date != '0000-00-00' &&
+          <EventCountdown_event
+            date={(result?.end_date + " " + result?.end_time)}
+            style={{ fontSize: 12 }}
+            bulletStyle={{ width: 14, height: 14, borderRadius: 7, marginRight: 10 }}
+            containerStyle={{ marginHorizontal: 20, marginBottom: 10 }}
+          />
+        }
         <View style={{ flexDirection: 'row', marginBottom: 10, alignItems: 'center', marginHorizontal: 20 }} >
           <LibPicture source={esp.assets('icons/ic_tickets_grey.png')} style={{ width: 14, height: 14 }} />
           <Text allowFontScaling={false} style={{ marginLeft: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#2980b9" }} >{result?.price_type == 0 ? esp.lang("event/detail", "tb_announce") : isFree ? esp.lang("event/detail", "text_free") : priceRange}</Text>
@@ -256,7 +263,7 @@ export default function m(props: EventDetailProps): 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", moment(result.start_booking).serverFormat('DD MMMM YYYY H:mm:ss'))
+                            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>
@@ -278,31 +285,17 @@ export default function m(props: EventDetailProps): any {
                     </TouchableOpacity>
                   }
                   <TouchableOpacity onPress={() => {
-                    EventIndexProperty.isLogin(() => {
-
+                    EventIndexProperty.isLogin(async () => {
                       if (isInPricingQueueConfig(result.id)) {
-                        LibNavigation.navigateForResult('event/queue_pricing', { event_id: result?.id }).then((v) => {
-                          LibNavigation.navigate(result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
-                            url: result.url_price,
-                            has_addition: result?.has_addition,
-                            has_addition_global: result?.has_addition_global,
-                            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
-                          })
-                        })
-                      } else {
-                        LibNavigation.navigate(result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
+                        await LibNavigation.navigateForResult('event/queue_pricing', { event_id: result?.id })
+                      }
+                      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,
-                          has_addition: result?.has_addition,
-                          has_addition_global: result?.has_addition_global,
                           fee_platform: {
                             fee_platform_amount: result?.fee_platform_amount,
                             fee_platform_type: result?.fee_platform_type,
@@ -312,9 +305,9 @@ export default function m(props: EventDetailProps): any {
                             is_subscribed_default: result?.config?.is_subscribed_default,
                             is_subscribed_label: result?.config?.is_subscribed_label
                           },
-                          show_fee_percentage: result?.config?.show_fee_percentage
+                          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/detail2.tsx

@@ -0,0 +1,354 @@
+// withHooks
+import { applyStyle } from 'esoftplay';
+import { EventFirebase_socket } 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';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+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 React from 'react';
+import { Linking, Pressable, Text, TouchableOpacity, View } from 'react-native';
+import MapView, { Marker } from 'react-native-maps';
+
+
+export interface EventDetail2Args {
+
+}
+export interface EventDetail2Props {
+
+}
+export default function m(props: EventDetail2Props): any {
+  const { url } = LibNavigation.getArgsAll(props)
+
+
+  const { isInPricingQueueConfig } = EventFirebase_socket()
+  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")
+    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,
+        })
+
+    }, (error) => {
+      LibProgress.hide()
+      LibDialog.warning(esp.lang("event/detail", "load_failed"), error?.message)
+    })
+  }
+
+  if (!result) {
+    let itemWidth = LibStyle.width - 60
+    return (
+      <View style={{ flex: 1 }}>
+        <EventHeader title={esp.lang("event/detail", "header_empty")} />
+        <LibSkeleton>
+          <View style={{ margin: 15, height: 9 / 16 * itemWidth, width: itemWidth, borderRadius: 10, backgroundColor: '#fff', alignSelf: 'center' }} />
+          <View style={{ marginLeft: 15, backgroundColor: 'white', width: '70%', height: 20, borderRadius: 10 }} />
+
+          <View style={{ marginTop: 20, marginLeft: 15, flexDirection: 'row', borderRadius: 10, alignContent: 'center', alignItems: 'center' }}>
+            <View style={{ width: 28, height: 28, borderRadius: 5, backgroundColor: 'white' }} />
+            <View style={{ width: '40%', backgroundColor: 'white', height: 15, borderRadius: 10, marginLeft: 5 }} />
+          </View>
+
+          <View style={{ marginTop: 10, marginLeft: 15, flexDirection: 'row', borderRadius: 10, alignContent: 'center', alignItems: 'center' }}>
+            <View style={{ width: 28, height: 28, borderRadius: 5, backgroundColor: 'white' }} />
+            <View style={{ width: '30%', backgroundColor: 'white', height: 15, borderRadius: 10, marginLeft: 5 }} />
+          </View>
+
+          <View style={{ margin: 15, borderRadius: 10, height: '20%', width: '90%', backgroundColor: '#fff' }} />
+          <View style={{ marginTop: 0, margin: 15, borderRadius: 10, height: '30%', width: '80%', backgroundColor: '#fff' }} />
+          <View style={{ marginTop: 0, margin: 15, borderRadius: 10, height: '10%', width: '90%', backgroundColor: '#fff' }} />
+        </LibSkeleton>
+      </View>
+    )
+  }
+
+  const hasLatlong = result?.location_latlong != '' && result?.location_latlong?.includes(',')
+  let lat = 0
+  let lng = 0
+  if (hasLatlong) {
+    lat = parseFloat(result.location_latlong?.split(',')[0])
+    lng = parseFloat(result.location_latlong?.split(',')[1])
+  }
+
+  const curr = result?.hasOwnProperty('currency') ? result?.currency : ''
+  const isFree = (result.price_min == result.price_max) && result.price_min == 0
+  let priceRange = esp.lang("event/detail", "start_from", LibUtils.money(result.price_min, curr)) /*  + " s/d " + LibUtils.money(result.price_max, curr) */
+  if (result.price_min == result.price_max) {
+    priceRange = LibUtils.money(result.price_min, curr)
+  }
+
+
+  function renderTag(x: any, i: number) {
+    const styleId_qGD26: any = { marginTop: 5, padding: 7, paddingHorizontal: 10, marginRight: 5, borderRadius: 3, backgroundColor: LibStyle.colorGrey }
+    const styleId_Z2qkux5: any = { fontFamily: 'Arial', fontSize: 10, letterSpacing: 2, color: '#2980b9' }
+    return (
+      <Pressable key={i} onPress={() => { LibNavigation.navigate('event/list', { url: x?.url, keywords: x?.title }) }} style={styleId_qGD26}>
+        <Text allowFontScaling={false} numberOfLines={1} style={styleId_Z2qkux5}>#{String(x?.title).toLowerCase()}</Text>
+      </Pressable>
+    )
+  }
+
+  const date = LibUtils.moment().localeFormat('YYYY-MM-DD HH:mm:ss')
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }} >
+      <EventHeader
+        title={result.title}
+        iconShare={result?.url_share && result?.url_share !== ""}
+        onPressShare={() => {
+          LibUtils.share(result?.url_share)
+        }}
+      />
+
+      <LibScroll onRefresh={loadData}>
+        <EventSlider images={result.images} onIndexChange={(i) => { }} />
+        <Text allowFontScaling={false} style={{ marginTop: -10, fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", margin: 20 }} >{result.title}</Text>
+        <View style={{ flexDirection: 'row', marginBottom: 10, alignItems: 'center', marginHorizontal: 20 }} >
+          <LibPicture source={esp.assets('icons/ic_calendar_grey.png')} style={{ width: 14, height: 14 }} />
+          <Text allowFontScaling={false} style={{ marginLeft: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#f39c12" }} >{result.status == 4 ? esp.lang("event/detail", "evn_pending") : LibUtils.getDateRange(result.start_date, result.end_date, esp.lang("event/detail", "until"))}</Text>
+        </View>
+        <View style={{ flexDirection: 'row', marginBottom: 10, alignItems: 'center', marginHorizontal: 20 }} >
+          <LibPicture source={esp.assets('icons/ic_tickets_grey.png')} style={{ width: 14, height: 14 }} />
+          <Text allowFontScaling={false} style={{ marginLeft: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#2980b9" }} >{result?.price_type == 0 ? esp.lang("event/detail", "tb_announce") : isFree ? esp.lang("event/detail", "text_free") : priceRange}</Text>
+        </View>
+
+        {
+          result?.event_tag?.length > 0 &&
+          <View style={{ flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap', marginLeft: 17, marginTop: 5 }}>
+            {
+              result?.event_tag?.map?.(renderTag)
+            }
+          </View>
+        }
+
+        <View style={{ marginHorizontal: 20, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', alignContent: 'center' }}>
+          <Text allowFontScaling={false} style={{ marginTop: 10, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("event/detail", "text_about_event")}</Text>
+          {
+            result && result.files !== '' &&
+            <TouchableOpacity onPress={() => {
+              Linking.canOpenURL(result.files).then((t) => {
+                Linking.openURL(result.files)
+              })
+            }} >
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: LibStyle.colorRed }} >{esp.lang("event/detail", "text_show_brochure")}</Text>
+            </TouchableOpacity>
+          }
+        </View>
+        <LibWebview source={{ html: result.description }} onFinishLoad={() => { }} />
+        {
+          result && result.youtube !== "" &&
+          <>
+            <Text allowFontScaling={false} style={{ marginHorizontal: 20, marginTop: 10, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("event/detail", "text_video")}</Text>
+            <Pressable onPress={() => LibNavigation.navigate('lib/video', { code: result.youtube })} >
+              <LibPicture source={{ uri: LibVideoProperty.getUrlThumbnail(result.youtube) }} style={{ height: LibStyle.width * 9 / 16, width: LibStyle.width - 40, marginHorizontal: 20, resizeMode: 'cover' }} />
+            </Pressable>
+          </>
+        }
+        {
+          result.address != undefined && result.address != "" &&
+          <>
+            <Text allowFontScaling={false} style={{ marginHorizontal: 20, marginTop: 10, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("event/detail", "text_location")}</Text>
+            <View style={{ flexDirection: 'row', marginBottom: 10, alignItems: 'center', marginHorizontal: 20 }} >
+              <LibPicture source={esp.assets('icons/ic_pin_grey.png')} style={{ width: 14, height: 14 }} />
+              <Text allowFontScaling={false} style={{ marginLeft: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", flex: 1 }} >{result.address + ' ' + result.location_name}</Text>
+            </View>
+          </>
+        }
+        {
+          result.location_latlong !== '' && hasLatlong &&
+          <Pressable onPress={() => LibUtils.mapTo(result.location_name, result.location_latlong)} >
+            <View pointerEvents="none" style={{ marginHorizontal: 20, borderRadius: 10, backgroundColor: '#999', height: 180, marginBottom: 24, overflow: 'hidden' }} >
+              <MapView
+                style={{ flex: 1 }}
+                liteMode
+                initialRegion={{ latitude: lat, longitude: lng, latitudeDelta: 0.0122, longitudeDelta: 0.0121 }}>
+                <Marker
+                  onPress={() => { LibUtils.mapTo(result.location_name, result.location_latlong) }}
+                  coordinate={{ latitude: lat, longitude: lng }}
+                  title={result.title}
+                  description={result.address}
+                />
+              </MapView>
+            </View>
+          </Pressable>
+        }
+
+        {
+          result?.image_map !== "" &&
+          <>
+            <Text allowFontScaling={false} style={{ marginBottom: 10, marginHorizontal: 20, marginTop: 10, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("event/detail", "text_layout")}</Text>
+            <Pressable onPress={() => {
+              LibNavigation.navigate('lib/gallery', { image: result?.image_map })
+            }}>
+              <LibPicture source={{ uri: result?.image_map }} style={{ height: 0.50 * LibStyle.width - 30, width: LibStyle.width - 30, alignSelf: 'center' }} resizeMode="contain" />
+            </Pressable>
+          </>
+        }
+        {
+          result?.event_cat?.length > 0 &&
+          <>
+            <Text allowFontScaling={false} style={{ marginHorizontal: 20, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("event/detail", "text_event_cat")}</Text>
+            <View style={{ flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap', marginLeft: 17, marginTop: 5 }}>
+              {
+                result?.event_cat?.map?.((x: any, i: number) => (
+                  <Pressable key={i} onPress={() => { LibNavigation.navigate('event/list', { url: 'event', cat_id: x?.id }) }} style={{ marginTop: 5, padding: 7, paddingHorizontal: 10, marginRight: 5, borderRadius: 3, backgroundColor: LibStyle.colorGrey }}>
+                    <Text allowFontScaling={false} numberOfLines={1} style={{ fontFamily: 'Arial', fontSize: 10, letterSpacing: 2, color: '#2980b9' }}>{x?.title}</Text>
+                  </Pressable>
+                ))
+              }
+            </View>
+          </>
+        }
+
+      </LibScroll>
+
+      {/* 0=pending, 1=active, 2=done, 3=cancel (posisi tdnya pending lalu diaktifkan ketika wktunya udah lewat), 4=postpone(sudah lewat tapi jangan done) */}
+
+      {
+        result?.status == 1 ?
+          <View style={{ paddingVertical: 5, paddingHorizontal: 10 }} >
+            {
+              deeplinkParams?.type == 'event-voucher' &&
+              <Text allowFontScaling={false} style={{ color: "coral", fontSize: 12, fontWeight: 'bold', marginBottom: 5 }}>{esp.lang("event/detail", "voucher_embed") + deeplinkParams?.code}</Text>
+            }
+            {
+              result?.book_available == 0 ?
+                <>
+                  {
+                    result.end_booking <= date && result.end_booking != '0000-00-00 00:00:00' ?
+                      <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_booking_end")}</Text>
+                      </View>
+                      :
+                      <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 || "")
+                          }
+                        </Text>
+                      </View>
+                  }
+                </>
+                :
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                  {
+                    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 })} >
+                      <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'),
+                        {
+                          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 })} >
+                    <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} >
+                    <View pointerEvents='none' style={{ height: 20, position: "absolute", right: 0, top: 0, bottom: 0, left: 0 }} >
+                      <LibSkeleton
+                        colors={['#fffdb8', '#fdf68c', '#f4cd2a', '#f4cd2a', '#d28d0d', '#fffdb8', '#fdf68c', '#f4cd2a', '#f4cd2a', '#d28d0d', '#fffdb8', '#fdf68c', '#f4cd2a', '#f4cd2a', '#d28d0d']}>
+                        <Text style={{ color: "white", fontWeight: "bold", fontSize: 9, alignSelf: 'center', textAlign: 'center' }} >{esp.lang("event/detail", "priority_label")}</Text>
+                      </LibSkeleton>
+                    </View>
+                  </UseCondition>
+                </View>
+            }
+          </View>
+          :
+          result.status == 2 ? /* done */
+            <View style={{ flexDirection: 'row', paddingVertical: 5, paddingHorizontal: 10 }} >
+              <View style={{ flex: 1, 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', marginRight: 10, marginLeft: 10 }} >{esp.lang("event/detail", "event_done")}</Text>
+              </View>
+            </View>
+            :
+            result.status == 4 ? /* postpone(sudah lewat tapi jangan done) */
+              <View style={{ flexDirection: 'row', paddingVertical: 5, paddingHorizontal: 10 }} >
+                <View style={{ flex: 1, 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', marginRight: 10, marginLeft: 10 }} >{esp.lang("event/detail", "event_postpone")}</Text>
+                </View>
+              </View>
+              :
+              null
+      }
+
+    </View >
+  )
+}

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()