esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/mart/dc_cart.tsx

@@ -1,256 +0,0 @@
-// withHooks
-import { LibCurl } from 'esoftplay/cache/lib/curl/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 { LibObject } from 'esoftplay/cache/lib/object/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibProgress } from 'esoftplay/cache/lib/progress/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 { MarketNotice } from 'esoftplay/cache/market/notice/import';
-import { MartButton } from 'esoftplay/cache/mart/button/import';
-import { MartDc_cart_item } from 'esoftplay/cache/mart/dc_cart_item/import';
-import { MartDc_checkoutArgs } from 'esoftplay/cache/mart/dc_checkout/import';
-import { MartEmpty } from 'esoftplay/cache/mart/empty/import';
-import { MartHeader } from 'esoftplay/cache/mart/header/import';
-import esp from 'esoftplay/esp';
-import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
-import useSafeState from 'esoftplay/state';
-
-import React, { useEffect } from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface MartDc_cartArgs {
-
-}
-export interface MartDc_cartProps {
-
-}
-
-const count = useGlobalState<number>(0)
-
-export function countState(): useGlobalReturn<number> {
-  return count
-}
-
-export function getCountState() {
-  new LibCurl('mitra/dc_product_cart_count', null, (r: any) => count.set(parseInt(r)), () => count.set(0), 1)
-}
-
-export function add(product_id: string, qty: number, notes?: string) {
-  new LibCurl('mitra/dc_product_cart_edit', { product_id, qty, notes },
-    (res, msg) => {
-      getCountState()
-    }, (msg) => {
-      LibToastProperty.show(msg?.message)
-    }, 1
-  )
-}
-
-export function buynow(product_id: string, qty: number, notes?: string) {
-  LibProgress.show(esp.lang("mart/dc_cart", "please_wait"))
-  //add to cart
-  new LibCurl('mitra/dc_product_cart_edit', { product_id, qty, notes },
-    (res, msg) => {
-      //list cart
-      new LibCurl('mitra/dc_product_cart?page=0', null,
-        (res, msg) => {
-          const cart_id = res?.list?.filter?.((x: any) => x?.product?.id == product_id)?.[0]?.id
-          //edit qty
-          new LibCurl('mitra/dc_product_cart_edit?id=' + cart_id, { product_id: product_id, qty: qty, notes: notes || '' },
-            (res, msg) => {
-              const url = 'mitra/dc_product_cart_checkout'
-              const jcart_ids = JSON.stringify([cart_id])
-              //checkout
-              new LibCurl(url, { cart_ids: jcart_ids },
-                (res, msg) => {
-                  LibProgress.hide()
-                  LibNavigation.navigate<MartDc_checkoutArgs>('mart/dc_checkout', { shipping_address: res?.shipping_address, cart_ids: jcart_ids, url: url })
-                }, (msg) => {
-                  LibProgress.hide()
-                  LibToastProperty.show(msg?.message)
-                }
-              )
-            }, (msg) => {
-              LibProgress.hide()
-              LibToastProperty.show(msg?.message)
-            }
-          )
-        }, (msg) => {
-          LibProgress.hide()
-          LibToastProperty.show(msg?.message)
-        }
-      )
-    }, (msg) => {
-      LibProgress.hide()
-      LibToastProperty.show(msg?.message)
-    }
-  )
-}
-
-export default function m(props: MartDc_cartProps): any {
-  const [data, setData] = useSafeState<any>()
-  const [error, setError] = useSafeState<any>()
-  const [total, setTotal] = useSafeState(0)
-
-  useEffect(() => {
-    list()
-  }, [])
-
-  function list(page?: number): void {
-    new LibCurl('mitra/dc_product_cart?page=' + (page || 0), null,
-      (res, msg) => {
-        setData(res)
-        let price = res.list.map((item: any) => Number(item.qty) * Number(item.product.sale)).reduce((acc: number, cur: any) => acc + Number(cur), 0)
-        setTotal(price);
-      }, (msg) => {
-        setError(msg)
-      }, 1
-    )
-  }
-
-  function changeQyt(indexProduct: number, product_id: string, qty: number, cart_id: string) {
-    let newList = LibObject.set(data.list, qty)(indexProduct, 'qty')
-    let _total = newList.map((item: any) => Number(item.qty) * Number(item.product.sale)).reduce((acc: number, cur: any) => acc + Number(cur), 0)
-    setTotal(_total);
-    setData({ dc: data.dc, list: newList })
-    editProduct(cart_id, product_id, qty)
-  }
-
-  function editProduct(id: string, product_id: string, qty: number, notes?: string) {
-    let post = {
-      product_id: product_id,
-      qty: qty,
-      notes: notes || ''
-    }
-    new LibCurl('mitra/dc_product_cart_edit?id=' + id, post,
-      (res, msg) => {
-        getCountState()
-      }, (msg) => {
-        LibToastProperty.show(msg?.message)
-      }, 1
-    )
-  }
-
-  function deleteProduct(id: string, index: number) {
-    const newList = LibObject.splice(data.list, index, 1)()
-    let _total = newList.map((item: any) => Number(item.qty) * Number(item.product.sale)).reduce((acc: number, cur: any) => acc + Number(cur), 0)
-    new LibCurl('mitra/dc_product_cart_delete?id=' + id, null,
-      (res, msg) => {
-        LibToastProperty.show(res)
-        getCountState()
-        setTotal(_total);
-        if (newList.length > 0) {
-          setData({ dc: data.dc, list: newList })
-        } else {
-          setError(esp.lang("mart/dc_cart", "no_data"))
-        }
-      }, (msg) => {
-        LibToastProperty.show(msg?.message)
-      }, 1
-    )
-  }
-
-  function doCheckout() {
-    const url = 'mitra/dc_product_cart_checkout'
-    const cart_ids = data?.list?.map((item: any) => item.id)
-    const jcart_ids = JSON.stringify(cart_ids)
-    LibProgress.show(esp.lang("mart/dc_cart", "please_wait"))
-    new LibCurl(url, { cart_ids: jcart_ids },
-      (res, msg) => {
-        LibProgress.hide()
-        LibNavigation.navigate<MartDc_checkoutArgs>('mart/dc_checkout', { shipping_address: res?.shipping_address, cart_ids: jcart_ids, url: url })
-      }, (msg) => {
-        LibProgress.hide()
-        LibToastProperty.show(msg?.message)
-      }, 1
-    )
-  }
-
-  const renderItem = (item: any, i: number) => (
-    <MartDc_cart_item
-      {...item}
-      key={i}
-      idx={i}
-      deleteProduct={(x) => deleteProduct(item.id, x)}
-      changeQty={(index, id, qty) => {
-        changeQyt(index, id, qty, item.id)
-      }}
-    />
-  )
-
-  return (
-    <View style={{ flex: 1 }}>
-      <MartHeader title={esp.lang("mart/dc_cart", "dc")} subtitle={esp.lang("mart/dc_cart", "shopping_cart")} leftIcon={{ name: "close", onPress: () => LibNavigation.back() }} />
-      {
-        error ? <MartEmpty message={error?.message} /> :
-          <>
-            <LibList
-              onRefresh={list}
-              data={data?.list}
-              ListEmptyComponent={
-                <>
-                  {
-                    (error || data?.list?.length == 0) &&
-                    <MartEmpty message={error?.message == '' ? esp.lang("mart/dc_cart", "shopping_cart_is_empty") : error?.message} />
-                  }
-                </>
-              }
-              ListFooterComponent={data?.dc?.id ? null : error ? null : <LibLoading />}
-              ListHeaderComponent={
-                <>
-                  {
-                    <View style={{ flexDirection: 'row', marginHorizontal: 20, marginTop: 10 }} >
-                      <LibPicture source={{ uri: data?.dc?.image }} style={{ backgroundColor: '#f1f1f1', width: 40, height: 40, borderRadius: 4 }} />
-                      <View style={{ marginLeft: 10, flex: 1 }} >
-                        <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }}>{data?.dc?.name}</Text>
-                        <View style={{ flexDirection: 'row', marginTop: 5 }} >
-                          <LibIcon name='map-marker' size={14} />
-                          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }}>{data?.dc?.address}</Text>
-                        </View>
-                        {
-                          data?.dc?.active == 0 &&
-                          <MarketNotice mode='danger' text={esp.lang("mart/dc_cart", "store_not_active")} canPress={false} containerStyle={{ marginHorizontal: 0, paddingVertical: 2, paddingHorizontal: 8 }} />
-                        }
-                      </View>
-                    </View>
-                  }
-                </>
-              }
-              renderItem={renderItem}
-            />
-          </>
-      }
-      {
-        data?.list ?
-          <View style={{ flexDirection: "row", backgroundColor: "white", borderTopWidth: 1, borderTopColor: "#ddd" }} >
-            <View style={{ flex: 1, padding: 10 }} >
-              <LibTextstyle style={{ textAlign: "right" }} text={esp.lang("mart/dc_cart", "total_price")} textStyle="footnote" />
-              <LibTextstyle style={{ textAlign: "right", fontWeight: "bold" }} text={LibUtils.money(total)} textStyle="footnote" />
-            </View>
-            <MartButton text={esp.lang("mart/dc_cart", "next")}
-              color={data?.list ? "white" : '#4a4a4a'}
-              colorBackground={!data?.list ? '#e6e6e6' : undefined}
-              buttonStyle={{ margin: 10, paddingHorizontal: 15 }}
-              onPress={() => {
-                if (data?.list) {
-                  doCheckout()
-                }
-              }} />
-          </View>
-          :
-          <View style={{ padding: 10 }}>
-            <MartButton text={esp.lang("mart/dc_cart", "shop_now")}
-              buttonStyle={{ margin: 10, paddingHorizontal: 15 }}
-              onPress={() => {
-                LibNavigation.back()
-              }} />
-          </View>
-      }
-    </View>
-  )
-}

