esoftplay-event 0.0.0-a

package/event/qc_idcard_failed.tsx

@@ -0,0 +1,78 @@
+// withHooks
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+
+import { EventQc_idcardProperty } from 'esoftplay/cache/event/qc_idcard/import';
+import React from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventQc_idcard_failedArgs {
+
+}
+export interface EventQc_idcard_failedProps {
+
+}
+export default function m(props: EventQc_idcard_failedProps): any {
+
+  const { message, result, event_id } = LibNavigation.getArgsAll(props)
+
+  return (
+    <View style={{ flex: 1 }}>
+      <LibStatusbar style='light' />
+      <View style={{ flex: 1 }}>
+        <LibPicture source={esp.assets('failed.png')} style={{ flex: 1, height: LibStyle.height, width: LibStyle.width }} /* resizeMode={"stretch"} */ />
+      </View>
+
+      <View style={{ flex: 1, position: 'absolute', top: 50, left: 0, right: 0, bottom: 0, alignItems: 'center', alignContent: 'center' }} >
+        <ScrollView>
+          <View style={{ marginBottom: 20, alignSelf: 'center', borderRadius: LibStyle.width / 3, padding: 10, backgroundColor: '#fff' }}>
+            <LibPicture
+              source={esp.assets('failed_icon.png')}
+              style={{ width: LibStyle.width / 3, height: LibStyle.width / 3 }}
+            />
+          </View>
+          <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 25, color: '#fff', marginHorizontal: 20, textAlign: 'center', letterSpacing: 1 }}>{message ? message : esp.lang("event/qc_idcard_failed", "qr_not_valid")}</Text>
+
+          {
+            !Array.isArray(result) &&
+            <View style={{ marginTop: 30, margin: 10, padding: 10, borderRadius: 10, overflow: 'hidden', backgroundColor: '#fff' }}>
+              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: 'bold', }}>{esp.lang("event/qc_idcard_failed", "scan_by")}</Text>
+              <View style={{ padding: 10, backgroundColor: LibStyle.colorBgGrey, borderRadius: 5, marginTop: 10, }}>
+                <Text allowFontScaling={false} style={{ fontSize: 16 }}>{result?.print_name}</Text>
+              </View>
+              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: 'bold', marginTop: 20, }}>{esp.lang("event/qc_idcard_failed", "scan_time")}</Text>
+              <View style={{ padding: 10, backgroundColor: LibStyle.colorBgGrey, borderRadius: 5, marginTop: 10, }}>
+                <Text allowFontScaling={false} style={{ fontSize: 16 }}>{result?.print_date != null ? LibUtils.moment(result?.print_date).localeFormat("DD MMM H:mm:ss ") : result?.print_date}</Text>
+              </View>
+            </View>
+          }
+
+        </ScrollView>
+        <View style={{ marginBottom: 20 }}>
+          {/* <Pressable onPress={() => {
+
+            LibDialog.warningConfirm(esp.lang("event/entrance_failed", "warn_title"), esp.lang("event/entrance_failed", "warn_msg"), esp.lang("event/entrance_failed", "warn_ok"), () => {
+              // sendTelegram()
+            }, esp.lang("event/entrance_failed", "warn_no"), () => { })
+
+          }} style={{ width: (LibStyle.width - 45) * 0.5, height: 43, borderRadius: 5, backgroundColor: LibStyle.colorRed, borderWidth: 3, borderColor: "#fff", justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }}>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/entrance_failed", "report")}</Text>
+          </Pressable> */}
+          <Pressable onPress={() => {
+            LibNavigation.back()
+            EventQc_idcardProperty.openScanner(event_id)
+          }} style={{ width: (LibStyle.width - 30), height: 43, borderRadius: 5, backgroundColor: LibStyle.colorGreen, justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }}>
+            <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/entrance_failed", "back")}</Text>
+          </Pressable>
+        </View>
+
+      </View>
+
+    </View>
+  )
+}

