esoftplay-event 0.0.2-b → 0.0.2-d

package/config.json

@@ -1,9 +1,9 @@
 {
   "fonts": {
-    "mono": "mono.ttf",
     "Arial": "Arial.ttf",
     "ArialBold": "ArialBold.ttf",
     "SFProText": "SFProText.ttf",
+    "mono": "mono.ttf",
     "MonoSpace": "MonoSpace.ttf",
     "DecoNumbers": "DecoNumbers.ttf",
     "digital": "digital.ttf"

package/event/countdown_base.tsx

@@ -1,7 +1,6 @@
 // withHooks
-
+// noPage
 import esp from 'esoftplay/esp';
-import moment from 'esoftplay/moment';
 import React, { useEffect, useRef } from 'react';
 import { TextInput, View } from 'react-native';
 
@@ -11,6 +10,7 @@ export interface EventCountdown_baseArgs {
 }
 export interface EventCountdown_baseProps {
   expired: string,
+  timezone?: string,
   expiredText?: string,
   style?: any,
   containerStyle?: any,
@@ -22,68 +22,108 @@ export interface EventCountdown_baseProps {
 
 const fixSingleNumber = (number: number) => number < 10 ? '0' + number : number
 
+function parseTimezone(tz: string): string {
+  if (!tz) return '+00:00';
+  const lower = tz.toLowerCase().trim();
+
+  const match = lower.match(/gmt([+-]\d{1,2})(?::?(\d{1,2}))?(\.\d+)?/);
+  if (!match) return '+00:00';
+
+  const sign = match[1].startsWith('-') ? '-' : '+';
+  let hours = Math.abs(parseInt(match[1], 10));
+  let minutes = 0;
+
+  if (match[2]) {
+    minutes = parseInt(match[2], 10);
+  } else if (match[3]) {
+    minutes = Math.round(parseFloat(match[3]) * 60);
+  }
+
+  const hh = hours.toString().padStart(2, '0');
+  const mm = minutes.toString().padStart(2, '0');
+  return `${sign}${hh}:${mm}`;
+}
+
 export default function m(props: EventCountdown_baseProps): any {
   const ref = useRef<TextInput>(null)
-  let timmer = useRef<any>(undefined).current
+  let timmerRef = useRef<any>(undefined)
 
   useEffect(() => {
     countDown()
     return () => {
-      clearTimeout(timmer)
-      timmer = undefined
+      clearTimeout(timmerRef.current)
+      timmerRef.current = undefined
     }
   }, [])
 
   function countDown(): any {
     let expired = false
     function loop() {
-      const t = [esp.lang("market/countdown", "day"), esp.lang("market/countdown", "hour"), esp.lang("market/countdown", "minutes"), esp.lang("market/countdown", "second")]
-      const diffr = moment(props.expired).duration(moment().toDate());
-      const text = [
-        parseInt(diffr.asDays().toString()),
-        fixSingleNumber(parseInt(diffr.hours().toString())),
-        fixSingleNumber(parseInt(diffr.minutes().toString())),
-        fixSingleNumber(parseInt(diffr.seconds().toString()))
-      ]
-
-      if (text.every((x) => (Number(x) < 1 || isNaN(Number(x))))) {
-        expired = true
-        props.onExpired && props.onExpired()
-        ref?.current?.setNativeProps({ text: props.expiredText || esp.lang("market/countdown", "expired") })
-      } else if (text.length == 4 && text[0] != 0 && props.onlyDay) {
-        ref?.current?.setNativeProps({ text: text[0] + esp.lang("market/countdown", "days") })
-      } else if (text[0] == 0) {
-        text.splice(0, 1)
-        t.splice(0, 1)
-        if (text[0].toString() == '00') {
-          text.splice(0, 1)
-          t.splice(0, 1)
-          if (text[0].toString() == '00') {
-            text.splice(0, 1)
-            t.splice(0, 1)
-          }
+      const labels = [esp.lang("market/countdown", "day"), esp.lang("market/countdown", "hour"), esp.lang("market/countdown", "minutes"), esp.lang("market/countdown", "second")]
+
+      // @ts-ignore
+      const configGMT = esp.config("forcedGMT+") ? `GMT+${esp.config("forcedGMT+")}` : "GMT+7" // set default to GMT+7 Jakarta
+      const tzOffset = parseTimezone(props?.timezone || configGMT);
+      const serverDate = new Date(props.expired.replace(' ', 'T') + tzOffset);
+      const now = new Date();
+
+      const diffMs = serverDate.getTime() - now.getTime();
+
+      if (diffMs <= 0) {
+        expired = true;
+        props.onExpired?.();
+        ref.current?.setNativeProps({
+          text: props.expiredText || esp.lang('market/countdown', 'expired'),
+        });
+        return;
+      }
+
+      const totalSeconds = Math.floor(diffMs / 1000);
+      const days = Math.floor(totalSeconds / 86400);
+      const hours = Math.floor((totalSeconds % 86400) / 3600);
+      const minutes = Math.floor((totalSeconds % 3600) / 60);
+      const seconds = totalSeconds % 60;
+
+      const parts = [
+        days,
+        fixSingleNumber(hours),
+        fixSingleNumber(minutes),
+        fixSingleNumber(seconds),
+      ];
+
+      if (parts[0] != 0 && props.onlyDay) {
+        ref.current?.setNativeProps({
+          text: parts[0] + esp.lang('market/countdown', 'days'),
+        });
+      } else if (parts[0] == 0) {
+        const filteredParts = [...parts];
+        while (filteredParts.length > 1 && (filteredParts[0] === 0 || filteredParts[0] === "00")) {
+          filteredParts.splice(0, 1);
         }
-        ref?.current?.setNativeProps({ text: text.filter((x, i) => !isNaN(Number(x))).map((d, id) => d + (props?.hideTimeUnit ? '' : ' ' + t[id])).join(" : ") })
+
+        const filtered = filteredParts.map((d, i) =>
+          `${d}${props?.hideTimeUnit ? '' : ' ' + labels[parts.length - filteredParts.length + i]}`
+        );
+
+        ref.current?.setNativeProps({ text: filtered.join(' : ') });
       } else if (props?.showDayUnit && props?.hideTimeUnit) {
-        const data = text
-          .filter((x, i) => !isNaN(Number(x)))
-          .map((d, id) => {
-            return (d + (id == 0 ? " " + t[0] + " " : ""))
-          })
-        const firstData = data[0]
-        data.splice(0, 1)
-
-        ref?.current?.setNativeProps({
-          text: firstData + " " + data.join(" : ")
-        })
+        const data = parts.map(
+          (d, i) => d + (i === 0 ? ' ' + labels[0] + ' ' : '')
+        );
+
+        const first = data[0];
+        ref.current?.setNativeProps({
+          text: first + ' ' + data.slice(1).join(' : '),
+        });
       } else {
-        ref?.current?.setNativeProps({ text: text.filter((x, i) => !isNaN(Number(x))).map((d, id) => d + (props?.hideTimeUnit ? '' : ' ' + t[id])).join(" : ") })
-      }
-      if (!expired) {
-        timmer = setTimeout(() => {
-          loop()
-        }, 1000);
+        const filtered = parts.map(
+          (d, i) => `${d}${props?.hideTimeUnit ? '' : ' ' + labels[i]}`
+        );
+        ref.current?.setNativeProps({ text: filtered.join(' : ') });
       }
+
+      if (!expired) timmerRef.current = setTimeout(loop, 1000);
+
     };
     loop()
   }

package/event/countdown_event.tsx

@@ -14,6 +14,7 @@ export interface EventCountdown_eventArgs {
 }
 export interface EventCountdown_eventProps {
   date: string,
+  timezone?: string,
   containerStyle?: StyleProp<ViewStyle>
   bulletStyle?: StyleProp<ViewStyle>,
   style?: StyleProp<TextStyle>
@@ -41,6 +42,7 @@ export default function m(props: EventCountdown_eventProps): any {
         expired={props.date}
         showDayUnit
         hideTimeUnit
+        timezone={props?.timezone}
         style={[{ fontFamily: "Arial", fontSize: 11, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }, props?.style]}
       />
     </View>

package/event/detail.tsx

@@ -61,12 +61,12 @@ export default function m(props: EventDetailProps): any {
   }
 
   useEffect(() => {
-    if (esp.isDebug("") && user?.email == "bagus@fisip.net") {
-      LibNavigation.replace('event/detail2', { url: url })
-    } else {
-      loadData()
-    }
-    // loadData()
+    // if (esp.isDebug("") && user?.email == "bagus@fisip.net") {
+    //   LibNavigation.replace('event/detail2', { url: url })
+    // } else {
+    //   loadData()
+    // }
+    loadData()
   }, [])
 
   if (!result) {
@@ -142,6 +142,7 @@ export default function m(props: EventDetailProps): any {
           esp.isDebug("show_countdown") && result?.countdown_booking == 1 && result?.start_date != "0000-00-00" && result.end_date != '0000-00-00' &&
           <EventCountdown_event
             date={(result?.end_date + " " + result?.end_time)}
+            timezone={result?.timezone}
             style={{ fontSize: 12 }}
             bulletStyle={{ width: 14, height: 14, borderRadius: 7, marginRight: 10 }}
             containerStyle={{ marginHorizontal: 20, marginBottom: 10 }}

package/event/label_input.tsx

@@ -5,7 +5,7 @@ import { Text, View } from 'react-native';
 
 
 export interface EventLabel_inputArgs {
-  
+
 }
 export interface EventLabel_inputProps {
   mandatory?: boolean,
@@ -16,7 +16,7 @@ export interface EventLabel_inputProps {
 export default function m(props: EventLabel_inputProps): any {
   return (
     <View style={{ flexDirection: 'row', marginTop: 16 }}>
-      <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.labelColor ? props.labelColor : "#9b9b9b", }}>{props.label}</Text>
+      <Text allowFontScaling={false} numberOfLines={1} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.labelColor ? props.labelColor : "#9b9b9b", }}>{props.label}</Text>
       {props.mandatory && <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.mandatoryColor ? props.mandatoryColor : "#d0021b" }}> *</Text>}
     </View>
   )

package/event/order_detail.tsx

@@ -385,7 +385,7 @@ export default function m(props: EventOrder_detailProps): any {
 
   const termData = result?.term ? Object.values(result?.term) : []
 
-  // esp.log(getGroupAddon());
+  // esp.log(result);
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
@@ -466,7 +466,7 @@ export default function m(props: EventOrder_detailProps): any {
 
                 {
                   result?.ondate == "0000-00-00" &&
-                  <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                  <View style={{ marginRight: 85, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
                     <LibIcon name="calendar-blank-outline" size={20} />
                     <Text allowFontScaling={false} style={{ flex: 1, marginRight: 10, marginLeft: 6, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{((isInvitationDate || isOnlineWithoutDate) ? esp.lang("event/order_item", "used_once") : dateRange)}</Text>
                   </View>
@@ -580,6 +580,7 @@ export default function m(props: EventOrder_detailProps): any {
             if (item?.hasOwnProperty("group_id")) {
               return (
                 <EventButton_order_detail
+                  key={i}
                   color={result?.color}
                   onPress={() => {
                     setGroupAddon(item)
@@ -593,6 +594,23 @@ export default function m(props: EventOrder_detailProps): any {
                   info={""}
                 />
               )
+            } else if (item?.hasOwnProperty('list')) {
+              return (
+                <EventButton_order_detail
+                  key={i}
+                  color={result?.color}
+                  onPress={() => {
+                    setGroupAddon(item)
+                    LibUtils.debounce(() => {
+                      dialogAddonList?.current?.show()
+                    }, 100)
+                    // loadDataAddons(item?.addons_id, item?.url)
+                  }}
+                  icon={'chevron-down'}
+                  title={item.title}
+                  info={""}
+                />
+              )
             } else {
               return (
                 <EventButton_order_detail
@@ -873,12 +891,32 @@ export default function m(props: EventOrder_detailProps): any {
       <LibSlidingup ref={dialogAddonList}>
         <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, maxHeight: LibStyle.height / 2, borderTopLeftRadius: 20, paddingBottom: 20 }}>
           <View style={{ margin: 15, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
-            <Text allowFontScaling={false} style={{ flex: 1, fontSize: 16, fontWeight: 'bold' }}>{getGroupAddon()?.group_title}</Text>
+            <Text allowFontScaling={false} style={{ flex: 1, fontSize: 16, fontWeight: 'bold' }}>{getGroupAddon()?.hasOwnProperty("list") ? getGroupAddon()?.title : getGroupAddon()?.group_title}</Text>
             <TouchableOpacity style={{ flex: 1, alignItems: 'flex-end' }} onPress={() => dialogAddonList?.current?.hide()}>
               <LibIcon name='close' />
             </TouchableOpacity>
           </View>
           <ScrollView>
+            {/* sementara dobel2 begini nanti yang dipakai itu yang list */}
+
+            {/* ini list untuk yang ondate */}
+            {
+              getGroupAddon()?.list?.length > 0 && getGroupAddon()?.list?.map((item: any, i: number) => {
+                return (
+                  <EventButton_order_detail
+                    key={i}
+                    color={result?.color}
+                    onPress={() => {
+                      loadDataAddons(getGroupAddon()?.addons_id, item?.url)
+                    }}
+                    icon={'plus-circle-outline'}
+                    title={getGroupAddon()?.title + " " + LibUtils.moment(item.ondate).format("DD MMM YYYY")}
+                    info={item.hasOwnProperty("info") && item?.info}
+                  />
+                )
+              })
+            }
+            {/* ini untuk yang grouping */}
             {
               getGroupAddon()?.addons?.length > 0 && getGroupAddon()?.addons?.map((item: any, i: number) => {
                 return (

package/event/order_detail_waiting.tsx

@@ -313,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", result?.timezone)} 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)} timezone={result?.timezone} style={{ flex: 1, marginLeft: 15, fontSize: 14, color: LibStyle.colorRed, fontFamily: "ArialBold" }} />
             </View>
           }
 

package/event/order_history.tsx

@@ -68,7 +68,7 @@ export default function m(props: EventOrder_historyProps): any {
           {
             item.status == 0 ?
               <View style={applyStyle({ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center', paddingHorizontal: 15 })}>
-                <EventCountdown_base expired={moment(item.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} style={applyStyle({ flex: 1, fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+                <EventCountdown_base expired={moment(item.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} timezone={item?.timezone} style={applyStyle({ flex: 1, fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
                 <Text allowFontScaling={false} style={applyStyle({ flex: 1, flexWrap: 'wrap', padding: 10, paddingHorizontal: 0, textAlign: 'right', fontFamily: "ArialBold", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed })}>{item.booking_code}</Text>
               </View>
               :

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', item?.timezone)} 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)} timezone={item?.timezone} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
               </View>
               {
                 !!item?.booking_code &&

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', item?.timezone)} 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)} timezone={item?.timezone} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
                   </View>
                   {
                     !!item?.booking_code &&

package/event/schedule.tsx

@@ -21,8 +21,8 @@ export interface EventScheduleProps {
 
 }
 export default function m(props: EventScheduleProps): any {
-  const { schedule, dataBookingEvent, order_type, tax } = LibNavigation.getArgsAll(props)
-  const [qty, setQty] = useSafeState<number>(dataBookingEvent?.qty)
+  const { schedule, dataBookingEvent, order_type, tax, is_multiprice } = LibNavigation.getArgsAll(props)
+  const [qty, setQty] = useSafeState<number>(dataBookingEvent?.qty || 1)
 
   function add(quota?: any, quota_used?: any): void {
     if (qty != parseInt(dataBookingEvent?.selected_ticket?.qty_max)) {
@@ -71,22 +71,22 @@ export default function m(props: EventScheduleProps): any {
     return (
       <View key={i} style={styleId_26m88j}>
         {
-          _item.image != "" &&
-          <LibPicture source={{ uri: _item.image }} style={styleId_15Un4S} />
+          Boolean(_item?.image) && _item?.image != "" &&
+          <LibPicture source={{ uri: _item?.image }} style={styleId_15Un4S} />
         }
-        <Text allowFontScaling={false} style={styleId_XKKqU}>{_item.name}</Text>
+        <Text allowFontScaling={false} style={styleId_XKKqU}>{_item?.name || ""}</Text>
         <ScrollView>
           {
-            _item.description != "" &&
-            <LibWebview source={{ html: _item.description }} onFinishLoad={() => { }} style={styleId_ZoKh7U} />
+            Boolean(_item?.description) && _item?.description != "" &&
+            <LibWebview source={{ html: _item?.description }} onFinishLoad={() => { }} style={styleId_ZoKh7U} />
           }
         </ScrollView>
         {
-          _item?.video != "" &&
+          Boolean(_item?.video) && _item?.video != "" &&
           <>
             <Text allowFontScaling={false} style={styleId_Z1RMsb6} >{esp.lang("event/schedule", "text_vide")}</Text>
-            <TouchableOpacity onPress={() => LibNavigation.navigate('lib/video', { code: _item.video })} >
-              <LibPicture source={{ uri: LibVideoProperty.getUrlThumbnail(_item.video) }} style={styleId_1g6pcd} />
+            <TouchableOpacity onPress={() => LibNavigation.navigate('lib/video', { code: _item?.video })} >
+              <LibPicture source={{ uri: LibVideoProperty.getUrlThumbnail(_item?.video) }} style={styleId_1g6pcd} />
             </TouchableOpacity>
           </>
         }
@@ -98,32 +98,35 @@ export default function m(props: EventScheduleProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <EventHeader title={esp.lang("event/schedule", "header_title")} />
+      <EventHeader title={dataBookingEvent?.event_title} />
       <ScrollView>
         {
-          schedule?.artist.length > 0 && schedule.artist.map(renderArtist)
+          schedule?.artist?.length > 0 && schedule?.artist?.map?.(renderArtist)
         }
 
-
       </ScrollView>
-      <View style={{ padding: 10 }} >
-        <View style={{ flexDirection: 'row', marginVertical: 10, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
-          <TouchableOpacity onPress={() => { min() }}>
-            <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
-              <LibIcon name="minus" color="#e74c3c" />
-            </View>
-          </TouchableOpacity>
-          <Text style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 15, marginRight: 15 }}>{qty}</Text>
-          <TouchableOpacity onPress={() => { add(item?.quota, item?.quota_used) }}>
-            <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
-              <LibIcon name="plus" color="#16a085" />
-            </View>
-          </TouchableOpacity>
+
+      {
+        is_multiprice == 0 &&
+        <View style={{ padding: 10 }} >
+          <View style={{ flexDirection: 'row', marginVertical: 10, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
+            <TouchableOpacity onPress={() => { min() }}>
+              <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                <LibIcon name="minus" color="#e74c3c" />
+              </View>
+            </TouchableOpacity>
+            <Text style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 15, marginRight: 15 }}>{qty}</Text>
+            <TouchableOpacity onPress={() => { add(item?.quota, item?.quota_used) }}>
+              <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                <LibIcon name="plus" color="#16a085" />
+              </View>
+            </TouchableOpacity>
+          </View>
+          <EventButton label={esp.lang("event/schedule", "next")} onPress={() => {
+            doBooking()
+          }} style={{ backgroundColor: LibStyle.colorGreen }} />
         </View>
-        <EventButton label={esp.lang("event/schedule", "next")} onPress={() => {
-          doBooking()
-        }} style={{ backgroundColor: LibStyle.colorGreen }} />
-      </View>
+      }
     </View>
   )
 }

package/event/ticket_list.tsx

@@ -500,7 +500,8 @@ export default function m(props: EventTicket_listProps): any {
                   schedule: itemT.schedule,
                   order_type: eventConfig?.order_type?.ticket,
                   tax: selectedTicket?.tax == null ? 0 : selectedTicket?.tax,
-                  dataBookingEvent: dataPost
+                  dataBookingEvent: dataPost,
+                  is_multiprice: 0
                 })
               }
 

package/event/ticket_list2.tsx

@@ -556,6 +556,45 @@ export default function m(props: EventTicket_list2Props): any {
             }
           </View>
 
+          {
+            ticketWithDate && itemC.schedule?.artist?.length > 0 &&
+            <TouchableOpacity onPress={() => {
+              if (item.status == 1 && itemC.status == 1) {
+                let itemTicket = {
+                  ...item
+                }
+                let replaceList = LibObject.set(itemTicket, itemC)('list')
+                // ini jika dia gajadi beli dari halaman schedule.
+                // setSelectedTicket(replaceList)
+                // setQtyGlobal(itemT)
+                // releaseQueue()
+                // ini untuk dikirim ke halaman schedule
+                let dataPost: any = {
+                  event_id: availableResult?.id,
+                  event_title: availableResult?.title,
+                  charge_payment: availableResult?.charge_payment,
+                  charge_payment_type: availableResult?.charge_payment_type,
+                  images: availableResult?.images,
+                  selected_ticket: replaceList,
+                  qty: itemC.hasOwnProperty("qty") ? itemC?.qty : 1,
+                }
+
+                LibNavigation.navigate('event/schedule', {
+                  schedule: itemC.schedule,
+                  order_type: EventConfigProperty?.state()?.get()?.order_type?.ticket,
+                  tax: item?.tax,
+                  dataBookingEvent: dataPost,
+                  is_multiprice: 1
+                })
+              }
+
+
+            }} activeOpacity={itemC.status == 1 ? 0 : 1} style={applyStyle({ padding: 5, opacity: 1 })} hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} >
+              <LibIcon name="information-outline" size={18} color={"#434343"} style={{ opacity: textOpacity }} />
+            </TouchableOpacity>
+          }
+
+
         </View>
       </TouchableOpacity>
     )

package/event/tms_dashboard.tsx

@@ -106,6 +106,7 @@ export default function m(props: EventTms_dashboardProps): any {
       title: esp.lang("event/tms_dashboard", "log_exchange"),
       onPress: () => {
         dialogClosing.current?.show()
+        LibNavigation.navigate('event/exchange_ticket_list')
       }
     },
   ]

package/event/tms_home.tsx

@@ -448,7 +448,7 @@ export default function m(props: EventTms_homeProps): any {
   function renderViewTms(item: any, i: number) {
     let percentages = item?.quota_visitor == 0 && item?.visitor == 0 ? 0 : item?.visitor > 0 && item?.quota_visitor == 0 ? 5 : (item?.visitor / item?.quota_visitor) * 100
     return (
-      <View key={i} style={applyStyle({ marginLeft: 7, marginRight: 7, marginBottom: 10, borderRadius: 10, borderWidth: 2, padding: 10, borderColor: "#f1f1f1" })}>
+      <View key={i} style={applyStyle({ marginRight: 7, marginBottom: 10, borderRadius: 10, borderWidth: 2, padding: 10, borderColor: "#f1f1f1" })}>
         {progressBar(percentages, 'small')}
         <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 8 }} >
           <Text allowFontScaling={false} style={applyStyle({ textAlign: 'left', fontSize: 14, color: '#000', fontWeight: 'bold', marginRight: 10, flex: 1 })}>{item.type}</Text>
@@ -461,7 +461,7 @@ export default function m(props: EventTms_homeProps): any {
   function renderViewHall(item: any, i: number) {
     let percentages = item?.quota_visitor == 0 && item?.visitor == 0 ? 0 : item?.visitor > 0 && item?.quota_visitor == 0 ? 5 : (item?.visitor / item?.quota_visitor) * 100
     return (
-      <View key={i} style={applyStyle({ marginLeft: 7, marginRight: 7, marginBottom: 10, borderRadius: 10, borderWidth: 2, padding: 10, borderColor: "#f1f1f1" })}>
+      <View key={i} style={applyStyle({ marginRight: 7, marginBottom: 10, borderRadius: 10, borderWidth: 2, padding: 10, borderColor: "#f1f1f1" })}>
         {/* <ComponentCircural_progress size={60} strokeWidth={7} percentage={percentages} color={setColorProg(percentages)} /> */}
         {progressBar(percentages, 'small')}
         <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 8 }} >