package/modules/mart/dc_cart_add_slideup.tsx

@@ -1,101 +0,0 @@
-// noPage
-import { LibComponent } from 'esoftplay/cache/lib/component/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { MartButton } from 'esoftplay/cache/mart/button/import';
-import { MartDc_cartProperty } from 'esoftplay/cache/mart/dc_cart/import';
-import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
-import esp from 'esoftplay/esp';
-
-import React from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
-
-export interface MartDc_cart_add_slideupProps {
-}
-export interface MartDc_cart_add_slideupState {
-  qty: number,
-  item: any,
-  buynow?: boolean
-}
-
-export default class m extends LibComponent<MartDc_cart_add_slideupProps, MartDc_cart_add_slideupState> {
-
-  dialogBagAdd = React.createRef<LibSlidingup>()
-
-  constructor(props: MartDc_cart_add_slideupProps) {
-    super(props);
-    this.show = this.show.bind(this);
-    this.hide = this.hide.bind(this);
-    this.state = { qty: 0, item: {}, buynow: false }
-  }
-
-  show(item: any, buynow?: boolean): void {
-    this.dialogBagAdd.current?.show()
-    this.setState({ item: item, qty: item.min_order, buynow: buynow || false })
-  }
-
-  hide(): void {
-    this.dialogBagAdd.current?.hide()
-  }
-
-  render(): any {
-    const { qty, item, buynow } = this.state
-
-    return (
-      <LibSlidingup ref={this.dialogBagAdd} >
-        <View style={{ backgroundColor: 'white' }} >
-          <View style={{ flexDirection: 'row' }} >
-            <View style={{ backgroundColor: 'white', padding: 5, marginHorizontal: 15, borderRadius: 5, marginTop: -50 }} >
-              <LibPicture source={{ uri: item?.image || item?.images?.[0]?.image }} style={{ width: 90, height: 90 }} />
-            </View>
-          </View>
-          <View style={{ paddingHorizontal: 20, padding: 20 }}>
-            <View style={{ flexDirection: 'row', marginBottom: 10 }} >
-              <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ flex: 1, fontFamily: 'Arial', fontSize: 16, fontWeight: 'bold' }} >{item?.name}</Text>
-              <View>
-                <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: 'bold' }} >{LibUtils.money(item?.sale)}</Text>
-                {
-                  item.price != item.sale &&
-                  <Text allowFontScaling={false} style={{ textAlign: 'right', color: LibStyle.colorRed, textDecorationLine: 'line-through', textDecorationStyle: 'solid', fontSize: 12 }} >{LibUtils.money(item?.price)}</Text>
-                }
-              </View>
-            </View>
-            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ fontFamily: 'Arial', fontSize: 12, marginBottom: 5 }} >{item?.description}</Text>
-            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ fontFamily: 'Arial', fontSize: 12 }} >{esp.lang("mart/dc_cart_add_slideup", "stock_left", LibUtils.number(item?.stocks))}</Text>
-            {
-              item.stocks > 0 &&
-              <>
-                <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', marginVertical: 15, marginTop: 20 }} >
-                  <TouchableOpacity onPress={() => { this.setState({ qty: qty <= (Number(item.min_order) || 1) ? Number(item.min_order) : Number(qty) - 1 }) }} style={{ alignItems: 'center', justifyContent: 'center', padding: 4, borderRadius: 5, borderWidth: 1, borderColor: '#999' }} >
-                    <LibIcon name='minus' color="#999" />
-                  </TouchableOpacity>
-                  <Text allowFontScaling={false} style={{ marginHorizontal: 15, fontFamily: 'Arial', fontSize: 18, fontWeight: 'bold' }} >{qty}</Text>
-                  <TouchableOpacity onPress={() => { this.setState({ qty: qty < Number(item.stocks) ? Number(qty) + 1 : Number(item.stocks) }) }} style={{ alignItems: 'center', justifyContent: 'center', padding: 4, borderRadius: 5, borderWidth: 1, borderColor: '#999' }} >
-                    <LibIcon name='plus' color="#999" />
-                  </TouchableOpacity>
-                </View>
-                {
-                  buynow ?
-                    <MartButton text={esp.lang("mart/dc_cart_add_slideup", "buy_now")} onPress={() => {
-                      UserProfileProperty.isLogin(() => {
-                        MartDc_cartProperty.buynow(item.id, qty, ''); this.hide()
-                      })
-                    }} />
-                    :
-                    <MartButton text={esp.lang("mart/dc_cart_add_slideup", "add_to_cart")} onPress={() => {
-                      UserProfileProperty.isLogin(() => {
-                        MartDc_cartProperty.add(item.id, qty, ''); this.hide()
-                      })
-                    }} />
-                }
-              </>
-            }
-          </View>
-        </View>
-      </LibSlidingup>
-    )
-  }
-}