package/event/qc_idcard_success.tsx

@@ -0,0 +1,68 @@
+// withHooks
+
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { EventQc_idcardProperty } from 'esoftplay/cache/event/qc_idcard/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+import { LinearGradient } from 'expo-linear-gradient';
+import React from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface EventQc_idcard_successArgs {
+
+}
+export interface EventQc_idcard_successProps {
+
+}
+export default function m(props: EventQc_idcard_successProps): any {
+  const { data, event_id } = LibNavigation.getArgsAll(props)
+
+  return (
+    <View style={{ flex: 1 }}>
+      <LibStatusbar style='dark' />
+      <LibPicture source={data?.image == "" ? esp.assets('white_idcard.png') : { uri: data?.image }} style={{ width: LibStyle.width, height: LibStyle.height - (LibStyle.height / 4) }} resizeMode={"contain"} />
+      <LinearGradient
+        // Background Linear Gradient
+        style={{
+          height: LibStyle.height - (LibStyle.height / 2),
+          width: LibStyle.width,
+          position: 'absolute',
+          left: 0,
+          right: 0,
+          bottom: 0,
+        }}
+        colors={['rgba(255,255,255,0)', 'rgba(0,0,0,0.55)', 'rgba(0,0,0,1)', 'rgba(0,0,0,1)']}>
+        <View style={{ flex: 1, padding: 15, justifyContent: 'flex-end', paddingBottom: 50, alignContent: 'center', alignItems: 'center' }}>
+          <View style={{ backgroundColor: '#fff', padding: 10, marginTop: 5 }} >
+            {/* view nama */}
+            <View style={{ flexDirection: 'row' }} >
+              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 2 }} >{esp.lang("event/entrance_idcard", "name")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} > : </Text>
+              <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={"tail"} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 5 }} >{data?.name}</Text>
+            </View>
+            {/* view company */}
+            <View style={{ flexDirection: 'row' }} >
+              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 2 }} >{esp.lang("event/entrance_idcard", "company")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} > : </Text>
+              <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={"tail"} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 5 }} >{data?.exhibitor_name}</Text>
+            </View>
+
+            <View style={{ marginTop: 10, width: LibStyle.width - 20, alignSelf: 'center', backgroundColor: '#4a4a4a', height: 4, marginVertical: 4 }} />
+            <Text allowFontScaling={false} style={{ marginTop: -5, fontSize: 22, fontWeight: "bold", fontStyle: "normal", lineHeight: 32, textAlign: 'center', letterSpacing: 0, color: "#4a4a4a" }} >{data?.department_name}</Text>
+          </View>
+        </View>
+        <ComponentButton label={esp.lang("event/qc_idcard_success", "scan_again")} onPress={() => {
+          LibNavigation.back()
+          EventQc_idcardProperty.openScanner(event_id)
+        }}
+          backgroundColor={LibStyle.colorGreen} style={{ margin: 10 }}
+        />
+
+      </LinearGradient>
+    </View>
+  )
+}

package/event/queue_out.tsx

