esoftplay-event 0.0.1 → 0.0.2

package/event/order_detail_waiting.tsx

@@ -63,10 +63,13 @@ export default function m(props: EventOrder_waitingProps): any {
   function loadData() {
     EventOrderProperty.subscribe().trigger()
     new LibCurl(url + ((url.includes("?") ? "&" : "?") + 't=' + new Date().getTime()), null, (res) => {
-      // esp.log(res);
+      esp.log(res);
       setResult(res)
+      if (res?.status != 0) {
+        LibAutoreload.clear()
+      }
+
       if (res?.status == 1) {
-        // LibAutoreload.clear()
         LibNavigation.backToRoot()
         LibNavigation.navigate('user/profile')
         LibNavigation.navigate('event/order')
@@ -145,16 +148,29 @@ export default function m(props: EventOrder_waitingProps): any {
       send_image: result?.image,
     }, 123).then((value) => {
 
-      let module = ['event/order', 'payment/cc_web']
+      // let module = ['event/order', 'payment/cc_web']
 
       LibNavigation.backToRoot()
-      module?.map((item: any) => LibNavigation.push(item,
-        {
-          ...value,
-          url: value.url,
-          title: esp.lang("bigbang/loading_page", "success")
+      LibNavigation.navigateForResult('payment/cc_web', {
+        ...value,
+        statusSuccess: [1]
+      }).then((res) => {
+        LibNavigation.backToRoot()
+        LibNavigation.push('user/profile')
+        if (res?.hasOwnProperty('params_error') || res?.hasOwnProperty('failed')) {
+          LibNavigation.push('event/order_waiting')
+          LibNavigation.push('event/order_detail_waiting', { url: res?.url })
+        } else {
+          LibNavigation.push('event/order')
         }
-      ))
+      })
+      // module?.map((item: any) => LibNavigation.push(item,
+      //   {
+      //     ...value,
+      //     url: value.url,
+      //     title: esp.lang("bigbang/loading_page", "success")
+      //   }
+      // ))
     })
 
     // cancel booking ini
@@ -287,7 +303,7 @@ export default function m(props: EventOrder_waitingProps): any {
             <Text allowFontScaling={false} style={{ flex: 1, alignContent: 'center', alignItems: 'center', fontSize: 14, fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#9b9b9b" }}>{LibUtils.money(result?.total, result?.currency)}</Text>
           </View>
           {
-            result?.status == 0 && LibUtils.moment(result?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss') >= dateNow &&
+            result?.status == 0 && LibUtils.moment(result?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', result?.timezone) >= dateNow &&
             <View style={{ alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row', marginTop: 5 }}>
               <Text allowFontScaling={false} style={{ flex: 1, fontWeight: 'bold', fontSize: 14, fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail_waiting", "booking_code")}</Text>
               <Text allowFontScaling={false} style={{ flex: 1, alignContent: 'center', alignItems: 'center', fontSize: 14, fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: LibStyle.colorRed }}>{result?.booking_code}</Text>
@@ -297,7 +313,7 @@ export default function m(props: EventOrder_waitingProps): any {
             result?.status == 0 &&
             <View style={{ alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row', marginTop: 5 }}>
               <Text allowFontScaling={false} style={{ fontWeight: 'bold', flex: 1, flexWrap: 'wrap', fontSize: 14, fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail_waiting", "expired_payment")}</Text>
-              <EventCountdown_base expired={moment(result?.exp_payment).serverFormat("YYYY-MM-DD HH:mm:ss")} style={{ flex: 1, marginLeft: 15, fontSize: 14, color: LibStyle.colorRed, fontFamily: "ArialBold" }} />
+              <EventCountdown_base expired={moment(result?.exp_payment).serverFormat("YYYY-MM-DD HH:mm:ss", result?.timezone)} style={{ flex: 1, marginLeft: 15, fontSize: 14, color: LibStyle.colorRed, fontFamily: "ArialBold" }} />
             </View>
           }
 
@@ -365,7 +381,7 @@ export default function m(props: EventOrder_waitingProps): any {
                           <QRCode ecl="H" size={250} value={result?.params?.qr} />
                         </View>
 
-                        <Text allowFontScaling={false} style={{ fontSize: 14, textAlign: 'center', marginVertical: 10 }}>{esp.lang("event/order_detail_waiting", "expired_on") + moment(result?.exp_payment).serverFormat("DD MMM YYYY, HH:mm:ss")}</Text>
+                        <Text allowFontScaling={false} style={{ fontSize: 14, textAlign: 'center', marginVertical: 10 }}>{esp.lang("event/order_detail_waiting", "expired_on") + moment(result?.exp_payment).serverFormat("DD MMM YYYY, HH:mm:ss", result?.timezone)}</Text>
 
                       </View>
                       <TouchableOpacity onPress={() => EventCapture.capture(qrView, result?.event_name + "-" + result?.price_name)} style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center', height: 30, marginTop: 10, borderTopColor: LibStyle.colorBlue, borderBottomColor: LibStyle.colorBlue, borderTopWidth: 0.5, borderBottomWidth: 0.5 }}>
@@ -381,7 +397,7 @@ export default function m(props: EventOrder_waitingProps): any {
           }
 
           {
-            result?.payment?.payment_type != 3 && result?.payment?.payment_type != 4 && result?.payment?.payment_type != 11 && result?.payment?.payment_type != 13 && result?.payment?.payment_type != 14 &&
+            result?.status == 0 && result?.payment?.payment_type != 3 && result?.payment?.payment_type != 4 && result?.payment?.payment_type != 11 && result?.payment?.payment_type != 13 && result?.payment?.payment_type != 14 &&
             <>
               <View style={{ height: 3, backgroundColor: "#f6f6f6" }} />
 
@@ -425,18 +441,24 @@ export default function m(props: EventOrder_waitingProps): any {
             result?.payment?.payment_type == 13 &&
             <>
               <View style={{ height: 3, backgroundColor: "#f6f6f6" }} />
-
               <TouchableOpacity
                 onPress={() => {
-                  Linking.openURL(result?.params?.url_mobile)
+                  if (result?.params?.url_mobile != null) {
+                    Linking.openURL(result?.params?.url_mobile)
+                  } else if (result?.params?.url_web != null) {
+                    Linking.openURL(result?.params?.url_web)
+                  }
                 }}
                 style={{ marginTop: 15, borderRadius: 10, borderWidth: 2, overflow: 'hidden', borderColor: "#f6f6f6" }}>
                 <View style={{ padding: 15, backgroundColor: '#000', justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
                   <Text allowFontScaling={false} style={{ flex: 1, alignContent: 'center', alignItems: 'center', fontWeight: 'bold', fontSize: 16, fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{esp.lang("event/order_detail_waiting", "scan_or_tap")}</Text>
                 </View>
-                <View style={{ margin: 15, alignSelf: 'center' }}>
-                  <QRCode ecl="H" size={250} value={result?.params?.qr} />
-                </View>
+                {
+                  result?.params?.qr != null &&
+                  <View style={{ margin: 15, alignSelf: 'center' }}>
+                    <QRCode ecl="H" size={250} value={result?.params?.qr} />
+                  </View>
+                }
 
               </TouchableOpacity>
 
@@ -444,7 +466,10 @@ export default function m(props: EventOrder_waitingProps): any {
           }
 
           <View style={{ height: 3, backgroundColor: "#f6f6f6" }} />
-          <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginTop: 14 }}>{esp.lang("event/order_detail", "Checked_within_10_minutes_after_payment_is_made")}</Text>
+          {
+            result?.status == 0 &&
+            <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginTop: 14 }}>{esp.lang("event/order_detail", "Checked_within_10_minutes_after_payment_is_made")}</Text>
+          }
           {
             result?.payment?.description != null &&
             <TouchableOpacity onPress={() => {
@@ -459,7 +484,7 @@ export default function m(props: EventOrder_waitingProps): any {
         </View>
       </LibScroll>
       {
-        result?.status == 0 && LibUtils.moment(result?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss') >= dateNow &&
+        result?.status == 0 && LibUtils.moment(result?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss', result?.timezone) >= dateNow &&
         <View style={{ padding: 15, paddingTop: 10, paddingBottom: 10 }}>
           {
             (result?.payment?.payment_type == 3 || result?.payment?.payment_type == 14) && //khusus cc & FPX

package/event/order_item.tsx

@@ -97,7 +97,7 @@ export default function m(props: EventOrder_itemProps): any {
           item?.status == 0 ?
             <View style={applyStyle({ flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center', paddingHorizontal: 15 })}>
               <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/order_lottery.tsx

@@ -15,6 +15,7 @@ import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import { useEffect } from 'react';
 
+import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import React from 'react';
 import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
@@ -44,10 +45,12 @@ export default function m(props: EventOrder_lotteryProps): any {
         })
       })
       let b = {
+        ...res,
         coupon: res?.coupon,
         list: a
       }
       setResult(b)
+      // esp.log(res);
     }, (error: any) => {
       esp.log(error);
       LibDialog.warning("Oops", error?.message)
@@ -94,45 +97,51 @@ export default function m(props: EventOrder_lotteryProps): any {
       <View key={i} style={{ flexDirection: 'row', margin: 15 }}>
         <Pressable onPress={() => { }} style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center', paddingLeft: 50, marginLeft: 35, borderRadius: 5, padding: 10, backgroundColor: '#fff' }}>
           <View style={{ flex: 1, marginRight: 5, }}>
-            <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode='tail' style={{ fontWeight: 'bold', fontSize: 16 }} >{item.title}</Text>
-            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ fontSize: 12, color: 'grey' }}>{item.description}</Text>
-
-            <View style={applyStyle({ marginTop: 10, alignSelf: 'flex-end', flexDirection: 'row', alignContent: 'center', alignItems: 'center' })}>
-              <TouchableOpacity onPressIn={() => {
-                if (item.qty > 0) {
-                  let updatedList = LibObject.set(result, item.qty - 1)('list', i, 'qty');
-                  setResult(updatedList);
-                }
-              }} hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} testID='minus_btn' onPress={() => { }}>
-                <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
-                  <LibIcon name="minus" color="#e74c3c" />
-                </View>
-              </TouchableOpacity>
-              <Text style={applyStyle({ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 13, marginRight: 13 })}>{item.qty}</Text>
-              <TouchableOpacity onPressIn={() => {
-                const currentTotalQty = getTotalQty();
-                if (currentTotalQty < result.coupon) {
-                  let updatedQty = item.qty + 1;
-                  if (currentTotalQty + 1 > result.coupon) {
-                    updatedQty = item.qty + (result.coupon - currentTotalQty);
+            <View style={{ flexDirection: 'row' }}>
+              <View style={{ flex: 1.5, }}>
+                <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode='tail' style={{ fontWeight: 'bold', fontSize: 16 }} >{item.title}</Text>
+                <EventHtmltext allowFontScaling={false} style={{ fontSize: 12, color: 'grey' }}>{item.description}</EventHtmltext>
+              </View>
+              <View style={applyStyle({ flex: 1, justifyContent: 'flex-end', flexDirection: 'row', alignContent: 'center', alignItems: 'center' })}>
+                <TouchableOpacity onPressIn={() => {
+                  if (item.qty > 0) {
+                    let updatedList = LibObject.set(result, item.qty - 1)('list', i, 'qty');
+                    setResult(updatedList);
                   }
-                  let updatedList = LibObject.set(result, updatedQty)('list', i, 'qty');
-                  setResult(updatedList);
-                } else {
-                  LibToastProperty.show(esp.lang("event/order_lottery", "your_maks_token_is") + result?.coupon)
-                }
-              }} hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} testID='plus_btn' onPress={() => { }}>
-                <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
-                  <LibIcon name="plus" color="#16a085" />
-                </View>
-              </TouchableOpacity>
+                }} hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} testID='minus_btn' onPress={() => { }}>
+                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                    <LibIcon name="minus" color="#e74c3c" />
+                  </View>
+                </TouchableOpacity>
+                <Text style={applyStyle({ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 13, marginRight: 13 })}>{item.qty}</Text>
+                <TouchableOpacity onPressIn={() => {
+                  const currentTotalQty = getTotalQty();
+                  if (currentTotalQty < result.coupon) {
+                    let updatedQty = item.qty + 1;
+                    if (currentTotalQty + 1 > result.coupon) {
+                      updatedQty = item.qty + (result.coupon - currentTotalQty);
+                    }
+                    let updatedList = LibObject.set(result, updatedQty)('list', i, 'qty');
+                    setResult(updatedList);
+                  } else {
+                    LibToastProperty.show(esp.lang("event/order_lottery", "your_maks_token_is") + result?.coupon)
+                  }
+                }} hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} testID='plus_btn' onPress={() => { }}>
+                  <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                    <LibIcon name="plus" color="#16a085" />
+                  </View>
+                </TouchableOpacity>
+              </View>
             </View>
 
+
           </View>
         </Pressable>
-        <View style={{ position: 'absolute', top: 15, height: 80, width: 80, borderRadius: 40, alignContent: 'center', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>
-          <LibPicture style={{ height: 70, width: 70, borderRadius: 35, backgroundColor: '#000' }} resizeMode='cover' source={{ uri: item.image }} />
-        </View>
+        <TouchableOpacity onPress={() => {
+          LibNavigation.navigate('lib/gallery', { image: item.image })
+        }} style={{ position: 'absolute', top: 10, height: 70, width: 70, borderRadius: 35, alignContent: 'center', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>
+          <LibPicture style={{ height: 60, width: 60, borderRadius: 30, backgroundColor: '#000' }} resizeMode='cover' source={{ uri: item.image }} />
+        </TouchableOpacity>
       </View>
     )
   }
@@ -143,7 +152,10 @@ export default function m(props: EventOrder_lotteryProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey /* "#FFC523" */ }}>
-      <EventHeader title={esp.lang("event/order_lottery", "follow_lucky_draw")} />
+      <EventHeader
+        title={result?.config != null ? result?.config?.title : esp.lang("event/order_lottery", "follow_lucky_draw")}
+        // subtitle={result?.config != null ? result?.config?.subtitle : ""}
+      />
 
       <ScrollView>
         {
@@ -152,7 +164,7 @@ export default function m(props: EventOrder_lotteryProps): any {
 
       </ScrollView>
       <View style={{ backgroundColor: '#fff' }}>
-        <Text style={{ margin: 10, marginBottom: 0 }} >{esp.lang("event/order_lottery", "u_have") + result?.coupon + esp.lang("event/order_lottery", "token_for_luckydraw")}</Text>
+        <Text style={{ margin: 10, marginBottom: 0 }} >{esp.lang("event/order_lottery", "you_have") + result?.coupon + esp.lang("event/order_lottery", "chance_for_exchange")}</Text>
 
         <EventButton
           label={esp.lang("event/order_lottery", "submit")}

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) => {
@@ -98,7 +99,7 @@ export default function m(props: EventOrder_share_toProps): any {
 
   return (
     <LibKeyboard_avoid style={{ flex: 1, backgroundColor: '#fff' }}>
-      <EventHeader title={esp.lang("event/order_share_to", "title_share_ticket_to")} />
+      <EventHeader title={esp.lang("event/order_share_to", "title_share_ticket_to", esp.appjson().expo.name)} />
       <ScrollView showsVerticalScrollIndicator={false} >
         <TouchableOpacity onPress={() => {
           LibNavigation.navigate('component/scanner', {
@@ -112,7 +113,7 @@ export default function m(props: EventOrder_share_toProps): any {
             <LibPicture source={esp.assets('icons/ic_barcode_white.png')} style={{ height: 250, width: 250 }} />
             <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 10, color: '#fff' }}>{esp.lang("event/order_share_to", "click_here")}</Text>
             <Text allowFontScaling={false} style={{ color: '#fff', fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 6 }}>{esp.lang("event/order_share_to", "scan_qrcode")}</Text>
-            <Text allowFontScaling={false} style={{ color: '#fff', fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 5 }}>{esp.lang("event/order_share_to", "in_member_bbo_page")}</Text>
+            <Text allowFontScaling={false} style={{ color: '#fff', fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 5 }}>{esp.lang("event/order_share_to", "in_member_bbo_page", esp.appjson().expo.name)}</Text>
           </View>
         </TouchableOpacity>
         <Text allowFontScaling={false} style={{ opacity: 0.6, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 17 }}>{esp.lang("event/order_share_to", "or")}</Text>
@@ -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() == '') {
@@ -178,7 +161,7 @@ export default function m(props: EventOrder_share_toProps): any {
                   selected_ticket: {
                     list: {
                       price_id: result?.price_id,
-                      on_date: result?.ondate,
+                      ondate: result?.ondate,
                     }
                   }
                 }
@@ -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={() => {