package/modules/mart/dc_cart_item.tsx

@@ -1,142 +0,0 @@
-// withHooks
-// noPage
-import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import esp from 'esoftplay/esp';
-
-import React from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
-
-
-export interface MartDc_cart_itemArgs {
-
-}
-
-interface product {
-  id: string
-  user_id: string
-  merchant_id: string
-  mitra_id: string
-  mitra_name: string
-  image: string
-  price: number
-  discount: string
-  discount_title: string
-  sale: string
-  min_order: string
-  hits: string
-  last_hits: string
-  created: string
-  updated: string
-  publish: string
-  active: string
-  name: string
-  stocks: string
-  sold: string
-}
-
-export interface MartDc_cart_itemProps {
-  idx: number
-  id: string,
-  user_id: string,
-  merchant_id: string,
-  mitra_id: string,
-  product_id: string,
-  qty: number,
-  stocks: number,
-  notes: string,
-  status: string,
-  created: string,
-  updated: string,
-  product: product
-  disabled: number,
-  disabled_notes: string
-  changeQty: (index: number, idProduct: string, qty: number) => void,
-  changeNotes: (idProduct: string, notes: string) => void,
-  deleteProduct: (indexProduct: number) => void,
-}
-
-export default function m(props: MartDc_cart_itemProps): any {
-
-  function addQty() {
-    const newQty = Number(props.qty) + 1
-    props.changeQty(props.idx, props.product_id, (newQty <= props.stocks ? newQty : props.qty))
-  }
-
-  function delProduct() {
-    LibDialog.warningConfirm(esp.lang("mart/dc_cart_item", "delete_product", props.product.name) + '?', esp.lang("mart/dc_cart_item", "this_action_cant_canceled"), esp.lang("mart/dc_cart_item", "delete"), () => {
-      props.deleteProduct(props.idx)
-    }, esp.lang("mart/dc_cart_item", "cancel"), () => { })
-  }
-
-  function subQty() {
-    const newQty = Number(props.qty) - 1
-    if (newQty < 1) {
-      LibDialog.warningConfirm(esp.lang("mart/dc_cart_item", "delete_product", props.product.name) + '?', esp.lang("mart/dc_cart_item", "this_action_cant_canceled"), esp.lang("mart/dc_cart_item", "delete"), () => {
-        props.deleteProduct(props.idx)
-      }, esp.lang("mart/dc_cart_item", "cancel"), () => { })
-    } else {
-      props.changeQty(props.idx, props.product_id, (newQty >= (props.product.min_order || 0) ? newQty : props.qty))
-    }
-  }
-
-  return (
-    <View style={styleId_Ze1H49}>
-      <LibPicture source={{ uri: props?.product?.image }} style={styleId_PxODA} />
-      <View style={styleId_ZcMJmd} >
-        <View style={styleId_Z1IS0fI}>
-          <View style={styleId_BO2C8} >
-            <Text allowFontScaling={false} style={styleId_Z2h00MA}>{props?.product?.name}</Text>
-            <View style={styleId_Z1IS0fI}>
-              <Text allowFontScaling={false} style={styleId_Z2v6RJk} >{props?.qty} x </Text>
-              <Text allowFontScaling={false} style={styleId_Z2v6RJk} >{LibUtils.money(props?.product?.sale)} </Text>
-              {
-                Number(props?.product?.sale) != Number(props?.product?.price) &&
-                <Text allowFontScaling={false} style={styleId_Z2mWlUC} >{LibUtils.money(props?.product?.price)}</Text>
-              }
-            </View>
-          </View>
-          <Text allowFontScaling={false} style={styleId_Z6PSle} >{LibUtils.money(Number(props?.product?.sale) * props?.qty)}</Text>
-        </View>
-        <View style={styleId_tpeK8} >
-          {
-            props.disabled == 1 ?
-              <View style={styleId_ZcMJmd}>
-                <Text allowFontScaling={false} style={styleId_1MtTdQ} >{props?.disabled_notes}</Text>
-              </View>
-              :
-              <View style={styleId_ZyfQmp} >
-                <TouchableOpacity onPress={subQty} style={styleId_Z1VmOL1} >
-                  <LibIcon name='minus' color="#999" size={14} />
-                </TouchableOpacity>
-                <Text allowFontScaling={false} style={styleId_Z1ktOqN} >{props?.qty}</Text>
-                <TouchableOpacity onPress={addQty} style={styleId_Z1VmOL1} >
-                  <LibIcon name='plus' color="#999" size={14} />
-                </TouchableOpacity>
-              </View>
-          }
-          <TouchableOpacity onPress={delProduct} style={styleId_Z1VmOL1} >
-            <LibIcon name='delete' color="#999" size={14} />
-          </TouchableOpacity>
-        </View>
-      </View>
-    </View>
-  )
-}
-const styleId_Ze1H49: any = { marginTop: 15, marginBottom: 10, marginHorizontal: 20, flexDirection: 'row' }
-const styleId_PxODA: any = { backgroundColor: '#f1f1f1', width: 60, height: 60, borderRadius: 4, marginHorizontal: 10 }
-const styleId_ZcMJmd: any = { flex: 1 }
-const styleId_Z1IS0fI: any = { flexDirection: 'row' }
-const styleId_BO2C8: any = { marginRight: 10, flex: 1 }
-const styleId_Z2h00MA: any = { fontFamily: "Arial", fontSize: 12, color: "#03192a" }
-const styleId_Z2v6RJk: any = { marginTop: 5, fontSize: 12 }
-const styleId_Z2mWlUC: any = { marginTop: 5, fontSize: 12, textDecorationLine: 'line-through', textDecorationStyle: 'solid' }
-const styleId_Z6PSle: any = { fontFamily: "ArialBold", fontSize: 14 }
-const styleId_tpeK8: any = { flexDirection: 'row', marginTop: 10 }
-const styleId_1MtTdQ: any = { fontFamily: "Arial", fontSize: 10, color: LibStyle.colorRed }
-const styleId_ZyfQmp: any = { flex: 1, flexDirection: 'row', alignItems: 'center' }
-const styleId_Z1VmOL1: any = { alignItems: 'center', justifyContent: 'center', padding: 4, borderRadius: 5, borderWidth: 1, borderColor: '#999' }
-const styleId_Z1ktOqN: any = { marginHorizontal: 15, fontFamily: 'Arial', fontSize: 16, fontWeight: 'bold' }