@@ -0,0 +1,186 @@
+// withHooks
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/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 { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UseCondition } from 'esoftplay/cache/use/condition/import';
+import esp from 'esoftplay/esp';
+import moment from 'esoftplay/moment';
+import useSafeState from 'esoftplay/state';
+import React, { useEffect, useRef } from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+export interface EventQueue_outArgs {
+  event_id: number | string,
+  notes: string
+}
+export interface EventQueue_outProps {
+
+}
+
+export default function m(props: EventQueue_outProps): any {
+  const LibNavigation = useRef(esp.mod("lib/navigation")).current
+  const ComponentHeader = useRef(esp.mod("component/header")).current
+  const LibTextstyle = useRef(esp.mod("lib/textstyle")).current
+  const UseMap = useRef(esp.mod("use/map")).current
+
+  const { event_id, notes } = LibNavigation.getArgsAll(props)
+  const [types, setTypes] = useSafeState<any[]>([])
+  const [dates, setDates] = useSafeState<any[]>([])
+  const [post, setPost, getPost] = useSafeState<any>({
+    event_id: event_id,
+    qty: 1,
+    qty_min: 1,
+    qty_max: 10
+  })
+  const datesRef = useRef<LibSlidingup>(null)
+
+  useEffect(() => {
+    LibUtils.getInstallationID().then((iid) => {
+      setPost(LibObject.set(getPost(), iid)('installation_id'))
+    })
+    new LibCurl('event_detail_price?id=' + (event_id || '264'), null, (res) => {
+      setTypes(res.price_type)
+    }, (err) => {
+      LibToastProperty.show(err.message)
+    })
+  }, [])
+
+  const isSelectedPriceId = (price_id: string) => post.price_id == price_id
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#f1f2f2' }} >
+      <ComponentHeader title={esp.lang("event/queue_out", "title")} notif />
+      <ScrollView>
+        <View style={{ padding: 0 }} >
+          <View style={[{ margin: 0, marginBottom: 0, backgroundColor: 'white', padding: 12, borderRadius: 0 }, LibStyle.elevation(3)]} >
+            <LibTextstyle textStyle="headline" text={notes.replace(/<br\s{0,}\/>/g, '')} style={{ textAlign: 'center', marginBottom: 10 }} />
+          </View>
+          <View style={[{ margin: 16, backgroundColor: 'white', padding: 12, borderRadius: 16, zIndex: 100 }, LibStyle.elevation(3)]} >
+            <LibTextstyle textStyle="title3" text={esp.lang("event/queue_out", "form_title")} style={{ textAlign: 'center', fontWeight: 'bold', marginBottom: 10 }} />
+            <View style={{ flexDirection: 'row', marginTop: 20 }} >
+              <LibTextstyle textStyle='caption1' text={esp.lang("event/queue_out", "type_title")} style={{ marginBottom: 8, fontWeight: "bold" }} />
+            </View>
+            <UseMap
+              data={types.filter((x) => !(["8", "2", "7", "102", "108"].includes(x.kind)))}
+              renderItem={(item) => (
+                <Pressable
+                  onPress={() => {
+                    if (item.list.length == 1) {
+                      setPost(
+                        new (esp.mod("lib/object"))(post)
+                          .set(item.price_id)('price_id')
+                          .set(item.qty_max)('qty_max')
+                          .set(item.qty_min)('qty_min')
+                          .set(item.qty_min)('qty')
+                          .set(item.list[0].ondate)('ondate')
+                          .value()
+                      )
+                    } else {
+                      setPost(
+                        new (esp.mod("lib/object"))(post)
+                          .set(item.price_id)('price_id')
+                          .set(item.qty_max)('qty_max')
+                          .set(item.qty_min)('qty_min')
+                          .set(item.qty_min)('qty')
+                          .value()
+                      )
+                      setDates(item.list)
+                      datesRef.current?.show()
+                    }
+                  }}
+                  style={{ flexDirection: 'row', marginBottom: 8, alignItems: 'center' }} >
+                  <View style={[{ padding: 10, paddingHorizontal: 20, backgroundColor: isSelectedPriceId(item.price_id) ? LibUtils.hexToRgba('#1DC111', 0.05) : '#f8f8f8', borderRadius: 8, flex: 1, paddingVertical: 12, flexDirection: 'row', alignItems: 'center' }, isSelectedPriceId(item.price_id) ? { borderWidth: 1, borderColor: '#1DC111' } : {}]} >
+                    <LibTextstyle textStyle="body" text={item.type} style={{ textAlign: 'left', fontWeight: isSelectedPriceId(item.price_id) ? "bold" : "normal" }} />
+                    <UseCondition if={isSelectedPriceId(item.price_id)} >
+                      <Text style={{ fontSize: 12, color: "#888" }} > ({post.ondate == '0000-00-00' ? "All Date" : moment(post.ondate).format('DD MMMM YYYY')})</Text>
+                      <View style={{ flex: 1 }} />
+                      <LibIcon name='check-circle' color='#1DC111' />
+                    </UseCondition>
+                  </View>
+                </Pressable>
+              )}
+            />
+            <UseCondition if={post.price_id} >
+              <>
+                <View style={{ flexDirection: 'row', marginTop: 20 }} >
+                  <LibTextstyle textStyle='caption1' text={esp.lang("event/queue_out", "qty_title") + (post.qty_min > 1 ? (" " + esp.lang("event/queue_out", "min_order", post.qty_min)) : "")} style={{ marginBottom: 8, fontWeight: "bold" }} />
+                </View>
+                <View style={{ flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }} >
+                  <View style={{ flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }} >
+                    <Pressable
+                      onPress={() => setPost(LibObject.update(post, (oldQty) => Math.max(Number(oldQty) - 1, Number(post.qty_min)))('qty'))}
+                      style={{ opacity: post.qty == post.qty_min ? 0.5 : 1, alignItems: 'center', justifyContent: 'center', height: 40, width: 40, borderRadius: 20, backgroundColor: LibUtils.hexToRgba(LibStyle.colorRed, .4) }} >
+                      <LibIcon.AntDesign name='minus' />
+                    </Pressable>
+                    <Text style={{ fontSize: 30, margin: 12, minWidth: 40, textAlign: 'center' }} >{post.qty || post.qty_min}</Text>
+                    <Pressable
+                      onPress={() => setPost(LibObject.update(post, (oldQty) => Math.min(Number(oldQty) + 1, post.qty_max))('qty'))}
+                      style={{ opacity: post.qty == post.qty_max ? 0.5 : 1, alignItems: 'center', justifyContent: 'center', height: 40, width: 40, borderRadius: 20, backgroundColor: LibUtils.hexToRgba(LibStyle.colorGreen, .4) }} >
+                      <LibIcon.AntDesign name='plus' />
+                    </Pressable>
+                  </View>
+                </View>
+              </>
+            </UseCondition>
+            <View style={{ backgroundColor: '#f9f9f9', marginHorizontal: -12, paddingHorizontal: 10, marginBottom: -12, borderBottomLeftRadius: 16, borderBottomRightRadius: 16, paddingVertical: 5, paddingTop: 10 }} >
+              <LibTextstyle textStyle='caption2' text={esp.lang("event/queue_out", "notes")} style={{ marginBottom: 8 }} />
+            </View>
+          </View>
+          <Pressable
+            onPress={() => {
+              if (!post.price_id) {
+                LibToastProperty.show(esp.lang("event/queue_out", "err_no_type"))
+                return
+              }
+              esp.mod("lib/dialog").confirm(esp.lang("event/queue_out", "dialog_title"), esp.lang("event/queue_out", "dialog_msg"), esp.lang("event/queue_out", "dialog_yes"), () => {
+                new LibCurl("event_booking_waiting_allotment", post, (res, msg) => {
+                  LibToastProperty.show(res)
+                  LibNavigation.back()
+                }, (err) => {
+                  LibToastProperty.show(err.message)
+                })
+              }, esp.lang("event/queue_out", "dialog_no"), () => {
+
+              })
+
+            }}
+            style={[{ backgroundColor: LibStyle.colorPrimary, alignItems: 'center', justifyContent: 'center', paddingVertical: 15, marginHorizontal: 16, borderBottomLeftRadius: 16, borderBottomRightRadius: 16, margin: 10, marginTop: -32, paddingTop: 26 }, LibStyle.elevation(3)]} >
+            <Text style={{ color: 'white', fontWeight: 'bold' }} >{esp.lang("event/queue_out", "submit")}</Text>
+          </Pressable>
+        </View>
+      </ScrollView>
+      <LibSlidingup ref={datesRef} >
+        <View style={{ maxHeight: esp.mod("lib/style").height * 0.5, backgroundColor: 'white', borderTopLeftRadius: 30, borderTopRightRadius: 30 }} >
+          <LibTextstyle textStyle='m_h6' text={esp.lang("event/queue_out", "date_title")} style={{ textAlign: 'center', padding: 20 }} />
+          <ScrollView>
+            <UseMap
+              data={dates}
+              renderItem={(item) => (
+                <Pressable
+                  onPress={() => {
+                    setPost(
+                      new (esp.mod("lib/object"))(post)
+                        .set(item.price_id)('price_id')
+                        .set(item.ondate)('ondate')
+                        .value()
+                    )
+                    datesRef.current?.hide()
+                  }}
+                  style={{ padding: 10, marginHorizontal: 16, marginBottom: 8, backgroundColor: '#f9f9f9', borderRadius: 8, paddingVertical: 12 }} >
+                  <LibTextstyle textStyle="body" text={item.ondate == '0000-00-00' ? "All Date" : moment(item.ondate).format('DD MMMM YYYY')} style={{ textAlign: 'center' }} />
+                </Pressable>
+              )}
+            />
+          </ScrollView>
+          {/* <View style={{ padding: 18 }} >
+            <ComponentButton label='Kirim' onPress={() => { }} />
+          </View> */}
+        </View>
+      </LibSlidingup>
+    </View>
+  )
+}

