esoftplay-event 0.0.2-d → 0.0.2-f

package/event/additional_input.tsx

@@ -64,6 +64,8 @@ export default function m(props: EventAdditional_inputProps): any {
 
   const [newData, setNewData] = useSafeState()
   const [, setIdx, getIdx] = useLazyState<number>()
+  const inputRefs = useRef<React.RefObject<EventInput_rectangle>[]>([]);
+
 
   useEffect(() => {
     if (Object.keys(itemAddition).length > 0) {
@@ -75,6 +77,12 @@ export default function m(props: EventAdditional_inputProps): any {
     return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
   }, [])
 
+  useEffect(() => {
+    if (data?.additions?.length) {
+      inputRefs.current = data.additions.map((_, i: number) => inputRefs.current[i] || React.createRef<EventInput_rectangle>());
+    }
+  }, [data?.additions]);
+
   function save() {
     let stillEmpty1 = newData?.additions?.filter((item: any) => item.is_required == 1).filter((it: any) => (it.value?.length == 0 && !it.subvalue)).length > 0
     if (stillEmpty1) {
@@ -85,6 +93,7 @@ export default function m(props: EventAdditional_inputProps): any {
     }
   }
 
+
   function renderCatNew(item: any, i: number) {
     let values = newData?.additions?.[i]?.value
     let display_values = newData?.additions?.[i]?.display_value
@@ -109,11 +118,17 @@ export default function m(props: EventAdditional_inputProps): any {
             {
               item.type == 1 && // text field
               <EventInput_rectangle
+                ref={inputRefs.current[i]}
                 placeholder={item.question}
+                returnKeyType='next'
                 placeholderTextColor='#c9c9c9'
                 style={{ borderRadius: 5, borderColor: '#c9c9c9' }}
                 defaultValue={newData?.additions?.[i]?.value?.[0]}
                 inputStyle={{ marginLeft: 0 }}
+                onSubmitEditing={() => {
+                  const nextInput = inputRefs.current[i + 1];
+                  nextInput?.current?.focus();
+                }}
                 onChangeText={(text) => {
                   let t = text?.length == 0 ? [] : [text]
                   let updateValue = LibObject.set(newData, t)('additions', i, 'value')

package/event/artist_detail.tsx

@@ -443,6 +443,14 @@ export default function m(props: EventArtist_detailProps): any {
 
                   }} key={i} style={{ overflow: 'hidden', margin: 15, marginBottom: 5, backgroundColor: '#fff', borderRadius: 10, ...LibStyle.elevation(2), borderWidth: 1, borderColor: selTic ? LibStyle.colorBlue : LibStyle.colorBgGrey }}>
                     <View style={{ padding: 10, backgroundColor: '#f1f2f3', borderTopLeftRadius: 10, borderTopRightRadius: 10 }}>
+                      {
+                        item?.hasOwnProperty('label') && (item?.label != "" && item?.label != null) &&
+                        <View style={applyStyle({ flexDirection: 'row' })}>
+                          <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderWidth: 1, backgroundColor: item?.label_color, borderColor: item?.label_color, borderRadius: 3, padding: 2, paddingHorizontal: 5, opacity: 1 })}>
+                            <Text allowFontScaling={false} style={{ fontSize: 10, fontStyle: "normal", letterSpacing: 0.5, color: EventOrder_itemProperty.textColor(item?.label_color), fontWeight: 'bold' }}>{item?.label}</Text>
+                          </View>
+                        </View>
+                      }
                       <View style={{ alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between', }}>
                         <EventHtmltext allowFontScaling={false} style={{ opacity: textOpacity, fontWeight: 'bold' }}>{item.type}</EventHtmltext>
                         {

package/event/artist_detail_multi.tsx

@@ -6,6 +6,7 @@ import { EventConfigProperty } from 'esoftplay/cache/event/config/import';
 import { EventCountdownProperty } from 'esoftplay/cache/event/countdown/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
+import { EventOrder_itemProperty } from 'esoftplay/cache/event/order_item/import';
 import { EventShare } from 'esoftplay/cache/event/share/import';
 import { LibCarrousel } from 'esoftplay/cache/lib/carrousel/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
@@ -476,6 +477,14 @@ export default function m(props: EventArtist_detail_multiProps): any {
                 return (
                   <View key={i} style={{ overflow: 'hidden', margin: 15, marginBottom: 5, backgroundColor: '#fff', borderRadius: 10, ...LibStyle.elevation(2), borderWidth: 1, borderColor: /* selTic ? LibStyle.colorBlue : */ LibStyle.colorBgGrey }}>
                     <View style={{ padding: 10, backgroundColor: '#f1f2f3', borderTopLeftRadius: 10, borderTopRightRadius: 10 }}>
+                      {
+                        item?.hasOwnProperty('label') && (item?.label != "" && item?.label != null) &&
+                        <View style={applyStyle({ flexDirection: 'row' })}>
+                          <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderWidth: 1, backgroundColor: item?.label_color, borderColor: item?.label_color, borderRadius: 3, padding: 2, paddingHorizontal: 5, opacity: 1 })}>
+                            <Text allowFontScaling={false} style={{ fontSize: 10, fontStyle: "normal", letterSpacing: 0.5, color: EventOrder_itemProperty.textColor(item?.label_color), fontWeight: 'bold' }}>{item?.label}</Text>
+                          </View>
+                        </View>
+                      }
                       <View style={{ alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between', }}>
                         <Text allowFontScaling={false} style={{ opacity: textOpacity, fontWeight: 'bold' }}>{item.type}</Text>
                         {

package/event/button_order_detail.tsx

@@ -16,14 +16,15 @@ export interface EventButton_order_detailProps {
   title: string
   info?: string
   color: any,
-  icon: any
+  icon: any,
+  disable?: boolean
 }
 export default function m(props: EventButton_order_detailProps): any {
   return (
     <TouchableOpacity onPress={props.onPress}>
       <View style={{ borderWidth: 1, borderColor: '#ccc', margin: 15, borderRadius: 7, marginBottom: 0, overflow: 'hidden', flexDirection: 'row' }}>
         <LibGradient
-          colors={[props.color, props.color, "#f1f2f3",]}
+          colors={props.disable ? [LibStyle.colorBgGrey, LibStyle.colorBgGrey, "#f1f2f3"] : [props.color, props.color, "#f1f2f3",]}
           direction='left-to-right'
           style={{ margin: 3, borderRadius: 5, padding: 7, flex: 4, alignContent: 'center', justifyContent: 'center' }}
         >
@@ -33,7 +34,7 @@ export default function m(props: EventButton_order_detailProps): any {
             <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ color: EventOrder_itemProperty.textColor(props?.color), fontSize: 12, fontWeight: 'normal' }}>{props?.info}</Text>
           }
         </LibGradient>
-        <View style={{ flex: 1, margin: 3, borderRadius: 5, ...LibStyle.elevation(2), backgroundColor: props.color, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+        <View style={{ flex: 1, margin: 3, borderRadius: 5, ...LibStyle.elevation(2), backgroundColor: props.disable ? LibStyle.colorBgGrey : props.color, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
           {/* <LibIcon name={"dice-multiple"} size={40} color={EventOrder_itemProperty.textColor(props.color)} style={{ opacity: 1 }} /> */}
           <LibIcon name={props.icon} size={35} color={EventOrder_itemProperty.textColor(props.color)} style={{ opacity: 1 }} />
         </View>

package/event/order_detail.tsx

@@ -281,6 +281,7 @@ export default function m(props: EventOrder_detailProps): any {
       })
     }, (err: any) => {
       LibProgress.hide()
+      LibDialog.warning("Oops", err?.message)
       esp.log({ err });
     }, 1)
   }
@@ -444,16 +445,18 @@ export default function m(props: EventOrder_detailProps): any {
                 </View>
                 {/* </View> */}
                 <UseCondition if={result?.show_ticket_status == 1 && result?.status == 1 || result?.status == 3 || result?.status == 6}>
-                  <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, marginBottom: 12, color: "#484848" }}>
-                    {
-                      result?.qty_used == 0 ? esp.lang("event/order", "have_not_been_used")
-                        :
-                        result.kind_detail?.everyday_pass == 1 ?
-                          "(" + result?.qty_used_today + " " + esp.lang("event/order_detail", "used_today") + ")"
+                  <View style={{ flex: 1, marginRight: LibStyle.width / 4 }}>
+                    <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, marginBottom: 12, color: "#484848" }}>
+                      {
+                        result?.qty_used == 0 ? esp.lang("event/order", "have_not_been_used")
                           :
-                          "(" + result?.qty_used + " " + esp.lang("event/order_detail", "used") + ")"
-                    }
-                  </Text>
+                          result.kind_detail?.everyday_pass == 1 ?
+                            "(" + result?.qty_used_today + " " + esp.lang("event/order_detail", "used_today") + ")"
+                            :
+                            "(" + result?.qty_used + " " + esp.lang("event/order_detail", "used") + ")"
+                      }
+                    </Text>
+                  </View>
                 </UseCondition>
                 {
                   result?.qty_shared > 0 &&
@@ -904,6 +907,7 @@ export default function m(props: EventOrder_detailProps): any {
               getGroupAddon()?.list?.length > 0 && getGroupAddon()?.list?.map((item: any, i: number) => {
                 return (
                   <EventButton_order_detail
+                    // disable
                     key={i}
                     color={result?.color}
                     onPress={() => {

package/event/order_detail_upgrade_payment.tsx

@@ -56,7 +56,7 @@ export default function m(props: EventOrder_detail_upgrade_paymentProps): any {
       }
 
       if (selectedTicket?.selected_ticket?.use_seat == 1) {
-        post.seat_label = selectedTicket?.seat_label.join('|')
+        post.seat_label = selectedTicket?.seat_label?.join('|')
       }
 
       if (selectedTicket?.selected_ticket?.seat_autopick == 1) {

package/event/ticket_list.tsx

@@ -24,10 +24,10 @@ import { EventCountdown_event } from 'esoftplay/cache/event/countdown_event/impo
 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 { EventOrder_itemProperty } from 'esoftplay/cache/event/order_item/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';
-import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
 import useLazyState from 'esoftplay/lazy';
 import useSafeState from 'esoftplay/state';
@@ -613,10 +613,10 @@ 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" &&
+                            item?.hasOwnProperty('label') && (item?.label != "" && item?.label != null) &&
                             <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 style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderWidth: 1, backgroundColor: item?.label_color, borderColor: item?.label_color, borderRadius: 3, padding: 2, paddingHorizontal: 5, opacity: 1 })}>
+                                <Text allowFontScaling={false} style={{ fontSize: 10, fontStyle: "normal", letterSpacing: 0.5, color: EventOrder_itemProperty.textColor(item?.label_color), fontWeight: 'bold' }}>{item?.label}</Text>
                               </View>
                             </View>
                           }

package/event/ticket_list2.tsx

@@ -697,6 +697,14 @@ export default function m(props: EventTicket_list2Props): any {
 
                       }} key={i} style={{ overflow: 'hidden', margin: 15, marginBottom: 5, marginTop: 10, backgroundColor: '#fff', borderRadius: 10, ...LibStyle.elevation(2), borderWidth: 1, borderColor: item.selected == 1 ? LibStyle.colorBlue : LibStyle.colorBgGrey }}>
                         <View style={{ padding: 10, backgroundColor: '#f1f2f3', borderTopLeftRadius: 10, borderTopRightRadius: 10 }}>
+                          {
+                            item?.hasOwnProperty('label') && (item?.label != "" && item?.label != null) &&
+                            <View style={applyStyle({ flexDirection: 'row' })}>
+                              <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderWidth: 1, backgroundColor: item?.label_color, borderColor: item?.label_color, borderRadius: 3, padding: 2, paddingHorizontal: 5, opacity: 1 })}>
+                                <Text allowFontScaling={false} style={{ fontSize: 10, fontStyle: "normal", letterSpacing: 0.5, color: EventOrder_itemProperty.textColor(item?.label_color), fontWeight: 'bold' }}>{item?.label}</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/tms_idcard.tsx

@@ -136,7 +136,7 @@ export default function m(props: EventTms_idcardProps): any {
         <LibPicture source={result?.event?.image_idcard == "" ? esp.assets('white_idcard.png') : { uri: result?.event?.image_idcard }} style={{ width: width, height: height, resizeMode: 'contain' }} />
         <View style={{ position: 'absolute' }}>
           <LibPicture source={{ uri: selectedTicket?.user_image != '' ? decodeURIComponent(selectedTicket?.user_image) : 'https://www.w3schools.com/howto/img_avatar.png' }} style={{ marginBottom: photoMarginBot, marginTop: marginTop, height: photoHeight, width: photoWidth, alignSelf: 'center', resizeMode: 'cover', }} />
-          <View style={{ padding: 10, marginTop: -10 }} >
+          <View style={{ padding: 10, marginTop: 5 }} >
             {/* view nama */}
             <View style={{ flexDirection: 'row' }} >
               <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 3 }} >{esp.lang("event/tms_idcard", "name")}</Text>

package/event/token_order.tsx

@@ -3,7 +3,18 @@ import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import esp from 'esoftplay/esp';
+import { useRef } from 'react';
 
+import { applyStyle } from 'esoftplay';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventOrder_status } from 'esoftplay/cache/event/order_status/import';
+import { EventSection_menu } from 'esoftplay/cache/event/section_menu/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import useSafeState from 'esoftplay/state';
 import React from 'react';
 import { Pressable, ScrollView, Text, View } from 'react-native';
 
@@ -15,13 +26,39 @@ export interface EventToken_orderProps {
 
 }
 export default function m(props: EventToken_orderProps): any {
+
+  const allStatus = EventOrder_status()
+  const statusCode = LibNavigation.getArgs(props, 'status', esp.isDebug("filter") ? '0,1,2,3,4,5,6,7,10' : '1')
+  const [status, setStatus] = useSafeState(statusCode)
+  const [code, setCode] = useSafeState(statusCode)
+  const [selectedDate, setSelectedDate] = useSafeState({ date_start: '', date_end: '', id: 1, title: esp.lang("event/order", "all_date") })
+  const [selectedDateRange, setSelectedDateRange] = useSafeState({ date_start: LibUtils.moment().localeFormat("YYYY-MM-DD"), date_end: LibUtils.moment().localeFormat("YYYY-MM-DD") })
+
+  const statusRef = useRef<LibSlidingup>(null)
+
+
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
       <EventHeader title='Riwayar Transaksi Token' />
+      <View style={{ minHeight: 50, }} >
+        <LibScroll
+          initialNumToRender={20}
+          horizontal
+        >
+          <View style={{ width: 10 }} />
+          <Pressable
+            onPress={() => { statusRef.current?.show() }}
+            style={applyStyle({ height: 30, marginVertical: 10, marginRight: 10, borderRadius: 12, backgroundColor: 'white', borderColor: '#ccc', borderWidth: 1, paddingHorizontal: 10, justifyContent: 'center', flexDirection: 'row', alignItems: 'center' })} >
+            <LibTextstyle textStyle='footnote' text={allStatus[allStatus.findIndex((x) => String(x.code) == status)]?.text || esp.lang("event/order", "all_statis")} style={applyStyle({ fontSize: 11, color: "#4E4E4E", marginRight: 5 })} />
+            <LibIcon name='chevron-down' style={applyStyle({ color: "#4E4E4E" })} />
+          </Pressable>
+        </LibScroll>
+        <EventSection_menu size='line' />
+      </View>
       <ScrollView>
         <Pressable onPress={() => {
 
-        }} style={{ padding: 7, margin: 15, backgroundColor: '#fff', marginBottom: 0, borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorPrimary, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+        }} style={{ padding: 7, margin: 15, marginTop: 10, 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' }}>
             {/* {
@@ -34,6 +71,33 @@ export default function m(props: EventToken_orderProps): any {
           </View>
         </Pressable>
       </ScrollView>
+      <LibSlidingup ref={statusRef} onChangeShow={(s) => { if (!s) setCode(status) }} >
+        <View style={applyStyle({ backgroundColor: 'white', paddingHorizontal: 17, borderTopLeftRadius: 10, borderTopRightRadius: 10, maxHeight: LibStyle.height * 0.9 })}>
+          <View style={applyStyle({ flexDirection: 'row', alignItems: 'center', marginTop: 15 })}>
+            <Pressable onPress={() => { statusRef.current?.hide() }} style={applyStyle({ marginRight: 10 })} >
+              <LibIcon name='close' />
+            </Pressable>
+            <LibTextstyle textStyle='footnote' text={esp.lang("event/order", "Transaction_Status")} style={applyStyle({ fontWeight: 'bold', fontSize: 14, color: "#4E4E4E" })} />
+          </View>
+          <ScrollView>
+            <Pressable onPress={() => { setCode('0,1,2,3,4,5,6,7,10') }} style={applyStyle({ flexDirection: 'row', alignItems: 'center', borderBottomWidth: 1, borderBottomColor: '#e6e6e6', paddingVertical: 12 })}>
+              <LibTextstyle textStyle='footnote' text={esp.lang("event/order", "All_Transaction_Status")} style={applyStyle({ flex: 1, fontWeight: 'bold', fontSize: 10, color: "#4E4E4E" })} />
+              <LibIcon.Ionicons name={code == '0,1,2,3,4,5,6,7,10' ? 'radio-button-on' : 'radio-button-off'} color={code == '0,1,2,3,4,5,6,7,10' ? LibStyle.colorPrimary : '#4E4E4E'} />
+            </Pressable>
+            {
+              allStatus?.filter((item: any) => item.publish == 1).map((it: any, i: number) => {
+                return (
+                  <Pressable key={i} onPress={() => setCode(it.code)} style={applyStyle({ flexDirection: 'row', alignItems: 'center', borderBottomWidth: 1, borderBottomColor: '#e6e6e6', paddingVertical: 12 })}>
+                    <LibTextstyle textStyle='footnote' text={it.text} style={applyStyle({ flex: 1, fontWeight: 'bold', fontSize: 10, color: "#4E4E4E" })} />
+                    <LibIcon.Ionicons name={it.code == code ? 'radio-button-on' : 'radio-button-off'} color={it.code == code ? LibStyle.colorPrimary : '#4E4E4E'} />
+                  </Pressable>
+                )
+              })
+            }
+          </ScrollView>
+          <EventButton label={esp.lang("event/order", "apply")} style={applyStyle({ fontSize: 14, marginVertical: 15 })} backgroundColor={LibStyle.colorPrimary} onPress={() => { setStatus(code); statusRef.current?.hide() }} />
+        </View>
+      </LibSlidingup>
     </View>
   )
 }

package/event/voucher.tsx

@@ -34,7 +34,7 @@ export default function m(props: EventVoucherProps): any {
   let voucherCode = React.useRef<LibInput>(null)
 
   useEffect(() => {
-    esp.isDebug("payment_voucher") && EventConfigProperty.curlConfig('payment_config')
+    EventConfigProperty.curlConfig('payment_config')
     return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
   }, [])
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay-event",
-  "version": "0.0.2-d",
+  "version": "0.0.2-f",
   "description": "event module on esoftplay framework",
   "main": "index.js",
   "scripts": {