esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/notification/mitra.tsx

@@ -0,0 +1,177 @@
+// withHooks
+import { applyStyle } from 'esoftplay';
+import { ComponentSection_notif } from 'esoftplay/cache/component/section_notif/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibFocus } from 'esoftplay/cache/lib/focus/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 { LibScroll } from 'esoftplay/cache/lib/scroll/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 { MarketSection_menu } from 'esoftplay/cache/market/section_menu/import';
+import { MartMitra_orderArgs } from 'esoftplay/cache/mart/mitra_order/import';
+import { MartOrderArgs } from 'esoftplay/cache/mart/order/import';
+import { MartOrder_status } from 'esoftplay/cache/mart/order_status/import';
+import { NotificationItem } from 'esoftplay/cache/notification/item/import';
+import { NotificationMitraProperty } from 'esoftplay/cache/notification/mitra/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import { UserNotification_list } from 'esoftplay/cache/user/notification_list/import';
+import esp from 'esoftplay/esp';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import useSafeState from 'esoftplay/state';
+import { useTimeout } from 'esoftplay/timeout';
+
+import React, { useEffect, useRef } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface NotificationMitraProps {
+
+}
+
+function Status(props: any) {
+  // const tabRef = useRef<LibList>(null)
+  const tabRef = useRef<LibScroll>(null)
+  const allStatus = [esp.lang("notification/mitra", "all"), esp.lang("notification/mitra", "buyer"), esp.lang("notification/mitra", "seller")]
+  const group_ids = [undefined, '4', '3']
+  const user = UserClass.state().get()
+  const timeout = useTimeout()
+
+  useEffect(() => {
+    if (props.status)
+      timeout(() => {
+        tabRef?.current?.scrollToIndex?.(group_ids.indexOf(props.status))
+      }, 500);
+  }, [])
+
+  function renderStatus(status: any, index: number) {
+    if (user?.mitra_id == 0 && status == esp.lang("notification/mitra", "seller")) {
+      return null
+    } else {
+      return (
+        <TouchableOpacity
+          key={index}
+          onPress={() => props.onChangeStatus(group_ids[index])}
+          style={applyStyle({ height: 32, marginVertical: 10, marginRight: 10, borderRadius: 20, backgroundColor: props.status == group_ids[index] ? LibStyle.colorPrimaryMart : 'transparent', borderColor: props.status == group_ids[index] ? 'transparent' : '#ccc', borderWidth: 1, paddingHorizontal: 17, justifyContent: 'center' })} >
+          <LibTextstyle textStyle='footnote' text={status} style={applyStyle({ color: props.status == group_ids[index] ? 'white' : '#4E4E4E' })} />
+        </TouchableOpacity>
+      )
+    }
+  }
+
+  return (
+    <View style={{ minHeight: 50 }} >
+      <LibScroll ref={tabRef} horizontal initialNumToRender={20} >
+        <View style={{ width: 10 }} />
+        {
+          allStatus.map(renderStatus)
+        }
+      </LibScroll>
+      <MarketSection_menu size='line' />
+    </View>
+  )
+}
+
+const _state = useGlobalState<any>(undefined, { persistKey: 'notification_mitra_data', inFile: true })
+
+export function state(): useGlobalReturn<any> {
+  return _state
+}
+
+export default function m(props: NotificationMitraProps): any {
+
+  const user = UserClass.state().get()
+  const [data, setData] = NotificationMitraProperty.state().useState()
+  const [error, setError] = useSafeState<any>('')
+  const [byGroup_id, setByGroup_id] = useSafeState<any>(undefined)
+  let arr = MartOrder_status()
+  const height = (LibStyle.width / 4) - 50
+
+  function getData() {
+    new LibCurl('mitra/order_notification', null,
+      (res, msg) => {
+        setData(res)
+      }, msg => {
+        setError(msg?.message)
+      }, 1
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <LibFocus onFocus={getData} />
+      <UserNotification_list
+        tag='#mitra'
+        key={data}
+        group_id={byGroup_id}
+        ListHeaderComponent={
+          !data && error == '' ?
+            <LibLoading /> :
+            <>
+              <View style={{ marginTop: 15 }} />
+              <ComponentSection_notif title={esp.lang("notification/mitra", "purchase")} onPress={() => { LibNavigation.navigate('mart/order') }} />
+              <TouchableOpacity
+                onPress={() => LibNavigation.navigate<MartOrderArgs>('mart/order', { status: 1 })}
+                style={{ margin: 15, flex: 1, flexDirection: 'row', alignItems: 'center' }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", flex: 1 }}>{esp.lang("notification/mitra", "waiting_payment")}</Text>
+                {
+                  data?.member?.[1] > 0 &&
+                  <View style={{ height: 25, width: 25, borderRadius: 12.5, padding: 5, marginRight: 10, paddingVertical: 2, backgroundColor: LibStyle.colorRed, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }} >
+                    <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", textAlign: "center", fontSize: 10, letterSpacing: 0, color: "#ffffff" }} >{data?.member?.[1]}</Text>
+                  </View>
+                }
+                <LibIcon name="chevron-right" color='#4b4b4b' />
+              </TouchableOpacity>
+              <View style={{ height: 1, backgroundColor: '#e3e3e3', marginLeft: 15, marginRight: 15, marginBottom: 20 }} />
+              <View style={{ marginRight: 5, flexDirection: 'row', flexWrap: 'wrap' }}>
+                {
+                  arr.map((item, i) => {
+                    if (item.code != 1)
+                      return (
+                        <NotificationItem
+                          key={i}
+                          icon={item.icon}
+                          badge={data?.member?.[item.code]}
+                          badgeContainerStyle={{ top: -15, right: 0 }}
+                          imgContainerStyle={{ width: 30, height: 30, alignSelf: 'center' }}
+                          imgStyle={{ width: 30, height: 30, alignSelf: 'center' }}
+                          containerStyle={{ height: height }} onPress={() => { LibNavigation.navigate<MartOrderArgs>('mart/order', { status: item.code }) }} title={item.text} />
+                      )
+                    return null
+                  })
+                }
+              </View>
+              {
+                user?.mitra_id > 0 &&
+                <>
+                  <View style={{ height: 1, backgroundColor: '#e3e3e3', marginLeft: 15, marginRight: 15, marginTop: 20, marginBottom: 20 }} />
+                  <ComponentSection_notif title={esp.lang("notification/mitra", "selling")} onPress={() => { LibNavigation.navigate('mart/mitra_order') }} />
+                  <View style={{ marginTop: 20, marginRight: 5, flexDirection: 'row', flexWrap: 'wrap' }}>
+                    {
+                      arr.map((item, i) => {
+                        return (
+                          <NotificationItem
+                            key={i}
+                            icon={item.icon}
+                            badge={data?.mitra?.[item.code]}
+                            badgeContainerStyle={{ top: -15, right: 0 }}
+                            imgContainerStyle={{ width: 37, height: 37, alignSelf: 'center', justifyContent: 'center', backgroundColor: LibUtils.hexToRgba(LibStyle.colorPrimaryMart, 0.1), borderRadius: 8 }}
+                            imgStyle={{ width: 30, height: 30, alignSelf: 'center' }}
+                            containerStyle={{ height: height }}
+                            onPress={() => { LibNavigation.navigate<MartMitra_orderArgs>('mart/mitra_order', { status: item.code }) }} title={item.text} />
+                        )
+                      })
+                    }
+                  </View>
+                </>
+              }
+              <MarketSection_menu title={esp.lang("notification/mitra", "notification")} />
+              <Status status={byGroup_id} onChangeStatus={setByGroup_id} />
+            </>
+        }
+      />
+    </View >
+  )
+}

package/modules/notification/translate.tsx

@@ -0,0 +1,62 @@
+// withHooks
+// noPage
+
+import { LibLocale } from 'esoftplay/cache/lib/locale/import';
+import { LibTranslate } from 'esoftplay/cache/lib/translate/import';
+import { UserLanguage_listProperty } from 'esoftplay/cache/user/language_list/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { Pressable, StyleProp, Text, TextStyle, View, ViewStyle } from 'react-native';
+
+
+export interface NotificationTranslateArgs {
+
+}
+export interface NotificationTranslateProps {
+  title: string,
+  titleStyle?: StyleProp<TextStyle>
+  message: string,
+  messageStyle?: StyleProp<TextStyle>
+  buttonStyle?: StyleProp<ViewStyle>
+  buttonTextStyle?: StyleProp<TextStyle>
+  date?: string,
+  dateStyle?: StyleProp<TextStyle>
+}
+export default function m(props: NotificationTranslateProps): any {
+  const [text, setText] = useSafeState<any>()
+  const [loadingTl, setLoadingTl] = useSafeState(false)
+
+  const langData = LibLocale.stateLang().get() || {}
+  const currentLanguage = Object.keys(langData).length == 0 ? 'id' : LibLocale.state().get()
+  const selectedLang = UserLanguage_listProperty.allLanguage()?.filter?.((x: any) => x?.name == currentLanguage)?.[0] || {}
+
+  return (
+    <View>
+      <Text allowFontScaling={false} style={[props?.titleStyle]}>{text?.title || props?.title}</Text>
+      <Text allowFontScaling={false} style={[props?.messageStyle]}>{text?.message || props?.message}</Text>
+      <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+        {
+          props?.date &&
+          <Text allowFontScaling={false} style={[props?.dateStyle]} >{props?.date}</Text>
+        }
+        <Pressable onPress={() => {
+          if (!text) {
+            setLoadingTl(true)
+            LibTranslate(props?.title).to(selectedLang?.code, (t) => {
+              LibTranslate(props?.message).to(selectedLang?.code, (m) => {
+                setLoadingTl(false)
+                setText(() => ({ title: t, message: m }))
+              })
+            })
+          } else {
+            setText(undefined)
+          }
+        }} style={[{ marginTop: 7 }, props?.buttonStyle]}>
+          <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={"tail"} style={[styleId_Ssexy, props?.buttonTextStyle]}>{loadingTl ? esp.lang("component/translate", "loading") : !text ? esp.lang("component/translate", "see_translation") : esp.lang("component/translate", "see_original")}</Text>
+        </Pressable>
+      </View>
+    </View >
+  )
+}
+const styleId_Ssexy: any = { fontFamily: "SFProText", fontSize: 10, fontWeight: "bold", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#4a4a4a" }

package/modules/partner/detail.tsx

@@ -0,0 +1,50 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/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 esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+export interface PartnerDetailArgs {
+
+}
+export interface PartnerDetailProps {
+
+}
+export default function m(props: PartnerDetailProps): any {
+  const { url } = LibNavigation.getArgsAll(props)
+  const [result, setResult] = useSafeState<any>()
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData(): void {
+    new LibCurl(url, null, (result, msg) => {
+      setResult(result)
+    }, (error) => {
+
+    }, 1)
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("partner/detail", "detail_sponsor")} subtitle={result?.title} />
+      <ScrollView>
+        <LibPicture source={{ uri: result?.image }} style={{ height: LibStyle.width * 23 / 36 + LibStyle.STATUSBAR_HEIGHT, width: LibStyle.width }} resizeMode="contain" />
+        <Text allowFontScaling={false} style={{ flexWrap: 'wrap', flex: 5, fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", margin: 15 }} >{(result?.title)}</Text>
+        <Text allowFontScaling={false} style={{ flexWrap: 'wrap', fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: -5, margin: 15 }} >{result?.description}</Text>
+      </ScrollView>
+    </View>
+  )
+}

package/modules/partner/list.tsx

@@ -0,0 +1,59 @@
+// 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 { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface PartnerListProps {
+
+}
+export default function m(props: PartnerListProps): any {
+  const { url } = LibNavigation.getArgsAll(props)
+
+  const imgWidth = (LibStyle.width - 40) * 0.25
+  const imgHeight = imgWidth
+
+  function renderItem(item: any, i: number) {
+    const styleId_4JSvp: any = { width: imgWidth, height: imgHeight, alignItems: 'center', justifyContent: 'center', margin: 5, ...LibStyle.elevation(2) }
+    const styleId_REodG: any = { width: imgWidth, height: imgHeight }
+    return (
+      <ComponentTouchable onPress={() => {
+        if (item?.url != "") {
+          if (item.url.includes("module")) {
+            let args = item.url.split("?")
+            let urlDetail = args[0]
+            let module = args[1].replace("module=", "").replace(".", "/")
+            LibNavigation.navigate(module, { url: urlDetail })
+          } else {
+            LibNavigation.navigate('partner/detail', { url: item.url })
+          }
+        }
+      }} style={styleId_4JSvp} >
+        <LibPicture key={i} source={{ uri: item.image }} style={styleId_REodG} />
+      </ComponentTouchable>
+
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: 'white' }}>
+      <ComponentHeader title={esp.lang("partner/list", "out_patner")} />
+      <LibInfinite
+        url={url}
+        numColumns={4}
+        ListEmptyComponent={
+          <ComponentMessage message={esp.lang("partner/list", "no_pertner_yet")} />
+        }
+        renderItem={renderItem}
+      />
+    </View>
+  )
+}

package/modules/payment/cc.tsx

@@ -0,0 +1,115 @@
+// withHooks
+
+
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibGradient } from 'esoftplay/cache/lib/gradient/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/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 { 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 esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import useGlobalSubscriber, { UseSubscribeReturn } from 'esoftplay/subscribe';
+import React, { useEffect } from 'react';
+import { Pressable, Text, View } from 'react-native';
+
+
+export interface PaymentCcArgs {
+
+}
+export interface PaymentCcProps {
+
+}
+const marginX = 30
+const subs = useGlobalSubscriber()
+export function subscribe(): UseSubscribeReturn {
+  return subs
+}
+export default function m(props: PaymentCcProps): any {
+  const [mycards, setMycard] = useSafeState([])
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    new LibCurl('user_cc', null, (res, msg) => {
+      setMycard(res)
+    }, (err) => {
+      LibNavigation.replace('payment/cc_edit', LibNavigation.getArgsAll(props))
+    })
+  }
+
+  function doDelete(url: string) {
+    if (url) {
+      LibDialog.warningConfirm(esp.lang("payment/cc", "delete_cc"), esp.lang("payment/cc", "delete_cc_msg"), esp.lang("payment/cc", "delete_cc_ok"), () => {
+        LibProgress.show(esp.lang("payment/cc", "delete_progress"))
+        new LibCurl(url, null, (res) => {
+          LibProgress.hide()
+          subs.trigger()
+        }, (err) => {
+          LibProgress.hide()
+          LibToastProperty.show(err?.message)
+        })
+      }, esp.lang("payment/cc", "delete_cc_cancel"), () => { })
+    }
+  }
+
+  subs.useSubscribe(() => {
+    loadData()
+  })
+
+  return (
+    <View style={{ flex: 1 }} >
+      {
+        mycards.length ?
+          <>
+            <ComponentHeader title={esp.lang("payment/cc", "header_title")} />
+            <LibList
+              data={mycards}
+              onRefresh={loadData}
+              renderItem={(item) => {
+                return (
+                  <View style={{}} /* onPress={() => LibNavigation.navigate('payment/cc_edit', { ...item, ...LibNavigation.getArgsAll<any>(props) })}  */>
+                    <LibGradient
+                      colors={["#FCFA86", "#EEC632", "#FCFA86", "#EEC632"]}
+                      direction='top-right-to-bottom-left'
+                      style={{ backgroundColor: "white", marginHorizontal: 8, marginTop: 16, padding: 16, flexDirection: 'row', alignItems: 'center', borderRadius: 10 }} >
+                      {
+                        Boolean(item?.brand) ?
+                          <LibPicture source={{ uri: item?.brand?.image }} style={{ height: 30, width: 50, marginRight: 10 }} resizeMode='contain' />
+                          :
+                          <LibIcon.SimpleLineIcons name='credit-card' color="#A47920" size={30} style={{ marginRight: 10 }} />
+                      }
+                      <View style={{ flex: 1 }} >
+                        <Text style={{ color: '#A47920', fontFamily: 'digital', fontSize: 22 }} >{item.number}</Text>
+                      </View>
+                      <Pressable onPress={() => {
+                        doDelete(item?.url_delete)
+                      }}>
+                        <LibIcon name='delete' style={{ color: LibStyle.colorRed }} />
+                      </Pressable>
+                    </LibGradient>
+
+                  </View>
+                )
+              }}
+
+            />
+            <ComponentButton label={esp.lang("payment/cc", "add_new")} style={{ margin: 17 }} onPress={() => {
+              LibNavigation.navigate('payment/cc_edit', LibNavigation.getArgsAll(props))
+            }} />
+          </>
+          :
+          <LibLoading />
+      }
+    </View>
+  )
+}

