esoftplay-event 0.0.2 → 0.0.3

package/event/queue.tsx

@@ -0,0 +1,111 @@
+// withHooks
+// noPage
+
+import { EventCountdownProperty } from 'esoftplay/cache/event/countdown/import';
+import { EventCountdown_timestamp } from 'esoftplay/cache/event/countdown_timestamp/import';
+import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
+import { EventQueue_pricing, EventQueue_pricingProperty } from 'esoftplay/cache/event/queue_pricing/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { UseCondition } from 'esoftplay/cache/use/condition/import';
+import esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
+import { useEffect, useRef } from 'react';
+
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface EventQueueArgs {
+
+}
+export interface EventQueueProps {
+  event_id: number,
+  children: any,
+  allotment?: any,
+  onDoneQueue?: () => void
+}
+
+export interface EventQueueCountdownProps {
+  onExpired?: () => void
+}
+
+const valueState = useGlobalState<number>(0)
+
+export function QueueCountdown(props: EventQueueCountdownProps) {
+  const [timer] = EventCountdownProperty.countdownTime.useState()
+  const [value] = valueState.useState()
+
+  if (value != 1) {
+    return null
+  }
+
+  return (
+    <View style={{ backgroundColor: LibStyle.colorGreen, margin: 16, borderRadius: 5, padding: 10, ...LibStyle.elevation(2) }} >
+      <LibTextstyle text={esp.lang("event/ticket_list", "select_ticket")} textStyle='caption1' style={{ color: 'white' }} />
+      <EventCountdown_timestamp
+        onExpired={() => {
+          props?.onExpired?.()
+        }}
+        expiredTimestamp={timer}
+        style={{ color: "#fff", fontWeight: 'bold' }} />
+    </View>
+  )
+}
+
+export default function m(props: EventQueueProps): any {
+  const checkCounter = useRef<number>(0)
+  let refTimeout = useRef<any>(null)
+  const { event_id, allotment } = props
+  const { isInPricingQueueConfig, updateQueueExp } = EventFirebase_socket()
+  const [value, setValue] = valueState.useState()
+
+  useEffect(() => {
+    EventFirebase_socketProperty.eventIdQueue.set(event_id)
+    getCheckCounter()
+
+    if (!!allotment) {
+      EventFirebase_socketProperty.userIdKeyReplacer.set({
+        t: Number(allotment.t),
+        s: Number(allotment.s),
+        priority: 1
+      })
+    }
+
+    return () => {
+      clearTimeout(refTimeout.current)
+      valueState.reset()
+      EventCountdownProperty.releaseQueue.trigger()
+    }
+
+  }, [])
+
+  function getCheckCounter() {
+    clearTimeout(refTimeout.current)
+    const { pathQueue, event_id } = EventQueue_pricingProperty.state().get()
+    if (event_id && isInPricingQueueConfig(event_id)) {
+      updateQueueExp(pathQueue, event_id)
+      checkCounter.current++
+      refTimeout.current = setTimeout(() => {
+        getCheckCounter()
+      }, 6000);
+    }
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <UseCondition if={isInPricingQueueConfig(String(event_id)) && value == 0} fallback={
+        props?.children && props?.children
+      }>
+        <EventQueue_pricing event_id={event_id} onDone={(v) => {
+          setValue(v)
+          if (!!v) {
+            const expTimestamp = Date.now() + (Number(esp.modProp("event/firebase_socket").eventQueueConfig.get(String(event_id)).time) * 1000);
+            EventCountdownProperty.countdownTime.set(expTimestamp)
+          }
+          props?.onDoneQueue?.()
+        }} />
+      </UseCondition>
+    </View>
+  )
+}

package/event/queue_pricing.tsx

@@ -18,8 +18,7 @@ export interface EventQueueArgs {
 }
 export interface EventQueueProps {
   event_id: number,
-  type: 1 | 2,
-  onDone?: () => void
+  onDone?: (value: number) => void
 }
 
 let timer: any;
@@ -78,7 +77,9 @@ export default function m(props: EventQueueProps): any {
       queueNumberState.reset()
       clearTimeout(timer)
       clearTimeout(refTimeout.current)
-      LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+      if (LibNavigation.getResultKey(props)) {
+        LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+      }
     }
   }, [])
 
