esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/mart/order_item.tsx

@@ -0,0 +1,152 @@
+// withHooks
+// noPage
+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 { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { MarketCountdown } from 'esoftplay/cache/market/countdown/import';
+import { MarketPaymentDetailArgs } from 'esoftplay/cache/market/payment/import';
+import { MartButton } from 'esoftplay/cache/mart/button/import';
+import { MartOrder_detailArgs } from 'esoftplay/cache/mart/order_detail/import';
+import { MartSection_menu } from 'esoftplay/cache/mart/section_menu/import';
+import esp from 'esoftplay/esp';
+import moment from 'esoftplay/moment';
+
+import React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+
+export interface MartOrder_itemArgs {
+
+}
+export interface MartOrder_itemProps {
+  id: string,
+  invoice: string,
+  buyer_name: string,
+  buyer_email: string,
+  buyer_phone: string,
+  buyer_image: string,
+  total: string,
+  status: number,
+  exp_payment: string,
+  created: string,
+  fee: string,
+  v_code: string,
+  price: string,
+  discount: string,
+  notes: string,
+  url: string,
+  mitra: MartOrder_itemMitra,
+  product: MartOrder_itemProduct
+  from: string
+}
+
+export interface MartOrder_itemProduct {
+  id: string,
+  name: string,
+  price: number,
+  count: number,
+  qty: number,
+  image: string
+}
+
+export interface MartOrder_itemMitra {
+  id: string,
+  user_id: string,
+  merchant_id: string,
+  name: string,
+  image: string,
+  banner: string,
+  address: string,
+  location_id: string,
+  location_kpu: string,
+  location_name: string,
+  location_latlong: string,
+  fee_service: string,
+  publish: string,
+  active: string,
+  approved_by: string,
+  created: string,
+  updated: string,
+  location_kpu_name: string,
+}
+
+export default function m(props: MartOrder_itemProps): any {
+
+  return (
+    <>
+      <TouchableOpacity
+        onPress={() => { LibNavigation.navigate<MartOrder_detailArgs>('mart/order_detail', { url: props.url }) }}
+        style={styleId_Z2u66dg} >
+        <View style={styleId_ZItSdM} >
+          <LibTextstyle textStyle="footnote" text={props.invoice} style={styleId_Z1RB9rx} />
+        </View>
+        {
+          props.from == 'mart/mitra_order' ?
+            <View style={styleId_2g6IND} >
+              <LibPicture source={{ uri: props.buyer_image }} style={styleId_29qnW2} />
+              <LibTextstyle textStyle="caption1" ellipsizeMode="middle" numberOfLines={1} text={props.buyer_name} style={styleId_1nFboq} />
+            </View>
+            :
+            <View style={styleId_2g6IND} >
+              <LibPicture source={{ uri: props.mitra.image }} style={styleId_29qnW2} />
+              <LibTextstyle textStyle="caption1" ellipsizeMode="middle" numberOfLines={1} text={props.mitra.name} style={styleId_1nFboq} />
+            </View>
+        }
+        <View style={styleId_Z1IS0fI} >
+          <LibPicture source={{ uri: props.product.image }} style={styleId_243bCA} />
+          <View style={styleId_23fjhC} >
+            <LibTextstyle textStyle="callout" text={props.product.name} />
+            <LibTextstyle textStyle="footnote" text={props.product.qty + 'x ' + LibUtils.money(props.product.price)} style={styleId_ZvzHS4} />
+            {
+              props.product.count > 1 &&
+              <View style={styleId_Z1IS0fI} >
+                <View style={styleId_rh1OH} >
+                  <LibTextstyle textStyle={'caption2'} style={styleId_RxuAT} text={'+' + String(Number(props.product.count) - 1) + esp.lang("mart/order_item", "other_product")} />
+                </View>
+              </View>
+            }
+          </View>
+        </View>
+        <View style={styleId_LdslJ} >
+          <LibTextstyle textStyle="caption1" text={LibUtils.moment(props?.created).serverFormat('DD MMM YYYY HH:mm')} style={styleId_ZcFIEN} />
+          <LibTextstyle textStyle="footnote" text={esp.lang("mart/order_item", "total") + LibUtils.money(props.total)} style={styleId_GW3Y7} />
+        </View>
+      </TouchableOpacity>
+
+      {
+        props.status == 1 && props.exp_payment && props.exp_payment != "0000-00-00 00:00:00" &&
+        <View style={styleId_Zsq8Eq} >
+          <View style={styleId_BO2C8} >
+            <LibTextstyle textStyle='caption2' text={esp.lang("mart/order_item", "Payment_deadline")} />
+            <MarketCountdown expired={moment(props.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} onExpired={() => { }}
+              style={{ fontWeight: 'bold' }} />
+          </View>
+          {
+            props.from !== 'mart/mitra_order' &&
+            <MartButton text={esp.lang("mart/order_item", "Pay_Now")} textStyle={{ fontSize: 14 }} onPress={() => { LibNavigation.navigate<MarketPaymentDetailArgs>('market/payment_detail', { url: props.url }) }} />
+          }
+        </View>
+      }
+      <MartSection_menu size="small" />
+    </>
+  )
+}
+const styleId_Z2u66dg: any = { paddingHorizontal: 17, paddingVertical: 10 }
+const styleId_ZItSdM: any = { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }
+const styleId_Z1RB9rx: any = { color: LibStyle.colorPrimaryMart }
+const styleId_2g6IND: any = { flexDirection: 'row', alignItems: 'center', borderBottomWidth: 0, borderBottomColor: "#eee", borderTopWidth: 1, borderTopColor: "#eee", paddingVertical: 10, marginVertical: 10 }
+const styleId_29qnW2: any = { borderRadius: 4, height: 25, width: 25, backgroundColor: '#eee' }
+const styleId_1nFboq: any = { marginLeft: 10, flex: 1, fontWeight: 'bold' }
+const styleId_Z1IS0fI: any = { flexDirection: 'row' }
+const styleId_243bCA: any = { height: 55, width: 55, borderRadius: 4, backgroundColor: '#eee' }
+const styleId_23fjhC: any = { flex: 1, marginLeft: 10 }
+const styleId_ZvzHS4: any = { marginTop: 5, color: '#777' }
+const styleId_rh1OH: any = { borderRadius: 6, marginTop: 10, backgroundColor: '#f1f1f1', paddingHorizontal: 10, paddingVertical: 4 }
+const styleId_RxuAT: any = { color: '#999' }
+const styleId_LdslJ: any = { flexDirection: 'row', alignItems: 'center', borderBottomWidth: 0.5, borderTopWidth: 0.5, borderBottomColor: "#eee", borderTopColor: "#eee", marginTop: 10, paddingVertical: 10, marginBottom: 10, justifyContent: 'space-between' }
+const styleId_ZcFIEN: any = { color: '#888' }
+const styleId_GW3Y7: any = { fontWeight: "bold" }
+const styleId_Zsq8Eq: any = { flexDirection: 'row', alignItems: 'center', marginTop: -10, paddingVertical: 10, backgroundColor: LibUtils.hexToRgba(LibStyle.colorPrimaryMart, 0.12), borderRadius: 4, paddingHorizontal: 20 }
+const styleId_BO2C8: any = { marginRight: 10, flex: 1 }

package/modules/mart/order_refund.tsx

@@ -0,0 +1,149 @@
+// withHooks
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibInput } from 'esoftplay/cache/lib/input/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/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 { MartButton } from 'esoftplay/cache/mart/button/import';
+import { MartHeader } from 'esoftplay/cache/mart/header/import';
+import { MartInput_square } from 'esoftplay/cache/mart/input_square/import';
+import esp from 'esoftplay/esp';
+
+import React, { useRef } from "react";
+import { Keyboard, Text, View } from "react-native";
+
+function doRefund(order_id: number, amount: number, notes?: string) {
+  if (!amount) {
+    LibToastProperty.show(esp.lang("mart/order_refund", "amount_has_not_been_filled"))
+    return
+  }
+  Keyboard.dismiss()
+  LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 76).then((pin) => {
+    if (pin) {
+      LibProgress.show(esp.lang("mart/order_refund", "Sending_balance_refund"))
+      new LibCurl('mitra/order_mitra_detail_refund?id=' + order_id, {
+        amount: LibUtils.numberAbsolute(amount || 0),
+        notes: notes?.trim(),
+        pin: pin
+      }, (res, msg) => {
+        LibProgress.hide()
+        LibToastProperty.show(res)
+        LibNavigation.back()
+      }, (msg) => {
+        LibDialog.warning(esp.lang("mart/order_refund", "refund_err"), msg?.message)
+        LibProgress.hide()
+      })
+    }
+  })
+}
+
+function doRefundBuyer(order_id: number, notes?: string) {
+  if (!notes?.trim()) {
+    LibToastProperty.show(esp.lang("mart/order_refund", "notes_has_not_been_filled"))
+    return
+  }
+  Keyboard.dismiss()
+  LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 76).then((pin) => {
+    if (pin) {
+      LibProgress.show(esp.lang("mart/order_refund", "Sending_balance_refund"))
+      new LibCurl('mitra/order_detail_refund?id=' + order_id, {
+        notes: notes?.trim(),
+        pin: pin
+      }, (res, msg) => {
+        LibProgress.hide()
+        LibToastProperty.show(res)
+        LibNavigation.back()
+      }, (msg) => {
+        LibDialog.warning(esp.lang("mart/order_refund", "err"), msg?.message)
+        LibProgress.hide()
+      })
+    }
+  })
+}
+
+function refuseRefund(order_id: number, notes?: string) {
+  LibDialog.warningConfirm(esp.lang("mart/order_refund", "warning"), esp.lang("mart/order_refund", "Would_you_like_to_refuse_this_refund_request"), esp.lang("mart/order_refund", "yes"), () => {
+
+    LibProgress.show(esp.lang("mart/order_refund", "please_wait"))
+    new LibCurl('mitra/order_mitra_detail_refund_reject?id=' + order_id, { notes: notes }, (res, msg) => {
+      LibProgress.hide()
+      LibToastProperty.show(msg)
+      LibNavigation.back()
+    }, (msg) => {
+      LibDialog.warning(esp.lang("mart/order_refund", "reject_err"), msg?.message)
+      LibProgress.hide()
+    })
+
+  }, esp.lang("mart/order_refund", "no"), () => { })
+}
+
+export default function m(props: any): any {
+  const { order_id, isBuyer, notes } = LibNavigation.getArgsAll(props)
+  const inputAmount = useRef<LibInput>(null)
+  const inputNotes = useRef<LibInput>(null)
+
+  return (
+    <>
+      <MartHeader
+        leftIcon={{ name: "close", onPress: () => LibNavigation.back() }}
+        title={isBuyer == 1 ? esp.lang("mart/order_refund", "Apply_Refund") : notes != "" ? esp.lang("mart/order_refund", "approve_refund") : esp.lang("mart/order_refund", "create_refund")}
+      />
+
+      {
+        notes && notes != "" &&
+        <View style={{ marginHorizontal: 15, margin: 10, padding: 10, marginBottom: 0, borderWidth: 2, borderColor: LibStyle.colorPrimary, borderStyle: 'dashed', borderRadius: 10 }}>
+          <Text allowFontScaling={false} style={{ fontSize: 14 }}>{esp.lang("mart/order_refund", "Refund_request_from_buyer")}</Text>
+        </View>
+      }
+
+      <View style={{ backgroundColor: 'white', marginTop: 10 }} >
+        {
+          isBuyer != 1 &&
+          <MartInput_square
+            _ref={inputAmount}
+            label={esp.lang("mart/order_refund", "Return_Amount")}
+            autoFocus={isBuyer == 1 ? false : true}
+            placeholder={esp.lang("mart/order_refund", "The_amount_is_taken_from_the_seller's_balance")}
+            keyboardType='phone-pad'
+            mask={"###.###.###.###.###.###"}
+            maskFrom="end"
+            returnKeyType='next'
+            onChangeText={() => { }} />
+        }
+        <MartInput_square
+          _ref={inputNotes}
+          autoFocus={isBuyer == 1 ? true : false}
+          multiline
+          defaultValue={notes}
+          style={{ height: 100, textAlignVertical: "top" }}
+          label={isBuyer == 1 ? esp.lang("mart/order_refund", "notes") : esp.lang("mart/order_refund", "notes_optional")}
+          placeholder={isBuyer == 1 ? esp.lang("mart/order_refund", "Give_a_change_note") : esp.lang("mart/order_refund", "change_note")}
+          onChangeText={() => { }} />
+        <MartButton
+          text={isBuyer == 1 ? esp.lang("mart/order_refund", "Submit_Refund") : notes != "" ? esp.lang("mart/order_refund", "approve_refund") : esp.lang("mart/order_refund", "send_refund")}
+          buttonStyle={{ marginTop: 20, marginHorizontal: 17, marginVertical: 5 }}
+          onPress={() => {
+            isBuyer == 1 ?
+              doRefundBuyer(order_id, inputNotes?.current?.getText())
+              :
+              doRefund(order_id, Number(inputAmount?.current?.getText()), inputNotes?.current?.getText())
+          }} />
+        {
+          notes && notes != "" &&
+          <MartButton
+            text={esp.lang("mart/order_refund", "decline_approve")}
+            buttonStyle={{ marginHorizontal: 17, marginVertical: 5 }}
+            colorBackground='#fff'
+            colorBorder={LibStyle.colorPrimaryMart}
+            color={LibStyle.colorPrimaryMart}
+            onPress={() => {
+              refuseRefund(order_id, inputNotes?.current?.getText())
+            }} />
+        }
+      </View>
+    </>
+  )
+}