package/event/queue_pricing.tsx

@@ -0,0 +1,152 @@
+// withHooks
+
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibFirebase_socketProperty } from 'esoftplay/cache/lib/firebase_socket/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import useSafeState from 'esoftplay/state';
+import { useTimeout } from 'esoftplay/timeout';
+import { useKeepAwake } from 'expo-keep-awake';
+import LottieView from 'lottie-react-native';
+import React, { useEffect, useRef } from 'react';
+import { Text, View } from 'react-native';
+import useFirebaseSocket from '../lib/firebase_socket';
+
+export interface EventQueueArgs {
+
+}
+export interface EventQueueProps {
+  event_id: number,
+  type: 1 | 2,
+  onDone?: () => void
+}
+
+let timer: any;
+function debounce(func: Function, timeout: number): any {
+  clearTimeout(timer);
+  timer = setTimeout(() => { func() }, timeout);
+  return timer;
+}
+
+const EVENT_PRICING_QUEUE = 'event_pricing_queue'
+
+const pricing_queue = useGlobalState<any>({})
+
+export function state(): useGlobalReturn<any> {
+  return pricing_queue
+}
+
+
+const queueNumberState = useGlobalState(1)
+export default function m(props: EventQueueProps): any {
+  const counter = useRef<number>(0)
+  const { addQueue, getQueue, updateQueueExp, doneQueue } = useFirebaseSocket()
+  const [queueStatus, setQueueStatus] = useSafeState(0)
+  const { isInPricingQueueConfig } = useFirebaseSocket()
+  let { event_id, autoPass } = LibNavigation.getArgsAll<any>(props, props)
+  event_id = String(event_id)
+  const [number, setNumber, getNumber] = useSafeState(esp.lang("event/queue_pricing", "info"))
+  const animation = useRef<LottieView>(null)
+  let refTimeout = useRef<any>()
+  const pathQueue = EVENT_PRICING_QUEUE
+  // const limit = LibFirebase_socketProperty.eventQueueConfig.useSelector(x => x.limit)
+
+  const timeout = useTimeout()
+  useKeepAwake()
+
+  useEffect(() => {
+    new LibCurl("https://storage.googleapis.com/bbo-images/bbo.co.id/images/modules/api/queue.json", null,
+      (res, message) => {
+        if (res == 1) {
+          setQueueStatus(1)
+          addQueue(String(pathQueue), String(event_id), () => {
+            getCurrentQueue(1)
+          });
+        }
+      }, (err) => { console.log(err) }
+    )
+    timeout(() => {
+      animation.current?.play()
+    }, 300);
+    return () => {
+      queueNumberState.reset()
+      clearTimeout(timer)
+      clearTimeout(refTimeout.current)
+      LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+    }
+  }, [])
+
+  useEffect(() => {
+    if (queueStatus == 2) {
+      clearTimeout(refTimeout.current)
+    } else {
+      clearTimeout(refTimeout.current)
+      refTimeout.current = setTimeout(() => {
+        LibNavigation.replace('event/queue_pricing', { event_id, autoPass })
+      }, 10000);
+    }
+  }, [queueStatus])
+
+  function getCurrentQueue(timeout?: number) {
+    debounce(() => {
+      const limit = LibFirebase_socketProperty.eventQueueConfig.get(event_id).limit
+      console.log(limit, event_id)
+      getQueue(pathQueue, event_id, 60000, (idx, key) => {
+        counter.current++
+        if (limit == 0) {
+          LibNavigation.sendBackResult(1, LibNavigation.getResultKey(props))
+        } else
+          if (idx < limit) {
+            updateQueueExp(pathQueue, event_id)
+            setNumber(esp.lang("event/queue_pricing", "info2"))
+            pricing_queue.set({ pathQueue, event_id, key })
+            clearTimeout(refTimeout.current)
+            clearTimeout(timer)
+            if (autoPass) {
+              doneQueue(pathQueue, event_id, key, () => { })
+            }
+            LibNavigation.sendBackResult(1, LibNavigation.getResultKey(props))
+          } else {
+            setQueueStatus(2)
+            queueNumberState.set((idx + 1) - limit)
+            const updatedCount = (idx + 1) - limit
+            if (isNaN(Number(getNumber())) || updatedCount < Number(getNumber()))
+              setNumber(String((updatedCount).toFixed(0)))
+          }
+      })
+      getCurrentQueue(Math.max(Math.min((queueNumberState.get() / limit) * 1000, 6000), 3000));
+    }, timeout || 3000)
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: 'white', justifyContent: 'center', alignItems: 'center' }} >
+      <View style={{ alignItems: 'center' }} >
+        <LottieView
+          ref={animation}
+          loop={true}
+          style={{ width: 150, height: 150 }}
+          source={esp.assets('pending.json')}
+        />
+      </View>
+      {/* {esp.isDebug("timer debug") ? <EventTimer /> : null} */}
+      {
+        Number(number) > 0 ?
+          <>
+            <Text style={{ textAlign: 'center', margin: 16, fontSize: 20 }} >{esp.lang("event/queue_pricing", "wait")}</Text>
+            <Text style={{ fontSize: 50, textAlign: 'center', margin: 24, fontWeight: 'bold' }}>{LibUtils.number(number)}</Text>
+            <View style={{ backgroundColor: LibUtils.hexToRgba(LibStyle.colorPrimary, 0.05), padding: 15, alignItems: 'center', margin: 16, borderRadius: 5, borderWidth: 1, borderColor: LibUtils.hexToRgba(LibStyle.colorPrimary, 0.5) }} >
+              <Text style={{ fontSize: 18, textAlign: 'center' }} >{esp.lang("event/queue_pricing", "number")}</Text>
+            </View>
+            <Text style={{ textAlign: 'center', margin: 16, fontSize: 20 }} >{esp.lang("event/queue_pricing", "dont_go")}</Text>
+          </>
+          :
+          <>
+            <Text style={{ fontSize: 20, textAlign: 'center', margin: 24 }}>{number}</Text>
+          </>
+      }
+    </View>
+  )
+}

