esoftplay-event 0.0.1-s → 0.0.1-u

package/event/order_reschedule.tsx

@@ -3,7 +3,7 @@ import { applyStyle } from 'esoftplay';
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventMessage } from 'esoftplay/cache/event/message/import';
-import { LibCarrousel } from 'esoftplay/cache/lib/carrousel/import';
+import { EventOrder_detailProperty } from 'esoftplay/cache/event/order_detail/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
@@ -16,13 +16,13 @@ import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { EventOrder_detailProperty } from 'esoftplay/cache/event/order_detail/import';
 import esp from 'esoftplay/esp';
+import useLazyState from 'esoftplay/lazy';
 import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 
 import React, { useEffect } from 'react';
-import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+import { Pressable, RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventOrder_rescheduleArgs {
@@ -31,12 +31,14 @@ export interface EventOrder_rescheduleArgs {
 export interface EventOrder_rescheduleProps {
 
 }
+
 export default function m(props: EventOrder_rescheduleProps): any {
   let { url } = LibNavigation.getArgsAll(props)
-  const [result, setResult] = useSafeState<any>()
 
+  const [result, setResult, getResult] = useLazyState<any>()
   const imgWidth = LibStyle.width - 30
   const imgHeight = imgWidth / 1080 * 647
+  const [refreshing, setRefreshing] = useSafeState<boolean>(false);
 
   let defaultTabs = [
     {
@@ -48,7 +50,7 @@ export default function m(props: EventOrder_rescheduleProps): any {
       title: /*refund*/esp.lang("event/order_reschedule", "refund")
     },
   ]
-  const [activeTab, setActiveTab] = useSafeState<any>(1)
+  const [activeTab, setActiveTab] = useLazyState<any>(1)
 
 
   useEffect(() => {
@@ -57,15 +59,22 @@ export default function m(props: EventOrder_rescheduleProps): any {
 
   function loadData() {
     new LibCurl(url, null, (res, msg) => {
-      setResult(res)
+      setResult(res)()
+      setRefreshing(false)
     }, (error) => {
+      setRefreshing(false)
       LibDialog.warning(esp.lang("event/order_reschedule", "load_err"), error?.message)
     }, 1)
   }
 
+  function onRefresh() {
+    setRefreshing(true)
+    loadData()
+  }
+
   function rescheduleTicket() {
-    let a = result.booking_list?.map?.((item: any) => item.price_type?.filter?.((item1: any) => item1.check == 1))
-    let _booking_ids = result.booking_list?.map?.((item: any) => {
+    let a = getResult().booking_list?.map?.((item: any) => item.price_type?.filter?.((item1: any) => item1.check == 1))
+    let _booking_ids = getResult().booking_list?.map?.((item: any) => {
       if (item.price_type?.some((x: any) => x.check == 1)) {
         return item.id
       }
@@ -131,7 +140,7 @@ export default function m(props: EventOrder_rescheduleProps): any {
   }
 
   function refundTicket() {
-    let a = result.booking_list?.filter?.((item: any) => item.check == 1)
+    let a = getResult().booking_list?.filter?.((item: any) => item.check == 1)
     let _booking_ids: any[] = []
 
     for (let i = 0; i < a.length; i++) {
@@ -179,19 +188,19 @@ export default function m(props: EventOrder_rescheduleProps): any {
   }
 
   function updateResult(item: any, i: number, item1: any, i1: number) {
-    setResult(
-      LibObject.update(result, (data) => {
-        for (let j = 0; j < data.price_type.length; j++) {
-          data.price_type[j].check = i1 == j ? data.price_type[j].hasOwnProperty("check") && data.price_type[j].check == 1 ? 0 : 1 : 0
-        }
-        return { ...data }
-      })('booking_list', i)
-    )
+    let a = LibObject.update(getResult(), (data) => {
+      for (let j = 0; j < data.price_type.length; j++) {
+        data.price_type[j].check = i1 == j ? data.price_type[j].hasOwnProperty("check") && data.price_type[j].check == 1 ? 0 : 1 : 0
+      }
+      return { ...data }
+    })('booking_list', i)
+
+    setResult(a)()
 
 
     if (item.reseat == 1) {
       let data = {
-        event_id: result.id,
+        event_id: getResult().id,
         qty: item.qty,
         // kenapa seperti ini, biar objeknya sama dengan di event/ticket_list
         selected_ticket: {
@@ -214,11 +223,15 @@ export default function m(props: EventOrder_rescheduleProps): any {
   function renderRescheduleList(item: any, i: number) {
     return (
       <View key={i}>
-        <View style={applyStyle({ backgroundColor: '#f1f2f3', padding: 14, borderTopWidth: 3, borderTopColor: '#999', marginTop: 20 })}>
+        <View style={applyStyle({ backgroundColor: '#f1f2f3', padding: 14, borderTopWidth: 3, borderTopColor: '#999', marginTop: 10 })}>
           <View style={{ flexDirection: 'row', justifyContent: 'space-between' }} >
-            <Text style={applyStyle({ fontFamily: "Arial", fontSize: 12, lineHeight: 20, fontStyle: "normal", letterSpacing: 0 })} >{(item.price_name) + " (" + item.qty + " " + esp.lang("event/order_reschedule", "ticket_text")}<Text style={{ color: "orange" }} >{item.qty_shared > 0 ? esp.lang("event/order_reschedule", "shared", item?.qty_shared) : ""}</Text>{")"}</Text>
+            <View style={{ flex: 2 }}>
+              <Text style={applyStyle({ fontFamily: "Arial", fontSize: 12, lineHeight: 20, fontStyle: "normal", letterSpacing: 0 })} >{(item.price_name) + " (" + item.qty + " " + esp.lang("event/order_reschedule", "ticket_text")}<Text style={{ color: "orange" }} >{item.qty_shared > 0 ? esp.lang("event/order_reschedule", "shared", item?.qty_shared) : ""}</Text>{")"}</Text>
+            </View>
 
-            <Text style={applyStyle({ fontFamily: "Arial", fontSize: 12, lineHeight: 20, fontStyle: "normal", fontWeight: 'bold', letterSpacing: 0 })} >{LibUtils.money(item.price)}</Text>
+            <View style={{ flex: 1, alignContent: 'flex-end', alignItems: 'flex-end' }}>
+              <Text style={applyStyle({ fontFamily: "Arial", fontSize: 12, lineHeight: 20, fontStyle: "normal", fontWeight: 'bold', letterSpacing: 0 })} >{LibUtils.money(item.price)}</Text>
+            </View>
           </View>
           {
             item.ondate != "0000-00-00" &&
@@ -278,7 +291,7 @@ export default function m(props: EventOrder_rescheduleProps): any {
                       </View>
                     </View>
                     <View style={applyStyle({ marginLeft: 10, flexDirection: 'column', marginRight: 6 })} >
-                      <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: _selectTicket ? "#3ea4dc" : '#999', opacity: opacityPassed })} >{LibUtils.money(item1.price)}</Text>
+                      <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: _selectTicket ? "#3ea4dc" : '#999', opacity: opacityPassed })} >{LibUtils.money(item1.price, item1.currency)}</Text>
                     </View>
 
                     <TouchableOpacity onPress={() => {
@@ -300,6 +313,7 @@ export default function m(props: EventOrder_rescheduleProps): any {
     )
   }
 
+  esp.log(result);
   function renderRefundList(item: any, i: number) {
     let _selectTicket = item.hasOwnProperty('check') && item.check == 1
     const styleID_12nkjf: any = { marginLeft: 10, textDecorationLine: 'line-through', textDecorationStyle: 'solid', opacity: item.is_refundable == 1 ? 1 : 0.5, marginTop: 4, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: _selectTicket ? "#3ea4dc" : '#999' }
@@ -307,20 +321,21 @@ export default function m(props: EventOrder_rescheduleProps): any {
       <View key={i}>
         <TouchableOpacity onPress={() => {
           if (item.is_refundable == 1) {
-            setResult(
-              LibObject.set(result, item.hasOwnProperty('check') && item.check == 1 ? 0 : 1)('booking_list', i, "check")
-            )
+            setResult(() => LibObject.set(getResult(), item.hasOwnProperty('check') && item.check == 1 ? 0 : 1)('booking_list', i, "check"))()
           }
         }} style={{ flex: 1, backgroundColor: item.is_refundable == 1 ? '#fff' : LibStyle.colorLightGrey, flexDirection: 'row', justifyContent: 'space-between', padding: 10 }}>
           <View style={applyStyle({ flex: 1 })}>
-            <Text style={applyStyle({ fontFamily: "Arial", fontSize: 12, lineHeight: 20, fontStyle: "normal", fontWeight: 'bold', letterSpacing: 0 })} >{esp.lang("event/order_reschedule", "ticket_date", moment(item.ondate).format("DD MMMM YYYY"))}</Text>
+            {
+              item.ondate != "0000-00-00" &&
+              <Text style={applyStyle({ fontFamily: "Arial", fontSize: 12, lineHeight: 20, fontStyle: "normal", fontWeight: 'bold', letterSpacing: 0 })} >{esp.lang("event/order_reschedule", "ticket_date", moment(item.ondate).format("DD MMMM YYYY"))}</Text>
+            }
             {item.qty_shared > 0 &&
               <LibTextstyle textStyle='caption1' text={esp.lang("event/order_reschedule", "chared", item.qty_shared)} style={{ color: 'orange' }} />
             }
             <Text allowFontScaling={false} style={{ opacity: item.is_refundable == 1 ? 1 : 0.5, fontFamily: "Arial", fontSize: 10, marginBottom: 4, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0.23, color: LibStyle.colorRed }}>{item.refund == "0.00" ? esp.lang("event/order_reschedule", "cant_refund") : esp.lang("event/order_reschedule", "refundable", LibUtils.numberAbsolute(item.refund).toString())}</Text>
             <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectTicket ? "#3ea4dc" : '#999' })}>{esp.lang("ticket/refund", "ticket")} {item.price_name + " (" + item.qty + " " + esp.lang("ticket/refund", "ticket") + ") "}</Text>
             <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-              <Text allowFontScaling={false} style={applyStyle({ marginTop: 4, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: _selectTicket ? "#3ea4dc" : '#999' })}>{LibUtils.money(item.refund == "0.00" ? item.price : item.price_cancellable)}</Text>
+              <Text allowFontScaling={false} style={applyStyle({ marginTop: 4, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: _selectTicket ? "#3ea4dc" : '#999' })}>{LibUtils.money(item.price_cancellable, item.currency)}</Text>
               {
                 item.refund != "0.00" && item.refund != "100.00" &&
                 <Text allowFontScaling={false} style={styleID_12nkjf}>{LibUtils.money(item.price)}</Text>
@@ -329,9 +344,7 @@ export default function m(props: EventOrder_rescheduleProps): any {
           </View>
           <TouchableOpacity onPress={() => {
             if (item.is_refundable == 1) {
-              setResult(
-                LibObject.set(result, item.hasOwnProperty('check') && item.check == 1 ? 0 : 1)('booking_list', i, "check")
-              )
+              setResult(() => LibObject.set(getResult(), item.hasOwnProperty('check') && item.check == 1 ? 0 : 1)('booking_list', i, "check"))()
             }
           }} style={applyStyle({ padding: 8, opacity: 1 })} >
             <LibIcon name={_selectTicket ? "checkbox-marked-circle" : "radiobox-blank"} size={22} style={{ opacity: item.is_refundable == 1 ? 1 : 0.5 }} color={_selectTicket ? "#3ea4dc" : "#434343"} />
@@ -341,12 +354,6 @@ export default function m(props: EventOrder_rescheduleProps): any {
     )
   }
 
-  function renderImageCarousel(item1: any, i: number) {
-    return (
-      <LibPicture key={i} source={{ uri: item1.image }} style={applyStyle({ borderTopLeftRadius: 0, borderTopRightRadius: 0, height: imgHeight, width: imgWidth, resizeMode: 'cover' })} />
-    )
-  }
-
 
   const dateRange = LibUtils.getDateRange(result?.start_date, result?.end_date, " - ")
 
@@ -360,7 +367,8 @@ export default function m(props: EventOrder_rescheduleProps): any {
             defaultTabs.map((item: any, i: number) => {
               return (
                 <Pressable onPress={() => {
-                  setActiveTab(item.id)
+                  loadData()
+                  setActiveTab(item.id)()
                 }} key={i} style={{ flex: 1, padding: 10, borderTopLeftRadius: 10, borderTopRightRadius: 10, backgroundColor: item.id == activeTab ? "#fff" : LibStyle.colorBgGrey }}>
                   <Text allowFontScaling={false} style={{ opacity: item.id == activeTab ? 1 : 0.7, alignSelf: 'center', textAlign: 'center', fontFamily: "Arial", fontWeight: item.id == activeTab ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, color: item.id == activeTab ? "#000" : "#aab0b7" }} >{item.title}</Text>
                 </Pressable>
@@ -370,20 +378,12 @@ export default function m(props: EventOrder_rescheduleProps): any {
         </View>
       }
 
-      <ScrollView>
+      <ScrollView refreshControl={
+        <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
+      }>
         <View style={{ marginTop: result?.global_refundable == 1 ? 0 : 10, margin: 15, borderTopLeftRadius: 0, borderTopRightRadius: 0, borderRadius: 10, backgroundColor: '#fff', paddingBottom: activeTab == 2 ? 10 : 0 }}>
-          <LibCarrousel
-            delay={4000}
-            style={{ borderTopLeftRadius: 0, borderTopRightRadius: 0, height: imgHeight, width: imgWidth }}
-            autoplay
-            bullets
-            bulletStyle={{ width: 7, height: 7, backgroundColor: "#7e7e7e", borderRadius: 3.5, borderWidth: 0, marginHorizontal: 2 }}
-            chosenBulletStyle={{ width: 7, height: 7, backgroundColor: "white", borderRadius: 3.5, borderWidth: 0, marginHorizontal: 2 }}
-            bulletsContainerStyle={{ marginBottom: -15 }} >
-            {
-              result?.images.map(renderImageCarousel)
-            }
-          </LibCarrousel>
+          <LibPicture source={{ uri: result?.image }} style={applyStyle({ borderTopLeftRadius: 0, borderTopRightRadius: 0, height: imgHeight, width: imgWidth, resizeMode: 'cover' })} />
+
           <View style={{ flexDirection: 'row', margin: 14, marginTop: 4, justifyContent: 'space-between' }}>
             <Text allowFontScaling={false} style={{ marginTop: 14, fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{result?.title}</Text>
           </View>
@@ -399,8 +399,6 @@ export default function m(props: EventOrder_rescheduleProps): any {
             <View style={{ width: 19, height: 19, borderRadius: 9.5, backgroundColor: LibStyle.colorBgGrey, marginRight: -9.5 }} />
           </View>
 
-          {/* <Text style={{ margin: 14, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0 }} >{esp.lang("event/order_reschedule", "schedule_ticket_new")}</Text> */}
-
           {
             activeTab == 2 &&
             <View style={{ padding: 14, backgroundColor: '#f1f2f3' }}>

package/event/order_share_to.tsx

@@ -64,13 +64,14 @@ export default function m(props: EventOrder_share_toProps): any {
     setQty(qty == 1 ? 1 : qty - 1)
   }
 
-  function shareTicket() {
+  function shareTicket(p: any) {
     LibDialog.warningConfirm(esp.lang("event/order_share_to", "title_alert_share_ticket"), esp.lang("event/order_share_to", "msg_alert_share_ticket"), esp.lang("event/order_share_to", "btn_yes_alert_share_ticket"), () => {
       let post = {
         receiver_email: email,
         booking_id: result?.booking_id,
         qty_shared: qty,
-        trx_id: trxId
+        trx_id: trxId,
+        pin: p
       }
       LibProgress.show(esp.lang("event/order_share_to", "msg_wait"))
       new LibCurl('event_booking_shared?id=' + result?.event_id, post, (res, msg) => {
@@ -124,24 +125,6 @@ export default function m(props: EventOrder_share_toProps): any {
           onChangeText={(t) => {
             setEmail(t)
           }}
-          onSubmitEditing={() => {
-            if (inputEmail.current?.getText() == '') {
-              LibToastProperty.show(esp.lang("event/order_share_to", "msg_error_input_email"))
-              inputEmail.current?.blur()
-              return
-            } else if (email === user.email) {
-              LibDialog.warningConfirm(esp.lang("event/order_share_to", "title_alert_fault"), esp.lang("event/order_share_to", "msg_alert_cant_share_ticket_to_myself"), esp.lang("event/order_share_to", "btn_yes_alert_cant_share_ticket_to_myself"), () => {
-                setEmail("")
-                inputEmail.current?.setText("")
-                inputEmail.current?.focus()
-              }, "", () => {
-
-              })
-              return
-            } else {
-              dialogUser.current?.show()
-            }
-          }}
           style={{ marginLeft: 25, marginRight: 25, marginTop: 18, borderRadius: 5 }} />
         <TouchableOpacity onPress={() => {
           if (inputEmail.current?.getText() == '') {
@@ -190,7 +173,11 @@ export default function m(props: EventOrder_share_toProps): any {
                   receiver_email: email,
                 })
               } else {
-                shareTicket()
+                LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
+                  if (p) {
+                    shareTicket(p)
+                  }
+                })
               }
               dialogUser.current?.hide()
             }} cancel={() => {

package/event/order_share_to_detail.tsx

@@ -76,13 +76,14 @@ export default function m(props: EventOrder_share_to_detailProps): any {
     set_qty(_qty == 1 ? 1 : _qty - 1)
   }
 
-  function shareTicket() {
+  function shareTicket(p: any) {
     LibDialog.warningConfirm(esp.lang("event/order_share_to_detail", "title_confirm_share_ticket"), esp.lang("event/order_share_to_detail", "msg_confirm_share_ticket"), esp.lang("event/order_share_to_detail", "btn_yes_confirm_share_ticket"), () => {
       let post = {
         receiver_email: userTo?.email,
         booking_id: result?.booking_id,
         qty_shared: _qty,
-        trx_id: trxId
+        trx_id: trxId,
+        pin: p
       }
 
       LibProgress.show(esp.lang("event/order_share_to_detail", "msg_wait"))
@@ -170,7 +171,11 @@ export default function m(props: EventOrder_share_to_detailProps): any {
                 receiver_email: userTo.email,
               })
             } else {
-              shareTicket()
+              LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
+                if (p) {
+                  shareTicket(p)
+                }
+              })
             }
           }} />
 

package/event/order_waiting.tsx

@@ -86,7 +86,7 @@ export default function m(props: EventOrder_waitingProps): any {
               item?.status == 0 ?
                 <View style={applyStyle({ marginHorizontal: 25, marginBottom: 10, flex: 1, borderTopColor: "#000", borderTopWidth: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center' })}>
                   <View style={{ flex: 1 }}>
-                    <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+                    <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', item?.timezone)} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
                   </View>
                   {
                     !!item?.booking_code &&

package/event/queue_pricing.tsx

@@ -7,7 +7,7 @@ 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 { useDebounce, useTimeout } from 'esoftplay/timeout';
 import { useKeepAwake } from 'expo-keep-awake';
 import LottieView from 'lottie-react-native';
 import React, { useEffect, useRef } from 'react';
@@ -51,13 +51,26 @@ export default function m(props: EventQueueProps): any {
   const pathQueue = EVENT_PRICING_QUEUE
 
   const timeout = useTimeout()
+  const redebounce = useDebounce()
   useKeepAwake()
 
+  function checkIsHasNumber() {
+    redebounce(() => {
+      if (!(Number(number) > 0)) {
+        addQueue(String(pathQueue), String(event_id), () => {
+          getCurrentQueue(1)
+        });
+        checkIsHasNumber()
+      }
+    }, 7000)
+  }
+
   useEffect(() => {
     setQueueStatus(1)
     addQueue(String(pathQueue), String(event_id), () => {
       getCurrentQueue(1)
     });
+    checkIsHasNumber()
     timeout(() => {
       animation.current?.play()
     }, 300);
@@ -76,7 +89,7 @@ export default function m(props: EventQueueProps): any {
       clearTimeout(refTimeout.current)
       refTimeout.current = setTimeout(() => {
         LibNavigation.replace('event/queue_pricing', { event_id, autoPass })
-      }, 10000);
+      }, 12000);
     }
   }, [queueStatus])
 

package/event/refresh_button.tsx

@@ -1,17 +1,15 @@
 // withHooks
+// noPage
 
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import useSafeState from 'esoftplay/state';
 import React from 'react';
 import { Animated, TouchableOpacity } from 'react-native';
 
-
-export interface EventRefresh_buttonArgs {
-  
-}
 export interface EventRefresh_buttonProps {
   onPress: () => void,
   size?: number
+  containerStyle?: any
 }
 export default function m(props: EventRefresh_buttonProps): any {
   const [anim, setAnim] = useSafeState(new Animated.Value(0))
@@ -31,7 +29,7 @@ export default function m(props: EventRefresh_buttonProps): any {
   })
 
   return (
-    <TouchableOpacity onPress={() => { rotate(); props.onPress(); }} style={{ height: 30, width: 30, alignItems: 'center', justifyContent: 'center' }} >
+    <TouchableOpacity onPress={() => { rotate(); props.onPress(); }} style={{ height: 30, width: 30, alignItems: 'center', justifyContent: 'center', ...props.containerStyle }} >
       <Animated.View style={{ height: size + 8, width: size + 8, transform: [{ rotate: rotateAnim }], alignItems: 'center', justifyContent: 'center' }} >
         <LibIcon name="refresh" size={size} color="#999" />
       </Animated.View>

package/event/seat.tsx

@@ -221,14 +221,13 @@ export default function m(props: EventSeatProps): any {
     LibNavigation.sendBackResult(value)
   }
 
-  function shareTicket() {
+  function shareTicket(p: any) {
     if (dataTicket?.qty != counter) {
       LibToastProperty.show(esp.lang("event/seat", "select_seat1"))
       return
     }
 
-    let _rowId = result?.list?.filter((item: any) => item.check).map((it: any) => it.seat_row)
-    let _colId = result?.list?.filter((item: any) => item.check).map((it: any) => it.seat_column)
+    let seatName = result?.list?.filter((item: any) => item.check).map((it: any) => it.seat_name)
     let _bookingMemberId = result?.list?.filter((item: any) => item.check).map((it: any) => it.id)
 
     LibDialog.confirm(esp.lang("event/seat", "share_title"), esp.lang("event/seat", "share_msg"), esp.lang("event/seat", "share_confirm"), () => {
@@ -236,10 +235,10 @@ export default function m(props: EventSeatProps): any {
         receiver_email: receiver_email,
         booking_id: result?.booking_id,
         qty_shared: dataTicket?.qty,
-        row_id: _rowId.join('|'),
-        column_id: _colId.join('|'),
+        seat_name: seatName.join('|'),
         booking_member_id: _bookingMemberId.join('|'),
-        trx_id: trxId
+        trx_id: trxId,
+        pin: p
       }
 
       LibProgress.show(esp.lang("event/seat", "share_wait"))
@@ -261,7 +260,7 @@ export default function m(props: EventSeatProps): any {
     })
   }
 
-  function sendBackTicket() {
+  function sendBackTicket(p: any) {
     if (dataTicket?.qty != counter) {
       LibToastProperty.show(esp.lang("event/seat", "select_seat2"))
       return
@@ -273,7 +272,8 @@ export default function m(props: EventSeatProps): any {
       let _bookingMemberId = result?.tickets?.filter((item: any) => item.check).map((it: any) => it.id)
 
       let post = {
-        booking_member_id: _bookingMemberId.join('|')
+        booking_member_id: _bookingMemberId.join('|'),
+        pin: p
       }
       new LibCurl('event_booking_shared_return?booking_id=' + result?.booking_id + '&qty_shared=' + dataTicket?.qty, post, (res, msg) => {
         // LibNotify(res)
@@ -437,7 +437,11 @@ export default function m(props: EventSeatProps): any {
               </ScrollView>
               <View style={{ paddingVertical: 10, paddingHorizontal: 20 }} >
                 <EventButton label={esp.lang("event/seat", "next")} onPress={() => {
-                  shareTicket()
+                  LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
+                    if (p) {
+                      shareTicket(p)
+                    }
+                  })
                 }} style={{ backgroundColor: dataTicket?.qty != counter ? LibStyle.colorGrey : LibStyle.colorPrimary }} />
               </View>
             </>
@@ -463,7 +467,12 @@ export default function m(props: EventSeatProps): any {
               </ScrollView>
               <View style={{ paddingVertical: 10, paddingHorizontal: 20 }} >
                 <EventButton label={esp.lang("event/seat", "next")} onPress={() => {
-                  sendBackTicket()
+                  LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
+                    if (p) {
+                      sendBackTicket(p)
+                    }
+                  })
+
                 }} style={{ backgroundColor: dataTicket?.qty != counter ? LibStyle.colorGrey : LibStyle.colorPrimary }} />
               </View>
             </>

package/event/ticket_list.tsx

@@ -26,6 +26,7 @@ import { EventLoading_pageProperty } from 'esoftplay/cache/event/loading_page/im
 import { LibEffect } from 'esoftplay/cache/lib/effect/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { UseDeeplinkProperty } from 'esoftplay/cache/use/deeplink/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
 import useLazyState from 'esoftplay/lazy';
 import useSafeState from 'esoftplay/state';
@@ -233,6 +234,9 @@ export default function m(props: EventTicket_listProps): any {
     if (value.quota != 0 && qty > value.quota) {
       qty = value.quota
     }
+    if (qty < 1) {
+      qty = 1
+    }
     setQty(qty)
   }
 
@@ -589,6 +593,15 @@ export default function m(props: EventTicket_listProps): any {
 
                       }} key={i} style={{ overflow: 'hidden', margin: 15, marginBottom: 5, backgroundColor: '#fff', borderRadius: 5, borderWidth: 1.5, borderColor: selTic ? LibStyle.colorBlue : LibStyle.colorBgGrey }}>
                         <View style={{ padding: 10, backgroundColor: '#f1f2f3', borderTopLeftRadius: 5, borderTopRightRadius: 5 }}>
+                          {
+                            esp.isDebug("") && UserClass.state().get()?.email == "bagus@fisip.net" &&
+                            <View style={applyStyle({ flexDirection: 'row' })}>
+                              <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderWidth: 1, backgroundColor: LibStyle.colorGreen, borderColor: "#4cd964", borderRadius: 5, padding: 2, paddingHorizontal: 5, opacity: 1 })}>
+                                <Text allowFontScaling={false} style={{ fontSize: 10, fontStyle: "normal", letterSpacing: 0.5, color: '#fff', fontWeight: 'bold' }}>Disini kah boy</Text>
+                              </View>
+                            </View>
+                          }
+
                           <View style={{ alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between', }}>
                             <View>
                               <EventHtmltext allowFontScaling={false} style={{ opacity: textOpacity, fontWeight: 'bold' }}>{item.type}

package/event/ticket_list2.tsx

@@ -149,7 +149,6 @@ export default function m(props: EventTicket_list2Props): any {
   const [showAll, setShowAll] = useSafeState<any>({});
   const [urlPayment, setUrlPayment] = useLazyState<any>()
 
-
   let dataEvent: any = {
     event_id: availableResult?.id,
     event_title: availableResult?.title,
@@ -292,6 +291,7 @@ export default function m(props: EventTicket_list2Props): any {
 
   function loadData() {
     new LibCurl(url, null, (res, msg) => {
+      esp.log(res, url);
       const availablePriceType = LibObject.update(res, (arr: any[]) => arr.filter((x) => x.status != 0))('price_type')
       const unAvailablePriceType = LibObject.update(res, (arr: any[]) => arr.filter((x) => x.status == 0))('price_type')
 

package/event/tms_check_code.tsx

@@ -98,6 +98,8 @@ export default function m(props: EventTms_check_codeProps): any {
     )
   }
 
+  esp.log(result);
+
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
       <EventHeader title={tab?.title} />
@@ -151,6 +153,10 @@ export default function m(props: EventTms_check_codeProps): any {
                   <LibTextstyle text={result?.data?.exhibitor_name} textStyle="headline" style={{ fontWeight: 'bold' }} />
                 }
                 <LibTextstyle text={result?.info} textStyle="m_body1" style={{ lineHeight: 20, marginTop: 10 }} />
+                {
+                  result?.is_claimed == true &&
+                  <LibTextstyle text={result?.data?.status_label} textStyle="m_overline" style={{ marginTop: 10, fontWeight: 'bold', fontSize: 12, color: result?.data?.status_color }} />
+                }
               </View>
             }
           </ScrollView>