esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/feed/talent_list_review.tsx

@@ -0,0 +1,50 @@
+
+import { CommunityReview_item } from 'esoftplay/cache/community/review_item/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import esp from 'esoftplay/esp';
+
+// withHooks
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface FeedTalent_list_reviewProps {
+
+}
+export default function m(props: FeedTalent_list_reviewProps): any {
+  const url = LibNavigation.getArgs(props, 'url')
+
+  function renderItem(item: any) {
+    return (
+      <CommunityReview_item
+        review={item.review}
+        image={item.user_avatar}
+        rating={item.rating}
+        name={item.buyer_username}
+        created={item.created}
+        images={item.images}
+      />
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <ComponentHeader title={esp.lang("feed/talent_list_review", "header_title")} />
+      <View style={{ margin: 15, flex: 1, marginTop: 0 }}>
+        <LibInfinite
+          url={url}
+          // key={url}
+          staticHeight={140}
+          errorView={(err: any) => (
+            <ComponentMessage message={err} />
+          )}
+          renderItem={renderItem}
+
+        />
+      </View>
+    </View>
+  )
+}

package/modules/invoice/detail.tsx

@@ -0,0 +1,316 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { LibAutoreload } from 'esoftplay/cache/lib/autoreload/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 { LibScroll } from 'esoftplay/cache/lib/scroll/import';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { MarketCountdown } from 'esoftplay/cache/market/countdown/import';
+import { MarketOrder_detail_payment_hintArgs } from 'esoftplay/cache/market/order_detail_payment_hint/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import moment from 'esoftplay/moment';
+import useSafeState from 'esoftplay/state';
+
+import LottieView from "lottie-react-native";
+import React, { useEffect, useRef } from 'react';
+import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface BillDetailProps {
+  navigation: any
+}
+export default function m(props: BillDetailProps): any {
+  const url = LibNavigation.getArgs(props, 'url')
+  const [counter, setCounter] = useSafeState(0)
+  const [result, setResult] = useSafeState<any>()
+  const user = UserClass.state().get()
+  const showQr = useRef<LibSlidingup>(null)
+  const showConfirmCode = useRef<LibSlidingup>(null)
+  const [errMsg, setErrMsg] = useSafeState<any>()
+  const [paymentDetail, setPaymentDetail] = useSafeState<any>()
+  const animation = useRef<LottieView>(null)
+
+  useEffect(() => {
+    getDetail()
+    LibAutoreload.set(getDetail)
+    return () => LibAutoreload.clear()
+  }, [])
+
+  function getDetail() {
+    new LibCurl(url, null,
+      (res, msg) => {
+        setResult(res)
+        if (res.status != 0) LibAutoreload.clear()
+        getPaymentDetal(res?.payment_url)
+      }, (msg) => {
+        setErrMsg(msg)
+      }, 1
+    )
+  }
+
+  function getPaymentDetal(payment_url: string) {
+    new LibCurl(payment_url, null,
+      (res, msg) => {
+        setPaymentDetail(res)
+      }, (msg) => {
+      }, 1
+    )
+  }
+
+  function doApprove(isApprove: boolean, pin?: string) {
+    let post = {
+      pin: pin,
+      payment_id: 2/* id 2 bbopay */
+    }
+
+    let _url = isApprove ? result.url_approve : result.url_reject
+    let urlLoadData = url
+
+    LibNavigation.navigateForResult('bigbang/loading_page', {
+      title: esp.lang("invoice/detail", "pay_to", result?.merchant_name),
+      url: _url,
+      post: post,
+      isSecure: 0,
+      amount: Number(result.amount),
+      receive_image: "",
+      receive_name: result?.cashier_name,
+      send_image: user?.image,
+      send_name: user?.name,
+    }, 990).then((value) => {
+
+      LibNavigation.backToRoot()
+      LibNavigation.push('invoice/detail', {
+        ...value,
+        url: urlLoadData,
+        title: esp.lang("bigbang/loading_page", "success")
+      })
+
+    })
+
+
+
+  }
+
+  return (
+    <View style={{ flex: 1 }} >
+      <ComponentHeader title={esp.lang("invoice/detail", "header")} />
+
+      {
+        (!result && !errMsg) ? <LibLoading /> :
+          errMsg ?
+            <ComponentMessage message={errMsg?.message} />
+            :
+            <LibScroll key={counter} onRefresh={getDetail}>
+              {/* {
+                result.status != '0' &&
+                <View style={[{ alignItems: 'center', margin: 15, padding: 15, paddingTop: 10, borderRadius: 5, backgroundColor: '#fff', alignContent: 'center' }, LibStyle.elevation(0)]}>
+                  <LibIcon name={result.status == '2' || result.status == '3' ? 'close-circle-outline' : 'check-circle-outline'} size={90} color={(result.status == '2' || result.status == '3') ? LibStyle.colorRed : LibStyle.colorGreen} />
+                  <Text style={{ marginTop: 30, fontSize: 13, fontWeight: "bold", color: "#999", textAlign: 'center' }} >{result.status_title}</Text>
+                </View>
+              } */}
+              {
+                result.status != '0' &&
+                <View>
+                  <LottieView
+                    ref={animation}
+                    loop={false}
+                    autoPlay
+                    style={{
+                      marginTop: 10, marginBottom: 10,
+                      width: 150,
+                      height: 150,
+                      alignSelf: 'center'
+                    }}
+                    source={esp.assets(result?.status == 1 ? 'success.json' : result?.status == 2 ? 'canceled.json' : 'pending.json')}
+                  // OR find more Lottie files @ https://lottiefiles.com/featured
+                  // Just click the one you like, place that file in the 'assets' folder to the left, and replace the above 'require' statement
+                  />
+
+                  <Text style={{ marginTop: 30, fontSize: 13, fontWeight: "bold", color: "#999", textAlign: 'center' }} >{result.status_title}</Text>
+                </View>
+              }
+
+              <View style={[{ margin: 15, padding: 15, paddingTop: 10, borderRadius: 5, backgroundColor: '#fff', alignContent: 'center' }, LibStyle.elevation(2)]}>
+                <View style={{ padding: 5, flex: 1 }} >
+                  <LibPicture source={{ uri: result.merchant_image }} style={{ alignSelf: 'center', height: 60, width: 60, borderRadius: 30, margin: 15 }} />
+                  <LibTextstyle textStyle="headline" text={result.merchant_name} style={{ textAlign: 'center', marginBottom: 10 }} />
+                  <View style={{ flexDirection: 'row', alignSelf: 'center', flex: 1, flexWrap: 'wrap' }} >
+                    <Text style={{ fontSize: 13, color: "#999", alignSelf: 'center', textAlign: 'center' }} >{esp.lang("invoice/detail", "invoice_from")}
+                      <Text style={{ fontSize: 13, color: "#999", alignSelf: 'center', textAlign: 'center', fontWeight: "bold" }} >{" " + (result.cashier_name) + " "}</Text>
+                      {esp.lang("invoice/detail", "worth_of")}</Text>
+                  </View>
+                  <Text style={{ fontSize: 30, textAlign: 'center', marginVertical: 15, fontWeight: "bold", color: LibStyle.colorBrown }} >{LibUtils.money(Number(result.amount) + (Number(result?.payment_charge) || 0))}</Text>
+                  {
+                    result.notes != '' &&
+                    <Text style={{ fontSize: 14, color: "#999", textAlign: 'center', fontStyle: 'italic' }} >"{result.notes}"</Text>
+                  }
+                </View>
+              </View>
+
+              {
+                result?.payment_url && result.status == 0 ?
+                  <View style={{ margin: 15, marginTop: 0, backgroundColor: "white", paddingHorizontal: 15, paddingVertical: 12, borderRadius: 5, ...LibStyle.elevation(2) }} >
+                    <LibTextstyle textStyle={"footnote"} text={esp.lang("invoice/detail", "payment_method")} />
+                    <View style={{ flexDirection: "row", alignItems: "center" }} >
+                      {
+                        paymentDetail?.payment?.payment_id &&
+                        <LibPicture source={{ uri: paymentDetail?.payment?.image }} style={{ width: 55.7, height: 40, marginRight: 5 }} resizeMode="contain" />
+                      }
+                      <LibTextstyle textStyle={"callout"} text={paymentDetail?.payment?.payment_name} />
+                    </View>
+                    {
+                      result.status == 0 && paymentDetail?.params?.expired &&
+                      <View style={{ marginTop: 10 }} >
+                        <LibTextstyle text={esp.lang("invoice/detail", "payment_expired")} textStyle="footnote" style={{ fontSize: 12 }} />
+                        <MarketCountdown
+                          expired={moment(paymentDetail?.params?.expired).serverFormat('YYYY-MM-DD HH:mm:ss')}
+                          onExpired={getDetail}
+                          style={{ fontSize: 18, fontWeight: 'bold', color: LibStyle.colorPrimary }}
+                        />
+                      </View>
+                    }
+                    {
+                      paymentDetail?.params?.expired && result.status == 0 &&
+                      <>
+                        <LibTextstyle textStyle={"footnote"} text={paymentDetail?.params?.va_no ? esp.lang("invoice/detail", "va_number") : esp.lang("invoice/detail", "bill_number")} style={{ marginTop: 10 }} />
+                        <View style={{ flexDirection: "row", alignItems: "center", marginTop: 10 }} >
+                          <Text allowFontScaling={false} style={{ flex: 1, fontSize: 20, fontWeight: "bold" }} >{paymentDetail?.params?.va_no || paymentDetail?.params?.cvs_no}</Text>
+                          <TouchableOpacity activeOpacity={1} style={{ alignItems: "center", justifyContent: 'center', flexDirection: "row" }}
+                            onPress={() => {
+                              LibUtils.copyToClipboard(paymentDetail?.params?.va_no || paymentDetail?.params?.cvs_no).then(() => LibToastProperty.show(esp.lang("invoice/detail", "copied")))
+                            }} >
+                            <LibIcon name="content-copy" style={{ color: '#2e83bb' }} size={14} />
+                            <LibTextstyle textStyle={"footnote"} text={esp.lang("invoice/detail", "copy")} style={{ color: '#2e83bb', marginLeft: 5 }} />
+                          </TouchableOpacity>
+                        </View>
+                        <LibTextstyle textStyle={"footnote"} text={esp.lang("invoice/detail", "text_info")} style={{ marginTop: 10, fontSize: 12 }} />
+                        <TouchableOpacity onPress={() => { LibNavigation.navigate<MarketOrder_detail_payment_hintArgs>("market/order_detail_payment_hint", { data: paymentDetail }) }} style={{ marginTop: 5 }} >
+                          <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#16a085" }} >{esp.lang("invoice/detail", "payment_step")}</Text>
+                        </TouchableOpacity>
+                      </>
+                    }
+                    {/* <ComponentButton
+                      label={esp.lang("invoice/detail", "change_method")}
+                      style={{ marginTop: 10 }}
+                      onPress={() => { }} /> */}
+                  </View>
+
+                  :
+
+                  <>
+                    {
+                      result.status == '0' &&
+                      <>
+                        <View style={[{ flexDirection: 'row', justifyContent: 'space-between', margin: 15, marginTop: 0, padding: 15, paddingTop: 10, borderRadius: 5, backgroundColor: '#fff', alignContent: 'center' }, LibStyle.elevation(2)]}>
+                          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                            <LibPicture style={{ width: 32, height: 32 }} source={esp.assets('icons/ic_wallet_pocket.png')} />
+                            <View style={{ flexDirection: 'column', marginLeft: 12 }}>
+                              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b" }}>{esp.lang("invoice/detail", "saldo_total")}</Text>
+                              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 18, marginTop: 5, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#6c432c" }}>{LibUtils.money(user?.saldo)}</Text>
+                            </View>
+                          </View>
+                        </View>
+                        {
+                          result?.url_approve_qr &&
+                          <Pressable onPress={() => { showQr.current?.show() }} style={[{ flexDirection: 'row', margin: 15, marginTop: 0, padding: 15, borderRadius: 5, backgroundColor: '#fff', alignItems: 'center' }, LibStyle.elevation(2)]}>
+                            <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#6c432c" }}>{esp.lang("invoice/detail", "show_payment_qr")}</Text>
+                            <LibIcon name="qrcode" size={20} />
+                          </Pressable>
+                        }
+                        {
+                          result?.url_approve_code &&
+                          <Pressable onPress={() => { showConfirmCode.current?.show() }} style={[{ flexDirection: 'row', margin: 15, marginTop: 0, padding: 15, borderRadius: 5, backgroundColor: '#fff', alignItems: 'center' }, LibStyle.elevation(2)]}>
+                            <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#6c432c" }}>{esp.lang("invoice/detail", "show_confirm_code")}</Text>
+                            <LibIcon name="lock-outline" size={20} />
+                          </Pressable>
+                        }
+                      </>
+                    }
+                    <View style={{ flex: 1, padding: 10 }} />
+                    {
+                      result.status == '0' &&
+                      <>
+                        <View style={{ flexDirection: "row", marginBottom: 15 }} >
+
+                          {/* <View style={{ flexDirection: 'row', marginHorizontal: 15, justifyContent: 'center', flex: 1 }} >
+                            <TouchableOpacity onPress={() => {
+                              LibDialog.warningConfirm(esp.lang("invoice/detail", "cancel_title"), esp.lang("invoice/detail", "cancel_msg"), esp.lang("invoice/detail", "cancel_confiem"), () => {
+                                doApprove(false)
+                              }, esp.lang("invoice/detail", "cancel_cancel"), () => {
+
+                              })
+                            }} >
+                              <View style={{ width: LibStyle.width * 0.4, backgroundColor: LibStyle.colorRed, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' }} >
+                                <Text style={{ color: 'white', fontFamily: 'ArialBold', fontSize: 13 }} >{esp.lang("invoice/detail", "btn_cancel")}</Text>
+                              </View>
+                            </TouchableOpacity>
+                          </View> */}
+
+                          <View style={{ flexDirection: 'row', marginHorizontal: 15, justifyContent: 'center', flex: 1 }} >
+                            <TouchableOpacity onPress={() => {
+                              if (parseInt(user?.saldo) < parseInt(result.amount)) {
+                                LibToastProperty.show(esp.lang("invoice/detail", "not_enough_saldo"))
+                              } else
+                                LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
+                                  if (p) {
+                                    LibDialog.warningConfirm(esp.lang("invoice/detail", "approve_title"), esp.lang("invoice/detail", "approve_msg"), esp.lang("invoice/detail", "approve_confirm"), () => {
+                                      doApprove(true, p)
+                                    }, esp.lang("invoice/detail", "approve_cancel"), () => { })
+                                  }
+                                })
+                            }} >
+                              <View style={{ width: LibStyle.width - 30 /* LibStyle.width * 0.4 */, backgroundColor: LibStyle.colorGreen, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' }} >
+                                <Text style={{ color: 'white', fontFamily: 'ArialBold', fontSize: 13 }} >{esp.lang("invoice/detail", "pay")}</Text>
+                              </View>
+                            </TouchableOpacity>
+                          </View>
+
+                        </View>
+                        <View style={{ margin: 15, marginTop: 0, padding: 15, paddingTop: 10, alignContent: 'center', flexDirection: 'row' }}>
+                          <View style={{ marginTop: -3 }} >
+                            <Text style={{ fontSize: 20, color: 'red' }} >*</Text>
+                          </View>
+                          <Text style={{ marginLeft: 5, fontSize: 12, lineHeight: 18, color: "#999" }} >{esp.lang("invoice/detail", "info_cancel_auto")}</Text>
+                        </View>
+                      </>
+                    }
+                  </>
+
+              }
+              <View />
+            </LibScroll>
+      }
+
+      <LibSlidingup ref={showQr} >
+        <View style={{ maxHeight: LibStyle.height * 0.8, backgroundColor: 'white', borderTopRightRadius: 10, borderTopLeftRadius: 10, padding: 10 }}>
+          <ScrollView>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#6c432c" }}>{esp.lang("invoice/detail", "slide_qr_title")}</Text>
+            <LibPicture source={{ uri: result?.url_approve_qr }} style={{ width: LibStyle.width - 60, height: LibStyle.width - 60, backgroundColor: '#f5f5f5', alignSelf: 'center', marginVertical: 10 }} />
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginHorizontal: 20 }}>{esp.lang("invoice/detail", "slide_qr_msg")}</Text>
+          </ScrollView>
+        </View>
+      </LibSlidingup >
+      <LibSlidingup ref={showConfirmCode} >
+        <View style={{ maxHeight: LibStyle.height * 0.8, backgroundColor: 'white', borderTopRightRadius: 10, borderTopLeftRadius: 10, padding: 10 }}>
+          <ScrollView>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#6c432c" }}>{esp.lang("invoice/detail", "slide_code_title")}</Text>
+            <View style={{ borderWidth: 1, borderRadius: 5, borderStyle: 'dashed', padding: 15, margin: 15 }} >
+              <Text allowFontScaling={false} style={{ textAlign: 'center', fontFamily: "Arial", fontSize: 30, fontWeight: "bold", fontStyle: "normal", letterSpacing: 10, color: "#6c432c" }}>{result?.url_approve_code}</Text>
+            </View>
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginHorizontal: 20 }}>{esp.lang("invoice/detail", "slide_code_msg")}</Text>
+          </ScrollView>
+        </View>
+      </LibSlidingup >
+    </View >
+  )
+}