package/event/randomseat.tsx

@@ -0,0 +1,33 @@
+// withHooks
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Image, Pressable, View } from 'react-native';
+
+
+export interface EventRandomseatArgs {
+
+}
+export interface EventRandomseatProps {
+  onPressNo: () => void,
+  onPressOk: () => void
+}
+
+
+export default function m(props: EventRandomseatProps): any {
+  return (
+    <View style={{}} >
+      <Image source={esp.assets('randomseat.png')} resizeMode='contain' style={{ height: 300, width: 300, backgroundColor: 'orange', alignItems: 'center', alignSelf: 'center' }} />
+      <View style={{ flexDirection: 'row', marginTop: 10, paddingHorizontal: 10 }} >
+        <Pressable onPress={props.onPressNo} style={{ flex: 1, height: 50, alignItems: 'center', justifyContent: 'center' }} >
+          <LibTextstyle textStyle="body" text={esp.lang("event/randomseat", "back")} />
+        </Pressable>
+        <Pressable onPress={props.onPressOk} style={{ flex: 1, height: 50, backgroundColor: LibStyle.colorRed, borderRadius: 25, alignItems: 'center', justifyContent: 'center' }} >
+          <LibTextstyle textStyle="body" text={esp.lang("event/randomseat", "next")} style={{ color: "white" }} />
+        </Pressable>
+      </View>
+    </View>
+  )
+}

