esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/artist/list.tsx

@@ -0,0 +1,166 @@
+// withHooks
+
+import { applyStyle } from 'esoftplay';
+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 { EventCountdownProperty } from 'esoftplay/cache/event/countdown/import';
+import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibList } from 'esoftplay/cache/lib/list/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import esp from 'esoftplay/esp';
+import moment from 'esoftplay/moment';
+import useSafeState from 'esoftplay/state';
+import React, { useEffect } from 'react';
+import { Text, View } from 'react-native';
+
+
+moment().locale('id')
+
+
+export interface BigbangArtistProps {
+
+}
+
+export default function m(props: BigbangArtistProps): any {
+  const [result, setResult] = useSafeState<any>()
+  const [resultEvent, setResultEvent] = useSafeState<any>()
+  const [error, setError] = useSafeState<any>('')
+  const { isInPricingQueueConfig } = EventFirebase_socket()
+
+  const { title, has_addition } = LibNavigation.getArgsAll(props)
+  const url = LibNavigation.getArgs(props, 'url', 'event_artist')
+  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(url, null,
+      (res) => {
+        new LibCurl(res?.[0]?.url_event || `event_detail/${event_id}`, null, (res) => {
+          setResultEvent(res)
+          if (res?.id) {
+            EventFirebase_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)
+        setResult(res)
+      }, (err) => {
+        setError(err?.message)
+      })
+  }
+
+  useEffect(() => {
+    loadData?.()
+  }, [])
+
+  const itemWidth = (LibStyle.width - 2)
+  const itemHeight = itemWidth * 9 / 16
+
+  let subs = {
+    is_subscribed: resultEvent?.config?.is_subscribed,
+    is_subscribed_default: resultEvent?.config?.is_subscribed_default,
+    is_subscribed_label: resultEvent?.config?.is_subscribed_label
+  }
+
+  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={() => {
+        if (isNotAvailable) {
+          LibToastProperty.show(esp.lang("event/artist", "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(EventFirebase_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('event/artist_detail_multi', {
+                      data: newItem,
+                      subscribed: subs
+                    })
+                  } else {
+                    LibNavigation.navigate('event/artist_detail', {
+                      data: newItem,
+                      subscribed: subs
+                    })
+                  }
+                })
+              } else {
+                if (item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1) {
+                  LibNavigation.navigate('event/artist_detail_multi', {
+                    data: newItem,
+                    subscribed: subs
+                  })
+                } else {
+                  LibNavigation.navigate('event/artist_detail', {
+                    data: newItem,
+                    subscribed: subs
+                  })
+                }
+              }
+            } else {
+              LibToastProperty.show(esp.lang("event/artist_detail", "book_available", moment(item?.start_booking).serverFormat("DD MMMM YYYY HH:mm:ss")))
+            }
+          })
+        }
+      }} >
+        {
+          item && 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}>
+              <Text numberOfLines={2} style={styleId_2cYE4h}>{item.title}</Text>
+            </View>
+        }
+      </ComponentTouchable >
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: 'white' }} >
+      <ComponentHeader title={title ? title : resultEvent?.event_title} iconShare={resultEvent?.url_share_artist && resultEvent?.url_share_artist !== ""}
+        onPressShare={() => {
+          LibUtils.share(resultEvent?.url_share_artist)
+        }} />
+      {
+        !result && !error ? <LibLoading /> :
+          <LibList
+            data={result}
+            keyExtractor={(item) => item.id}
+            onRefresh={loadData}
+            staticHeight={itemHeight + 1}
+            renderItem={renderItem}
+            ListEmptyComponent={
+              <ComponentMessage message={error} />
+            }
+          />
+      }
+    </View>
+  )
+}
+const styleId_2cYE4h: any = { padding: 15, color: 'white', fontSize: 24 }

package/modules/bbo/config.ts

@@ -0,0 +1,25 @@
+// useLibs
+// noPage
+import { LibCurl } from "esoftplay/cache/lib/curl/import"
+import { LibObject } from "esoftplay/cache/lib/object/import"
+import useGlobalState, { useGlobalReturn } from "esoftplay/global"
+
+const config = useGlobalState({}, { persistKey: 'bbo-config', loadOnInit: true, inFastStorage: true })
+
+export function state(): useGlobalReturn<any> {
+  return config
+}
+
+export default config
+
+export function addConfig(name: string, data: any) {
+  config.set(LibObject.set(config.get(), data)(name))
+}
+
+export function curlConfig(url: string) {
+  new LibCurl(url, null, (res, msg) => {
+    addConfig(Object.keys(res)[0], res[Object.keys(res)[0]])
+  }, err => {
+
+  })
+}

