esoftplay-event 0.0.1-s → 0.0.1-u

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.tsx

@@ -66,7 +66,7 @@ export default function m(props: BigbangArtistProps): any {
   }
 
   useEffect(() => {
-    if (esp.isDebug("") && UserClass.state().get().email == "bagus@fisip.net") {
+    if (esp.isDebug("") && UserClass?.state()?.get()?.email == "bagus@fisip.net") {
       LibNavigation.replace('event/artistv2')
     } else {
       loadData?.()

package/event/artist_detailv2.tsx

@@ -82,7 +82,7 @@ export default function m(props: EventArtist_detailv2Props): any {
   function loadDataPriceConfig(url: string) {
     let post = {
       price_ids: selectedTicket?.price_id,
-      event_id: 411
+      event_id: 443
     }
     LibProgress.show("Mohon tunggu")
     new LibCurl(url, post, (res, msg) => {

package/event/artistv2.tsx

@@ -1,6 +1,6 @@
 // withHooks
 
-import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
+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 { EventMessage } from 'esoftplay/cache/event/message/import';
@@ -39,17 +39,17 @@ 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=411', null,
+    new LibCurl('v2/event_artist&event_id=443', 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
-          })
-        }
+        // 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)
       }, (err) => {
@@ -80,12 +80,12 @@ export default function m(props: EventArtistv2Props): any {
         LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"));
       } else {
         EventIndexProperty.isLogin(async () => {
-          if (isInPricingQueueConfig(item.event_id)) {
-            LibNavigation.navigateForResult('event/queue_pricing', {
-              event_id: item?.event_id,
-              autoPass: false,
-            });
-          }
+          // if (isInPricingQueueConfig(item.event_id)) {
+          //   LibNavigation.navigateForResult('event/queue_pricing', {
+          //     event_id: item?.event_id,
+          //     autoPass: false,
+          //   });
+          // }
           // EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'));
           LibNavigation.navigate(
             item?.config?.multiprice == 1

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,
@@ -24,7 +24,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 () => {
@@ -77,7 +77,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/detail.tsx

@@ -11,6 +11,7 @@ import { LibVideoProperty } from 'esoftplay/cache/lib/video/import';
 import { LibWebview } from 'esoftplay/cache/lib/webview/import';
 
 import { applyStyle } from 'esoftplay';
+import { EventCountdown_base } from 'esoftplay/cache/event/countdown_base/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';
@@ -60,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) {
@@ -105,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}>
@@ -133,6 +138,17 @@ 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("countdown") && result?.countdown_booking == 1 && result?.start_date != "0000-00-00" && result.end_date != '0000-00-00' &&
+          <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: "#4a4a4a" }}>{"Berakhir dalam"} </Text>
+            <EventCountdown_base
+              expired={(result?.end_date + " " + result?.end_time)}
+              style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}
+            />
+          </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>

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/order_detail.tsx

@@ -214,10 +214,13 @@ export default function m(props: EventOrder_detailProps): any {
     setQty(qty == 1 ? 1 : qty - 1)
   }
 
-  function sendBack() {
+  function sendBack(p: any) {
     LibDialog.confirm(esp.lang("event/order_detail", "warning"), esp.lang("event/order_detail", "return_this_ticket"), esp.lang("event/order_detail", "btn_yes"), () => {
       LibProgress.show(esp.lang("event/order_detail", "please_wait"))
-      new LibCurl('event_booking_shared_return?booking_id=' + result?.id + '&qty_shared=' + qty, null, (res: any, msg: any) => {
+      let post = {
+        pin: p
+      }
+      new LibCurl('event_booking_shared_return?booking_id=' + result?.id + '&qty_shared=' + qty, post, (res: any, msg: any) => {
         // LibNotify(res)
         LibProgress.hide()
         LibDialog.info(esp.lang("event/order_detail", "information"), msg)
@@ -659,7 +662,7 @@ export default function m(props: EventOrder_detailProps): any {
           result?.status != "2" && coupons &&
           <View style={{ margin: 15, marginBottom: 0, borderRadius: 7, backgroundColor: '#fff', paddingBottom: 10, paddingTop: 10 }}>
             <View style={{ marginHorizontal: 20 }}>
-              <Text style={{ fontWeight: 'bold', fontSize: 14, color: LibStyle.colorPrimary }}>{coupons.title || ''}</Text>
+              <Text style={{ fontWeight: 'bold', fontSize: 14, color: "#495057" }}>{coupons.title || ''}</Text>
             </View>
 
             {
@@ -843,7 +846,11 @@ export default function m(props: EventOrder_detailProps): any {
                 returnTicket: true,
               })
             } else {
-              sendBack()
+              LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
+                if (p) {
+                  sendBack(p)
+                }
+              })
             }
             dialogSendBack.current!.hide()
           }} cancel={() => {

package/event/order_detail_waiting.tsx

@@ -53,9 +53,9 @@ export default function m(props: EventOrder_waitingProps): any {
   useEffect(() => {
     loadData()
     stateData.reset()
-    // LibAutoreload.set(() => {
-    //   loadData()
-    // }, 6000)
+    LibAutoreload.set(() => {
+      loadData()
+    }, 6000)
     return () => LibAutoreload.clear()
   }, [])
 
@@ -303,7 +303,7 @@ export default function m(props: EventOrder_waitingProps): any {
             <Text allowFontScaling={false} style={{ flex: 1, alignContent: 'center', alignItems: 'center', fontSize: 14, fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#9b9b9b" }}>{LibUtils.money(result?.total, result?.currency)}</Text>
           </View>
           {
-            result?.status == 0 && LibUtils.moment(result?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss') >= dateNow &&
+            result?.status == 0 && LibUtils.moment(result?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', result?.timezone) >= dateNow &&
             <View style={{ alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row', marginTop: 5 }}>
               <Text allowFontScaling={false} style={{ flex: 1, fontWeight: 'bold', fontSize: 14, fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail_waiting", "booking_code")}</Text>
               <Text allowFontScaling={false} style={{ flex: 1, alignContent: 'center', alignItems: 'center', fontSize: 14, fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: LibStyle.colorRed }}>{result?.booking_code}</Text>
@@ -313,7 +313,7 @@ export default function m(props: EventOrder_waitingProps): any {
             result?.status == 0 &&
             <View style={{ alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row', marginTop: 5 }}>
               <Text allowFontScaling={false} style={{ fontWeight: 'bold', flex: 1, flexWrap: 'wrap', fontSize: 14, fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail_waiting", "expired_payment")}</Text>
-              <EventCountdown_base expired={moment(result?.exp_payment).serverFormat("YYYY-MM-DD HH:mm:ss")} style={{ flex: 1, marginLeft: 15, fontSize: 14, color: LibStyle.colorRed, fontFamily: "ArialBold" }} />
+              <EventCountdown_base expired={moment(result?.exp_payment).serverFormat("YYYY-MM-DD HH:mm:ss", result?.timezone)} style={{ flex: 1, marginLeft: 15, fontSize: 14, color: LibStyle.colorRed, fontFamily: "ArialBold" }} />
             </View>
           }
 
@@ -381,7 +381,7 @@ export default function m(props: EventOrder_waitingProps): any {
                           <QRCode ecl="H" size={250} value={result?.params?.qr} />
                         </View>
 
-                        <Text allowFontScaling={false} style={{ fontSize: 14, textAlign: 'center', marginVertical: 10 }}>{esp.lang("event/order_detail_waiting", "expired_on") + moment(result?.exp_payment).serverFormat("DD MMM YYYY, HH:mm:ss")}</Text>
+                        <Text allowFontScaling={false} style={{ fontSize: 14, textAlign: 'center', marginVertical: 10 }}>{esp.lang("event/order_detail_waiting", "expired_on") + moment(result?.exp_payment).serverFormat("DD MMM YYYY, HH:mm:ss", result?.timezone)}</Text>
 
                       </View>
                       <TouchableOpacity onPress={() => EventCapture.capture(qrView, result?.event_name + "-" + result?.price_name)} style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center', height: 30, marginTop: 10, borderTopColor: LibStyle.colorBlue, borderBottomColor: LibStyle.colorBlue, borderTopWidth: 0.5, borderBottomWidth: 0.5 }}>
@@ -484,7 +484,7 @@ export default function m(props: EventOrder_waitingProps): any {
         </View>
       </LibScroll>
       {
-        result?.status == 0 && LibUtils.moment(result?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss') >= dateNow &&
+        result?.status == 0 && LibUtils.moment(result?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', result?.timezone) >= dateNow &&
         <View style={{ padding: 15, paddingTop: 10, paddingBottom: 10 }}>
           {
             (result?.payment?.payment_type == 3 || result?.payment?.payment_type == 14) && //khusus cc & FPX

package/event/order_item.tsx

@@ -97,7 +97,7 @@ export default function m(props: EventOrder_itemProps): any {
           item?.status == 0 ?
             <View style={applyStyle({ flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center', paddingHorizontal: 15 })}>
               <View style={{ flex: 1 }}>
-                <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+                <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
               </View>
               {
                 !!item?.booking_code &&