esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/mart/point_exchange.tsx

@@ -0,0 +1,189 @@
+// withHooks
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { 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 { MartAccept } from 'esoftplay/cache/mart/accept/import';
+import { MartButton } from 'esoftplay/cache/mart/button/import';
+import { MartEmpty } from 'esoftplay/cache/mart/empty/import';
+import { MartHeader } from 'esoftplay/cache/mart/header/import';
+import { MartPointProperty } from 'esoftplay/cache/mart/point/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface MartPoint_exchangeArgs {
+
+}
+export interface MartPoint_exchangeProps {
+
+}
+
+export interface AddressItem extends MartPoint_exchangeProps {
+  title: string
+  value: string
+}
+
+function Item(props: AddressItem) {
+  return (
+    <View style={{ marginBottom: 10 }}>
+      <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{props.title}</Text>
+      <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{props.value}</Text>
+    </View>
+  )
+}
+
+export default function m(props: MartPoint_exchangeProps): any {
+  // type 1 member, 2 mitra
+  const { url, id, type, notes, term } = LibNavigation.getArgsAll(props)
+  const user = UserClass.state().get()
+  const [address, setAddress] = useSafeState<any>()
+  const [result, setResult] = useSafeState<any>()
+  const [error, setError] = useSafeState<any>()
+  const [agree, setAgree] = useSafeState<boolean>(false)
+
+  useEffect(() => {
+    new LibCurl(url, null, (res) => setResult(res), (error) => setError(error))
+  }, [])
+
+  function exchangePoint() {
+    if (!address) {
+      LibToastProperty.show(esp.lang("mart/point_exchange", "Please_Select_the_Delivery_Destination_Address_first"))
+      return
+    }
+
+    LibDialog.warningConfirm(esp.lang("mart/point_exchange", "warning"), esp.lang("mart/point_exchange", "Are_you_sure_you_want_to_exchange_your_points_for_these_items"), esp.lang("mart/point_exchange", "yes"), () => {
+      LibProgress.show(esp.lang("mart/point_exchange", "please_wait"))
+      let POST = {
+        location_id: address?.location_id,
+        address: address?.address,
+        email: user?.email,
+        phone: address?.phone
+      }
+      new LibCurl('mitra/reward_redeem?id=' + id + '&type=' + type, POST, (res, msg) => {
+        MartPointProperty.subscribe().trigger()
+        LibProgress.hide()
+        LibDialog.show("default", "checkbox-marked-circle", esp.lang("mart/point_exchange", "information"), res, esp.lang("mart/point_exchange", "ok"), "", () => {
+          LibDialog.hide()
+          LibNavigation.back()
+        }, () => {
+
+        })
+      }, (error) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("mart/point_exchange", "redeem_err"), error?.message)
+      }, 1)
+    }, esp.lang("mart/point_exchange", "no"), () => {
+
+    })
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  if (error) {
+    return (
+      <View style={{ flex: 1, backgroundColor: '#fff' }}>
+        <MartHeader onlyBack title={esp.lang("mart/point_exchange", "exchange_point")} subtitle={esp.lang("mart/point_exchange", "Point_Redemption_Summary")} />
+        <MartEmpty message={error?.message} />
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <MartHeader onlyBack title={esp.lang("mart/point_exchange", "exchange_point")} subtitle={esp.lang("mart/point_exchange", "Point_Redemption_Summary")} />
+
+      {/* <LibKeyboard_avoid> */}
+      <ScrollView>
+
+        <Text allowFontScaling={false} style={{ margin: 15, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }} >{esp.lang("mart/point_exchange", "item_exchange")}</Text>
+        <View style={{ width: LibStyle.width - 30, backgroundColor: '#fff', borderRadius: 5, margin: 15, marginBottom: 0, padding: 5, ...LibStyle.elevation(3) }}>
+          <Text allowFontScaling={false} numberOfLines={3} style={{ flex: 1, margin: 10, fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#03192a" }} >{result?.name}</Text>
+          <ComponentTouchable onPress={() => {
+            LibNavigation.navigate('lib/gallery', { image: result?.image })
+          }}>
+            <LibPicture source={{ uri: result?.image }} resizeMode={'contain'} style={{ alignSelf: 'center', width: LibStyle.width - 30, height: 100, borderRadius: 5 }} />
+          </ComponentTouchable>
+          <Text allowFontScaling={false} style={{ margin: 10, fontFamily: "Arial", fontSize: 14, fontWeight: 'bold', fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#03192a" }} >{LibUtils.number(result?.point)} {esp.lang("mart/point_exchange", "point")}</Text>
+        </View>
+
+        <View style={{ margin: 15, flexDirection: 'row', justifyContent: 'space-between' }} >
+          <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode="middle" style={{ marginRight: 10, flex: 1, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }} >{esp.lang("mart/point_exchange", "choose_address_sending")}</Text>
+          <TouchableOpacity onPress={() => {
+            LibNavigation.navigateForResult("market/address", null, 3213).then((e) => {
+              setAddress(e)
+            })
+          }} 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: "#fed904" }} >{esp.lang("mart/point_exchange", "choose_address")}</Text>
+            <LibIcon name="chevron-right-circle" color={"#fed904"} />
+          </TouchableOpacity>
+        </View>
+
+        {
+          address &&
+          <>
+            <Text allowFontScaling={false} style={{ marginTop: 0, margin: 15, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }} >{esp.lang("mart/point_exchange", "contact")}</Text>
+
+            <View style={{ marginHorizontal: 15, backgroundColor: '#fff', padding: 15, borderRadius: 5, ...LibStyle.elevation(3) }}>
+              <Item title={esp.lang("mart/point_exchange", "Recipient's_name")} value={address?.recipient} />
+              <Item title={esp.lang("mart/point_exchange", "email")} value={user?.email} />
+              <Item title={esp.lang("mart/point_exchange", "phone_number")} value={address?.phone} />
+            </View>
+
+            <Text allowFontScaling={false} style={{ margin: 15, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }} >{esp.lang("mart/point_exchange", "address")}</Text>
+
+            <View style={{ marginBottom: 5, marginHorizontal: 15, padding: 15, backgroundColor: '#fff', paddingVertical: 10, borderRadius: 5, ...LibStyle.elevation(3) }}>
+              <Item title={esp.lang("mart/point_exchange", "disctict")} value={address?.location_name} />
+              <Item title={esp.lang("mart/point_exchange", "complete_address")} value={address?.address} />
+            </View>
+
+            {
+              notes !== "" &&
+              <View style={{ flexDirection: 'row', margin: 15 }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed }} >* </Text>
+                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0 }} >{notes}</Text>
+              </View>
+            }
+          </>
+        }
+
+      </ScrollView>
+      <MartAccept
+        agree={agree}
+        onPressAgree={() => { setAgree(agree == true ? false : true) }}
+        onPressTerm={() => {
+          LibNavigation.navigate('mart/lucky_draw_terms', { term: result?.term })
+        }}
+        text={esp.lang("mart/point_exchange", "agree_with")}
+        touchableText={esp.lang("mart/point_exchange", "term_and_condition")}
+        text1={esp.lang("mart/point_exchange", "for_this_lucky_draw")}
+      />
+      <MartButton onPress={() => {
+        if (agree) {
+          exchangePoint()
+        } else {
+          LibToastProperty.show(esp.lang("mart/point_exchange", "Please_press_agree_to_terms_and_conditions"))
+        }
+      }} text={esp.lang("mart/point_exchange", "exchange_now")}
+        colorBackground={agree ? "#fed904" : LibStyle.colorLightGrey}
+        color={agree ? "#000" : "#fff"}
+        buttonStyle={{ margin: 15, borderRadius: 20, marginTop: 0 }}
+      />
+      {/* </LibKeyboard_avoid> */}
+
+    </View >
+  )
+}