@@ -99,7 +100,11 @@ export default function m(props: EventQueueProps): any {
       getQueue(pathQueue, event_id, 60000, (idx, key) => {
         counter.current++
         if (limit == 0) {
-          LibNavigation.sendBackResult(1, LibNavigation.getResultKey(props))
+          if (LibNavigation.getResultKey(props)) {
+            LibNavigation.sendBackResult(1, LibNavigation.getResultKey(props))
+          } else {
+            props?.onDone?.(1)
+          }
         } else
           if (idx < limit) {
             updateQueueExp(pathQueue, event_id)
@@ -108,9 +113,15 @@ export default function m(props: EventQueueProps): any {
             clearTimeout(refTimeout.current)
             clearTimeout(timer)
             if (autoPass) {
-              doneQueue(pathQueue, event_id, key, () => { })
+              doneQueue(pathQueue, event_id, key, () => {
+                props?.onDone?.(1)
+              })
+            }
+            if (LibNavigation.getResultKey(props)) {
+              LibNavigation.sendBackResult(1, LibNavigation.getResultKey(props))
+            } else {
+              props?.onDone?.(1)
             }
-            LibNavigation.sendBackResult(1, LibNavigation.getResultKey(props))
           } else {
             setQueueStatus(2)
             queueNumberState.set((idx + 1) - limit)

package/event/review_add.tsx

@@ -2,6 +2,7 @@
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventOrder_detailProperty } from 'esoftplay/cache/event/order_detail/import';
 import { EventRating } from 'esoftplay/cache/event/rating/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
@@ -12,7 +13,6 @@ import { LibNet_status } from 'esoftplay/cache/lib/net_status/import';
 import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
-import { EventOrder_detailProperty } from 'esoftplay/cache/event/order_detail/import';
 import esp from 'esoftplay/esp';
 import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
 import useLazyState from 'esoftplay/lazy';
@@ -326,7 +326,7 @@ export default function m(props: EventReview_addProps): any {
           defaultValue={inputReview}
           base
           multiline={true}
-          style={{ height: 100, borderColor: 'gray', borderWidth: 1, borderRadius: 8, padding: 10, textAlignVertical: 'top' }}
+          style={{ color: '#000', height: 100, borderColor: 'gray', borderWidth: 1, borderRadius: 8, padding: 10, textAlignVertical: 'top' }}
           onChangeText={(t) => { inputReview = t }}
         />
       </ScrollView>

package/event/scan_item.tsx

@@ -37,7 +37,7 @@ export default function m(props: EventScan_itemProps): any {
           <View style={applyStyle({ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' })}>
             <Text allowFontScaling={false} style={applyStyle({ color: props?.colorText ? props?.colorText : "#000", fontSize: 14 })}>{props.item.price_name}</Text>
             {
-              props.item.hasOwnProperty('seat_name') &&
+              props.item.hasOwnProperty('seat_name') && props?.item?.seat_name != "" &&
               <View style={applyStyle({ height: 35, width: 35, backgroundColor: "#fff", borderWidth: 1, borderColor: LibStyle.colorPrimary, borderRadius: 4, justifyContent: 'center', alignContent: 'center', alignItems: 'center' })}>
                 <LibIcon name="seat" color={LibStyle.colorPrimary} size={15} />
                 <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorPrimary })}>{props.item.seat_name}</Text>

package/event/schedule.tsx

@@ -21,8 +21,8 @@ export interface EventScheduleProps {
 
 }
 export default function m(props: EventScheduleProps): any {
-  const { schedule, dataBookingEvent, order_type, tax } = LibNavigation.getArgsAll(props)
-  const [qty, setQty] = useSafeState<number>(dataBookingEvent?.qty)
+  const { url, schedule, dataBookingEvent, order_type, tax, is_multiprice } = LibNavigation.getArgsAll(props)
+  const [qty, setQty] = useSafeState<number>(dataBookingEvent?.qty || 1)
 
   function add(quota?: any, quota_used?: any): void {
     if (qty != parseInt(dataBookingEvent?.selected_ticket?.qty_max)) {
@@ -71,22 +71,22 @@ export default function m(props: EventScheduleProps): any {
     return (
       <View key={i} style={styleId_26m88j}>
         {
-          _item.image != "" &&
-          <LibPicture source={{ uri: _item.image }} style={styleId_15Un4S} />
+          Boolean(_item?.image) && _item?.image != "" &&
+          <LibPicture source={{ uri: _item?.image }} style={styleId_15Un4S} />
         }
-        <Text allowFontScaling={false} style={styleId_XKKqU}>{_item.name}</Text>
+        <Text allowFontScaling={false} style={styleId_XKKqU}>{_item?.name || ""}</Text>
         <ScrollView>
           {
-            _item.description != "" &&
-            <LibWebview source={{ html: _item.description }} onFinishLoad={() => { }} style={styleId_ZoKh7U} />
+            Boolean(_item?.description) && _item?.description != "" &&
+            <LibWebview source={{ html: _item?.description }} onFinishLoad={() => { }} style={styleId_ZoKh7U} />
           }
         </ScrollView>
         {
-          _item?.video != "" &&
+          Boolean(_item?.video) && _item?.video != "" &&
           <>
             <Text allowFontScaling={false} style={styleId_Z1RMsb6} >{esp.lang("event/schedule", "text_vide")}</Text>
-            <TouchableOpacity onPress={() => LibNavigation.navigate('lib/video', { code: _item.video })} >
-              <LibPicture source={{ uri: LibVideoProperty.getUrlThumbnail(_item.video) }} style={styleId_1g6pcd} />
+            <TouchableOpacity onPress={() => LibNavigation.navigate('lib/video', { code: _item?.video })} >
+              <LibPicture source={{ uri: LibVideoProperty.getUrlThumbnail(_item?.video) }} style={styleId_1g6pcd} />
             </TouchableOpacity>
           </>
         }
@@ -98,32 +98,35 @@ export default function m(props: EventScheduleProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <EventHeader title={esp.lang("event/schedule", "header_title")} />
+      <EventHeader title={dataBookingEvent?.event_title} />
       <ScrollView>
         {
-          schedule?.artist.length > 0 && schedule.artist.map(renderArtist)
+          schedule?.artist?.length > 0 && schedule?.artist?.map?.(renderArtist)
         }
 
-
       </ScrollView>
-      <View style={{ padding: 10 }} >
-        <View style={{ flexDirection: 'row', marginVertical: 10, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
-          <TouchableOpacity onPress={() => { min() }}>
-            <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
-              <LibIcon name="minus" color="#e74c3c" />
-            </View>
-          </TouchableOpacity>
-          <Text style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 15, marginRight: 15 }}>{qty}</Text>
-          <TouchableOpacity onPress={() => { add(item?.quota, item?.quota_used) }}>
-            <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
-              <LibIcon name="plus" color="#16a085" />
-            </View>
-          </TouchableOpacity>
+
+      {
+        is_multiprice == 0 &&
+        <View style={{ padding: 10 }} >
+          <View style={{ flexDirection: 'row', marginVertical: 10, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
+            <TouchableOpacity onPress={() => { min() }}>
+              <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                <LibIcon name="minus" color="#e74c3c" />
+              </View>
+            </TouchableOpacity>
+            <Text style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 15, marginRight: 15 }}>{qty}</Text>
+            <TouchableOpacity onPress={() => { add(item?.quota, item?.quota_used) }}>
+              <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                <LibIcon name="plus" color="#16a085" />
+              </View>
+            </TouchableOpacity>
+          </View>
+          <EventButton label={esp.lang("event/schedule", "next")} onPress={() => {
+            doBooking()
+          }} style={{ backgroundColor: LibStyle.colorGreen }} />
         </View>
-        <EventButton label={esp.lang("event/schedule", "next")} onPress={() => {
-          doBooking()
-        }} style={{ backgroundColor: LibStyle.colorGreen }} />
-      </View>
+      }
     </View>
   )
 }

package/event/schedule2.tsx

@@ -0,0 +1,86 @@
+// withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/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 { 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 { useEffect } from 'react';
+
+import React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventSchedule2Args {
+
+}
+export interface EventSchedule2Props {
+
+}
+function m(props: EventSchedule2Props): any {
+  const { url } = LibNavigation.getArgsAll(props)
+
+  const [result, setResult] = useSafeState()
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    new LibCurl(url, null, (res, msg) => {
+      setResult(res)
+    }, (err) => {
+      LibToastProperty.show(err?.message)
+    })
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  function renderArtist(item: any, i: number) {
+    return (
+      <View key={i} style={{ margin: 15 }}>
+        {
+          item?.image != "" &&
+          <LibPicture source={{ uri: item?.image }} style={{ height: LibStyle.width * 9 / 16, width: LibStyle.width, marginTop: -15, marginLeft: -15, resizeMode: 'cover' }} />
+        }
+        <Text allowFontScaling={false} style={{ marginTop: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, marginBottom: 7 }}>{item?.name || ""}</Text>
+        <View style={{ borderRadius: 10, overflow: 'hidden' }}>
+          {
+            item?.description != "" &&
+            <LibWebview source={{ html: item?.description }} onFinishLoad={() => { }} style={{ marginLeft: -20 }} />
+          }
+        </View>
+        {
+          item?.video != "" &&
+          <>
+            <Text allowFontScaling={false} style={{ marginLeft: 0, marginHorizontal: 20, marginTop: 10, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("event/schedule", "text_vide")}</Text>
+            <TouchableOpacity style={{ borderRadius: 10, overflow: 'hidden' }} onPress={() => LibNavigation.navigate('lib/video', { code: item?.video })} >
+              <LibPicture source={{ uri: LibVideoProperty.getUrlThumbnail(item?.video) }} style={{ height: LibStyle.width * 9 / 16, width: LibStyle.width - 30, marginLeft: 0, marginHorizontal: 20, resizeMode: 'cover' }} />
+            </TouchableOpacity>
+          </>
+        }
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader />
+
+      <ScrollView>
+        {
+          result?.length > 0 && result?.map?.(renderArtist)
+        }
+
+      </ScrollView>
+
+    </View>
+  )
+}