esoftplay-event 0.0.0-r → 0.0.0-t

package/event/additional.tsx

@@ -40,8 +40,16 @@ export default function m(props: EventAdditionalProps): any {
   }, [])
 
   function loadData() {
-    let url = 'event_booking_addition_form?event_id=' + event_id + "&price_id=" + price_id
+    let url = price_id
+      ? 'event_booking_addition_form?event_id=' + event_id + "&price_id=" + price_id
+      : 'event_booking_addition_form?event_id=' + event_id
+
     new LibCurl(url, null, (res, msg) => {
+      // langsung skip kalau confignya per event ada additionalnya dan di price_id tidak ada additionalnya
+      if (res?.additions?.length == 0) {
+        LibNavigation.sendBackResult("", LibNavigation.getResultKey(props))
+      }
+
       const a = res?.additions?.length > 0 && res?.additions?.map?.((item: any, i: number) => {
         return ({
           ...item,
@@ -58,9 +66,10 @@ export default function m(props: EventAdditionalProps): any {
       setDataAddPost(new Array(is_each).fill({}))
 
     }, (err) => {
+      esp.log({ err });
       LibToastProperty.show(err.message)
       LibNavigation.back()
-    })
+    }, 1)
   }
 
   function renderItem(item: any, i: number) {
@@ -121,7 +130,12 @@ export default function m(props: EventAdditionalProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <EventHeader title={esp.lang("event/additional", "header_title")} subtitle={ondate && ondate != "0000-00-00" ? type_ticket + " " + LibUtils.moment(ondate).format("DD MMM YYYY") : type_ticket} />
+      <EventHeader title={esp.lang("event/additional", "header_title")} subtitle={
+        type_ticket ?
+          (ondate && ondate != "0000-00-00" ? type_ticket + " " + LibUtils.moment(ondate).format("DD MMM YYYY") : type_ticket)
+          :
+          ""
+      } />
       <ScrollView>
         <View style={{ margin: 15, marginBottom: 5, marginTop: 10, padding: 10, borderWidth: 1, borderColor: '#fff', borderRadius: 5, backgroundColor: '#fff', ...LibStyle.elevation(2) }}>
           <LibTextstyle textStyle='m_overline' text={esp.lang("event/additional", "buyer_info")} style={{ color: "#aaa", fontSize: 12, marginBottom: 5 }} />

package/event/artist.tsx

@@ -62,7 +62,7 @@ export default function m(props: BigbangArtistProps): any {
         setResult(res)
       }, (err) => {
         setError(err?.message)
-      })
+      }, 1)
   }
 
   useEffect(() => {

package/event/detail.tsx

@@ -121,6 +121,8 @@ export default function m(props: EventDetailProps): any {
   const diffTime = startDate - currentDate;
   const diffDays = diffTime / (1000 * 60 * 60 * 24);
 
+  esp.log(result);
+
   return (
     <View style={{ flex: 1, backgroundColor: '#fff' }} >
       <EventHeader
@@ -268,7 +270,12 @@ export default function m(props: EventDetailProps): any {
                   {
                     result?.url_artist != "" &&
                     <TouchableOpacity onPress={() => {
-                      LibNavigation.navigate('event/artist', { title: result?.title, url: result?.url_artist, has_addition: result?.has_addition })
+                      // LibNavigation.navigate('event/artist', { title: result?.title, url: result?.url_artist, has_addition: result?.has_addition })
+                      LibNavigation.navigate('event/artist', {
+                        title: result?.title,
+                        url: result?.url_artist,
+                        has_addition: result?.has_addition
+                      })
                     }} style={applyStyle({ width: (LibStyle.width - 30) * 0.5, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 16, backgroundColor: 'white', flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                       <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: LibStyle.colorGreen })} >{esp.lang("event/detail", "line_up")}</Text>
                     </TouchableOpacity>
@@ -281,6 +288,7 @@ export default function m(props: EventDetailProps): any {
                           LibNavigation.navigate(result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
                             url: result.url_price,
                             has_addition: result?.has_addition,
+                            has_addition_global: result?.has_addition_global,
                             fee_platform: {
                               fee_platform_amount: result?.fee_platform_amount,
                               fee_platform_type: result?.fee_platform_type,
@@ -296,6 +304,7 @@ export default function m(props: EventDetailProps): any {
                         LibNavigation.navigate(result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list', {
                           url: result.url_price,
                           has_addition: result?.has_addition,
+                          has_addition_global: result?.has_addition_global,
                           fee_platform: {
                             fee_platform_amount: result?.fee_platform_amount,
                             fee_platform_type: result?.fee_platform_type,

package/event/loading_page.tsx

@@ -130,9 +130,10 @@ export default function m(props: EventLoading_pageProps): any {
           //   />
           // )
         } else {
-          LibDialog.warningConfirm(esp.lang("event/loading_page", "oops"), error?.message, esp.lang("event/loading_page", "back"), () => {
+          if (error?.status_code != "GE043")
+            LibDialog.warningConfirm(esp.lang("event/loading_page", "oops"), error?.message, esp.lang("event/loading_page", "back"), () => {
 
-          }, "", () => { })
+            }, "", () => { })
         }
       }, 1)
     } else {
@@ -182,9 +183,10 @@ export default function m(props: EventLoading_pageProps): any {
           //   />
           // )
         } else {
-          LibDialog.warningConfirm(esp.lang("event/loading_page", "oops"), error?.message, esp.lang("event/loading_page", "back"), () => {
+          if (error?.status_code != "GE043")
+            LibDialog.warningConfirm(esp.lang("event/loading_page", "oops"), error?.message, esp.lang("event/loading_page", "back"), () => {
 
-          }, "", () => { })
+            }, "", () => { })
         }
       }, 1)
     }

package/event/order.tsx

@@ -196,20 +196,25 @@ export default function m(props: EventOrderProps): any {
         url={buildUrl(url) + "&t=" + new Date().getTime()}
         key={buildUrl(url)}
         ListHeaderComponent={
-          <Pressable onPress={() => {
-            LibNavigation.navigate('event/order_waiting')
-          }} style={{ padding: 7, margin: 15, backgroundColor: '#fff', marginBottom: 0, borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorPrimary, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-            <Text allowFontScaling={false} style={{ marginLeft: 8 }}>{esp.lang("event/order", "wawit")}</Text>
-            <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-              {
-                badge != 0 &&
-                <View style={{ backgroundColor: LibStyle.colorRed, height: 17, padding: 5, paddingVertical: 2, borderRadius: 10, alignContent: 'center', alignItems: 'center' }}>
-                  <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, letterSpacing: 0, color: "#ffffff" }}>{badge > 99 ? "99+" : LibUtils.number(badge)}</Text>
+          <>
+            {
+              badge > 0 &&
+              <Pressable onPress={() => {
+                LibNavigation.navigate('event/order_waiting')
+              }} style={{ padding: 7, margin: 15, backgroundColor: '#fff', marginBottom: 0, borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorPrimary, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                <Text allowFontScaling={false} style={{ marginLeft: 8 }}>{esp.lang("event/order", "wawit")}</Text>
+                <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                  {
+                    badge != 0 &&
+                    <View style={{ backgroundColor: LibStyle.colorRed, height: 17, padding: 5, paddingVertical: 2, borderRadius: 10, alignContent: 'center', alignItems: 'center' }}>
+                      <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, letterSpacing: 0, color: "#ffffff" }}>{badge > 99 ? "99+" : LibUtils.number(badge)}</Text>
+                    </View>
+                  }
+                  <LibIcon name='chevron-right' />
                 </View>
-              }
-              <LibIcon name='chevron-right' />
-            </View>
-          </Pressable>
+              </Pressable>
+            }
+          </>
         }
         errorView={(err: any) => (
           <EventMessage message={err} style={{ marginTop: 15 }} />

package/event/order_detail_upgrade.tsx

@@ -86,7 +86,7 @@ export default function m(props: EventOrder_detail_upgradeProps): any {
 
         <View style={{ ...LibStyle.elevation(2), margin: 15, width: LibStyle.width - 30, borderRadius: 10, backgroundColor: LibStyle.colorBgGrey, padding: 10, height: 100, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
           <EventHtmltext allowFontScaling={false} style={{ marginHorizontal: 5, fontSize: 20, color: "#000", textAlign: 'center', fontWeight: 'bold' }} numberOfLines={2} ellipsizeMode={'tail'}>{dataTicket?.price_name}</EventHtmltext>
-          <Text allowFontScaling={false} style={{ color: "#000", marginTop: 10 }}>{LibUtils.money(dataTicket.total)}</Text>
+          <Text allowFontScaling={false} style={{ color: "#000", marginTop: 10 }}>{LibUtils.money(dataTicket.total, dataTicket?.currency)}</Text>
 
           <View style={applyStyle({ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 })}>
             <View style={applyStyle({ width: 25, height: 25, borderRadius: 12.5, backgroundColor: "#fff", marginLeft: -12.5 })} />
@@ -122,7 +122,7 @@ export default function m(props: EventOrder_detail_upgradeProps): any {
                 }
               }} key={i} style={{ ...LibStyle.elevation(2), marginHorizontal: 15, marginTop: 2.5, marginBottom: 10, borderRadius: 10, backgroundColor: item.status == 0 ? LibStyle.colorBgGrey : selectedTicket?.selected_ticket?.id == item.id ? LibStyle.colorGreen : "#fff", padding: 10, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
                 <EventHtmltext allowFontScaling={false} style={{ marginHorizontal: 5, fontSize: 16, color: item.status == 0 ? "#c9c9c9" : selectedTicket?.selected_ticket?.id == item.id ? "#fff" : "#000", textAlign: 'center', fontWeight: 'bold' }} numberOfLines={2} ellipsizeMode={'tail'}>{item?.price_name_to}</EventHtmltext>
-                <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold', marginTop: 5, color: item.status == 0 ? "#c9c9c9" : selectedTicket?.selected_ticket?.id == item.id ? "#fff" : "#000" }}>{"+ " + LibUtils.money(Number(dataTicket?.qty_upgrade) * Number(item?.amount))}</Text>
+                <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold', marginTop: 5, color: item.status == 0 ? "#c9c9c9" : selectedTicket?.selected_ticket?.id == item.id ? "#fff" : "#000" }}>{"+ " + LibUtils.money(Number(dataTicket?.qty_upgrade) * Number(item?.amount), item?.currency)}</Text>
 
                 {
                   item.info &&

package/event/order_detail_waiting.tsx

@@ -130,12 +130,13 @@ export default function m(props: EventOrder_waitingProps): any {
     dataPost.card_expiry_month = dataCC?.expiry_month
 
     let url = 'event_booking/' + result?.event_id
-    LibNavigation.navigateForResult('bigbang/loading_page', {
+    LibNavigation.navigateForResult('event/loading_page', {
       post: dataPost,
       url: url,
       title: esp.lang("bigbang/payment", "title_buy_ticket", result?.event_name),
       isSecure: 1,
       amount: LibUtils.numberAbsolute(result?.total),
+      currency: result?.currency,
       receive_name: "BBO",
       receive_image: 'https://bbo.co.id/images/uploads/logo-bbo-tagline_1.png',
       send_name: result?.name,
@@ -317,7 +318,7 @@ export default function m(props: EventOrder_waitingProps): any {
               </View>
 
               <EventButton
-                label='Unduh'
+                label={esp.lang("event/order_detail_waiting", "download")}
                 style={{ margin: 10, marginHorizontal: 20 }}
                 backgroundColor={LibStyle.colorGreen}
                 onPress={() => {

package/event/order_share_to.tsx

@@ -125,39 +125,39 @@ export default function m(props: EventOrder_share_toProps): any {
             setEmail(t)
           }}
           onSubmitEditing={() => {
-            if (inputEmail.current!.getText() == '') {
+            if (inputEmail.current?.getText() == '') {
               LibToastProperty.show(esp.lang("event/order_share_to", "msg_error_input_email"))
-              inputEmail.current!.blur()
+              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()
+                inputEmail.current?.focus()
               }, "", () => {
 
               })
               return
             } else {
-              dialogUser.current!.show()
+              dialogUser.current?.show()
             }
           }}
           style={{ marginLeft: 25, marginRight: 25, marginTop: 18, borderRadius: 5 }} />
         <TouchableOpacity onPress={() => {
-          if (inputEmail.current!.getText() == '') {
+          if (inputEmail.current?.getText() == '') {
             LibToastProperty.show(esp.lang("event/order_share_to", "msg_error_input_email"))
-            inputEmail.current!.blur()
+            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()
+              inputEmail.current?.focus()
             }, "", () => {
 
             })
           } else {
-            dialogUser.current!.show()
+            dialogUser.current?.show()
           }
         }} >
           <View style={{ marginBottom: 10, marginTop: 18, marginLeft: 25, marginRight: 25, height: 35, borderRadius: 17.5, backgroundColor: "#34a2ec", borderStyle: "solid", borderWidth: 0.5, borderColor: "#2980b9", alignItems: 'center', justifyContent: 'center' }} >
@@ -192,9 +192,9 @@ export default function m(props: EventOrder_share_toProps): any {
               } else {
                 shareTicket()
               }
-              dialogUser.current!.hide()
+              dialogUser.current?.hide()
             }} cancel={() => {
-              dialogUser.current!.hide()
+              dialogUser.current?.hide()
             }}
             view={
               <View style={{ flexDirection: 'row', marginTop: 20, marginBottom: 8, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>

package/event/seat_map.tsx

@@ -240,7 +240,7 @@ export default function m(props: any) {
             </ScrollView>
           </View>
           <View style={{ height: 40, marginLeft: 20, marginRight: 20, backgroundColor: LibStyle.colorPrimary, marginBottom: 20, borderRadius: 2, justifyContent: 'center', alignItems: 'center' }} >
-            <Text style={{ color: 'white', fontWeight: 'bold' }} >{stage || 'Depan'}</Text>
+            <Text style={{ color: 'white', fontWeight: 'bold' }} >{stage || esp.lang("event/seat_map", "front")}</Text>
           </View>
           <ScrollView horizontal showsHorizontalScrollIndicator >
             <EventTap onCoordinateGet={toggleSeat}>

package/event/ticket_list.tsx

@@ -23,7 +23,6 @@ import { EventCountdown_base } from 'esoftplay/cache/event/countdown_base/import
 import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
 import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
 import { EventLoading_pageProperty } from 'esoftplay/cache/event/loading_page/import';
-import { EventPending_trx } from 'esoftplay/cache/event/pending_trx/import';
 import { LibEffect } from 'esoftplay/cache/lib/effect/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { UseDeeplinkProperty } from 'esoftplay/cache/use/deeplink/import';
@@ -135,7 +134,7 @@ export default function m(props: EventTicket_listProps): any {
 
   const [pendingData] = EventLoading_pageProperty.state().useState()
 
-  const { url, fee_platform, has_addition, subscribed }: any = useRef(LibNavigation.getArgsAll(props)).current
+  const { url, fee_platform, has_addition, has_addition_global, subscribed }: any = useRef(LibNavigation.getArgsAll(props)).current
 
   const [deeplinkParams] = UseDeeplinkProperty.params.useState()
   const [timer] = EventCountdownProperty.countdownTime.useState()
@@ -539,7 +538,7 @@ export default function m(props: EventTicket_listProps): any {
           </LibSkeleton>
           :
           <>
-            {
+            {/* {
               Object.values(pendingData).filter((item: any) => item?.order_type == "ticket").length > 0 &&
               <EventPending_trx
                 onPress={() => {
@@ -550,7 +549,7 @@ export default function m(props: EventTicket_listProps): any {
                 order_type="ticket"
                 title={esp.lang("event/ticket_list", "pending", String(Object.values(pendingData).filter((item: any) => item?.order_type == "ticket").length))}
               />
-            }
+            } */}
             {
               isInPricingQueueConfig(availableResult?.id) && isPass ?
                 <LibEffect deps={[]}>

package/event/ticket_list2.tsx

@@ -24,7 +24,6 @@ import { EventCountdownProperty } from 'esoftplay/cache/event/countdown/import';
 import { EventCountdown_base } from 'esoftplay/cache/event/countdown_base/import';
 import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
 import { EventLoading_pageProperty } from 'esoftplay/cache/event/loading_page/import';
-import { EventPending_trx } from 'esoftplay/cache/event/pending_trx/import';
 import { EventQueue_pricingProperty } from 'esoftplay/cache/event/queue_pricing/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { UseTasks } from 'esoftplay/cache/use/tasks/import';
@@ -136,7 +135,7 @@ export default function m(props: EventTicket_list2Props): any {
 
   const [pendingData] = EventLoading_pageProperty.state().useState()
 
-  const { has_addition, url, fee_platform, subscribed }: any = useRef(LibNavigation.getArgsAll(props)).current
+  const { has_addition, has_addition_global, url, fee_platform, subscribed }: any = useRef(LibNavigation.getArgsAll(props)).current
 
   const [deeplinkParams] = UseDeeplinkProperty.params.useState()
   const [timer] = EventCountdownProperty.countdownTime.useState()
@@ -148,6 +147,8 @@ export default function m(props: EventTicket_list2Props): any {
   const [showAll, setShowAll] = useSafeState<any>({});
   const [urlPayment, setUrlPayment] = useLazyState<any>()
 
+  // esp.log(availableResult);
+
   let dataEvent: any = {
     event_id: availableResult?.id,
     event_title: availableResult?.title,
@@ -206,9 +207,25 @@ export default function m(props: EventTicket_list2Props): any {
       });
     })
 
-    resetTicketAdditional()
-    ticketAdditional(transformedData)
-    setDataAddition([])
+
+    if (has_addition_global == 1) {
+      LibNavigation.navigateForResult('event/additional', {
+        event_id: dataEvent?.event_id,
+        qty: 1,
+      }, 696).then((value) => {
+        if (value != "") {
+          setDataAddition(dataAddition.push(JSON.parse(value)))
+        }
+        resetTicketAdditional()
+        ticketAdditional(transformedData)
+      })
+
+    } else {
+      resetTicketAdditional()
+      ticketAdditional(transformedData)
+      setDataAddition([])
+    }
+
   })
 
 
@@ -234,6 +251,9 @@ export default function m(props: EventTicket_list2Props): any {
     if (dataAddition?.length > 0) {
       dataEvent.addition = dataAddition
     }
+
+    esp.log(dataAddition);
+
     LibNavigation.navigate('payment/ticket_multi', {
       order_type: EventConfigProperty?.state()?.get()?.order_type?.ticket,
       fee_platform: fee_platform,
@@ -507,7 +527,7 @@ export default function m(props: EventTicket_list2Props): any {
           </LibSkeleton>
           :
           <>
-            {
+            {/* {
               Object.values(pendingData).filter((item: any) => item?.order_type == "ticket").length > 0 &&
               <EventPending_trx
                 onPress={() => {
@@ -518,7 +538,7 @@ export default function m(props: EventTicket_list2Props): any {
                 order_type="ticket"
                 title={esp.lang("event/ticket_list", "pending", String(Object.values(pendingData).filter((item: any) => item?.order_type == "ticket").length))}
               />
-            }
+            } */}
             {
               isInPricingQueueConfig(availableResult?.id) && isPass ?
                 <View style={{ backgroundColor: LibStyle.colorGreen, margin: 16, borderRadius: 5, padding: 10, ...LibStyle.elevation(2) }} >

package/event/tms_out_temporary.tsx

@@ -12,11 +12,12 @@ import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import { applyStyle } from 'esoftplay';
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import React, { useEffect } from 'react';
-import { ScrollView, Text, View } from 'react-native';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventTms_out_temporaryArgs {
@@ -29,6 +30,7 @@ export default function m(props: EventTms_out_temporaryProps): any {
   const user_qr = LibNavigation.getArgs(props, 'qr_code')
   const { scan_type, event_id, selectGate, typeScanner }: any = LibNavigation.getArgsAll(props)
   const [result, setResult] = useSafeState<any>(undefined)
+  const [useAll, setUseAll] = useSafeState<boolean>(false)
 
   useEffect(() => {
     loadData()
@@ -61,7 +63,6 @@ export default function m(props: EventTms_out_temporaryProps): any {
         list: res?.list?.length == 0 ? [] : a,
         staff: res?.staff?.length == 0 ? [] : b
       }
-      esp.log({ res, c });
       setResult(c)
 
     }, (error) => {
@@ -69,6 +70,23 @@ export default function m(props: EventTms_out_temporaryProps): any {
     }, 1)
   }
 
+  useEffect(() => {
+    setUseAll(result?.list?.some((x: any) => x.checked == 0) ? false : true)
+  }, [result])
+
+
+  const toggleCheckedAll = () => {
+    const isAllChecked = result?.list?.every((item: any) => item.checked == 1);
+    const newCheckedValue = isAllChecked ? 0 : 1;
+
+    const updatedList = result?.list?.map((item: any) => ({
+      ...item,
+      checked: newCheckedValue,
+    }));
+
+    setResult({ ...result, list: updatedList });
+  };
+
   function quitTemporary(): void {
     let list = [...result?.list, ...result.staff]
     let a = list.filter((item: any) => item.checked == 1).map((it: any) => it.id)
@@ -144,6 +162,7 @@ export default function m(props: EventTms_out_temporaryProps): any {
     )
   }
 
+
   let lastStatusStaff = ''
   function renderStaff(item: any, i: number) {
     const showStatusScanned = lastStatusStaff != item?.status_label
@@ -212,9 +231,21 @@ export default function m(props: EventTms_out_temporaryProps): any {
         </View>
       </ScrollView>
       <View style={{ padding: 10, backgroundColor: '#fff' }}>
+        <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 10, alignContent: 'center', alignItems: 'center' }}>
+          <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={'tail'} style={{ flex: 1, fontWeight: 'bold', fontSize: 14, letterSpacing: 1 }}>{esp.lang("event/tms_in_list", "total_ticket_use", result?.list?.filter((it: any) => it.checked == 1).length)}</Text>
+          <TouchableOpacity onPress={() => {
+            toggleCheckedAll()
+          }} style={applyStyle({ paddingHorizontal: 10, borderWidth: 1, borderColor: 'rgba(0, 0, 0, 0)', height: 35, borderRadius: 16, backgroundColor: useAll ? LibStyle.colorRed : LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center' })} >
+            <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff', marginRight: 15 })} >{useAll ? esp.lang("event/tms_in_list", "cancel_use") : esp.lang("event/tms_in_list", "use_all")}</Text>
+            <LibIcon.Ionicons size={18} color="#fff" name={useAll ? "close" : "checkmark-done"} />
+          </TouchableOpacity>
+        </View>
+
         <EventButton
           label={esp.lang("event/tms_out_temporary", "btn_exit")}
-          backgroundColor={LibStyle.colorRed}
+          backgroundColor={"#fff"}
+          borderColor={LibStyle.colorRed}
+          fontColor={LibStyle.colorRed}
           onPress={() => {
             quitTemporary()
           }}

package/id.json

@@ -1043,6 +1043,7 @@
     "buy_now": "Bayar Sekarang",
     "canceled": "Order Cancelled",
     "choose_card": "Silahkan pilih kartu anda dahulu",
+    "download": "Unduh",
     "err": "Oops",
     "err_confirm": "Oops",
     "expired_on": "Berlaku hingga : ",
@@ -1320,6 +1321,7 @@
     "chosen": "Dipilih",
     "chosen_by": "Sedang dipilih orang lain",
     "empty": "Kosong",
+    "front": "Depan",
     "full": "Penuh",
     "header_title": "Pilih Kursi",
     "load_failed": "Oops!!",

package/package.json

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