package/modules/mart/point_exchange_history.tsx

@@ -0,0 +1,66 @@
+// withHooks
+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 { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { MartEmpty } from 'esoftplay/cache/mart/empty/import';
+import { MartHeader } from 'esoftplay/cache/mart/header/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface MartPoint_exchange_historyArgs {
+
+}
+export interface MartPoint_exchange_historyProps {
+
+}
+let lastDate = ''
+export default function m(props: MartPoint_exchange_historyProps): any {
+  const { type } = LibNavigation.getArgsAll(props) // 1 member, 2 mitra
+
+  const renderItem = (item: any) => {
+    const showDate = lastDate != LibUtils.moment(item.created).localeFormat("DD MMMM YYYY")
+    lastDate = LibUtils.moment(item.created).localeFormat("DD MMMM YYYY")
+
+    return (
+      <>
+        {
+          showDate &&
+          <View style={{ backgroundColor: '#f1f2f3', padding: 10 }} >
+            <Text allowFontScaling={false} style={{ marginTop: 6, fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9f9f9f" }}>{LibUtils.moment(item.created).localeFormat("DD MMMM YYYY")}</Text>
+          </View>
+        }
+        <ComponentTouchable onPress={() => {
+          // LibNavigation.navigate("user/transaction_detail", { url: item.url_detail })
+        }}>
+          <View style={{ marginBottom: 0, borderBottomColor: '#f1f2f3', borderBottomWidth: 1, padding: 10, borderRadius: 8, backgroundColor: '#fff' }}>
+            <View>
+              <Text allowFontScaling={false} numberOfLines={3} style={{ flexWrap: "wrap", marginTop: 6, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{item.reward_title}</Text>
+              <Text allowFontScaling={false} style={{ marginTop: 6, fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed }}>- {LibUtils.number(item.reward_amount)} {esp.lang("mart/point_exchange_history", "point")}</Text>
+            </View>
+          </View>
+        </ComponentTouchable>
+      </>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <MartHeader onlyBack title={esp.lang("mart/point_exchange_history", "Point_Redemption_History")} />
+
+      <LibInfinite
+        url={"mitra/reward_redeem_list?type=" + type}
+        errorView={(error: any) => {
+          return (
+            <MartEmpty message={error} />
+          )
+        }}
+        renderItem={renderItem}
+      />
+    </View>
+  )
+}

package/modules/mart/point_history.tsx

@@ -0,0 +1,113 @@
+// withHooks
+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 { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/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 React from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface MartPoint_historyArgs {
+
+}
+export interface MartPoint_historyProps {
+
+}
+export default function m(props: MartPoint_historyProps): any {
+  const { type } = LibNavigation.getArgsAll(props) // 1 member, 2 mitra
+  const [tab, setTab] = useSafeState<any>(0)
+  const isIncome = tab == 1 ? 1 : tab == 2 ? 0 : ""
+  const a = type == 1 ? 'mitra/history_point_member' : 'mitra/history_point_mitra'
+  const b = type == 1 ? 'mitra/history_point_member?is_income=' + isIncome : 'mitra/history_point_mitra?is_income=' + isIncome
+  const _url = tab == 0 ? a : b
+
+  let menus = [
+    {
+      id: 1,
+      title: esp.lang("mart/point_history", "all_history")
+    },
+    {
+      id: 2,
+      title: esp.lang("mart/point_history", "income")
+    },
+    {
+      id: 3,
+      title: esp.lang("mart/point_history", "Expenditure")
+    },
+  ]
+
+  const renderMenu = (item: any, i: number) => {
+    return (
+      <ComponentTouchable key={i} onPress={() => {
+        setTab(i)
+      }}>
+        <View style={{ height: 43, width: LibStyle.width / menus.length, alignItems: 'center', overflow: 'visible', justifyContent: 'center', backgroundColor: '#fff' }}>
+          <Text allowFontScaling={false} style={{
+            width: LibStyle.width / menus.length, fontFamily: "Arial", fontSize: tab == i ? 13 : 12,
+            fontWeight: tab == i ? "bold" : "normal",
+            fontStyle: "normal", letterSpacing: 0, textAlign: "center",
+            color: tab == i ? LibStyle.colorPrimaryMart : "#c5c5c5"
+          }}>{item.title}</Text>
+          <View style={{ width: (LibStyle.width / menus.length) - 20, height: 3, backgroundColor: tab == i ? LibStyle.colorPrimaryMart : "#fff", position: 'absolute', bottom: 0 }} />
+        </View>
+      </ComponentTouchable>
+    )
+  }
+
+  const renderItem = (item: any) => {
+    return (
+      <>
+        <ComponentTouchable onPress={() => {
+          // LibNavigation.navigate("user/transaction_detail", { url: item.url_detail })
+        }}>
+          <View style={{ marginBottom: 0, borderBottomColor: '#f1f2f3', borderBottomWidth: 1, padding: 10, borderRadius: 8, backgroundColor: '#fff' }}>
+            <View style={{ flexDirection: 'row' }}>
+              <View>
+                <Text allowFontScaling={false} numberOfLines={3} style={{ flexWrap: "wrap", marginTop: 6, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{item.title}</Text>
+                <Text allowFontScaling={false} numberOfLines={3} style={{ marginTop: 6, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{LibUtils.moment(item.created).serverFormat("DD MMMM YYYY , hh:mm:ss ")}</Text>
+                {
+                  item.amount != 0 ?
+                    <Text allowFontScaling={false} style={{ marginTop: 6, fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0, color: item.is_credit == 1 ? LibStyle.colorGreen : LibStyle.colorRed }}>{item.is_credit == 1 ? '+' : '-'} {LibUtils.number(item.amount)} Poin</Text>
+                    :
+                    (item.amount == 0 && item.is_credit == 0) ?
+                      <Text allowFontScaling={false} style={{ marginTop: 6, fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorGreen }}>{esp.lang("mart/point_history", "free")}</Text>
+                      : null
+                }
+              </View>
+            </View>
+          </View>
+        </ComponentTouchable>
+      </>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <MartHeader onlyBack title={esp.lang("mart/point_history", "point_history")} />
+
+      <View style={{ height: 43, marginBottom: 2, flexDirection: 'row', backgroundColor: '#fff', ...LibStyle.elevation(2) }} >
+        <ScrollView horizontal showsHorizontalScrollIndicator={false} >
+          {
+            menus.map(renderMenu)
+          }
+        </ScrollView>
+      </View>
+      <LibInfinite
+        key={tab}
+        url={_url}
+        errorView={(error: any) => {
+          return (
+            <MartEmpty message={error} />
+          )
+        }}
+        renderItem={renderItem}
+      />
+    </View>
+  )
+}

package/modules/mart/point_list.tsx

@@ -0,0 +1,85 @@
+// withHooks
+import { LibCurl } from 'esoftplay/cache/lib/curl/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 { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/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 React, { useEffect } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface MartPoint_listArgs {
+
+}
+export interface MartPoint_listProps {
+
+}
+export default function m(props: MartPoint_listProps): any {
+  const { type } = LibNavigation.getArgsAll(props) // 1 member, 2 mitra
+  const [result, setResult] = useSafeState<any>()
+  const [error, setError] = useSafeState<any>()
+
+  useEffect(() => {
+    loadDataPoint()
+  }, [])
+
+  function loadDataPoint() {
+    new LibCurl('mitra/point?type=' + type, null, (res, msg) => {
+      setResult(res)
+    }, (error) => {
+      setError(error)
+    }, 1)
+  }
+
+  function renderItem(item: any, i: number) {
+    return (
+      <TouchableOpacity onPress={() => {
+        LibNavigation.navigate('mart/point', { type: type, partner_id: item.partner_id })
+      }} key={i + 1 + i} style={{ alignContent: 'center', alignItems: 'center', padding: 10, margin: 15, marginBottom: 5, marginTop: 10, flexDirection: 'row', ...LibStyle.elevation(3), borderRadius: 5, backgroundColor: '#fff' }}>
+        <View style={{ flexDirection: 'row' }}>
+          <LibPicture source={{ uri: item.image }} resizeMode={'contain'} style={{ width: 80, height: 80, borderRadius: 5 }} />
+          <View style={{ flex: 1 }}>
+            <Text allowFontScaling={false} numberOfLines={3} style={{ margin: 10, marginBottom: 0, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#03192a" }} >{item.name}</Text>
+            <Text allowFontScaling={false} style={{ marginTop: 5, margin: 10, marginBottom: 0, fontFamily: "Arial", fontSize: 15, fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#ffae02" }} >{LibUtils.number(item.point)} {esp.lang("mart/point_list", "point")}</Text>
+            {
+              Number(item?.point_diff) > 0 &&
+              <Text allowFontScaling={false} numberOfLines={3} style={{ flexWrap: 'wrap', flex: 1, marginTop: 5, margin: 10, fontFamily: "Arial", fontSize: 13, fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: "#BFBFBF" }} >
+                {Number(item?.point_diff) > 0 ? esp.lang("mart/point_list", "exp_date", LibUtils.number(item?.point_diff), LibUtils.moment(item?.ahead_date).localeFormat("DD-MM-YYYY")) : esp.lang("mart/point_list", "exp", LibUtils.moment(item?.ahead_date).localeFormat("DD-MM-YYYY"))}
+              </Text>
+            }
+          </View>
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  if (error) {
+    return (
+      <View style={{ flex: 1, backgroundColor: '#fff' }}>
+        <MartHeader onlyBack title={type == 1 ? esp.lang("mart/point_list", "reward_point") : esp.lang("mart/point_list", "point_toserba")} />
+        <MartEmpty message={error?.message} />
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <MartHeader onlyBack title={type == 1 ? esp.lang("mart/point_list", "reward_point") : esp.lang("mart/point_list", "point_toserba")} />
+      <LibList
+        data={result?.points}
+        renderItem={renderItem}
+      />
+    </View>
+  )
+}

package/modules/mart/product_add.tsx

@@ -0,0 +1,130 @@
+// withHooks
+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 { 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 { MartHeader } from 'esoftplay/cache/mart/header/import';
+import { MartProduct_input, MartProduct_inputForm, MartProduct_inputProperty } from 'esoftplay/cache/mart/product_input/import';
+import { MartProduct_listProperty } from 'esoftplay/cache/mart/product_list/import';
+import { UseForm } from 'esoftplay/cache/use/form/import';
+import esp from 'esoftplay/esp';
+
+import React, { useEffect } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+
+export interface MartProduct_addArgs {
+
+}
+export interface MartProduct_addProps {
+
+}
+export default function m(props: MartProduct_addProps): any {
+  const { barcode, withBarcode } = LibNavigation.getArgsAll(props)
+  const [form, setForm, reForm, delForm, updForm] = UseForm<MartProduct_inputForm>("mart_product_input")
+
+  useEffect(() => {
+    delForm()
+  }, [])
+
+  function addProductBarcode() {
+    // untuk save product main
+    if (form) {
+      if (MartProduct_inputProperty.validateEmptyInput(form)) {
+        LibProgress.show(esp.lang("mart/product_add", "please_wait"))
+        new LibCurl('mitra/upc_add?barcode=' + barcode, MartProduct_inputProperty.buildPost(form),
+          (res, msg) => {
+            LibProgress.hide()
+            LibUtils.debounce(() => {
+              doAddProduct(res.id)
+            }, 1000)
+          },
+          (msg) => {
+            LibProgress.hide()
+            LibToastProperty.show(msg?.message)
+          }, 1
+        )
+      }
+    }
+  }
+
+  function doAddProduct(upc_id?: any) {
+    // untuk save keseluruhan produk
+    if (form) {
+      if (MartProduct_inputProperty.validateEmptyInput(form)) {
+        LibProgress.show(esp.lang("mart/product_add", "adding_product"))
+        let post = {
+          ...MartProduct_inputProperty.buildPost(form),
+          upc_id: upc_id
+        }
+
+        new LibCurl('mitra/product_edit', post, (res, msg) => {
+          MartProduct_listProperty.subscribe().trigger()
+          LibProgress.hide()
+          LibToastProperty.show(msg)
+          LibNavigation.back()
+        }, (msg) => {
+          LibProgress.hide()
+          LibToastProperty.show(msg?.message)
+        }, 1)
+      }
+    }
+  }
+
+  function doAdd() {
+    if (form) {
+      if (MartProduct_inputProperty.validateEmptyInput(form)) {
+        LibProgress.show(esp.lang("mart/product_add", "adding_product"))
+        let post = {
+          ...MartProduct_inputProperty.buildPost(form),
+          // upc_id: upc_id
+        }
+
+        new LibCurl('mitra/product_edit', post, (res, msg) => {
+          MartProduct_listProperty.subscribe().trigger()
+          LibProgress.hide()
+          LibToastProperty.show(msg)
+          LibNavigation.back()
+        }, (msg) => {
+          LibProgress.hide()
+          LibToastProperty.show(msg?.message)
+        }, 1)
+      }
+    }
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: "white" }} >
+      <MartHeader
+        leftIcon={{
+          name: "arrow-left", onPress: () => {
+            LibDialog.warningConfirm(esp.lang("mart/product_edit", "sure_out?"), esp.lang("mart/product_input", "Your_data_will_not_be_saved_if_you_return_to_the_previous_page"), esp.lang("mart/product_add", "sure"), () => {
+              LibNavigation.back()
+            }, esp.lang("mart/product_add", "cancel"), () => { })
+          }
+        }}
+        title={esp.lang("mart/product_add", "toserba")}
+        subtitle={esp.lang("mart/product_add", "add_product")}
+        rightView={() => (
+          <TouchableOpacity
+            onPress={() => {
+              if (withBarcode == 0 || form?.saveProductBarcode == 0) {
+                doAdd()
+              } else {
+                addProductBarcode()
+              }
+            }}
+            // onPress={doAdd}
+            style={{ paddingRight: 17 }} >
+            <LibTextstyle text={esp.lang("mart/product_add", "save")} textStyle="footnote" style={{ color: LibStyle.colorPrimaryMart, fontWeight: "bold" }} />
+          </TouchableOpacity>
+        )}
+      />
+      <MartProduct_input isAdd barcode={barcode} withBarcode={withBarcode} />
+    </View>
+  )
+}

package/modules/mart/product_check.tsx

@@ -0,0 +1,54 @@
+// withHooks
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { MartProduct_editArgs } from 'esoftplay/cache/mart/product_edit/import';
+import { MartProduct_inputForm } from 'esoftplay/cache/mart/product_input/import';
+import { UseForm } from 'esoftplay/cache/use/form/import';
+import esp from 'esoftplay/esp';
+
+import { useEffect } from 'react';
+
+
+export interface MartProduct_checkArgs {
+
+}
+export interface MartProduct_checkProps {
+
+}
+export default function m(props: MartProduct_checkProps): any {
+  let { barcode } = LibNavigation.getArgsAll(props)
+  const [form, setForm] = UseForm<MartProduct_inputForm>("mart_product_input")
+
+  useEffect(() => {
+    checkBarcode()
+  }, [])
+
+  function checkBarcode() {
+    LibProgress.show(esp.lang("mart/product_check", "please_wait"))
+    new LibCurl('mitra/upc_detail?barcode=' + barcode, null, (res, msg) => {
+      setForm('upc_id')(res.id)
+      if (res.hasOwnProperty('url')) {
+        LibProgress.hide()
+        LibNavigation.back()
+        LibNavigation.navigate<MartProduct_editArgs>('mart/product_edit', {
+          id: res.product_id,
+          url: res.url,
+          barcode: barcode,
+          withBarcode: 1
+        })
+      } else {
+        LibProgress.hide()
+        LibNavigation.back()
+        LibNavigation.navigate('mart/product_add', { barcode: barcode })
+      }
+    }, (error) => {
+      LibProgress.hide()
+      LibNavigation.back()
+      LibNavigation.navigate('mart/product_add', { barcode: barcode })
+    }, 1)
+  }
+
+
+  return null
+}