esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/user/saldo_refund_history.tsx

@@ -1,97 +0,0 @@
-// withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import { LibObject } from 'esoftplay/cache/lib/object/import';
-import moment from 'esoftplay/moment';
-import React from 'react';
-import { Text, View } from 'react-native';
-
-export interface UserSaldo_refund_historyArgs {
-
-}
-export interface UserSaldo_refund_historyProps {
-
-}
-
-export default function m(props: UserSaldo_refund_historyProps): any {
-  let lastDate = ''
-  const [url, setUrl] = useSafeState<string>('user_saldo_wallet')
-  const [uri, setUri] = useSafeState<any>('')
-
-
-  function renderItem(item: any) {
-    const styleId_Z1cQ2rH: any = { marginTop: 6, fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0, color: item.is_credit == 1 ? LibStyle.colorGreen : LibStyle.colorRed }
-    return (
-      <>
-        {
-          item.showDate &&
-          <View style={styleId_Z2jWl5j} >
-            <Text allowFontScaling={false} style={styleId_Zrjt6A}>{moment(item.created).format("DD MMMM YYYY")}</Text>
-          </View>
-        }
-        <ComponentTouchable onPress={() => {
-          LibNavigation.navigate("user/transaction_detail", { url: item.url_detail })
-        }}>
-          <View style={styleId_Z1M7CR3}>
-            <Text allowFontScaling={false} numberOfLines={3} style={styleId_1vJa1Y}>{item.title}</Text>
-            <View style={styleId_Z1IS0fI}>
-              {/* <View> */}
-              {
-                item.amount != 0 ?
-                  <Text allowFontScaling={false} style={styleId_Z1cQ2rH}>{item.is_credit == 1 ? '+' : '-'} {LibUtils.money(item.amount)}</Text>
-                  :
-                  (item.amount == 0 && item.is_credit == 0) ?
-                    <Text allowFontScaling={false} style={styleId_ZoR89k}>{esp.lang("user/saldo_refund_history", "free")}</Text>
-                    : null
-              }
-              <View style={{ flex: 1 }} />
-              <Text style={{ marginTop: 6, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{moment(item.created).format("HH:mm")}</Text>
-              {/* </View> */}
-            </View>
-          </View>
-        </ComponentTouchable>
-      </>
-    )
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("user/saldo_refund_history", "title_history_transaction_saldo_wallet")} />
-      <LibInfinite
-        key={url + uri}
-        onRefresh={() => lastDate = ""}
-        onResponseEdit={(res) => {
-          let out = res
-          if (res.list) {
-            out = LibObject.update(res, (list) => list.map((item: any) => {
-              const created = moment(item.created).format("DD MMMM YYYY")
-              const showDate = lastDate != created
-              lastDate = created
-              return { ...item, showDate: showDate }
-            }))('list')
-          }
-          return out
-        }}
-        url={url + uri}
-        errorView={(e: any) => (
-          <ComponentMessage message={e} />
-        )}
-        renderItem={renderItem}
-      />
-    </View>
-  )
-}
-const styleId_Z2jWl5j: any = { backgroundColor: '#f1f2f3', padding: 10 }
-const styleId_Zrjt6A: any = { marginTop: 6, fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9f9f9f" }
-const styleId_Z1M7CR3: any = { marginBottom: 0, borderBottomColor: '#f1f2f3', borderBottomWidth: 1, padding: 10, borderRadius: 8, backgroundColor: '#fff' }
-const styleId_Z1IS0fI: any = { flexDirection: 'row', alignItems: 'center' }
-const styleId_1vJa1Y: any = { flexWrap: "wrap", marginTop: 6, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }
-const styleId_ZoR89k: any = { marginTop: 6, fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorGreen }

package/modules/user/scan_turnstile.tsx

@@ -1,87 +0,0 @@
-// withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
-import { UserClass } from 'esoftplay/cache/user/class/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import { initializeApp } from 'firebase/app';
-import { getAuth, signInAnonymously } from 'firebase/auth';
-import { get, getDatabase, ref, set } from 'firebase/database';
-import LottieView from "lottie-react-native";
-import React, { useEffect, useRef } from 'react';
-import { Text, View } from 'react-native';
-
-export interface UserScan_turnstileArgs {
-
-}
-export interface UserScan_turnstileProps {
-
-}
-export default function m(props: UserScan_turnstileProps): any {
-  const { turnstile_id, gateID } = LibNavigation.getArgsAll(props)
-
-  const user = UserClass.state().useSelector(state => state)
-  const [msg, setMsg] = useSafeState<any>(undefined)
-  const animation = useRef<LottieView>(null)
-
-  useEffect(() => {
-    if (turnstile_id) {
-      const app = initializeApp(esp.config().firebase, "BBOGATE")
-      const db = getDatabase(app)
-      const auth = getAuth(app)
-      signInAnonymously(auth).then(() => {
-        get(ref(db, 'turnstile/' + turnstile_id)).then(snapshot => {
-          if (snapshot.val() == "0") {
-            setMsg(true)
-            set(ref(db, 'turnstile/' + turnstile_id), user.qr_name)
-          } else {
-            LibNavigation.back()
-            LibToastProperty.show(esp.lang("user/scan_turnstile", "wait"))
-            setMsg(false)
-          }
-        })
-      }).catch(() => { })
-    } else if (gateID) {
-      new LibCurl('gate_scan', {
-        device_id: gateID,
-        user_qr: user.qr_name
-      }, (res, msg) => {
-        setMsg(true)
-      }, err => {
-        setMsg(true)
-      })
-    }
-  }, [])
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("user/scan_turnstile", "title_ticket_user")} subtitle={user?.name} />
-      {
-        msg &&
-        <>
-          <View style={{ alignItems: 'center', marginTop: 15 }} >
-            <LottieView
-              ref={animation}
-              loop={true}
-              autoPlay
-              style={{
-                width: LibStyle.width - 100,
-                height: LibStyle.width - 100,
-              }}
-              source={esp.assets('enter-otp.json')}
-            />
-          </View>
-          <View style={{ margin: 15, padding: 10, backgroundColor: '#fff', borderRadius: 10, borderColor: LibStyle.colorGrey, borderWidth: 1 }}>
-            {/* <Text style={{ alignSelf: 'center', textAlign: 'center', fontFamily: 'SFProText', fontWeight: 'bold', fontSize: 30, color: '#4a4a4a' }} >{esp.lang("user/scan_turnstile", "success")}</Text> */}
-            <Text style={{ alignSelf: 'center', textAlign: 'center', fontFamily: 'SFProText', fontSize: 25, color: '#999' }} >{esp.lang("user/scan_turnstile", "see_on_pad_turnstile")}</Text>
-          </View>
-        </>
-      }
-
-    </View>
-  )
-}