package/modules/mart/dc_checkout.tsx

@@ -1,175 +0,0 @@
-// withHooks
-import { BigbangIndexProperty } from 'esoftplay/cache/bigbang/index/import';
-import { BigbangTransaction } from 'esoftplay/cache/bigbang/transaction/import';
-import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibProgress } from 'esoftplay/cache/lib/progress/import';
-import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { MartButton } from 'esoftplay/cache/mart/button/import';
-import { MartCheckout_payment_methodArgs } from 'esoftplay/cache/mart/checkout_payment_method/import';
-import { MartHeader } from 'esoftplay/cache/mart/header/import';
-import { MartSection_title } from 'esoftplay/cache/mart/section_title/import';
-import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import React, { useEffect } from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface MartDc_checkoutArgs {
-  cart_ids: string,
-  url: string,
-  shipping_address: any
-}
-export interface MartDc_checkoutProps {
-
-}
-export default function m(props: MartDc_checkoutProps): any {
-  const { url, cart_ids, shipping_address } = LibNavigation.getArgsAll(props)
-  const [data, setData] = useSafeState<any>()
-  const [total, setTotal] = useSafeState(0)
-  const [payMethod, setPayMethod] = useSafeState<any>({ title: esp.lang("mart/dc_checkout", "select_payment_methid"), method: '', charge: 0 })
-  const [address, setAddress] = useSafeState<any>(shipping_address || undefined)
-  const [trxId] = useSafeState(BigbangTransaction().getTrxId())
-
-  useEffect(() => {
-    LibProgress.show(esp.lang("mart/dc_checkout", "please_wait"))
-    new LibCurl(url, { cart_ids: cart_ids },
-      (res, msg) => {
-        setData(res)
-        setTotal(res.bill_total)
-        LibProgress.hide()
-      },
-      (msg) => {
-        LibProgress.hide()
-        LibDialog.warning(esp.lang("mart/dc_checkout", "error"), msg?.message)
-      }, 1
-    )
-  }, [])
-
-  function doCheckout(pin?: string) {
-    if (payMethod.id == 2 && !pin) {
-      LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
-        if (p) {
-          doCheckout(p)
-        }
-      })
-      return
-    }
-
-    LibProgress.show(esp.lang("mart/dc_checkout", "being_proccesed"))
-    new LibCurl().secure('shop/get_token')()('mitra/dc_product_cart_order', {
-      cart_ids: cart_ids,
-      payment_id: payMethod.id,
-      pin: pin || '',
-      address_id: address.id,
-      trx_id: trxId,
-    }, (res, msg) => {
-      LibProgress.hide()
-      UserProfileProperty.update()
-      BigbangIndexProperty.setTab(0)
-      LibNavigation.reset()
-      LibNavigation.navigate('mart/account')
-      if (payMethod?.type == 4) {
-        LibNavigation.navigate('mart/dc_order', { status: 3 })
-      } else {
-        LibNavigation.navigate('mart/dc_order', { status: 1 })
-      }
-      LibNavigation.navigate('mart/dc_order_detail', { url: res.url })
-    },
-      (msg) => {
-        LibProgress.hide()
-        LibDialog.warning(esp.lang("mart/dc_checkout", "err"), msg?.message)
-      }, 1
-    )
-  }
-
-  function selectPayMethod() {
-    LibNavigation.navigateForResult<MartCheckout_payment_methodArgs>("mart/checkout_payment_method", { payment: 'dc', price: total, id: payMethod?.id, fee: payMethod?.charge }).then(setPayMethod)
-  }
-
-  const renderCartData = (item: any, i: number) => (
-    <View key={i} style={{ marginTop: 15, marginHorizontal: 20, flexDirection: 'row', justifyContent: 'space-between' }}>
-      <View style={{ flexDirection: 'row', alignItems: 'center' }} >
-        <View style={{ backgroundColor: 'white', padding: 10, borderWidth: 1, borderColor: '#e6e6e6', borderRadius: 4, marginRight: 10 }} >
-          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#04b4db" }} >{item?.qty + ' x'}</Text>
-        </View>
-        <View>
-          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }}>{item?.product?.name}</Text>
-          <View style={{ marginTop: 5 }}>
-            <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: 'bold', color: '#707070' }} >{LibUtils.money(item?.product?.sale)}</Text>
-            {
-              Number(item?.product?.price) != Number(item?.product?.sale) &&
-              <Text allowFontScaling={false} style={{ color: LibStyle.colorRed, textDecorationLine: 'line-through', textDecorationStyle: 'solid', fontSize: 12 }} >{LibUtils.money(item?.product?.price)}</Text>
-            }
-          </View>
-        </View>
-      </View>
-      <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#707070" }}>{LibUtils.money(item?.qty * item?.product?.sale)}</Text>
-    </View>
-  )
-
-  return (
-    <View style={{ flex: 1, backgroundColor: 'white' }} >
-      <MartHeader title={esp.lang("mart/dc_checkout", "dc")} subtitle={esp.lang("mart/dc_checkout", "complete_order")} leftIcon={{ name: "close", onPress: () => LibNavigation.back() }} />
-      <LibScroll>
-        <MartSection_title title={esp.lang("mart/dc_checkout", "delivered_to")} rightTitle={address ? esp.lang("mart/dc_checkout", "Change_Shipping_Address") : esp.lang("mart/dc_checkout", "Select_Shipping_Address")} onRightPress={() => {
-          LibNavigation.navigateForResult("market/address", undefined, 3213).then((e) => {
-            setAddress(e)
-          })
-        }} />
-        {
-          address && address.id &&
-          <View style={{ marginVertical: 15 }} >
-            <Text allowFontScaling={false} style={{ marginHorizontal: 20, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, textAlign: "left", color: "#03192a" }}>{address?.name}</Text>
-            <Text allowFontScaling={false} style={{ marginTop: 5, marginHorizontal: 20, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, textAlign: "left", color: "#03192a" }}>{address?.recipient}</Text>
-            <Text allowFontScaling={false} style={{ marginTop: 5, marginHorizontal: 20, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, textAlign: "left", color: "#707070" }}>{address?.address + '\n' + address?.location_name + '\n' + address?.phone}</Text>
-          </View>
-          ||
-          <MartButton text={esp.lang("mart/dc_checkout", "Select_Shipping_Address")} buttonStyle={{ margin: 15 }} colorBorder="#707070" colorBackground='white' textStyle={{ color: '#707070', fontSize: 14 }} onPress={() => {
-            LibNavigation.navigateForResult("market/address", undefined, 3213).then((e) => {
-              setAddress(e)
-            })
-          }} />
-        }
-
-        <MartSection_title title={esp.lang("mart/dc_checkout", "order_detail")} onRightPress={() => { }} />
-        {
-          LibUtils.checkUndefined(data, 'cart_data.0') && data.cart_data.map(renderCartData)
-        }
-        {
-          payMethod.charge > 0 &&
-          <View style={{ marginTop: 15, marginHorizontal: 20, flexDirection: 'row', justifyContent: 'space-between' }}>
-            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#03192a" }}>{esp.lang("mart/dc_checkout", "charge")}</Text>
-            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#707070" }}>{LibUtils.money(payMethod.charge)}</Text>
-          </View>
-        }
-        <View style={{ marginVertical: 15, marginHorizontal: 20, flexDirection: 'row', justifyContent: 'space-between' }}>
-          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#03192a" }}>{esp.lang("mart/dc_checkout", "total_shopping")}</Text>
-          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#707070" }}>{LibUtils.money(total + Number(payMethod.charge || 0))}</Text>
-        </View>
-        <MartSection_title title={esp.lang("mart/dc_checkout", "payment_method")} rightTitle={payMethod.id ? esp.lang("mart/dc_checkout", "change_pay") : undefined} onRightPress={payMethod.id ? () => { selectPayMethod() } : undefined} />
-        {
-          payMethod?.id &&
-          <Text allowFontScaling={false} style={{ marginLeft: 20, marginTop: 10, fontFamily: "Arial", fontSize: 17, fontWeight: "bold", fontStyle: "normal", lineHeight: 20, letterSpacing: 0, textAlign: "left", color: LibStyle.colorBrown }}>{(payMethod?.method || '') + payMethod?.title}</Text>
-          ||
-          <MartButton onPress={() => {
-            selectPayMethod()
-          }} text={esp.lang("mart/dc_checkout", "select_payment_method")}
-            colorBackground={LibStyle.colorPrimaryMart}
-            buttonStyle={{ marginHorizontal: 15, marginTop: 10 }} textStyle={{ fontSize: 16 }} />
-        }
-      </LibScroll>
-      {
-        payMethod.id && address &&
-        <MartButton onPress={() => {
-          doCheckout()
-        }} text={esp.lang("mart/dc_checkout", "order")} buttonStyle={{ marginHorizontal: 15, marginVertical: 10 }} />
-      }
-    </View>
-  )
-}