esoftplay-event 0.0.1-c → 0.0.1-e

package/event/hall_out_list.tsx

@@ -1,215 +0,0 @@
-// withHooks
-import { useRef } from 'react';
-
-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 { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibObject } from 'esoftplay/cache/lib/object/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { UserClass } from 'esoftplay/cache/user/class/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-import React from 'react';
-import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
-import { Path, Svg } from 'react-native-svg';
-
-
-export interface EventTms_out_hall_listArgs {
-
-}
-export interface EventTms_out_hall_listProps {
-
-}
-export default function m(props: EventTms_out_hall_listProps): any {
-
-  const { data, scan_type, url_ticket_update, url_ticket_detail, price_type, gate_type, event_id, selectGate, typeScanner, event_title, configPriority }: any = LibNavigation.getArgsAll<any>(props)
-  const [useAll, setUseAll] = useSafeState<boolean>(false)
-  const [list, setList] = useSafeState<any>()
-  const dialogQty = useRef<LibSlidingup>(null)
-
-  let args = {
-    selectGate: selectGate,
-    fromPage: 'event/tms_home',
-    event_id: event_id,
-    event_title: event_title,
-    typeScanner: typeScanner,
-    gate_type: gate_type,
-    price_type: price_type,
-    url_ticket_detail: url_ticket_detail,
-    url_ticket_update: url_ticket_update,
-    configPriority: configPriority,
-    data: data,
-    scan_type: scan_type
-  }
-
-
-  function renderItem(item: any, i: number) {
-    const z = (200 / 500) * (LibStyle.width - 50);
-    if (item.price_id == "staff") {
-      return (
-        <Pressable key={i} onPress={() => {
-          if (item.status_scanned == 2) /* 0 tidak diperbolehkan, 1 sudah didalam, 2 available */ {
-            LibNavigation.replace('event/tms_idcard', {
-              selectedTicket: item,
-              hall: "in",
-              ...args
-            })
-          } else {
-            var post = {
-              event_id: event_id,
-              hall_id: selectGate?.id
-            }
-            let err = {
-              message: item.status_label,
-              result: item.scanned_detail
-            }
-            LibNavigation.replace('event/tms_in_hall_failed', { msgError: err, ...args, postGetData: post })
-          }
-
-        }} style={{ width: LibStyle.width - 50, marginBottom: 10, backgroundColor: LibStyle.colorPrimary, padding: 15, borderRadius: 10, ...LibStyle.elevation(3) }}>
-          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-            <View style={{ height: 80, width: 80, borderRadius: 10, backgroundColor: LibStyle.colorBgGrey, ...LibStyle.elevation(3) }}>
-              <LibPicture source={{ uri: item?.user_image }} style={{ height: 80, width: 80, borderRadius: 10 }} />
-            </View>
-            <View style={{ marginHorizontal: 10, flex: 1, alignContent: 'center', justifyContent: 'center' }}>
-              <Text allowFontScaling={false} numberOfLines={2} style={applyStyle({ color: "#000", fontSize: 16, fontWeight: 'bold' })} >{item.user_name}</Text>
-              <Text allowFontScaling={false} style={applyStyle({ letterSpacing: 1, color: "#000", fontSize: 20, fontWeight: 'bold' })} >{item?.exhibitor_name?.split('-')[0]}</Text>
-              <Text allowFontScaling={false} numberOfLines={4} style={applyStyle({ letterSpacing: 1, color: "#000", fontSize: 16, fontWeight: 'normal' })} >{item?.exhibitor_name?.split('-')[1]}</Text>
-
-            </View>
-          </View>
-        </Pressable>
-      )
-    } else {
-      return (
-        <Pressable key={i} onPress={() => {
-          let defaultUse = LibObject.set(item.list, 1)(0, 'checked')
-          setList(defaultUse)
-          dialogQty?.current?.show()
-        }}>
-          <Svg width={LibStyle.width - 50} height={z} viewBox="0 0 544 210" fill="none">
-            <Path fill-rule="evenodd" fill={LibUtils.hexToRgba(LibStyle.colorPrimary, 0.5)} clip-rule="evenodd" d="M0 15C0 6.71573 6.71573 0 15 0H529C537.284 0 544 6.71573 544 15V90C535.716 90 529 96.7157 529 105C529 113.284 535.716 120 544 120V195C544 203.284 537.284 210 529 210H15C6.71573 210 0 203.284 0 195V120C8.28427 120 15 113.284 15 105C15 96.7157 8.28427 90 0 90V15Z" />
-            <Path fill-rule="evenodd" fill={LibStyle.colorPrimary} clip-rule="evenodd" d="M16 0C7.16345 0 0 7.16344 0 16V91C8.2843 91 15 97.7157 15 106C15 114.284 8.2843 121 0 121V194C0 202.837 7.16345 210 16 210H185.924C187.623 210 189 208.623 189 206.924C189 205.281 187.68 203.974 186.124 203.446C181.981 202.04 179 198.118 179 193.5C179 190.516 180.245 187.823 182.244 185.911C182.407 185.755 182.572 185.597 182.739 185.439C185.671 182.647 189 179.478 189 175.5C189 171.522 185.671 168.353 182.739 165.561C182.572 165.403 182.407 165.245 182.244 165.089C180.245 163.177 179 160.484 179 157.5C179 154.156 180.563 151.178 182.998 149.255C185.858 146.996 189 144.145 189 140.5C189 136.855 185.858 134.004 182.998 131.745C180.563 129.822 179 126.844 179 123.5C179 120.516 180.245 117.823 182.244 115.911C182.407 115.755 182.572 115.597 182.739 115.439C185.671 112.647 189 109.478 189 105.5C189 101.522 185.671 98.3527 182.739 95.5614C182.572 95.4028 182.407 95.2454 182.244 95.0891C180.245 93.1775 179 90.4841 179 87.5C179 84.1564 180.563 81.1778 182.998 79.2549C185.858 76.9962 189 74.1446 189 70.5C189 66.8554 185.858 64.0038 182.998 61.7451C180.563 59.8222 179 56.8436 179 53.5C179 50.5159 180.245 47.8225 182.244 45.9109C182.407 45.7546 182.572 45.5972 182.739 45.4386C185.671 42.6473 189 39.4782 189 35.5C189 31.5218 185.671 28.3527 182.739 25.5614C182.572 25.4028 182.407 25.2454 182.244 25.0891C180.245 23.1775 179 20.4841 179 17.5C179 13.0541 181.763 9.25356 185.666 7.72205C187.45 7.02203 189 5.50424 189 3.58798C189 1.60639 187.394 0 185.412 0H16Z" />
-          </Svg>
-          <View style={applyStyle({ position: 'absolute', width: LibStyle.width - 50, height: z, padding: 10, justifyContent: 'space-evenly', alignContent: 'center', alignItems: 'center' })}>
-            <View style={applyStyle({ flexDirection: 'row' })} >
-              <View style={applyStyle({ width: '35%', alignItems: 'center', justifyContent: 'center' })} >
-                <Text allowFontScaling={false} style={applyStyle({ color: "#000", fontWeight: 'bold', fontSize: 50, marginRight: '5%', textAlign: 'center' })}>{item.qty}</Text>
-                <Text allowFontScaling={false} style={applyStyle({ color: "#000", fontWeight: 'normal', fontSize: 18, marginRight: '5%', textAlign: 'center' })}>Tiket</Text>
-              </View>
-              <View style={applyStyle({ flex: 1, justifyContent: 'center', marginRight: '10%' })} >
-                <Text allowFontScaling={false} style={applyStyle({ color: "#000", fontSize: 25, fontWeight: 'bold', textAlign: 'center' })} >{item.price_name}</Text>
-              </View>
-            </View>
-          </View>
-        </Pressable>
-      )
-    }
-  }
-
-
-  function findLastIndex(arr: any[], condition: (value: any, index: number, obj: any[]) => unknown) {
-    const reversedArray = arr.slice().reverse();
-    const indexInReversedArray = reversedArray.findIndex(condition);
-
-    if (indexInReversedArray === -1) {
-      return -1; // No matching element found
-    }
-
-    const lastIndex = arr.length - 1 - indexInReversedArray;
-    return lastIndex;
-  }
-
-
-  function quit(): void {
-    let a = list?.filter((item: any) => item.checked == 1).map((it: any) => it.id)
-    if (a.length == 0) {
-      LibToastProperty.show("Silahkan Pilih Tiket dahulu")
-      return
-    } else {
-      let url = "event_tms_hall_out_confirm"
-      let post = {
-        event_id: event_id,
-        ids: JSON.stringify(a),
-        hall_id: selectGate?.id,
-        trx_id: new Date().getTime() + "" + UserClass.state().get()?.id,
-        price_id: list?.filter((item: any) => item.checked == 1 && item.status_scanned != 2).map((it: any) => it.price_id)
-      }
-
-      LibNavigation.replace('event/tms_out_hall_success', { ...args, url, post })
-    }
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <EventHeader title={esp.lang("event/tms_out_hall_list", "header_title")} />
-      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', paddingTop: 15, paddingBottom: 0 }}>
-        <ScrollView style={{ flex: 1 }}>
-          {
-            data?.map(renderItem)
-          }
-        </ScrollView>
-      </View>
-
-      <LibSlidingup ref={dialogQty}>
-        <View style={{ borderTopRightRadius: 20, borderTopLeftRadius: 20, padding: 10, backgroundColor: '#fff', maxHeight: LibStyle.height - (LibStyle.height / 3) }}>
-          <View style={{ flexDirection: 'row', alignItems: 'center', marginVertical: 20 }} >
-            <TouchableOpacity
-              onPress={() => {
-                const index = findLastIndex(list, (x: any) => x.checked == 1)
-                if (index > 0) {
-                  setList(LibObject.set(list, 0)(index, 'checked'))
-                }
-              }}
-              style={{ height: 70, width: 70, borderRadius: 10, backgroundColor: '#c1c2c3', alignItems: 'center', justifyContent: 'center' }} >
-              <LibIcon name='minus' size={50} />
-            </TouchableOpacity>
-            <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }} >
-              <Text style={{ fontSize: 50 }} >{list?.filter?.((x: any) => x.checked == 1).length}</Text>
-            </View>
-            <TouchableOpacity
-              onPress={() => {
-                const index = list?.findIndex?.((x: any) => x.checked == 0)
-                if (index > -1)
-                  setList(LibObject.set(list, 1)(index, 'checked'))
-              }}
-              style={{ height: 70, width: 70, borderRadius: 10, backgroundColor: '#c1c2c3', alignItems: 'center', justifyContent: 'center' }} >
-              <LibIcon name='plus' size={50} />
-            </TouchableOpacity>
-          </View>
-
-          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
-            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={'tail'} style={{ fontWeight: 'bold', fontSize: 14, letterSpacing: 1 }}>{list?.filter((item: any) => !item.hasOwnProperty("type") && item.checked == 1).length + " Tiket digunakan"}</Text>
-            <TouchableOpacity onPress={() => {
-              let a = list?.map((item: any, i: number) => {
-                return { ...item, checked: item.status_scanned == 2 ? 0 : (useAll ? 0 : 1) }
-              })
-              setList(a)
-              setUseAll(useAll ? false : true)
-            }} style={applyStyle({ paddingHorizontal: 15, 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_hall_list", "exit")}
-            backgroundColor={LibStyle.colorRed}
-            onPress={() => {
-              quit()
-            }}
-            style={{ marginTop: 30 }}
-          />
-
-        </View>
-      </LibSlidingup>
-
-    </View>
-  )
-}

package/event/hall_out_log.tsx

@@ -1,133 +0,0 @@
-// withHooks
-
-import { useEffect } from 'react';
-
-import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
-import { EventTms_out_hall_successProperty } from 'esoftplay/cache/event/tms_out_hall_success/import';
-import { EventTms_logProperty } from 'esoftplay/cache/event/tms_log/import';
-import { LibLoading } from 'esoftplay/cache/lib/loading/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { UseCondition } from 'esoftplay/cache/use/condition/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-import { useTimeout } from 'esoftplay/timeout';
-import React from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-
-export interface EventTms_out_hall_logArgs {
-
-}
-export interface EventTms_out_hall_logProps {
-  onPress: (type: string, title: string) => void
-}
-
-export interface HallOutLogItem {
-  text: string
-  subtitle: string
-  value: string
-  onPress: () => void
-  valuecolor?: string
-}
-
-function Item(props: HallOutLogItem) {
-  return (
-    <Pressable
-      onPress={() => {
-        props.onPress()
-      }} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
-      <View>
-        <LibTextstyle text={props.text} textStyle="subhead" />
-        <Text style={{ letterSpacing: 0.5, marginTop: 3, fontSize: 12, color: LibStyle.colorBrown }}>{props.subtitle}</Text>
-      </View>
-      <LibTextstyle text={LibUtils.number(props.value)} style={{ color: props.valuecolor ? props.valuecolor : "#000" }} textStyle="title2" />
-    </Pressable>
-  )
-}
-
-export default function m(props: EventTms_out_hall_logProps): any {
-  const logHallOut = EventTms_homeProperty.counterState().useSelector(s => s)
-  const backupHallOut = EventTms_out_hall_successProperty.syncHallOut().useSelector(s => s)
-  const [loading, setLoading] = useSafeState<boolean>(true)
-  const timeout = useTimeout()
-
-  function syncHallOutData() {
-    EventTms_homeProperty.subscribeSyncHallOut().trigger(EventTms_out_hall_successProperty.syncHallOut().get())
-    timeout(() => {
-      setLoading(false)
-    }, 1000)
-  }
-
-  function forceSyncHallOutData() {
-    EventTms_homeProperty.subscribeSyncHallOutReset().trigger(EventTms_out_hall_successProperty.syncHallOut().get())
-    timeout(() => {
-      setLoading(false)
-    }, 1000)
-  }
-
-  useEffect(() => {
-    syncHallOutData()
-  }, [])
-
-  if (loading) {
-    return <LibLoading />
-  }
-
-  const sumValue = EventTms_logProperty.sumValuesPerCategory(logHallOut)
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff', margin: 17, marginTop: 0, paddingBottom: 10, marginBottom: 0, borderBottomRightRadius: 10, borderBottomLeftRadius: 10, ...LibStyle.elevation(2) }}>
-      <Item subtitle={esp.lang("event/tms_out_hall_log", "ticket_scanned_hall_out")} text={esp.lang("event/tms_out_hall_log", "scan_hall_out")} value={sumValue?.hall_out_scan} onPress={() => {
-        if (sumValue?.hall_out_scan) {
-          props.onPress("hall_out_scan", esp.lang("event/tms_out_hall_log", "scan_hall_out"))
-        }
-      }} />
-      <Item subtitle={esp.lang("event/tms_out_hall_log", "scanned_ticket_hall_put")} text={esp.lang("event/tms_out_hall_log", "qty_scan_hall_out")} value={sumValue?.hall_out_ticket} onPress={() => {
-        if (sumValue?.hall_out_ticket) {
-          props.onPress("hall_out_ticket", esp.lang("event/tms_out_hall_log", "qty_scan_hall_out"))
-        }
-
-      }} />
-      <Item subtitle={esp.lang("event/tms_out_hall_log", "ticket_success_scanned_hall_out")} text={esp.lang("event/tms_out_hall_log", "opengate_hall_out")} value={sumValue?.hall_out_opengate} onPress={() => {
-        if (sumValue?.hall_out_opengate) {
-          props.onPress("hall_out_opengate", esp.lang("event/tms_out_hall_log", "opengate_hall_out"))
-        }
-
-      }} />
-      <Item subtitle={esp.lang("event/tms_out_hall_log", "idcard_scanned_hall_out")} text={esp.lang("event/tms_out_hall_log", "opengate_hall_out_idcard")} value={sumValue?.hall_out_opengate_idcard} onPress={() => {
-        if (sumValue?.hall_out_opengate_idcard) {
-          props.onPress("hall_out_opengate_idcard", esp.lang("event/tms_out_hall_log", "opengate_hall_out_idcard"))
-        }
-
-      }} />
-      <Item subtitle={esp.lang("event/tms_out_hall_log", "data_send_to_server")} text={esp.lang("event/tms_out_hall_log", "data_send")} value={sumValue?.hall_out_send} onPress={() => {
-        if (sumValue?.hall_out_send) {
-          props.onPress("hall_out_send", esp.lang("event/tms_out_hall_log", "data_send"))
-        }
-      }} />
-      <Item subtitle={esp.lang("event/tms_out_hall_log", "data_not_send_to_server")} text={esp.lang("event/tms_out_hall_log", "data_not_send")} valuecolor={LibStyle.colorRed} value={backupHallOut.length} onPress={() => {
-
-      }} />
-
-      <View style={{ marginHorizontal: 15 }} >
-        <UseCondition
-          if={backupHallOut.length == 0}
-          fallback={
-            <Pressable onPress={() => {
-              setLoading(true)
-              forceSyncHallOutData()
-            }}>
-              <Text allowFontScaling={false} style={{ textAlign: 'center' }}>{esp.lang("event/tms_out_hall_log", "wait")}<Text style={{ color: LibStyle.colorBlue, textDecorationStyle: 'solid', textDecorationLine: 'underline' }}>{esp.lang("event/tms_out_hall_log", "click")}</Text> {esp.lang("event/tms_out_hall_log", "retry")}</Text>
-            </Pressable>
-          } >
-          <LibTextstyle textStyle='callout'
-            style={{ textAlign: 'center', marginTop: 15 }}
-            text={esp.lang("event/tms_out_hall_log", "all_data_send")} />
-        </UseCondition>
-      </View>
-
-    </View >
-  )
-}

