esoftplay-event 0.0.0-n → 0.0.0-p

package/_templates/event/artist_list.tsx

@@ -0,0 +1,212 @@
+// withHooks
+import { applyStyle } from 'esoftplay';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { ComponentText } from 'esoftplay/cache/component/text/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibFirebase_socketProperty } from 'esoftplay/cache/lib/firebase_socket/import';
+import { LibList } from 'esoftplay/cache/lib/list/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import { memo, useEffect } from 'react';
+
+import React from 'react';
+import { ScrollView, View } from 'react-native';
+
+
+export interface EventArtist_listArgs {
+
+}
+export interface EventArtist_listProps {
+
+}
+function m(props: EventArtist_listProps): any {
+  const { title, has_addition, url } = LibNavigation.getArgsAll(props)
+  const [result, setResult] = useSafeState<any>()
+  const [resultEvent, setResultEvent] = useSafeState<any>()
+  const [error, setError] = useSafeState<any>('')
+
+  const regex = /(\d+)$/;
+  const match = url.match(regex);
+  const [event_id] = useSafeState(match?.[1])
+
+  function loadData(): void {
+    /* get detail event untuk dapat config antrian */
+    new LibCurl(`event_detail/${event_id}`, null, (res) => {
+      setResultEvent(res)
+      if (res?.id)
+        LibFirebase_socketProperty.eventIdQueue.set(res?.id)
+      if (res.allotment) {
+        esp.modProp("lib/firebase_socket").userIdKeyReplacer.set({
+          t: Number(res.allotment.t),
+          s: Number(res.allotment.s),
+          priority: 1
+        })
+      }
+    }, (err) => {
+
+    }, 0)
+
+    new LibCurl(url, null,
+      (res) => {
+        setResult(res)
+      }, (err) => {
+        setError(err?.message)
+      })
+
+  }
+
+  useEffect(() => {
+    loadData?.()
+    // return () => LibFirebase_socketProperty.eventIdQueue.reset()
+  }, [])
+
+  function compareByStatusMustBeEqual1(arr: any[]) {
+    return arr?.sort?.((a: any, b: any) => {
+      let an = a?.price_list?.every((v: any) => v.status == 0) ? 0 : 1
+      let bn = b?.price_list?.every((v: any) => v.status == 0) ? 0 : 1
+      if (an == 1 && bn != 1) {
+        // jika status == 1 indexnya dimajukan 1
+        return -1;
+      }
+      if (an != 1 && bn == 1) {
+        // jika status != 1 indexnya mundurkan 1
+        return 1;
+      }
+      // jika status == 1 dan comparingnya sama sama status 1 indexnya tetep jangan digeser
+      return 0;
+    })
+  }
+
+  const itemWidth = (LibStyle.width - 2)
+  const itemHeight = itemWidth * 9 / 16
+
+  function renderItem(item: any, index: number) {
+    const styleId_Z2g4Hs7: any = { backgroundColor: '#FFC523', width: itemWidth, height: itemHeight, margin: 0.5, justifyContent: 'center', alignItems: 'center' }
+    let isNotAvailable = item?.price_list?.every((v: any) => v.status == 0)
+
+
+    return (
+      <ComponentTouchable key={index} onPress={() => {
+        LibNavigation.navigate('event/artist_detail', {
+          data: item,
+          url: item?.price_list_url
+        })
+        /* if (isNotAvailable) {
+          LibToastProperty.show(esp.lang("artist/list", "ticket_not_available"))
+        } else {
+          UserProfileProperty.isLogin(() => {
+            let newItem = {
+              has_addition: has_addition,
+              ...item,
+            }
+            if (item.book_available == 1) {
+              if (isInPricingQueueConfig(result.id)) {
+                LibNavigation.navigateForResult('event/queue_pricing', { event_id: event_id, autoPass: false }).then((v) => {
+                  EventCountdownProperty.countdownTime.set(moment().add(LibFirebase_socketProperty.eventQueueConfig.get(event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
+                  if (item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1) {
+                    LibNavigation.navigate('artist/detail_multi', {
+                      data: newItem,
+                      subscribed: {
+                        is_subscribed: resultEvent?.config?.is_subscribed,
+                        is_subscribed_default: resultEvent?.config?.is_subscribed_default,
+                        is_subscribed_label: resultEvent?.config?.is_subscribed_label
+                      }
+                    })
+                  } else {
+                    LibNavigation.navigate('artist/detail', {
+                      data: newItem,
+                      subscribed: {
+                        is_subscribed: resultEvent?.config?.is_subscribed,
+                        is_subscribed_default: resultEvent?.config?.is_subscribed_default,
+                        is_subscribed_label: resultEvent?.config?.is_subscribed_label
+                      }
+                    })
+                  }
+                })
+              } else {
+                if (item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1) {
+                  LibNavigation.navigate('artist/detail_multi', {
+                    data: newItem,
+                    subscribed: {
+                      is_subscribed: resultEvent?.config?.is_subscribed,
+                      is_subscribed_default: resultEvent?.config?.is_subscribed_default,
+                      is_subscribed_label: resultEvent?.config?.is_subscribed_label
+                    }
+                  })
+                } else {
+                  LibNavigation.navigate('artist/detail', {
+                    data: newItem,
+                    subscribed: {
+                      is_subscribed: resultEvent?.config?.is_subscribed,
+                      is_subscribed_default: resultEvent?.config?.is_subscribed_default,
+                      is_subscribed_label: resultEvent?.config?.is_subscribed_label
+                    }
+                  })
+                }
+              }
+            } else {
+              LibToastProperty.show(esp.lang("artist/detail", "book_available", moment(item?.start_booking).serverFormat("DD MMMM YYYY HH:mm:ss")))
+            }
+          })
+        } */
+      }} >
+        {
+          item?.image != "" ?
+            <LibPicture style={applyStyle({ opacity: isNotAvailable ? 0.3 : 1, backgroundColor: '#f2f3f4', width: itemWidth, height: itemHeight, margin: 0.5 })} source={{ uri: item.image }} />
+            :
+            <View style={styleId_Z2g4Hs7}>
+              <ComponentText.Header color='#fff' style={{ padding: 15 }}>{item?.title}</ComponentText.Header>
+            </View>
+        }
+      </ComponentTouchable >
+    )
+  }
+
+  let listLength = new Array(10).fill('')
+  if (!result && !error) {
+    return (
+      <View>
+        <ComponentHeader title='Event Artist' />
+        <ScrollView>
+          <LibSkeleton backgroundStyle={{ height: LibStyle.height }}>
+
+            {
+              listLength?.map((item: any, i: number) => {
+                return (
+                  <View key={i} style={{ borderBottomWidth: 1, marginBottom: 3, borderBottomColor: LibStyle.colorBrown, width: '100%' }}>
+                    <View style={{ backgroundColor: '#fff', width: itemWidth, height: itemHeight, borderRadius: 3, marginRight: 10 }} />
+                  </View>
+                )
+              })
+            }
+          </LibSkeleton>
+        </ScrollView>
+
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title='Event Artist' />
+      <LibList
+        data={compareByStatusMustBeEqual1(result)}
+        keyExtractor={(item) => item.id}
+        onRefresh={loadData}
+        staticHeight={itemHeight + 1}
+        renderItem={renderItem}
+        ListEmptyComponent={
+          <ComponentMessage message={error} />
+        }
+      />
+
+    </View>
+  )
+}
+export default memo(m);

package/_templates/event/detail.tsx

@@ -0,0 +1,336 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibFirebase_socket, LibFirebase_socketProperty } from 'esoftplay/cache/lib/firebase_socket/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/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 esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import { memo, useEffect } from 'react';
+
+import { applyStyle } from 'esoftplay';
+import { ComponentSlider2 } from 'esoftplay/cache/component/slider2/import';
+import { ComponentText } from 'esoftplay/cache/component/text/import';
+import { UseCondition } from 'esoftplay/cache/use/condition/import';
+import { UseDeeplinkProperty } from 'esoftplay/cache/use/deeplink/import';
+import moment from 'esoftplay/moment';
+import React from 'react';
+import { Linking, Pressable, TouchableOpacity, View } from 'react-native';
+import MapView, { Marker } from 'react-native-maps';
+
+
+export interface EventDetailArgs {
+
+}
+export interface EventDetailProps {
+
+}
+function m(props: EventDetailProps): any {
+  moment().locale('id')
+  const { url } = LibNavigation.getArgsAll(props)
+  const { isInPricingQueueConfig } = LibFirebase_socket()
+  const [error, setError] = useSafeState<any>(undefined)
+  const [result, setResult] = useSafeState<any>(undefined)
+  const [deeplinkParams] = UseDeeplinkProperty.params.useState()
+  const [priority, setPriority] = useSafeState(false)
+
+  let _url = "v2/event_detail?event_id=361"
+
+  function loadData(): void {
+    // CacheHit.doHit(url)
+    new LibCurl(_url, null, (res, msg) => {
+      LibFirebase_socketProperty.eventIdQueue.set(res.id)
+      // configEventDetail.set(res.config_queue)
+      setResult(res)
+      if (res.allotment) {
+        esp.modProp("lib/firebase_socket").userIdKeyReplacer.set({
+          t: Number(res.allotment.t),
+          s: Number(res.allotment.s),
+          priority: 1
+        })
+        setPriority(true)
+      } else {
+        setPriority(false)
+      }
+    }, (error) => {
+      esp.log({ error });
+      setError(error?.message)
+      // LibDialog.warning(esp.lang("event/detail", "load_failed"), error?.message)
+      // LibNavigation.back()
+    }, 1)
+  }
+
+  useEffect(() => {
+    loadData()
+    // return () => LibFirebase_socketProperty.eventIdQueue.reset()
+  }, [])
+
+  if (!result && !error) {
+    let itemWidth = LibStyle.width - 60
+    return (
+      <View style={{ flex: 1 }}>
+        <ComponentHeader 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>
+    )
+  }
+
+  if (error) {
+    return (
+      <ComponentMessage message={error} />
+    )
+  }
+
+  function renderTag(x: any, i: number) {
+    const styleId_qGD26: any = { marginTop: 5, padding: 7, paddingHorizontal: 10, marginRight: 5, borderRadius: 3, backgroundColor: LibStyle.colorGrey }
+    return (
+      <Pressable key={i} onPress={() => { LibNavigation.navigate('event/list', { url: x?.url, keywords: x?.title }) }} style={styleId_qGD26}>
+        <ComponentText.Small color='#2980b9' style={{ letterSpacing: 2 }}>#{String(x?.title).toLowerCase()}</ComponentText.Small>
+      </Pressable>
+    )
+  }
+
+  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))
+  if (result.price_min == result.price_max) {
+    priceRange = LibUtils.money(result.price_min, curr)
+  }
+
+  const date = moment().localeFormat('YYYY-MM-DD HH:mm:ss')
+
+  esp.log(result);
+
+  if (result) {
+    return (
+      <View style={{ flex: 1, backgroundColor: '#fff' }} >
+        <ComponentHeader
+          title={result.title}
+          iconShare={result?.url_share && result?.url_share !== ""}
+          onPressShare={() => {
+            LibUtils.share(result?.url_share)
+          }}
+        />
+
+        <LibScroll onRefresh={loadData}>
+          <ComponentSlider2 images={result?.images} onIndexChange={(i) => { }} />
+          <ComponentText.Title bold style={{ margin: 20, marginTop: -10 }}>{result?.title}</ComponentText.Title>
+          <View style={{ flexDirection: 'row', marginBottom: 10, alignItems: 'center', marginHorizontal: 20 }} >
+            <LibPicture source={esp.assets('icons/ic_calendar_grey.png')} style={{ width: 14, height: 14 }} />
+            <ComponentText.Caption bold color='#f39c12' style={{ marginLeft: 10 }}>{result.status == 4 ? esp.lang("event/detail", "evn_pending") : LibUtils.getDateRange(result.start_date, result.end_date, esp.lang("event/detail", "until"))}</ComponentText.Caption>
+          </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 }} />
+            <ComponentText.Caption bold color='#2980b9' style={{ marginLeft: 10 }}>{result?.price_type == 0 ? esp.lang("event/detail", "tb_announce") : isFree ? esp.lang("event/detail", "text_free") : priceRange}</ComponentText.Caption>
+          </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, marginBottom: 5, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', alignContent: 'center' }}>
+            <ComponentText.Body bold style={{ marginTop: 10 }}>{esp.lang("event/detail", "text_about_event")}</ComponentText.Body>
+            {
+              result && result.files !== '' &&
+              <ComponentTouchable onPress={() => {
+                Linking.canOpenURL(result.files).then((t) => {
+                  Linking.openURL(result.files)
+                })
+              }} >
+                <ComponentText.Small bold color={LibStyle.colorRed}>{esp.lang("event/detail", "text_show_brochure")}</ComponentText.Small>
+              </ComponentTouchable>
+            }
+          </View>
+          <LibWebview source={{ html: result.description }} onFinishLoad={() => { }} />
+          {
+            result && result.youtube != "" &&
+            <>
+              <ComponentText.Body bold style={{ marginHorizontal: 20, marginTop: 10 }}>{esp.lang("event/detail", "text_video")}</ComponentText.Body>
+              <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 != "" &&
+            <>
+              <ComponentText.Body bold style={{ marginHorizontal: 20, marginTop: 10 }}>{esp.lang("event/detail", "text_location")}</ComponentText.Body>
+              <View style={{ marginTop: 5, flexDirection: 'row', marginBottom: 10, alignItems: 'center', marginHorizontal: 20 }} >
+                <LibPicture source={esp.assets('icons/ic_pin_grey.png')} style={{ width: 14, height: 14 }} />
+                <ComponentText.Caption color='#9b9b9b' style={{ marginLeft: 10 }}>{result.address + ' ' + result.location_name}</ComponentText.Caption>
+              </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 !== "" &&
+            <>
+              <ComponentText.Body bold style={{ marginHorizontal: 20, marginTop: 10 }}>{esp.lang("event/detail", "text_layout")}</ComponentText.Body>
+              <Pressable style={{ marginTop: 5, }} 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 &&
+            <>
+              <ComponentText.Body bold style={{ marginHorizontal: 20, marginTop: 10 }}>{esp.lang("event/detail", "text_event_cat")}</ComponentText.Body>
+              <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 }}>
+                      <ComponentText.Caption color='#2980b9' style={{ letterSpacing: 2 }}>{x?.title}</ComponentText.Caption>
+                    </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' &&
+                <ComponentText.Caption bold color='coral' style={{ marginBottom: 5 }}>{esp.lang("event/detail", "voucher_embed") + deeplinkParams?.code}</ComponentText.Caption>
+              }
+              {
+                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 }} >
+                          <ComponentText.Button bold style={{ marginHorizontal: 10 }}>{esp.lang("event/detail", "text_booking_end")}</ComponentText.Button>
+                        </View>
+                        :
+                        <View style={{ height: 35, borderRadius: 17, backgroundColor: LibStyle.colorLightGrey, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
+                          <ComponentText.Button bold style={{ marginHorizontal: 10 }}>{esp.lang("event/detail", "text_book_on", moment(result.start_booking).serverFormat('DD MMMM YYYY HH:mm:ss '))}</ComponentText.Button>
+                        </View>
+                    }
+                  </>
+                  :
+                  <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                    {
+                      result?.url_artist != "" &&
+                      <TouchableOpacity onPress={() => {
+                        LibNavigation.navigate('event/artist_list', { 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 })} >
+                        <ComponentText.Button bold color={LibStyle.colorGreen} style={{ textAlign: "center", textAlignVertical: 'center', }}>{esp.lang("event/detail", "line_up")}</ComponentText.Button>
+                      </TouchableOpacity>
+                    }
+                    <TouchableOpacity onPress={() => {
+                      LibNavigation.navigateForResult('component/curl_page', { url: result?.url_config }).then((value) => {
+                        esp.log(value);
+                        if (isInPricingQueueConfig(result?.event_id)) {
+                          LibNavigation.navigateForResult('event/queue_pricing', { event_id: result?.event_id }).then((v) => {
+                            LibNavigation.navigate(value?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
+                              url: "https://api.test.bbo.co.id/event_detail_price/" + result?.event_id,
+                              // url: value.url_price,
+                            })
+                          })
+                        } else {
+                          LibNavigation.navigate(value?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
+                            url: "https://api.test.bbo.co.id/event_detail_price/" + result?.event_id,
+                            // url: value.url_price,
+                          })
+                        }
+                      })
+                    }} style={applyStyle({ width: result?.hasOwnProperty("has_artist") && result?.has_artist == 1 ? (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 })} >
+                      <ComponentText.Button bold color='#fff' style={{ textAlign: "center", textAlignVertical: 'center', }}>{esp.lang("event/detail", "text_buy_ticket")}</ComponentText.Button>
+                    </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']}>
+                          <ComponentText.Small bold color='#fff' style={{ alignSelf: 'center', textAlign: 'center' }}>{esp.lang("event/detail", "priority_label")}</ComponentText.Small>
+                        </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 }} >
+                  <ComponentText.Button bold style={{ marginHorizontal: 10 }}>{esp.lang("event/detail", "event_done")}</ComponentText.Button>
+                </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 }} >
+                    <ComponentText.Button bold style={{ marginHorizontal: 10 }}>{esp.lang("event/detail", "event_postpone")}</ComponentText.Button>
+                  </View>
+                </View>
+                :
+                null
+        }
+
+      </View >
+    )
+  }
+}
+export default memo(m);

package/_templates/event/seat_map.tsx

@@ -0,0 +1,24 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { memo } from 'react';
+
+import React from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface EventSeat_mapArgs {
+
+}
+export interface EventSeat_mapProps {
+
+}
+function m(props: EventSeat_mapProps): any {
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader />
+
+      <Text>Ssampe disini</Text>
+    </View>
+  )
+}
+export default memo(m);