package/modules/mart/order_status.tsx

@@ -0,0 +1,55 @@
+// useLibs
+// noPage
+import esp from 'esoftplay/esp';
+
+
+export interface MartOrder_statusProps {
+  code: any,
+  text: string,
+  icon: string
+}
+
+export default function m(): MartOrder_statusProps[] {
+  return [
+    {
+      code: 1,
+      text: esp.lang("mart/order_status", "waiting"),
+      icon: 'mitra/ic_notification_wait.png'
+    },
+    {
+      code: 3,
+      text: esp.lang("mart/order_status", "payed"),
+      icon: 'mitra/ic_notification_payed.png'
+    },
+    {
+      code: 4,
+      text: esp.lang("mart/order_status", "packaged"),
+      icon: 'mitra/ic_notification_packed.png'
+    },
+    {
+      code: 5,
+      text: esp.lang("mart/order_status", "sending"),
+      icon: 'mitra/ic_notification_sent.png'
+    },
+    {
+      code: 7,
+      text: esp.lang("mart/order_status", "done"),
+      icon: 'mitra/ic_notification_finish.png'
+    },
+    {
+      code: 6,
+      text: esp.lang("mart/order_status", "complaint"),
+      icon: 'mitra/ic_notification_complaint.png'
+    },
+    {
+      code: 0,
+      text: esp.lang("mart/order_status", "Payment_Failed"),
+      icon: 'mitra/ic_notification_payment_failed.png'
+    },
+    {
+      code: "2,8",
+      text: esp.lang("mart/order_status", "canceled"),
+      icon: 'mitra/ic_notification_canceled.png'
+    }
+  ]
+}