package/modules/user/top_up_wallet.tsx

@@ -1,211 +0,0 @@
-// withHooks
-import { applyStyle } from 'esoftplay';
-import { BigbangIndexProperty } from 'esoftplay/cache/bigbang/index/import';
-import { BigbangTransaction } from 'esoftplay/cache/bigbang/transaction/import';
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentLabel_input } from 'esoftplay/cache/component/label_input/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
-import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
-import { LibList } from 'esoftplay/cache/lib/list/import';
-import { LibLoading } from 'esoftplay/cache/lib/loading/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 { LibProgress } from 'esoftplay/cache/lib/progress/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 esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import React, { useEffect } from 'react';
-import { Pressable, ScrollView, Text, View } from 'react-native';
-
-
-export interface UserTop_up_walletArgs {
-
-}
-export interface UserTop_up_walletProps {
-
-}
-export default function m(props: UserTop_up_walletProps): any {
-
-  const [selectedPayment, setSelectedPayment] = useSafeState<any>()
-  const [selectedAmount, setSelectedAmount] = useSafeState<any>()
-  const [trxId] = useSafeState(BigbangTransaction().getTrxId())
-  const [payment, setPayment] = useSafeState<any>([])
-  const [amounts, setAmounts] = useSafeState<any>([])
-
-  useEffect(() => {
-    loadPayment()
-    loadAmount()
-  }, [])
-
-  function loadAmount() {
-    new LibCurl('user_topup_wallet_nominal', null, (res) => {
-      setAmounts(res)
-    }, (error) => {
-      LibDialog.warning(esp.lang("user/top_up_wallet", "nominal_er"), error?.message)
-    }, 1)
-  }
-
-  function loadPayment() {
-    new LibCurl('payment?is_topup=1', null, (res) => {
-      setPayment(res)
-    }, (error) => {
-      LibDialog.warning(esp.lang("user/top_up_wallet", "pay_err"), error?.message)
-    }, 1)
-  }
-
-  if (payment?.length == 0 && amounts?.length == 0) {
-    <LibLoading />
-  }
-
-
-  function doTopup() {
-    if (!selectedAmount) {
-      LibToastProperty.show(esp.lang("user/top_up_wallet", "empty_nominal"))
-      return
-    }
-    if (!selectedPayment) {
-      LibToastProperty.show(esp.lang("user/top_up_wallet", "empty_pay_method"))
-      return
-    }
-
-    var post = {
-      amount: selectedAmount?.nominal,
-      payment_id: selectedPayment?.id,
-      trx_id: trxId,
-    }
-
-    LibDialog.confirm(esp.lang("user/top_up_wallet", "confirm_title"), esp.lang("user/top_up_wallet", "confirm_msg"), esp.lang("user/top_up_wallet", "confirm_ok"), () => {
-
-      LibProgress.show(esp.lang("user/top_up_wallet", "wait"))
-      new LibCurl("user_topup_wallet_add", post, (result, msg) => {
-        LibProgress.hide()
-        LibDialog.info(esp.lang("user/top_up_wallet", "res_ok"), msg)
-        LibNavigation.reset()
-        BigbangIndexProperty.setTab(0)
-        LibNavigation.navigate('user/menu_bigbank')
-        LibNavigation.navigate('user/top_up_wallet_detail', { url: result?.url })
-      }, (error) => {
-        LibProgress.hide()
-        LibDialog.warning(esp.lang("user/top_up_wallet", "res_err"), error?.message)
-      }, 1)
-    }, esp.lang("user/top_up_wallet", "confirm_no"), () => { })
-  }
-
-  function renderItemPayment(item2: any, i2: number) {
-    let selectPayment = selectedPayment?.id == item2?.id
-    return (
-      <ComponentTouchable key={i2} onPress={() => {
-        if (item2.active == "0") {
-
-        } else {
-          setSelectedPayment(item2)
-        }
-      }}>
-        <View style={applyStyle({ borderRadius: 5, marginLeft: 10, marginRight: 10, padding: 7, backgroundColor: item2.active == '0' ? '#e6e6e6' : '#FFF', ...LibStyle.elevation(2) })} >
-          <View style={applyStyle({ alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row' })}>
-            <View style={applyStyle({ alignContent: 'center', alignItems: 'center', flexDirection: 'row' })}>
-              <LibPicture source={{ uri: item2.image }} style={applyStyle({ width: 35, height: 35 })} />
-              <Text allowFontScaling={false} style={applyStyle({ marginLeft: 15, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#4a4a4a" })}>{item2.title}</Text>
-            </View>
-            <LibIcon name={selectPayment ? "checkbox-marked-circle-outline" : 'checkbox-blank-circle-outline'} color={selectPayment ? '#FF8300' : '#000'} />
-          </View>
-          {
-            item2.active && item2.active == "0" &&
-            <Text allowFontScaling={false} style={applyStyle({ marginTop: 4, fontFamily: "Arial", fontSize: 10, fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed })}>{item2.info}</Text>
-          }
-        </View>
-      </ComponentTouchable>
-    )
-  }
-
-  function renderItem(item: any, i: number) {
-    return (
-      <LibCollaps key={i}
-        show
-        header={() =>
-          <View style={applyStyle({ borderRadius: 5, marginTop: 5, marginBottom: 5, padding: 16, justifyContent: 'space-between', flexDirection: 'row', backgroundColor: '#fff', ...LibStyle.elevation(2) })}>
-            <View style={applyStyle({ flex: 7, alignContent: 'center', alignItems: 'center', flexDirection: 'row' })}>
-              <LibPicture source={{ uri: item.image }} style={applyStyle({ width: 43, height: 43 })} />
-              <Text allowFontScaling={false} ellipsizeMode={"middle"} numberOfLines={1} style={applyStyle({ marginLeft: 10, marginRight: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#4a4a4a" })}>{item.title}</Text>
-            </View>
-            <LibPicture style={applyStyle({ marginLeft: 10, width: 13, height: 13, alignSelf: 'center' })} source={esp.assets('icons/ic_chevron_right.png')} />
-          </View>
-        } >
-        {
-          item.list && item.list.map(renderItemPayment)
-        }
-      </LibCollaps>
-    )
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={esp.lang("user/top_up_wallet", "header")} />
-      <ScrollView >
-        <View style={[{ margin: 15, padding: 15, borderRadius: 5, backgroundColor: '#fff' }, LibStyle.elevation(2)]}>
-          <ComponentLabel_input label={esp.lang("user/top_up_wallet", "select")} mandatory mandatoryColor='#d0021b' />
-
-          <LibList
-            data={amounts}
-            // key={counter}
-            numColumns={2}
-            style={{ marginTop: 10 }}
-            extraData={selectedAmount}
-            renderItem={(item, i) => {
-              let selectAmount = selectedAmount?.id == item.id
-              return (
-                <Pressable onPress={() => {
-                  setSelectedAmount(item)
-                }} key={i} style={{ width: (LibStyle.width - 70) / 2, justifyContent: 'center', marginRight: 5, marginBottom: 5, padding: 10, backgroundColor: selectAmount ? '#FFF3E6' : '#fff', borderWidth: 1, borderColor: selectAmount ? "#FF8300" : LibStyle.colorBgGrey, borderRadius: 5, alignContent: 'center', alignItems: 'center' }}>
-                  <Text allowFontScaling={false} style={{ color: selectAmount ? '#FF8300' : '#000', fontWeight: selectAmount ? 'bold' : 'normal' }}>{item?.id == 7 ? item.nominal : LibUtils.money(item.nominal)}</Text>
-                </Pressable>
-              )
-            }}
-          />
-
-          {
-            selectedAmount?.id == 7 &&
-            <LibInput_rectangle2
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, borderRadius: 5 }}
-              placeholderTextColor="#e5e5e5"
-              maskFrom="end"
-              mask={"###,###,###,###"}
-              keyboardType="numeric"
-              placeholder={esp.lang("user/top_up_wallet", "input_nominal")}
-              onChangeText={(text) => {
-                setSelectedAmount(LibObject.set(selectedAmount, text.split(',').join(''))('nominal'))
-              }}
-            />
-          }
-
-          <View style={{ flex: 1 }}>
-            <ComponentLabel_input label={esp.lang("topup/payment", "choose_topup_method")} mandatory mandatoryColor='#d0021b' />
-            {
-              Object.values(payment).map(renderItem)
-            }
-          </View>
-
-        </View>
-      </ScrollView>
-      <View style={{ padding: 10, backgroundColor: '#fff' }}>
-        <ComponentButton
-          label={esp.lang("user/top_up_wallet", "btn")}
-          onPress={() => {
-            doTopup()
-          }}
-          backgroundColor={selectedAmount && selectedPayment ? "#FF8300" : LibStyle.colorBgGrey}
-          fontColor='#fff'
-        />
-      </View>
-    </View>
-  )
-}

package/modules/user/top_up_wallet_detail.tsx

@@ -1,115 +0,0 @@
-// withHooks
-
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentStep } from 'esoftplay/cache/component/step/import';
-import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
-import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibLoading } from 'esoftplay/cache/lib/loading/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/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 esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-import React, { useEffect } from 'react';
-import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
-
-
-export interface UserTop_up_wallet_detailArgs {
-
-}
-export interface UserTop_up_wallet_detailProps {
-
-}
-export default function m(props: UserTop_up_wallet_detailProps): any {
-  const { url } = LibNavigation.getArgsAll(props)
-  const [result, setResult] = useSafeState<any>()
-
-  useEffect(() => {
-    new LibCurl(url, null, (res) => {
-      setResult(res)
-    }, (error) => {
-      LibDialog.warning(esp.lang("user/top_up_wallet_detail", "err"), error?.message)
-    }, 1)
-  }, [])
-
-  if (!result) {
-    return <LibLoading />
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={esp.lang("user/top_up_wallet_detail", "header")} />
-      <ScrollView>
-        <View style={{ margin: 15, padding: 10, borderRadius: 5, backgroundColor: '#fff', ...LibStyle.elevation(3) }}>
-          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
-            <Text allowFontScaling={false} style={{ fontWeight: 'bold' }} >{esp.lang("user/top_up_wallet_detail", "method")}</Text>
-            <LibPicture source={{ uri: result?.payment?.image }} style={{ width: 55.7, height: 40 }} />
-          </View>
-
-          <View style={{ marginTop: 5, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
-            <View>
-              <Text allowFontScaling={false} style={{ fontSize: 12, color: '#adb5bd' }} >{esp.lang("user/top_up_wallet_detail", "va")}</Text>
-              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 16 }} >{result?.va_no}</Text>
-            </View>
-            <TouchableOpacity onPress={() => {
-              LibUtils.copyToClipboard(result?.va_no)
-              LibToastProperty.show(esp.lang("event/order_detail", "success_copied") + result?.va_no)
-            }} style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-              <LibIcon.Ionicons name='copy' style={{ marginRight: 5, color: '#2e83bb' }} size={14} />
-              <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#2e83bb" }}>{esp.lang("event/order_detail", "copy")}</Text>
-            </TouchableOpacity>
-          </View>
-
-          <View style={{ marginTop: 10, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
-            <View>
-              <Text allowFontScaling={false} style={{ fontSize: 12, color: '#adb5bd' }} >{esp.lang("user/top_up_wallet_detail", "total_pay")}</Text>
-              <Text allowFontScaling={false} style={{ fontWeight: 'bold' }} >{LibUtils.money(result?.amount)}</Text>
-            </View>
-            <TouchableOpacity onPress={() => {
-              LibUtils.copyToClipboard(result?.amount)
-              LibToastProperty.show(esp.lang("event/order_detail", "success_copied") + LibUtils.money(result?.amount))
-            }} style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-              <LibIcon.Ionicons name='copy' style={{ marginRight: 5, color: '#2e83bb' }} size={14} />
-              <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#2e83bb" }}>{esp.lang("event/order_detail", "copy")}</Text>
-            </TouchableOpacity>
-          </View>
-
-          {
-            result?.status == 1 &&
-            <View style={{ marginTop: 25, borderTopWidth: 2, borderTopColor: LibStyle.colorGrey }}>
-              {
-                Object.keys(result?.description).map((key: any, i: number) => {
-                  if (result?.payment?.description[key].length > 1) {
-                    return (
-                      <LibCollaps key={i} show={i == 2} header={(show) =>
-                        <View style={{ padding: 10, borderBottomWidth: 2, borderBottomColor: LibStyle.colorGrey, justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', flexDirection: 'row', backgroundColor: '#fff' }}>
-                          <Text allowFontScaling={false} ellipsizeMode={"middle"} numberOfLines={1} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#4a4a4a" }}>{(key)}</Text>
-                          <LibIcon name={show ? 'chevron-up' : 'chevron-down'} color="#4a4a4a" />
-                        </View>}>
-                        {
-                          result?.payment?.description[key].length > 0 && result?.payment?.description[key].map((item: any, i1: number) => {
-                            return (
-                              <View key={i1} style={{}} >
-                                <ComponentStep text={item} />
-                              </View>
-                            )
-                          })
-                        }
-                      </LibCollaps>
-                    )
-                  }
-                })
-              }
-            </View>
-          }
-
-
-        </View>
-      </ScrollView>
-    </View>
-  )
-}

package/modules/user/top_up_wallet_list.tsx

@@ -1,90 +0,0 @@
-// withHooks
-
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { MarketCountdown } from 'esoftplay/cache/market/countdown/import';
-import esp from 'esoftplay/esp';
-import moment from 'esoftplay/moment';
-import React from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface UserTop_up_wallet_listArgs {
-
-}
-export interface UserTop_up_wallet_listProps {
-
-}
-
-export default function m(props: UserTop_up_wallet_listProps): any {
-
-  function renderItem(item: any) {
-    const today = LibUtils.moment().format("YYYY-MM-DD HH:mm:ss")
-    const styleId_Z1cQ2rH: any = { marginTop: 6, fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0, color: item.status == 2 ? LibStyle.colorGreen : LibStyle.colorRed }
-
-    // if (item.status == 1) {
-    return (
-      <>
-
-        <ComponentTouchable onPress={() => {
-          if (item?.exp_payment >= today) {
-            LibNavigation.navigate("user/top_up_wallet_detail", { url: item.url })
-          } else {
-
-          }
-        }}>
-          <View style={styleId_Z1M7CR3}>
-            <Text allowFontScaling={false} numberOfLines={3} style={styleId_1vJa1Y}>{item.title}</Text>
-            <View style={styleId_Z1IS0fI}>
-              {/* <View> */}
-              {
-                item.amount != 0 ?
-                  <Text allowFontScaling={false} style={styleId_Z1cQ2rH}>{LibUtils.money(item.amount)}</Text>
-                  :
-                  item.amount == 0 ?
-                    <Text allowFontScaling={false} style={styleId_ZoR89k}>{esp.lang("user/saldo_refund_history", "free")}</Text>
-                    : null
-              }
-              <View style={{ flex: 1 }} />
-            </View>
-            {
-              item.status == 1 &&
-              <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 8, alignContent: 'center', alignItems: 'center' }}>
-                <Text allowFontScaling={false} style={{ fontSize: 12 }}>{esp.lang("user/top_up_wallet_list", "expired_pay")}</Text>
-                <MarketCountdown expired={moment(item.exp_payment).format('YYYY-MM-DD HH:mm:ss')} style={styleId_1EDHAH} />
-              </View>
-            }
-
-          </View>
-        </ComponentTouchable>
-      </>
-    )
-    // }
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader subtitle={esp.lang("user/top_up_wallet_list", "header_sub")} title={esp.lang("user/top_up_wallet_list", "header")} />
-      <LibInfinite
-        url='user_topup_wallet'
-
-        errorView={(e: any) => (
-          <ComponentMessage message={e} />
-        )}
-        renderItem={renderItem}
-      />
-
-    </View>
-  )
-}
-
-const styleId_Z1M7CR3: any = { marginBottom: 0, borderBottomColor: '#f1f2f3', borderBottomWidth: 1, padding: 10, borderRadius: 8, backgroundColor: '#fff' }
-const styleId_Z1IS0fI: any = { flexDirection: 'row', alignItems: 'center' }
-const styleId_1vJa1Y: any = { flexWrap: "wrap", marginTop: 6, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }
-const styleId_ZoR89k: any = { marginTop: 6, fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorGreen }
-const styleId_1EDHAH: any = { flex: 1, fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" }