esoftplay-event 0.0.0-a → 0.0.0-c

package/event/additional.tsx

@@ -1,8 +1,8 @@
 // withHooks
 import { useEffect } from 'react';
 
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
@@ -121,7 +121,7 @@ export default function m(props: EventAdditionalProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={esp.lang("event/additional", "header_title")} subtitle={ondate && ondate != "0000-00-00" ? type_ticket + " " + LibUtils.moment(ondate).format("DD MMM YYYY") : type_ticket} />
+      <EventHeader title={esp.lang("event/additional", "header_title")} subtitle={ondate && ondate != "0000-00-00" ? type_ticket + " " + LibUtils.moment(ondate).format("DD MMM YYYY") : type_ticket} />
       <ScrollView>
         <View style={{ margin: 15, marginBottom: 5, marginTop: 10, padding: 10, borderWidth: 1, borderColor: '#fff', borderRadius: 5, backgroundColor: '#fff', ...LibStyle.elevation(2) }}>
           <LibTextstyle textStyle='m_overline' text={esp.lang("event/additional", "buyer_info")} style={{ color: "#aaa", fontSize: 12, marginBottom: 5 }} />
@@ -141,7 +141,7 @@ export default function m(props: EventAdditionalProps): any {
 
       </ScrollView>
       <View style={{ padding: 10 }}>
-        <ComponentButton
+        <EventButton
           label={esp.lang("event/additional", "btn_next")}
           backgroundColor={LibStyle.colorPrimary}
           onPress={() => {

package/event/additional_input.tsx

@@ -1,16 +1,16 @@
 // withHooks
 import { useEffect, useRef } from 'react';
 
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
 import { LibDatepicker } from 'esoftplay/cache/lib/datepicker/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibInput_rectangle } from 'esoftplay/cache/lib/input_rectangle/import';
 import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
@@ -58,8 +58,8 @@ export function state(): useGlobalReturn<any> {
 
 export default function m(props: EventAdditional_inputProps): any {
   const { data, itemAddition } = LibNavigation.getArgsAll(props)
-  const dialogDatePicker = useRef<ComponentSlidingup>(null)
-  const dialogDropdown = useRef<ComponentSlidingup>(null)
+  const dialogDatePicker = useRef<LibSlidingup>(null)
+  const dialogDropdown = useRef<LibSlidingup>(null)
   const [dropdownData, setDropdownData] = useSafeState()
 
   const [newData, setNewData] = useSafeState()
@@ -108,7 +108,7 @@ export default function m(props: EventAdditional_inputProps): any {
           <View style={{ marginHorizontal: 10 }}>
             {
               item.type == 1 && // text field
-              <LibInput_rectangle
+              <EventInput_rectangle
                 placeholder={item.question}
                 placeholderTextColor='#c9c9c9'
                 style={{ borderRadius: 5, borderColor: '#c9c9c9' }}
@@ -124,7 +124,7 @@ export default function m(props: EventAdditional_inputProps): any {
 
             {
               item.type == 2 && // textarea
-              <LibInput_rectangle
+              <EventInput_rectangle
                 multiline={true}
                 placeholder={item.question}
                 placeholderTextColor='#c9c9c9'
@@ -223,7 +223,7 @@ export default function m(props: EventAdditional_inputProps): any {
 
             {
               item.is_content == 1 &&
-              <LibInput_rectangle
+              <EventInput_rectangle
                 placeholder={esp.lang("event/additional_input", "other")}
                 placeholderTextColor='#c9c9c9'
                 style={{ borderRadius: 5, borderColor: '#c9c9c9' }}
@@ -251,21 +251,21 @@ export default function m(props: EventAdditional_inputProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={esp.lang("event/additional_input", "header_title")} />
+      <EventHeader title={esp.lang("event/additional_input", "header_title")} />
       <LibKeyboard_avoid>
         <ScrollView>
           {data?.additions?.length > 0 && data?.additions?.map(renderCatNew)}
 
         </ScrollView>
         <View style={{ padding: 10 }} >
-          <ComponentButton
+          <EventButton
             label={esp.lang("event/additional_input", "btn_save")}
             backgroundColor={LibStyle.colorPrimary}
             onPress={save}
           />
         </View>
 
-        <ComponentSlidingup ref={dialogDatePicker}>
+        <LibSlidingup ref={dialogDatePicker}>
           <View style={{ backgroundColor: 'white', paddingBottom: 25, height: 230 }}>
             <LibDatepicker
               minDate={LibUtils.moment().add(-90, 'years').localeFormat('YYYY-MM-DD')}
@@ -279,9 +279,9 @@ export default function m(props: EventAdditional_inputProps): any {
               selectedDate={newData?.additions?.[getIdx()]?.value?.[0] || LibUtils.moment().localeFormat('YYYY-MM-DD')}
             />
           </View>
-        </ComponentSlidingup>
+        </LibSlidingup>
 
-        <ComponentSlidingup ref={dialogDropdown} >
+        <LibSlidingup ref={dialogDropdown} >
           <View style={{ width: 40, height: 3, borderRadius: 5, backgroundColor: "#fff", alignSelf: 'center', marginBottom: 10 }} />
           <View style={{ maxHeight: LibStyle.height - (LibStyle.height / 5), backgroundColor: 'white', borderTopLeftRadius: 15, paddingHorizontal: 25, borderTopRightRadius: 15, padding: 10 }} >
             <Pressable style={{ marginTop: 10, alignSelf: 'flex-end' }} onPress={() => dialogDropdown.current?.hide()}>
@@ -309,7 +309,7 @@ export default function m(props: EventAdditional_inputProps): any {
             </ScrollView>
 
           </View>
-        </ComponentSlidingup>
+        </LibSlidingup>
       </LibKeyboard_avoid>
     </View>
   )

package/event/alert.tsx

@@ -0,0 +1,32 @@
+// withHooks
+
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import React from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface EventAlertArgs {
+  
+}
+export interface EventAlertProps {
+  color: string
+  useIcon?: boolean
+  iconName?: string
+  msg: string
+  style?: any
+}
+export default function m(props: EventAlertProps): any {
+  return (
+    <View style={[{ margin: 10, backgroundColor: LibUtils.hexToRgba(props.color, 0.1) }, props.style]}>
+      <View style={{ height: 3, backgroundColor: props.color }} />
+      <View style={{ padding: 10, marginRight: 10, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+        {
+          props.useIcon &&
+          <LibIcon name={props.iconName || 'information-outline'} size={18} />
+        }
+        <Text allowFontScaling={false} style={{ marginHorizontal: 10, fontSize: 12, lineHeight: 14, letterSpacing: 0.5, textAlign: 'justify' }}>{props.msg}</Text>
+      </View>
+    </View>
+  )
+}

package/event/artist.tsx

@@ -0,0 +1,166 @@
+// withHooks
+
+import { applyStyle } from 'esoftplay';
+import { EventCountdownProperty } from 'esoftplay/cache/event/countdown/import';
+import { EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/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, TouchableOpacity, View } from 'react-native';
+import useFirebaseSocket from '../lib/firebase_socket';
+
+
+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 } = useFirebaseSocket()
+
+  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 (
+      <TouchableOpacity 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>
+        }
+      </TouchableOpacity >
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: 'white' }} >
+      <EventHeader 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={
+              <EventMessage message={error} />
+            }
+          />
+      }
+    </View>
+  )
+}
+const styleId_2cYE4h: any = { padding: 15, color: 'white', fontSize: 24 }