package/modules/mart/point.tsx

@@ -0,0 +1,151 @@
+// withHooks
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInfinite } from 'esoftplay/cache/lib/infinite/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 { MarketProgress_bar } from 'esoftplay/cache/market/progress_bar/import';
+import { MartEmpty } from 'esoftplay/cache/mart/empty/import';
+import { MartHeader } from 'esoftplay/cache/mart/header/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import useGlobalSubscriber, { UseSubscribeReturn } from 'esoftplay/subscribe';
+
+import { LinearGradient } from 'expo-linear-gradient';
+import React, { useEffect } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface MartPointArgs {
+
+}
+export interface MartPointProps {
+
+}
+const subs = useGlobalSubscriber()
+export function subscribe(): UseSubscribeReturn {
+  return subs
+}
+export default function m(props: MartPointProps): any {
+
+  const { type, partner_id } = LibNavigation.getArgsAll(props) // 1 member, 2 mitra
+  const [result, setResult] = useSafeState<any>()
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    new LibCurl('mitra/point_detail?type=' + type + "&partner_id=" + partner_id, null, (res, msg) => {
+      setResult(res)
+    }, (error) => {
+    }, 1)
+  }
+
+  subs.useSubscribe(() => {
+    loadData()
+  })
+
+  function renderItem(item: any, i: number) {
+    let qty = Number(item.qty)
+    let qty_used = Number(item.qty_used)
+    let qty_left = Number(qty - qty_used)
+    let displayQty = (qty == qty_used) ? esp.lang("mart/point", "sold_out") : qty_used > 0 ? esp.lang("mart/point", "left", String(qty_left), String(qty)) : esp.lang("mart/point", "available", String(qty))
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        if (qty == qty_used) {
+          LibToastProperty.show(esp.lang("mart/point", "sold_out"))
+        } else {
+          // exchangePoint(item.id)
+          LibNavigation.navigate('mart/point_exchange', { url: item.url_detail, id: item.id, type: type, notes: item.notes })
+        }
+      }} style={{ width: LibStyle.width / 2 - 30, backgroundColor: '#fff', borderRadius: 15, margin: 15, marginBottom: 0, padding: 5, ...LibStyle.elevation(3) }}>
+        <Text allowFontScaling={false} numberOfLines={3} style={{ flex: 1, margin: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#03192a" }} >{item.name}</Text>
+        <LibPicture source={{ uri: item.image }} resizeMode={'contain'} style={{ alignSelf: 'center', width: LibStyle.width / 2 - 30, height: 100, borderRadius: 5 }} />
+        <Text allowFontScaling={false} style={{ marginBottom: 0, margin: 10, fontFamily: "Arial", fontSize: 12, fontWeight: 'bold', fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }} >{LibUtils.number(item.point)} {esp.lang("mart/point", "point")}</Text>
+        <View style={{ margin: 10 }}>
+          <MarketProgress_bar barWidth={(LibStyle.width / 2) - 60} barCount={qty} progressCount={Number(qty) - Number(qty_used)} progressColor={"#fed904"} barColor='#f1f1f1' />
+          <View style={{ marginTop: 8, flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }} >{displayQty}</Text>
+          </View>
+
+          <TouchableOpacity onPress={() => {
+            if (qty == qty_used) {
+              LibToastProperty.show("Habis")
+            } else {
+              // exchangePoint(item.id)
+              LibNavigation.navigate('mart/point_exchange', { item: item, id: item.id, type: type, notes: item.notes })
+            }
+          }} style={{ marginTop: 10, alignSelf: 'flex-end', paddingHorizontal: 10, padding: 5, backgroundColor: qty == qty_used ? LibStyle.colorLightGrey : "#4bdf3a", borderRadius: 10 }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#fff" }} >{qty == qty_used ? esp.lang("mart/point", "sold_out") : esp.lang("mart/point", "exchange")}</Text>
+          </TouchableOpacity>
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  let colorLinearGradient = type == 1 ? ["#7E9BFF", '#FBA0FF'] : ["#F9F400", '#FFCE57']
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <MartHeader onlyBack title={type == 1 ? esp.lang("mart/point", "reward_point") : esp.lang("mart/point", "toserba_point")} />
+      <LibInfinite
+
+        ListHeaderComponent={
+          <>
+            <LinearGradient colors={colorLinearGradient} style={{ margin: 15, borderRadius: 10, padding: 10, height: LibStyle.width / 3 }}>
+              <View style={{ flex: 1, flexDirection: 'row', margin: 5, alignContent: 'center', alignItems: 'center' }}>
+                <LibPicture source={esp.assets('icons/coin.png')} style={{ height: LibStyle.width / 3 - 60, width: LibStyle.width / 3 - 60 }} />
+                <View style={{ marginLeft: 15, marginRight: 15 }}>
+                  <TouchableOpacity onPress={() => LibNavigation.navigate('mart/point_history', { type: type })} style={{ padding: 5, borderRadius: 30, backgroundColor: type == 1 ? "#8D9BFF" : "#FFAB07", flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+                    <Text allowFontScaling={false} style={{ marginLeft: 10, marginRight: 15, fontSize: 24, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#fff" }} >{LibUtils.number(result?.point)} {esp.lang("mart/point", "point")}</Text>
+                    <LibIcon name="chevron-right-circle" color="#fff" />
+                  </TouchableOpacity>
+                  {
+                    Number(result?.point_diff) > 0 &&
+                    <Text allowFontScaling={false} style={{ marginTop: 10, marginLeft: 10, marginRight: 15, fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "left" }} >
+                      {Number(result?.point_diff) > 0 ? esp.lang("mart/point", "point_exp", LibUtils.number(result?.point_diff), LibUtils.moment(result?.ahead_date).localeFormat("DD-MM-YYYY")) : esp.lang("mart/point", "exp_date", LibUtils.moment(result?.ahead_date).localeFormat("DD-MM-YYYY"))}
+                    </Text>
+                  }
+                </View>
+                <View />
+              </View>
+            </LinearGradient>
+
+            <TouchableOpacity onPress={() => {
+              LibNavigation.navigate('mart/lucky_draw', { type: type, point: result })
+            }} style={{ margin: 15, flex: 1, marginTop: 0 }}>
+              <LibPicture source={{ uri: result?.lottery_image }} style={{ borderRadius: 10, width: LibStyle.width - 30, height: (LibStyle.width - 30) / 3 }} resizeMode="cover" />
+            </TouchableOpacity>
+            <View style={{ margin: 15, flexDirection: 'row', justifyContent: 'space-between' }} >
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }} >{esp.lang("mart/point", "exchange_point")}</Text>
+              <TouchableOpacity onPress={() => { LibNavigation.navigate('mart/point_exchange_history', { type: type }) }} style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+                <Text allowFontScaling={false} style={{ marginRight: 8, fontFamily: "Arial", fontSize: 14, fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#4bdf3a" }} >{esp.lang("mart/point", "show_history")}</Text>
+                <LibIcon name="chevron-right-circle" color={"#4bdf3a"} />
+              </TouchableOpacity>
+            </View>
+          </>
+
+        }
+        url={"mitra/reward?type=" + type}
+        numColumns={2}
+        errorView={(error: any) => {
+          return (
+            <MartEmpty message={error} />
+          )
+        }}
+        keyExtractor={(x: any, i: number) => i.toString()}
+        renderItem={renderItem}
+      />
+
+    </View>
+  )
+}