package/modules/payment/cc_detail.tsx

@@ -0,0 +1,111 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/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 { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import { useTimeout } from 'esoftplay/timeout';
+
+import LottieView from "lottie-react-native";
+import React, { useEffect, useRef } from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+export interface PaymentCc_detailProps {
+  amount: number,
+  ondate: string,
+  code: string,
+  fee: string,
+  total: string,
+  notes: string,
+  url_detail: string,
+  is_credit: 0 | 1,
+}
+export default function m(props: PaymentCc_detailProps): any {
+
+  const url = LibNavigation.getArgs(props, 'url')
+  const title = LibNavigation.getArgs(props, 'title')
+  const [result, setResult] = useSafeState<any>()
+  const animation = useRef<LottieView>(null)
+  const timeout = useTimeout()
+
+  useEffect(() => {
+    if (result)
+      timeout(() => {
+        animation.current?.play()
+      }, 300);
+  }, [result])
+
+  useEffect(() => {
+    new LibCurl(url, null, (result, msg) => {
+      setResult(result)
+    }, (msg) => {
+      LibDialog.failed(/*res_err*/esp.lang("payment/cc_detail", "oops"), msg?.message)
+      LibNavigation.back()
+    })
+  }, [])
+
+  if (!result) return <LibLoading />
+
+  return (
+    <View style={{ flex: 1 }} >
+      <ComponentHeader
+        title={result && result.title || esp.lang("payment/cc_detail", "title")}
+        notif />
+      <ScrollView style={{ padding: 20 }} >
+        <View style={{ alignItems: 'center' }} >
+          <LottieView
+            ref={animation}
+            loop={false}
+            style={{
+              width: 200,
+              height: 200,
+            }}
+            source={esp.assets("success.json")}
+          />
+        </View>
+        <Text style={{ alignSelf: 'center', textAlign: 'center', fontFamily: 'ArialBold', fontSize: 17, marginTop: 10, color: '#4a4a4a' }} >{title || result && result.title}</Text>
+        {
+          result?.hasOwnProperty('status') &&
+          <View style={{ marginTop: 15, flexDirection: 'row', justifyContent: 'center' }}>
+            <View style={{ padding: 5, backgroundColor: result?.status?.color, borderRadius: 5 }}>
+              <Text style={{ alignSelf: 'center', textAlign: 'center', fontFamily: 'ArialBold', fontSize: 15, color: "#fff" }} >{result?.status?.label}</Text>
+            </View>
+          </View>
+        }
+
+        <Text style={{ alignSelf: 'center', textAlign: 'center', fontFamily: 'Arial', fontSize: 13, marginTop: 30, color: '#999' }} >{LibUtils.moment(result.ondate).serverFormat('dddd, DD MMMM YYYY HH:mm')}</Text>
+        {
+          result.amount != 0 &&
+          <Text style={{ alignSelf: 'center', textAlign: 'center', fontFamily: 'ArialBold', fontSize: 17, marginTop: 10, color: LibStyle.colorPrimary }} >{LibUtils.money(result.amount)}</Text>
+        }
+        {
+          result.amount == 0 && result.is_credit == 0 &&
+          <Text style={{ alignSelf: 'center', textAlign: 'center', fontFamily: 'ArialBold', fontSize: 17, marginTop: 10, color: LibStyle.colorPrimary }} >{esp.lang("payment/cc_detail", "free")}</Text>
+        }
+        <LibTextstyle text={/*transaction_number*/esp.lang("payment/cc_detail", "transaction")} textStyle="m_overline" style={{ color: '#999', marginTop: 35, marginBottom: 5 }} />
+        <LibTextstyle text={result.code} textStyle={'body'} />
+        {
+          result.notes != '' &&
+          <>
+            <LibTextstyle text={/*message*/esp.lang("payment/cc_detail", "notes")} textStyle="m_overline" style={{ color: '#999', marginTop: 30, marginBottom: 5, }} />
+            <LibTextstyle text={result.notes} textStyle={'body'} style={{}} />
+          </>
+        }
+        {
+          result?.hasOwnProperty('params') &&
+          <TouchableOpacity onPress={() => { LibNavigation.push(result?.params?.module, { url: result?.params?.url }) }} style={{ flexDirection: 'row', borderRadius: 10, backgroundColor: '#FEFBEB', borderColor: "#FFCC29", borderWidth: 1, borderStyle: 'dashed', alignContent: 'center', alignItems: 'center', flex: 1, marginTop: 15, padding: 10 }}>
+            <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0 }} >{result?.params?.label}</Text>
+            <LibPicture source={esp.assets('icons/ic_chevron_right.png')} style={{ marginLeft: 6, height: 13, width: 13, resizeMode: 'contain' }} />
+          </TouchableOpacity>
+        }
+        <View style={{ height: 100 }} />
+      </ScrollView>
+    </View>
+  )
+}