esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/market/product_detail_general.tsx

@@ -0,0 +1,152 @@
+//[moved] add see translation
+// withHooks
+// noPage
+import { applyStyle } from 'esoftplay';
+import { ComponentTranslate } from 'esoftplay/cache/component/translate/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 { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { MarketProduct_detailProperty } from 'esoftplay/cache/market/product_detail/import';
+import { MarketStyle } from 'esoftplay/cache/market/style/import';
+import { MarketWishlistProperty } from 'esoftplay/cache/market/wishlist/import';
+import esp from 'esoftplay/esp';
+
+import { LinearGradient } from 'expo-linear-gradient';
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface MarketProduct_detail_generalArgs {
+
+}
+interface promo {
+  promo_id: string,
+  promo_list_id: string,
+  promo_list_name: string,
+  promo_list_image: string,
+  promo_list_image_ribbon: string,
+  promo_list_start: string,
+  promo_list_end: string,
+  promo_list_max_order: string,
+  promo_stock: string,
+  promo_discount: number,
+  promo_sale: string,
+  promo_sold: string,
+}
+
+export interface MarketProduct_detail_generalProps {
+  price: string
+  price_max: string
+  id: string,
+  sale_max: string
+  currency: string
+  sale: string
+  title: string
+  stocks: string
+  rating_value: number
+  rating_count: number
+  merchant: any,
+  sold: number,
+  preorder: number,
+  discount: number,
+  wishlist: 1 | 0,
+  promo: promo
+  onChangeWish: (wish: 1 | 0) => void
+}
+export default function m(props: MarketProduct_detail_generalProps): any {
+  return (
+    <View>
+      <View style={{ marginLeft: 25, alignContent: 'center', alignSelf: 'center', flexDirection: 'row', alignItems: "center", paddingTop: 10 }} >
+        <View style={{ flex: 1 }} >
+          {
+            props?.promo?.promo_sale ?
+              <LibTextstyle textStyle="headline" text={LibUtils.money(props?.promo?.promo_sale, props.currency)} style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", lineHeight: 20, letterSpacing: 0, textAlign: "left", color: "#03192a" }} />
+              :
+              <LibTextstyle textStyle="headline" text={MarketProduct_detailProperty.renderPrice(props?.sale, props.sale_max, props.currency)} style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", lineHeight: 20, letterSpacing: 0, textAlign: "left", color: "#03192a" }} />
+          }
+          {(props?.price != props.sale || (props?.promo?.promo_id && (props.price != props?.promo?.promo_sale))) &&
+            <View style={{ flexDirection: 'row', alignItems: 'center' }} >
+              {
+                (props?.discount != 0 || props?.promo?.promo_discount != 0) &&
+                <LinearGradient
+                  colors={[MarketStyle.colorPrimaryMarket, MarketStyle.colorPrimaryMarket]}
+                  style={{ borderRadius: 3, paddingVertical: 4, paddingHorizontal: 6, marginRight: 7 }} >
+                  <LibTextstyle textStyle="caption1" text={props.discount != 0 ? props.discount.toString() : props?.promo?.promo_discount + '%'} style={{ color: 'white', fontWeight: 'bold' }} />
+                </LinearGradient>
+              }
+              <LibTextstyle textStyle="footnote" text={MarketProduct_detailProperty.renderPrice(props?.price, props?.price_max, props?.currency)} style={applyStyle({ color: LibStyle.colorRed, textDecorationLine: 'line-through', textDecorationStyle: 'solid' })} />
+            </View>
+          }
+        </View>
+        <TouchableOpacity
+          onPress={() => { MarketWishlistProperty.set(props.id, props.wishlist == 1 ? 0 : 1, (wish) => props.onChangeWish(wish)) }}
+          style={applyStyle({ height: 50, width: 50, alignItems: 'center', justifyContent: 'center' })} >
+          <LibIcon.AntDesign name={props.wishlist == 1 ? "heart" : "hearto"} size={20} color={props.wishlist == 1 ? '#EC4E2C' : '#e6e6e6'} />
+        </TouchableOpacity>
+      </View>
+
+      <ComponentTranslate
+        textStyle={{ marginLeft: 25, marginRight: 25, margin: 15, fontFamily: "Arial", fontSize: 16, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, textAlign: "left", color: "#03192a" }}
+        text={props?.title}
+        buttonStyle={{ marginLeft: 25, marginRight: 25, marginBottom: 15 }}
+      />
+
+      {
+        props.preorder > 0 &&
+        <View style={{ flexDirection: 'row' }} >
+          <View style={{ marginHorizontal: 25, marginBottom: 10, backgroundColor: LibUtils.hexToRgba(MarketStyle.colorPrimaryMarket, 0.3), paddingVertical: 5, paddingHorizontal: 15, borderRadius: 15 }} >
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#03192a" }}>{esp.lang("market/product_detail_general", "preorder")}</Text>
+          </View>
+        </View>
+      }
+
+      {
+        props.stocks && !props?.promo?.promo_stock &&
+        <Text allowFontScaling={false} style={{ marginLeft: 25, marginRight: 25, margin: 15, marginTop: 0, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#707070" }}>{esp.lang("market/product_detail_general", "stocks", LibUtils.number(props?.stocks))}</Text>
+      }
+
+      {
+        props?.promo?.promo_stock &&
+        <Text allowFontScaling={false} style={{ marginLeft: 25, marginRight: 25, margin: 15, marginTop: 0, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#707070" }}>{esp.lang("market/product_detail_general", "stoks_promo", LibUtils.number(props?.promo?.promo_stock))}</Text>
+      }
+
+      <View style={{ marginLeft: 25, marginRight: 25, margin: 15, marginTop: 0, flexDirection: 'row', justifyContent: 'space-between' }}>
+        {
+          (props?.rating_value && props?.rating_count) &&
+          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+            <LibPicture source={esp.assets('market/ic_star.png')} style={{ height: 13, width: 13 }} />
+            <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#000" }}>{props?.rating_value}</Text>
+            <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#707070" }}>{"(" + props?.rating_count + ")"}</Text>
+          </View>
+        }
+        {/* <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+          <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#000" }}>Diskusi</Text>
+          <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#707070" }}>5</Text>
+        </View> */}
+        {
+          props.sold && !props?.promo?.promo_sold &&
+          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#000" }}>{esp.lang("market/product_detail_general", "sold")}</Text>
+            <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#707070" }}>{LibUtils.number(props.sold)}</Text>
+          </View>
+        }
+
+        {
+          props?.promo?.promo_sold &&
+          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#000" }}>{esp.lang("market/product_detail_general", "promo_sold")}</Text>
+            <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#707070" }}>{LibUtils.number(props?.promo?.promo_sold)}</Text>
+          </View>
+        }
+      </View>
+
+      {/* <View style={{ marginLeft: 25, marginRight: 25, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+        <LibPicture source={esp.assets('market/034-store.png')} style={{ marginRight: 15, width: 20, height: 20 }} resizeMode="cover" />
+        <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#03192a" }}>{props.merchant.title}</Text>
+      </View> */}
+    </View>
+  )
+}

package/modules/market/product_item.tsx

@@ -0,0 +1,234 @@
+// withHooks
+// noPage
+import esp from 'esoftplay/esp';
+
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { MarketAds_hit } from 'esoftplay/cache/market/ads_hit/import';
+import { MarketProduct_detailArgs } from 'esoftplay/cache/market/product_detail/import';
+import { MarketProduct_detail_hits } from 'esoftplay/cache/market/product_detail_hits/import';
+import { MarketProgress_bar, MarketProgress_barProperty } from 'esoftplay/cache/market/progress_bar/import';
+import { MarketRating } from 'esoftplay/cache/market/rating/import';
+import { MarketStyle } from 'esoftplay/cache/market/style/import';
+
+import { LinearGradient } from 'expo-linear-gradient';
+import React, { useMemo } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+interface promo {
+  promo_id: string,
+  promo_list_id: string,
+  promo_list_name: string,
+  promo_list_image: string,
+  promo_list_image_ribbon: string,
+  promo_list_start: string,
+  promo_list_end: string,
+  promo_list_max_order: string,
+  promo_stock: number,
+  promo_discount: number,
+  promo_sale: string,
+  promo_sold: number,
+}
+
+export interface MarketProduct_itemProps {
+  currency: string,
+  description: string,
+  discount: string,
+  discount_title: string,
+  id: string,
+  image: string,
+  price: string,
+  price_max: string,
+  rating: string,
+  rating_value: string,
+  rating_count: string,
+  sale: string,
+  sale_max: string,
+  title: string,
+  url: string,
+  width: number,
+  preorder: number,
+  wishlist: 0 | 1
+  // onChangeWish: (wish: 1 | 0) => void,
+  stocks: number,
+  advert_id: string,
+  advert_keyword: string
+  search_keyword?: string
+  promo: promo
+  voucher: any
+  is_labeled?: number,
+  type?: 'product_section' | 'default'
+}
+export default function m(props: MarketProduct_itemProps): any {
+  // const imageHeight = useMemo(() => props.width * 0.7, [])
+  const barWidth = useMemo(() => props.width - 20, [])
+  const styleId_ZRnQp9: any = { marginTop: 0, margin: 5, borderRadius: 4, backgroundColor: 'white', width: props.width, borderWidth: 1, borderColor: '#f1f2f3' }
+  const styleId_1jTyWG: any = { height: props.width, width: props.width, backgroundColor: '#f1f2f3' }
+  const type = props.type || 'default'
+  // const date = new Date().getTime()
+
+  // useEffect(() => {
+  //   if (props.advert_id) {
+  //     MarketProduct_list_searchProperty.adsSaveCache(props.advert_keyword, [[props.advert_id, props.id, date]], 'product')
+  //   }
+  // }, [])
+
+  return (
+    <TouchableOpacity
+      onPress={() => {
+        MarketProduct_detail_hits.productHit(props.id)
+        MarketAds_hit.adsHit(props.advert_id, props.id, props.search_keyword)
+        LibNavigation.push<MarketProduct_detailArgs>("market/product_detail", { url: props.url, advert_id: props.advert_id, advert_keyword: props.advert_keyword })
+      }}
+      style={styleId_ZRnQp9} >
+      <View style={styleId_1VU4Ky} >
+        <View>
+          <LibPicture
+            source={{ uri: props.image }}
+            style={styleId_1jTyWG} resizeMode="cover"
+          />
+          {
+            props?.promo?.promo_list_image_ribbon != '' &&
+            <LibPicture source={{ uri: props?.promo?.promo_list_image_ribbon }} style={{ height: props.width, width: props.width, position: 'absolute', top: 0, bottom: 0, left: 0, right: 0 }} resizeMode="contain" />
+          }
+          {
+            props?.promo?.promo_stock == 0 && props.stocks == 0 &&
+            <View style={{ position: 'absolute', bottom: 5, left: 5, padding: 5, borderRadius: 5, backgroundColor: LibUtils.hexToRgba('#000', 0.4) }} >
+              <LibTextstyle
+                numberOfLines={1}
+                style={{ color: "white", fontSize: 12 }}
+                textStyle="caption1"
+                text={esp.lang("market/product_item", "empty_stocks")} />
+            </View>
+          }
+          {
+            props.stocks != 0 && props.stocks <= 5 &&
+            <View style={{ position: 'absolute', bottom: 5, left: 5, padding: 5, paddingVertical: 3, borderRadius: 5, backgroundColor: LibUtils.hexToRgba('#000', 0.4) }} >
+              <LibTextstyle
+                numberOfLines={1}
+                style={{ color: "white", fontSize: 9 }}
+                textStyle="caption1"
+                text={esp.lang("market/product_item", "promo_left", LibUtils.number(props?.stocks))} />
+            </View>
+          }
+          {
+            props?.promo?.promo_stock != 0 && props?.promo?.promo_stock <= 5 &&
+            <View style={{ position: 'absolute', bottom: 5, left: 5, padding: 5, paddingVertical: 3, borderRadius: 5, backgroundColor: LibUtils.hexToRgba('#000', 0.4) }} >
+              <LibTextstyle
+                numberOfLines={1}
+                style={{ color: "white", fontSize: 9 }}
+                textStyle="caption1"
+                text={esp.lang("market/product_item", "promo_stocks", LibUtils.number(props?.promo?.promo_stock))} />
+            </View>
+          }
+          {//ads
+            props?.advert_id &&
+            <View style={{ position: 'absolute', bottom: 5, right: 5, padding: 5, paddingVertical: 3, borderRadius: 5, backgroundColor: LibUtils.hexToRgba('#000', 0.4) }} >
+              <LibTextstyle
+                numberOfLines={1}
+                style={{ color: "white", fontSize: 9 }}
+                textStyle="caption1"
+                text={esp.lang("market/product_item", "text_ads")} />
+            </View>
+          }
+        </View>
+        {/* {
+          <View style={{ backgroundColor: LibUtils.hexToRgba(MarketStyle.colorPrimaryMarket, 0.4), paddingHorizontal: 10, paddingVertical: 5 }} >
+            <LibTextstyle
+              style={{}}
+              textStyle="caption1"
+              text={props.discount_title} />
+          </View>
+        } */}
+        <View style={{ paddingHorizontal: 10, paddingTop: 10, paddingBottom: 5 }} >
+          {
+            type == "default" &&
+            <LibTextstyle
+              numberOfLines={2}
+              ellipsizeMode="tail"
+              style={styleId_Z1VoH6r}
+              textStyle="caption1"
+              text={props.title} />
+          }
+          <LibTextstyle
+            textStyle="footnote"
+            text={LibUtils.money(props?.promo?.promo_sale || props.sale, props.currency)}
+            style={styleId_1GJMf6} />
+          {
+            props?.promo?.promo_discount && props?.promo?.promo_discount != 0 &&
+            <View style={{ flexDirection: 'row', alignItems: 'center', marginBottom: 10 }} >
+              <LinearGradient
+                colors={styleId_ZXlTFP}
+                style={styleId_NBLDq} >
+                <LibTextstyle textStyle="caption1" text={props?.promo?.promo_discount + '%'} style={styleId_1PAJyn} />
+              </LinearGradient>
+              <LibTextstyle textStyle="caption2" text={LibUtils.money(props.price, props.currency)} style={styleId_HyEuD} />
+            </View>
+          }
+
+          {/* voucher */}
+          {
+            props?.voucher &&
+            <View style={{ flexDirection: 'row' }} >
+              <View style={{ marginBottom: 5, backgroundColor: LibUtils.hexToRgba(MarketStyle.colorPrimaryMarket, 0.5), paddingVertical: 5, paddingHorizontal: 7, borderRadius: 3 }} >
+                <Text allowFontScaling={false} ellipsizeMode="middle" numberOfLines={1} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{props?.voucher?.amount_type == 1 ? "Diskon " + LibUtils.money(props?.voucher?.amount) : "Diskon " + props?.voucher?.amount + "%"}</Text>
+              </View>
+            </View>
+          }
+          {
+            props.preorder > 0 &&
+            <View style={{ flexDirection: 'row' }} >
+              <View style={{ marginBottom: 5, backgroundColor: LibUtils.hexToRgba(MarketStyle.colorPrimaryMarket, 0.3), paddingVertical: 5, paddingHorizontal: 15, borderRadius: 15 }} >
+                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#03192a" }}>{esp.lang("market/product_item", "preorder")}</Text>
+              </View>
+            </View>
+          }
+
+          {
+            props?.promo?.promo_sold &&
+            <MarketProgress_bar barWidth={barWidth || 0} barCount={props?.promo?.promo_stock} progressCount={props?.promo?.promo_sold || 0} />
+          }
+          {
+            props?.promo?.promo_stock && props?.promo?.promo_sold &&
+            <LibTextstyle textStyle='caption2' text={MarketProgress_barProperty.labelProgress(props?.promo?.promo_stock, props?.promo?.promo_sold)} style={styleId_Z2jcFoM} />
+          }
+          <View style={styleId_ZItSdM} >
+            <View style={styleId_1fmvBo} >
+              {
+                props.rating != "0,0,0,0,0" &&
+                <MarketRating rating={props.rating} />
+              }
+              {
+                props.rating_count != '0' &&
+                <LibTextstyle textStyle='caption2' text={"(" + props.rating_count + ")"} style={{ color: '#999' }} />
+              }
+            </View>
+
+            {/* dimark dulu untuk api v2/home */}
+            {/* {
+              LibUtils.checkUndefined(props, 'wishlist') &&
+              <TouchableOpacity onPress={() => {
+                MarketWishlistProperty.set(props.id, props.wishlist == 1 ? 0 : 1, (wish) => props.onChangeWish(wish))
+              }} hitSlop={{ top: 10, left: 10, right: 10, bottom: 10 }} >
+                <LibIcon name='heart' color={props.wishlist != 0 ? '#EC4E2C' : '#e6e6e6'} />
+              </TouchableOpacity>
+            } */}
+          </View>
+        </View>
+      </View>
+    </TouchableOpacity>
+  )
+}
+const styleId_1VU4Ky: any = { flex: 1, overflow: "hidden", borderRadius: 4 }
+const styleId_Z1VoH6r: any = { height: 36, color: '#888' }
+const styleId_1fmvBo: any = { flexDirection: 'row', alignItems: 'center' }
+const styleId_ZXlTFP: any = [MarketStyle.colorPrimaryMarket, MarketStyle.colorPrimaryMarket]
+const styleId_NBLDq: any = { borderRadius: 3, paddingHorizontal: 5, marginRight: 5 }
+const styleId_1PAJyn: any = { color: 'white', fontWeight: 'bold', fontSize: 9 }
+const styleId_1GJMf6: any = { marginBottom: 5, fontWeight: "bold", }
+const styleId_Z2jcFoM: any = { marginTop: 5, color: '#999', marginBottom: 10, fontSize: 9 }
+const styleId_ZItSdM: any = { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }
+const styleId_HyEuD: any = { fontSize: 9, textDecorationLine: 'line-through', textDecorationStyle: 'solid', color: '#999' }

package/modules/market/style.ts

@@ -0,0 +1,15 @@
+import { } from "react";
+
+
+const baseColor = "#A62287"
+const colorBgGrey = '#EEF1F8';
+const colorBrown = '#704728'
+
+export default class Style {
+  static colorPrimaryMarket: string = baseColor
+  static colorPrimaryMart: string = '#40CEFF'
+  static colorGreen: string = '#2CB159'
+  static colorBgGrey: string = colorBgGrey
+  static colorBrown: string = colorBrown
+
+}

package/modules/market/terms.tsx

@@ -0,0 +1,22 @@
+// withHooks
+
+import { BigbangTerms } from 'esoftplay/cache/bigbang/terms/import';
+
+import { } from 'react';
+
+
+export interface MarketTermsArgs {
+
+}
+export interface MarketTermsProps {
+
+}
+export default function m(props: MarketTermsProps): any {
+
+
+  return (
+    <>
+      <BigbangTerms {...props} />
+    </>
+  )
+}

package/modules/market/withdraw.tsx

@@ -0,0 +1,213 @@
+// 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 { LibLoading } from 'esoftplay/cache/lib/loading/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 { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import { BboConfigProperty } from 'esoftplay/cache/bbo/config/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import React, { useEffect, useRef } from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface MarketWithdrawArgs {
+  from: 'dc' | 'merchant'
+}
+
+export interface MarketWithdrawProps {
+
+}
+export default function m(props: MarketWithdrawProps): any {
+  const inputAmount = useRef<LibInput>(null)
+  const [bank, setBank] = useSafeState<any>()
+  const [resultUserVerif, setResultUserVerif] = useSafeState<any>()
+  const [all, setAll] = useSafeState<number>(0)
+  const [amount, setAmount] = useSafeState<number>(0)
+  const [error, setError] = useSafeState(true)
+  const user = UserClass.state().useSelector(s => s)
+  const bboConfig = BboConfigProperty.state().get()
+  const { from } = LibNavigation.getArgsAll(props)
+  const [validMinValue, setValidMinValue] = useSafeState(false)
+
+  const title = from == "merchant" ? esp.lang("market/withdraw", "title_merchant") : from == 'dc' ? esp.lang("market/withdraw", "title_dc") : esp.lang("market/withdraw", "title_other")
+  const bank_label = from == "merchant" ? esp.lang("market/withdraw", "wd_merchant") : from == 'dc' ? esp.lang("market/withdraw", "wd_dc") : esp.lang("market/withdraw", "wd_other")
+  const saldo = from == "merchant" ? user?.saldo_merchant : from == 'dc' ? user?.saldo_dc : user?.saldo
+  const min_withdraw = from == "merchant" ? bboConfig?.shop?.withdraw_min : from == "dc" ? bboConfig?.dc?.withdraw_min : user?.withdraw_min
+  // const max_saldo = Math.max(saldo, inputAmount.current!.getText())
+
+
+  const valid = bank && !error
+
+  useEffect(() => {
+    checkVerif()
+  }, [])
+
+  function checkVerif() {
+    new LibCurl('user_verification', null, (res, msg) => {
+      setResultUserVerif(res)
+    }, (err) => {
+
+    }, 1)
+  }
+
+  function doWithdraw(pin?: string) {
+    if (!bank) {
+      LibToastProperty.show(esp.lang("market/withdraw", "empty_to"))
+      return
+    }
+    if (inputAmount.current!.getText() == '') {
+      LibToastProperty.show(esp.lang("market/withdraw", "empty_nominal"))
+      return
+    }
+
+    var post = {
+      amount: LibUtils.numberAbsolute(inputAmount.current!.getText()),
+      payment_id: bank.id,
+      pin: pin
+    }
+
+    const _url = from == "merchant" ? "shop/merchant_withdraw_add" : from == 'dc' ? "mitra/dc_withdraw_add" : "user_withdraw_add"
+    LibProgress.show(esp.lang("market/withdraw", "wd_wait"))
+    new LibCurl(_url, post, (result, msg) => {
+      LibProgress.hide()
+      LibDialog.info(esp.lang("market/withdraw", "wd_ok"), msg)
+      LibNavigation.reset()
+      LibNavigation.navigate('notification/index')
+    }, (error) => {
+      UserProfileProperty.update()
+      LibProgress.hide()
+      LibDialog.warning(esp.lang("market/withdraw", "wd_failed"), error?.message)
+    }, 1)
+  }
+
+  if (!resultUserVerif) {
+    return <LibLoading />
+  }
+
+  if (resultUserVerif?.status?.id !== 1) {
+    LibNavigation.back()
+    LibNavigation.navigate('withdraw/waiting')
+  }
+
+  return (
+    <View style={{ flex: 1 }} >
+      <ComponentHeader title={title} notif />
+      <LibScroll onRefresh={() => UserProfileProperty.update()} >
+        <View style={{ padding: 15, backgroundColor: '#fff', borderBottomColor: '#cdcdcd', borderBottomWidth: 1 }}>
+          <Text allowFontScaling={false} style={{ marginTop: 6, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "rgba(0, 0, 0, 0.9)" }}>{bank_label} </Text>
+          <ComponentTouchable onPress={() => {
+            LibNavigation.navigateForResult('user/bank', { send_back: true }, 1231).then((value) => {
+              setBank(value)
+            })
+          }}>
+            <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'flex-start', alignItems: 'center' }}>
+              <View style={{ flex: 2 }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorPrimary }}>{bank ? bank?.bank_owner + "(" + bank?.bank_display + ")" : esp.lang("withdraw/input", "choose_bank_rek")}</Text>
+              </View>
+              <View style={{ alignContent: 'flex-end', alignItems: 'flex-end', flex: 1 }}>
+                {
+                  bank ?
+                    <View>
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "rgba(0, 0, 0, 0.9)" }}>{bank.bank_name}</Text>
+                      <Text allowFontScaling={false} style={{ marginTop: 7, fontFamily: "DecoNumbers", fontSize: 18, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "rgba(0, 0, 0, 0.9)" }}>*{bank?.bank_number?.substr(bank.bank_number.length - 4)}</Text>
+                    </View>
+                    :
+                    <LibPicture style={{ height: 15, width: 15, marginLeft: 11, marginVertical: 10, resizeMode: 'contain' }} source={esp.assets('icons/ic_chevron_right.png')} />
+                }
+              </View>
+            </View>
+          </ComponentTouchable>
+        </View>
+
+        <View style={{ marginTop: 0, borderBottomColor: '#cdcdcd', borderBottomWidth: 1 }}>
+          <Text allowFontScaling={false} style={{ padding: 15, paddingBottom: 0, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "rgba(0, 0, 0, 0.9)" }}>{esp.lang("withdraw/input", "withdraw_amount")}</Text>
+          <LibInput
+            ref={inputAmount}
+            label=""
+            maskFrom="end"
+            onChangeText={(t) => {
+              setAll(0)
+              if ((parseInt(inputAmount.current!.getText()) > parseInt(from == "merchant" ? user.saldo_merchant : user.saldo))) {
+                inputAmount.current!.setError(esp.lang("withdraw/input", "not_enough_saldo"))
+                setValidMinValue(false)
+                return
+              }
+              LibUtils.debounce(() => {
+                setAmount(parseInt(inputAmount.current!.getText()))
+                setValidMinValue(parseInt(user.withdraw_min) <= (parseInt(inputAmount.current!.getText())))
+              }, 100)
+            }}
+            mask="###.###.###.###"
+            placeholder="0"
+            keyboardType="numeric"
+            style={{ letterSpacing: 0, fontSize: 30, marginBottom: 10 }} />
+          {
+            parseInt(min_withdraw) > 0 &&
+            <LibTextstyle textStyle="caption2" text={esp.lang("market/withdraw", "wd_min", LibUtils.money(min_withdraw))} style={{ marginHorizontal: 17, marginTop: 5, marginBottom: 10, textAlign: 'right', color: "#888" }} />
+          }
+          <ComponentTouchable onPress={() => {
+            if (Number(user.saldo_wallet) > 0) {
+              setAll(all == 0 ? 1 : 0)
+              LibUtils.debounce(() => {
+                setAmount(parseInt(inputAmount.current!.getText()))
+                setValidMinValue(parseInt(user.withdraw_min) <= (parseInt(inputAmount.current!.getText())))
+              }, 100)
+              all == 0 ? inputAmount.current?.setText(from == "merchant" ? user.saldo_merchant : user.saldo) : inputAmount.current?.setText('')
+            }
+          }}>
+            <View style={{ marginLeft: 15, alignContent: 'center', marginBottom: 15, alignItems: 'center', flexDirection: 'row' }}>
+              <LibIcon name={all == 0 ? "checkbox-blank-circle-outline" : "check-circle-outline"} color={Number(user.saldo_wallet) > 0 ? 'red' : LibStyle.colorGrey} />
+              <Text allowFontScaling={false} style={{ marginLeft: 10, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3" }}>{esp.lang("withdraw/input", "withdraw_all_saldo", LibUtils.money(from == "merchant" ? user.saldo_merchant : user.saldo))}</Text>
+            </View>
+          </ComponentTouchable>
+        </View>
+
+        <View style={{ marginTop: 15, borderBottomColor: '#cdcdcd', borderBottomWidth: 1 }}>
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between', padding: 15, paddingTop: 0 }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "rgba(0, 0, 0, 0.9)" }}>{esp.lang("withdraw/input", "withdraw_cost")}</Text>
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "rgba(0, 0, 0, 0.9)" }}>{esp.lang("withdraw/input", "no_cost")}</Text>
+          </View>
+          <Text allowFontScaling={false} style={{ marginLeft: 15, marginBottom: 10, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3" }}>{esp.lang("withdraw/input", "applied_successfull_withdraw")}</Text>
+        </View>
+        <View style={{ borderBottomColor: '#cdcdcd', borderBottomWidth: 1 }}>
+          <Text allowFontScaling={false} style={{ padding: 15, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "rgba(0, 0, 0, 0.9)" }}>{esp.lang("withdraw/input", "saldo_into_your_bank_account")}</Text>
+          <Text allowFontScaling={false} style={{ marginRight: 15, alignContent: 'flex-end', alignSelf: 'flex-end', marginBottom: 10, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0, color: "#c3c3c3" }}>{LibUtils.money(amount)}</Text>
+        </View>
+
+      </LibScroll>
+      <ComponentTouchable onPress={() => {
+        if (!bank) {
+          return
+        }
+        if (!validMinValue) {
+          return
+        }
+        LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
+          if (p) {
+            doWithdraw(p)
+          }
+        })
+      }}>
+        <View style={{ height: 50, backgroundColor: '#fff', justifyContent: 'center', padding: 10 }}>
+          <View style={{ flex: 1, height: 35, borderRadius: 17.5, backgroundColor: bank && validMinValue && "#00b894" || LibStyle.colorLightGrey, alignItems: 'center', justifyContent: 'center', flexDirection: 'row' }} >
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#fff' }} >{esp.lang("withdraw/input", "withdraw")}</Text>
+          </View>
+        </View>
+      </ComponentTouchable>
+    </View>
+  )
+}