package/modules/bbo/index.tsx

@@ -0,0 +1,202 @@
+// withHooks
+
+import { useAsyncStorage } from '@react-native-async-storage/async-storage';
+import { BigbangCard } from 'esoftplay/cache/bigbang/card/import';
+import { BigbangMenu_item } from 'esoftplay/cache/bigbang/menu_item/import';
+import { ChattingLib } from 'esoftplay/cache/chatting/lib/import';
+import { ChattingOnline_setter } from 'esoftplay/cache/chatting/online_setter/import';
+import { FeedIndex } from 'esoftplay/cache/feed/index/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTabs } from 'esoftplay/cache/lib/tabs/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import { UserNotification } from 'esoftplay/cache/user/notification/import';
+import { UserProfile_edit } from 'esoftplay/cache/user/profile_edit/import';
+import useGlobalState from 'esoftplay/global';
+
+import { BboMain } from 'esoftplay/cache/bbo/main/import';
+import { BigbangEvent } from 'esoftplay/cache/bigbang/event/import';
+import { ComponentIdentity_input } from 'esoftplay/cache/component/identity_input/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { UserLanguageProperty } from 'esoftplay/cache/user/language/import';
+import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import { UserRoutes } from 'esoftplay/cache/user/routes/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import { useTimeout } from 'esoftplay/timeout';
+import * as Notifications from 'expo-notifications';
+import React, { useEffect, useRef } from 'react';
+import { Platform, View } from 'react-native';
+
+
+
+export interface BboIndexProps {
+}
+const initState = {
+  tabIndex: 0
+}
+
+
+const state = useGlobalState?.(initState)
+
+export function setTab(index: number): void {
+  state?.set?.({ tabIndex: index })
+}
+
+const identityDismissed = useGlobalState(false, { isUserData: true })
+
+export default function m(props: BboIndexProps): any {
+  ChattingOnline_setter()
+  const user = UserClass?.state()?.get?.()
+  const routes = UserRoutes.state().useSelector(s => s)
+  const { action }: any = LibNavigation.getArgsAll(props)
+  const counter = UserNotification?.state?.()?.useSelector?.(s => s.unread)
+  // const { getQueueConfig } = EventFirebase_socket()
+  // const [{ isOnline, isInternetReachable }] = LibNet_status.state().useState()
+  // const { data } = ChattingHistory()
+  const tabs = useRef<LibTabs>(null)
+  const { setItem, getItem } = useAsyncStorage('bigbang_index_skip_image')
+  const [skipImage, setSkipImage] = useSafeState<any>("0")
+  const MarketHome = useRef(esp.mod("market/home")).current
+
+  const slidingIdentity = useRef<ComponentSlidingup>(null)
+  const timeout = useTimeout()
+  const timeoutLanguage = useTimeout()
+
+  const readItemFromStorage = async () => {
+    const item = await getItem();
+    setSkipImage(item);
+  };
+
+
+  useEffect(() => {
+    // LibNavigation.replace('component/blocked', {
+    //   msg: "Silahkan update aplikasi BBO untuk dapatkan pengalaman terbaik",
+    //   res: {
+    //     android: "https://play.google.com/store/apps/details?id=id.bigbangfest.mobile&hl=id&gl=US&pli=1",
+    //     ios: "https://apps.apple.com/id/app/bbo/id1482731352?l=id",
+    //     title: "Versi terbaru sudah tersedia"
+    //   }
+    // })
+    // return
+    if (user) {
+      // getQueueConfig()
+      ChattingLib().setUser()
+    }
+    if (!identityDismissed.get() && (routes?.routes?.[routes?.routes?.length - 1]?.name == "bigbang/index" || routes?.routes?.[routes?.routes?.length - 1]?.name == undefined) && (user?.location_id == "1" || user?.gender == "0" || user?.birth_date == "0000-00-00")) {
+      timeout(() => {
+        slidingIdentity.current?.show()
+      }, 500);
+    }
+    if (!UserLanguageProperty.defaultLanguage.get()) {
+      timeoutLanguage(() => {
+        LibNavigation.navigate('user/language')
+      }, 200)
+    }
+
+  }, [])
+
+
+  // const { getData } = EventFirebase()
+  // useEffect(() => {
+  //   if (esp.isDebug('event_redirect'))
+
+  //     if (user) {
+  //       if (EventUser_registerProperty.registerResult.get()) {
+  //         if (user?.id == "temp02") {
+  //           LibNavigation.replace('event/user_register_confirm')
+  //         } else {
+  //           LibNavigation.navigate('event/user_register_confirm')
+  //         }
+  //       }
+  //     } else {
+  //       getData((val: any) => {
+  //         if (val) {
+  //           LibNavigation.replace(val?.module, { url: val?.url })
+  //         }
+  //       })
+  //     }
+  // }, [])
+
+  // useEffect(() => {
+  //   /* auto ke member bbo saat sinyal buruk / offline */
+  //   if (!isOnline || !isInternetReachable) {
+  //     UserProfileProperty?.isLogin?.(() => { setTab(4); updateBadge() })
+  //   }
+  // }, [isOnline, isInternetReachable])
+
+
+  useEffect(() => {
+    setTab(action?.tab || 0)
+  }, [action])
+
+  useEffect(() => {
+    readItemFromStorage?.()
+  }, [])
+
+  useEffect(() => {
+    if (Platform.OS == 'ios') {
+      import('expo-tracking-transparency').then(({ requestTrackingPermissionsAsync }) => {
+        (async () => {
+          const { status } = await requestTrackingPermissionsAsync();
+          if (status === 'granted') {
+          }
+        })();
+      })
+    }
+  }, []);
+
+  useEffect(() => {
+    esp.modProp('user/devices')?.checkSession?.()
+    esp.modProp('mart/reminder')?.getReminderCount?.()
+    //setUnread
+    // ChatIndexProperty.unreadState().set(data && data?.filter?.((v: any) => v.read == 0 && user && user?.id !== v.user_id).length || 0)
+  }, [])
+
+  function updateBadge() {
+    if (Platform.OS == "ios") {
+      Notifications?.setBadgeCountAsync?.(counter)
+    }
+  }
+
+  const tabIndex = state?.useSelector?.(s => s.tabIndex)
+
+  const AView = [BboMain, BigbangEvent, FeedIndex, MarketHome, BigbangCard]
+
+  return (
+    <View style={{ flex: 1 }} >
+      <LibStatusbar style="dark" />
+      <View style={{ flex: 1 }}>
+        <LibTabs
+          ref={tabs}
+          tabIndex={tabIndex}
+          lazyTabOffset
+          tabOffset={0}
+          swipeEnabled={false}
+          tabViews={AView} />
+        <View style={[{ flexDirection: 'row', height: 60, justifyContent: 'space-evenly', paddingHorizontal: 8, backgroundColor: 'white', alignItems: 'center' }, LibStyle.elevation(4)]} >
+          <BigbangMenu_item testID='tab_home' onPress={() => { setTab(0); updateBadge(); }} text={esp.lang("bigbang/index", "tab_home")} icon={'home'} active={tabIndex == 0} />
+          <BigbangMenu_item testID='tab_event' onPress={() => { setTab(1); updateBadge() }} text={esp.lang("bigbang/index", "tab_event")} icon={'event'} active={tabIndex == 1} />
+          <BigbangMenu_item testID='tab_community' onPress={() => { setTab(2); updateBadge() }} text={esp.lang("bigbang/index", "tab_community")} icon={'community'} active={tabIndex == 2} />
+          <BigbangMenu_item testID='tab_tokobbo' onPress={() => { setTab(3); updateBadge(); }} text={esp.lang("bigbang/index", "tab_toko")} icon={'toko-bbo'} active={tabIndex == 3} />
+          <BigbangMenu_item testID='tab_memberbbo' onPress={() => { UserProfileProperty?.isLogin?.(() => { setTab(4); updateBadge() }) }} text={esp.lang("bigbang/index", "tab_member")} icon={'memberbbo'} active={tabIndex == 4} />
+        </View>
+      </View>
+      {
+        user != undefined && user?.image == "" && skipImage == "1" &&
+        <View style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }} >
+          <View style={{ flex: 1 }}>
+            <UserProfile_edit from="bigbang/index" />
+          </View>
+        </View>
+      }
+      <ComponentSlidingup ref={slidingIdentity}>
+        <ComponentIdentity_input onDismiss={() => {
+          identityDismissed.set(true)
+          slidingIdentity.current?.hide()
+        }} />
+      </ComponentSlidingup>
+    </View>
+  )
+}