esoftplay-event 0.0.0-x → 0.0.0-z

package/event/artist.tsx

@@ -94,7 +94,7 @@ export default function m(props: BigbangArtistProps): any {
               ...item,
             }
             if (item.book_available == 1) {
-              if (isInPricingQueueConfig(result.id)) {
+              if (isInPricingQueueConfig(item.event_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) {

package/event/detail.tsx

@@ -256,10 +256,7 @@ export default function m(props: EventDetailProps): any {
                       <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 }} >
                           {
-                            diffDays <= 3 ?
-                              esp.lang("event/detail", "text_book_on", moment(result.start_booking).serverFormat('DD MMMM YYYY'))
-                              :
-                              esp.lang("event/detail", "booking_not_yet")
+                            esp.lang("event/detail", "text_book_on", moment(result.start_booking).serverFormat('DD MMMM YYYY H:mm:ss'))
                           }
                         </Text>
                       </View>

package/event/firebase_socket.debug.ts

@@ -10,7 +10,7 @@
 // import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 // import esp from 'esoftplay/esp';
 // import useGlobalState from 'esoftplay/global';
-// import { createTimeout, useInterval } from 'esoftplay/timeout';
+// import { createTimeout } from 'esoftplay/timeout';
 
 // function getEventPath() {
 //   return "event" + (esp.isDebug("cc") ? "BBT" : "BBO")
@@ -230,13 +230,12 @@
 //         .then((re) => {
 //           eventQueueConfig.set(re)
 //         })
+//       setTimeout(() => {
+//         action()
+//       }, 10000);
 
 //     }
-//     const timeout = useInterval()
 //     action()
-//     timeout(() => {
-//       action()
-//     }, 10000)
 //   }
 
 //   return {

package/event/firebase_socket.live.ts

@@ -9,7 +9,7 @@ import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
 import useGlobalState from 'esoftplay/global';
-import { createTimeout, useInterval } from 'esoftplay/timeout';
+import { createTimeout } from 'esoftplay/timeout';
 import { initializeApp } from 'firebase/app';
 import { createUserWithEmailAndPassword, getAuth, signInWithEmailAndPassword } from 'firebase/auth';
 import { get, getDatabase, onValue, ref, set } from 'firebase/database';
@@ -306,13 +306,11 @@ export default function useFirebaseSocket() {
         .then((re) => {
           eventQueueConfig.set(re)
         });
-
+      setTimeout(() => {
+        action()
+      }, 10000);
     }
-    const timeout = useInterval()
     action()
-    timeout(() => {
-      action()
-    }, 10000)
   }
 
   return {

package/event/firebase_socket.ts

@@ -10,7 +10,7 @@ import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import esp from 'esoftplay/esp';
 import useGlobalState from 'esoftplay/global';
-import { createTimeout, useInterval } from 'esoftplay/timeout';
+import { createTimeout } from 'esoftplay/timeout';
 
 function getEventPath() {
   return "event" + (esp.isDebug("cc") ? "BBT" : "BBO")
@@ -230,13 +230,12 @@ export default function useFirebaseSocket() {
         .then((re) => {
           eventQueueConfig.set(re)
         })
+      setTimeout(() => {
+        action()
+      }, 10000);
 
     }
-    const timeout = useInterval()
     action()
-    timeout(() => {
-      action()
-    }, 10000)
   }
 
   return {

package/event/index.tsx

@@ -96,7 +96,17 @@ export default function m(props: EventIndexProps): any {
   }, [isFocus])
 
   function loadData() {
-    new LibCurl(esp.config("events", "home"), null, (res) => {
+    const langData = esp.mod("lib/locale").stateLang().get() || {}
+    const currentLanguage = Object.keys(langData).length == 0 ? 'id' : esp.mod("lib/locale").state().get()
+    const selectedLang = esp.modProp("user/language_list").allLanguage()?.filter?.((x: any) => x?.name == currentLanguage)?.[0] || {}
+
+    const baseURL: string = esp.config("events", "home")
+    let homeURL =
+      baseURL.includes(".json") ?
+        baseURL :
+        baseURL + "-" + selectedLang.code + ".json"
+
+    new LibCurl(homeURL, null, (res) => {
       setData(res)
     }, msg => setError(msg))
   }

package/event/test.tsx

@@ -0,0 +1,155 @@
+// // withHooks
+// import { Canvas, Group, RoundedRect, Text, useFont } from '@shopify/react-native-skia';
+// import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+// import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+// import useSafeState from 'esoftplay/state';
+// import React, { useCallback, useEffect, useState } from 'react';
+// import { Dimensions, Pressable, ScrollView, View } from 'react-native';
+// import { TapGestureHandler, TapGestureHandlerStateChangeEvent } from 'react-native-gesture-handler';
+
+
+// export interface EventSeat_map_matrixArgs {
+
+// }
+// export interface EventSeat_map_matrixProps {
+
+// }
+// export default function m(props: any): any {
+//   const deviceWidth = Dimensions.get('window').width;
+//   const [selectedIdx, setSelectedIdx] = useState<number | null>(null);
+//   const [scale, setScale] = useState(1);
+//   const [boundingBox, setBoundingBox] = useSafeState({ "x1": 1, "x2": 2, "y1": 1, "y2": 2 })
+//   const [data, setData] = useSafeState<[number, number, string, number][]>([])
+//   const initialBoxSize = 30;
+//   const contentWidth = (boundingBox.x2 - (boundingBox.x1 - 1.1)) * initialBoxSize
+
+//   // Scale boxSize so that contentWidth fits deviceWidth
+//   const scaleToFit = deviceWidth / contentWidth;
+//   const boxSize = initialBoxSize * scaleToFit;
+
+//   // Recalculate xs, ys, width, height with scaled boxSize
+//   const xsScaled = data.map(([x]) => isNaN(x) ? 0 : (boxSize) + (x * boxSize));
+//   const ysScaled = data.map(([_, y]) => isNaN(y) ? 0 : (boxSize) + (y * boxSize));
+
+//   const width = Math.max(deviceWidth, xsScaled.length && xsScaled.every(v => !isNaN(v)) ? Math.max(...xsScaled) + boxSize : boxSize * 2);
+//   const height = ysScaled.length && ysScaled.every(v => !isNaN(v)) ? Math.max(...ysScaled) + boxSize : boxSize * 2;
+
+//   const fontSize: any = {
+//     1: useFont(require('../../assets/fonts/MonoSpace.ttf'), boxSize * 0.3),
+//     2: useFont(require('../../assets/fonts/MonoSpace.ttf'), boxSize * 0.3),
+//     3: useFont(require('../../assets/fonts/MonoSpace.ttf'), boxSize * 0.25),
+//     4: useFont(require('../../assets/fonts/MonoSpace.ttf'), boxSize * 0.2),
+//     5: useFont(require('../../assets/fonts/MonoSpace.ttf'), boxSize * 0.2),
+//     6: useFont(require('../../assets/fonts/MonoSpace.ttf'), boxSize * 0.15),
+//   }
+//   const handleTap = useCallback((event: TapGestureHandlerStateChangeEvent) => {
+//     if (event.nativeEvent.state !== 5) return;
+//     // Adjust tap coordinates for scale
+//     const x = event.nativeEvent.x / scale;
+//     const y = event.nativeEvent.y / scale;
+//     for (let i = 0; i < data.length; i++) {
+//       const [sx, sy, seatName] = data[i];
+//       const xSize = (boxSize / 2) + (sx * boxSize);
+//       const ySize = (boxSize / 2) + (sy * boxSize);
+//       if (x >= xSize && x <= xSize + boxSize && y >= ySize && y <= ySize + boxSize) {
+//         setSelectedIdx(i);
+//         return;
+//       }
+//     }
+//     setSelectedIdx(null);
+//   }, [data, boxSize, scale]);
+
+
+//   useEffect(() => {
+//     new LibCurl("v3/event_seat", {
+//       event_id: 398,
+//       price_id: 1922,
+//       ondate: "0000-00-00"
+//     }, (res, msg) => {
+//       setBoundingBox(res.metadata.bounding_box)
+//       console.log(JSON.stringify(res, undefined, 2))
+//       setData(res.layout.split(';').map((item) => item.split(',')).map(([x, y, seatName, status]) => [Number(x), Number(y), seatName, Number(status)]))
+//     })
+//   }, [])
+
+//   return (
+//     <View key={scale} style={{ flex: 1 }} >
+//       <ScrollView horizontal style={{ flex: 1 }}>
+//         <ScrollView style={{ flex: 1 }}>
+//           <TapGestureHandler onHandlerStateChange={handleTap}>
+//             <View>
+//               <Canvas
+//                 style={{
+//                   width: width * scale,
+//                   height: height * scale,
+//                   padding: 10,
+//                   backgroundColor: "#f1f2f3",
+//                 }}>
+//                 {
+//                   data.map(([x, y, name, status], i) => {
+//                     const color = selectedIdx == i ? "lime" : getColorByStatus(status)
+//                     const xSize = (boxSize / 2) + (x * boxSize)
+//                     const ySize = (boxSize / 2) + (y * boxSize)
+//                     return (
+//                       <Group key={i}>
+//                         <RoundedRect
+//                           x={xSize - 1}
+//                           r={(boxSize + 2) * 0.34}
+//                           y={ySize - 1}
+//                           width={boxSize + 2}
+//                           transform={[{ scale }]}
+//                           height={boxSize + 2}
+//                           color={"#999"} />
+//                         <RoundedRect
+//                           x={xSize}
+//                           r={boxSize * 0.32}
+//                           y={ySize}
+//                           width={boxSize}
+//                           transform={[{ scale }]}
+//                           height={boxSize}
+//                           color={color} />
+//                         {name && fontSize[name.length] && (
+//                           <Text
+//                             x={(xSize) + boxSize * (5 - name.length) * 0.1}
+//                             y={(ySize) + boxSize * 0.60}
+//                             color="#020202"
+//                             text={name}
+//                             transform={[{ scale }]}
+//                             font={fontSize[name.length]} />
+//                         )}
+//                       </Group>
+//                     )
+//                   })
+//                 }
+//               </Canvas>
+//             </View>
+//           </TapGestureHandler>
+//         </ScrollView>
+//       </ScrollView>
+//       <View style={{ flexDirection: "row" }} >
+//         <Pressable onPress={() => setScale((x) => x - 0.3)} >
+//           <LibIcon.AntDesign name='minuscircleo' />
+//         </Pressable>
+//         <Pressable onPress={() => setScale((x) => x + 0.3)} >
+//           <LibIcon.AntDesign name='pluscircleo' />
+//         </Pressable>
+//       </View>
+//     </View>
+//   )
+// }
+
+
+// function getColorByStatus(statuses: number) {
+//   const colors: any = {
+//     8: 'purple',
+//     0: "white",
+//     1: "#9FA1A4",
+//     2: "#6B71E6",
+//     3: "#2EBBE8",
+//     4: "#FFA601",
+//     5: "#fff",
+//     6: "#FF4866",
+//     7: "#6C432C"
+//   }
+//   return colors[statuses]
+// }

package/event/ticket_list2.tsx

@@ -252,8 +252,6 @@ export default function m(props: EventTicket_list2Props): any {
       dataEvent.addition = dataAddition
     }
 
-    esp.log(dataAddition);
-
     LibNavigation.navigate('payment/ticket_multi', {
       order_type: EventConfigProperty?.state()?.get()?.order_type?.ticket,
       fee_platform: fee_platform,
@@ -365,7 +363,15 @@ export default function m(props: EventTicket_list2Props): any {
 
     return (
       <TouchableOpacity key={iC} onPress={() => {
-        let msg = item.status == 0 ? esp.lang("event/ticket_list", "sold_out") : esp.lang("event/ticket_list", "coming_soon")
+        let msg = ""
+        if (item?.status == 1) {
+          if (itemC?.status != 1) {
+            msg = itemC?.status == 2 ? esp.lang("event/ticket_list", "coming_soon") : esp.lang("event/ticket_list", "sold_out")
+          }
+        } else {
+          msg = item?.status == 2 ? esp.lang("event/ticket_list", "coming_soon") : esp.lang("event/ticket_list", "sold_out")
+        }
+        // let msg = item.status == 0 ? esp.lang("event/ticket_list", "sold_out") : esp.lang("event/ticket_list", "coming_soon")
         if (itemC.status == 1 && item.status == 1) {
           const data = new LibObject(getAvailableResult())
             .update((itemList) => {

package/event/voucher2.tsx

@@ -0,0 +1,133 @@
+// withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibInput } from 'esoftplay/cache/lib/input/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { UseTasks } from 'esoftplay/cache/use/tasks/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 EventVoucher2Args {
+
+}
+export interface EventVoucher2Props {
+
+}
+
+const useTasks = UseTasks()
+
+export default function m(props: EventVoucher2Props): any {
+  let { event_id, dataTicket }: any = LibNavigation.getArgsAll(props)
+  let voucherCode = React.useRef<LibInput>(null)
+  let [, setData, getData] = useSafeState<any>(dataTicket)
+
+  const [, setCounterNo, getCounterNo] = useSafeState(0)
+
+  useEffect(() => {
+    let a = dataTicket?.length > 0 && dataTicket?.map((item: any, i: number) => {
+      return ({
+        ...item,
+        index: i
+      })
+    })
+    setData(a)
+    // dialogInput.current?.show()
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  const [checkVoucers, resetCheckVoucers] = useTasks((item: any) => new Promise((next) => {
+    curlVoucher(item, () => {
+      next()
+    })
+  }), () => {
+    LibProgress.hide()
+    if (getCounterNo() == getData()?.length) {
+
+    } else {
+      LibNavigation.sendBackResult(getData())
+    }
+  })
+
+
+  function curlVoucher(item: any, cb: () => void) {
+    let post = {
+      voucher_code: voucherCode.current!.getText(),
+      event_id: event_id,
+      price_id: item?.price_id,
+      ondate: item?.ondate,
+      qty: item?.qty
+    }
+
+
+    let url = "event_booking_voucher_check"
+    LibProgress.show(esp.lang("event/voucher", "check_wait"))
+    new LibCurl(url, post, (res, msg) => {
+      let newRes = {
+        voucher_code: post?.voucher_code,
+        ...res
+      }
+      let a = LibObject.set(getData(), newRes)(item.index, 'voucher')
+      setData(a)
+
+      cb()
+      LibProgress.hide()
+      LibToastProperty.show(msg)
+    }, (error) => {
+      setCounterNo(getCounterNo() + 1)
+      cb()
+      if (getCounterNo() == getData()?.length) {
+        LibDialog.warning("Oops", error?.message)
+      }
+      LibProgress.hide()
+
+    }, 1)
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <EventHeader title={esp.lang("event/voucher", "header")} />
+      <ScrollView>
+        <View style={{ margin: 15, marginTop: 0 }}>
+          <EventLabel_input label={esp.lang("event/voucher", "voucher_or_referral_code")} mandatory />
+        </View>
+        <View testID='input_voucher'>
+          <LibInput
+            ref={voucherCode}
+            label=""
+            editable={true}
+            autoCapitalize={"characters"}
+            returnKeyType="go"
+            onSubmitEditing={() => {
+              resetCheckVoucers()
+              setCounterNo(0)
+              checkVoucers(getData())
+            }}
+            style={{ marginTop: -20, backgroundColor: LibStyle.colorGrey, letterSpacing: 0, fontSize: 30, textAlign: 'center' }} />
+        </View>
+        <TouchableOpacity testID='use_voucher' onPress={() => {
+          resetCheckVoucers()
+          setCounterNo(0)
+          checkVoucers(getData())
+        }}>
+          <View style={{ alignSelf: 'flex-end', marginRight: 15, marginBottom: 10, marginLeft: 10, width: 68, height: 35, borderRadius: 3, backgroundColor: LibStyle.colorGreen, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#fff' }}>{esp.lang("bigbang/payment", "button_use")}</Text>
+          </View>
+        </TouchableOpacity>
+
+      </ScrollView>
+
+    </View>
+  )
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay-event",
-  "version": "0.0.0-x",
+  "version": "0.0.0-z",
   "description": "event module on esoftplay framework",
   "main": "index.js",
   "scripts": {