package/event/hall_out_success.tsx

@@ -1,130 +0,0 @@
-// withHooks
-import { useEffect, useRef } from 'react';
-
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibObject } from 'esoftplay/cache/lib/object/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
-import { LinearGradient } from 'expo-linear-gradient';
-
-import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-import React from 'react';
-import { Animated, Easing, Pressable, Text, View } from 'react-native';
-
-export interface EventTms_out_hall_successArgs {
-
-}
-export interface EventTms_out_hall_successProps {
-
-}
-
-const dataListHallOut = useGlobalState<any[]>([], { persistKey: 'ticket_list_hall_out', loadOnInit: true, inFastStorage: true })
-export function syncHallOut(): useGlobalReturn<any[]> {
-  return dataListHallOut
-}
-
-export default function m(props: EventTms_out_hall_successProps): any {
-  const { scan_type, data, url, post, url_ticket_update, url_ticket_detail, price_type, gate_type, event_id, selectGate, typeScanner, event_title, configPriority }: any = LibNavigation.getArgsAll<any>(props)
-
-  const [isPaused, setIsPaused] = useSafeState<boolean>(false)
-  const progress = useRef(new Animated.Value(0)).current;
-  const animation = useRef<Animated.CompositeAnimation | null>(null);
-  const [pausedValue, setPausedValue] = useSafeState(0);
-
-  function animateProgressBar() {
-    const duration = 1000; // Ubah durasi animasi sesuai kebutuhan Anda
-
-    if (!isPaused) {
-      animation.current = Animated.timing(progress, {
-        toValue: 1,
-        duration: duration - duration * pausedValue,
-        easing: Easing.linear,
-        useNativeDriver: false,
-      });
-
-      animation.current.start(({ finished }) => {
-        if (finished) {
-          setIsPaused(false);
-          setPausedValue(0);
-
-          // script next nya disini
-          LibNavigation.replace('component/scanner', {
-            selectGate: selectGate,
-            fromPage: 'event/tms_home',
-            event_id: event_id,
-            event_title: event_title,
-            typeScanner: typeScanner,
-            gate_type: gate_type,
-            price_type: price_type,
-            url_ticket_detail: url_ticket_detail,
-            url_ticket_update: url_ticket_update,
-            configPriority: configPriority,
-            scan_type: scan_type
-          })
-        }
-      });
-    } else {
-      if (animation.current) {
-        animation.current.stop(); // Hentikan animasi
-        animation.current = null;
-      }
-      setPausedValue(progress._value);
-    }
-    setIsPaused(!isPaused);
-  }
-
-  useEffect(() => {
-    dataListHallOut.get()
-    EventTms_homeProperty.addCounterHallOutOpenGate(1, "0")
-    createDataHallOut()
-    animateProgressBar()
-  }, [])
-
-  function createDataHallOut() {
-    dataListHallOut.set(LibObject.push(dataListHallOut.get(), [url, post])())
-    EventTms_homeProperty.subscribeSyncHallOut().trigger(dataListHallOut.get())
-  }
-
-  const widthInterpolate = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0%', '100%'],
-  });
-
-  return (
-    <View style={{ flex: 1 }}>
-      <LibStatusbar style='light' />
-      <Pressable
-        onPressIn={animateProgressBar}
-        onPressOut={animateProgressBar}
-        style={{ backgroundColor: '#000', height: LibStyle.height }}>
-        <LibPicture source={{ uri: 'https://www.w3schools.com/howto/img_avatar.png' }} style={{ width: LibStyle.width, height: LibStyle.height - (LibStyle.height / 4) }} resizeMode={"cover"} />
-
-        <View style={{ marginTop: LibStyle.STATUSBAR_HEIGHT + 5, alignSelf: 'center', height: 5, width: LibStyle.width - 20, backgroundColor: 'rgba(255,255,255,0.3)', borderRadius: 10, position: 'absolute', top: 5, }}>
-          <Animated.View style={{ width: widthInterpolate, height: 5, backgroundColor: LibStyle.colorPrimary, borderRadius: 10, }} />
-        </View>
-
-        <LinearGradient
-          // Background Linear Gradient
-          style={{
-            height: LibStyle.height - (LibStyle.height / 3),
-            width: LibStyle.width,
-            position: 'absolute',
-            left: 0,
-            right: 0,
-            bottom: 0,
-          }}
-          colors={['rgba(255,255,255,0)', 'rgba(0,0,0,0.55)', 'rgba(0,0,0,1)', 'rgba(0,0,0,1)']}>
-          <View style={{ flex: 1, padding: 15, justifyContent: 'flex-end', paddingBottom: 100, alignContent: 'center', alignItems: 'center' }}>
-            <Text allowFontScaling={false} style={{ textAlign: 'center', flexWrap: 'wrap', fontSize: 35, letterSpacing: 2, fontWeight: '900', color: '#fff' }}>{data[0]?.price_name}</Text>
-            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 26, marginTop: 20, color: '#fff' }}>{esp.lang("event/tms_out_hall_success", "exit")}</Text>
-          </View>
-
-        </LinearGradient>
-      </Pressable>
-    </View>
-  )
-}