package/event/review.tsx

@@ -0,0 +1,117 @@
+// withHooks
+
+
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { EventReview_addProperty } from 'esoftplay/cache/event/review_add/import';
+import { EventReview_item } from 'esoftplay/cache/event/review_item/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibList } from 'esoftplay/cache/lib/list/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import esp from 'esoftplay/esp';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+
+
+export interface EventReviewArgs {
+
+}
+export interface EventReviewProps {
+
+}
+
+const reviewList = useGlobalState<any>(undefined, { persistKey: 'event_review', isUserData: true, inFile: true, loadOnInit: true })
+
+export function reviewListState(): useGlobalReturn<any> {
+  return reviewList
+}
+
+export function calculateProb(probs: any) {
+  if (probs.length == 0) return null;
+
+  let sum = 0;
+
+  for (let i = 0; i < probs.length; ++i) {
+    sum += probs[i].percentage;
+  }
+
+  let gradientProbs = [];
+  let stackedProb = 0;
+  for (let i = 0; i < probs.length; ++i) {
+    const normal = probs[i].percentage / sum;
+    stackedProb += normal;
+    gradientProbs.push(stackedProb);
+  }
+
+  const random = Math.random();
+
+  for (let i = 0; i < gradientProbs.length; ++i) {
+    if (random < gradientProbs[i]) {
+      return probs[i];
+    }
+  }
+
+  return probs[0];
+}
+
+export default function m(props: EventReviewProps): any {
+
+  const url = 'event_order_review'
+  const [data, setData] = reviewList.useState()
+  const dataOfflineReview = EventReview_addProperty.state().get()
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    let post = {
+      options_url_expansion: 1,
+    }
+    new LibCurl(url, post, (res, msg) => {
+      let a = res?.list?.map((item: any) => {
+        return {
+          ...item,
+          is_offline_review: 0
+        }
+      })
+      setData(res)
+    }, (msg) => {
+      LibToastProperty.show(msg)
+    })
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <ComponentHeader notif title={esp.lang("event/review", "header_title")} />
+
+      <LibList
+        data={data?.list}
+        renderItem={(item: any) => {
+          let type = calculateProb(item?.config?.review)
+          let args = {
+            url: "https://api.test.bbo.co.id/event_order_detail?id=" + item.id,
+            url_form: item.url_form + (item.url_detail.includes("?") ? "&" : "?") + 'type=' + type?.type,
+            booking_id: item.id,
+            type: type?.type,
+          }
+
+          const r = dataOfflineReview?.filter?.((elem: any) => elem.booking_id == item.id);
+          const newRev = r?.length > 0 ? r[0].review : item.review
+          return (
+            <EventReview_item
+              {...item}
+              review={newRev}
+              onPress={() => {
+                LibNavigation.navigate(newRev == null ? 'event/review_add' : 'ticket/detail', args)
+              }}
+            />
+          )
+        }}
+      />
+    </View>
+  )
+}