esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/product/detail.tsx

@@ -0,0 +1,161 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentSlider } from 'esoftplay/cache/component/slider/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface ProductDetailProps {
+
+}
+
+export default function m(props: ProductDetailProps): any {
+
+  let dialogProducts: any = React.createRef()
+
+  const [result, setResult] = useSafeState<any>(undefined)
+  const url = LibNavigation.getArgs(props, 'url')
+  /*
+  created,
+  currency,
+  description,
+  discount,
+  hits,
+  id,
+  image,
+  images,
+  price,
+  sale,
+  title,
+   */
+
+  useEffect(() => {
+    if (url)
+      new LibCurl(url, null,
+        (res, msg) => {
+          setResult(res)
+        },
+        (msg) => {
+
+        }, 1
+      )
+  }, [])
+
+  return (
+    <View style={{ flex: 1 }} >
+      <View style={{ flex: 1 }} >
+        <ComponentHeader title={result && result.title && result.title || ''} subtitle={esp.lang("product/detail", "product")} />
+        {
+          !result
+            ? <LibLoading />
+            :
+            <View style={{ flex: 1 }} >
+              <LibScroll>
+                <ComponentSlider images={result.images} onIndexChange={(i) => { }} />
+                <Text allowFontScaling={false} style={{ marginHorizontal: 20, fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#70472b" }} >{result.title}</Text>
+                {/* <View style={{ flexDirection: 'row', marginHorizontal: 20, marginTop: 20 }} > */}
+                {/* <LibPicture style={{ width: 14, height: 14, resizeMode: 'contain' }} source={esp.assets('icons/ic_rupiah.png')} /> */}
+                {
+                  (parseInt(result.price) > parseInt(result.sale)) ?
+                    <View>
+                      <Text allowFontScaling={false} style={{ marginLeft: 20, marginTop: 15, fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#00b894" }} >{LibUtils.money(result.sale, 'IDR')}</Text>
+                      <Text allowFontScaling={false} style={{ marginLeft: 20, marginBottom: 10, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#e74c3c", textDecorationLine: 'line-through' }} >{LibUtils.money(result.price, 'IDR')}</Text>
+                    </View>
+                    :
+                    <Text allowFontScaling={false} style={{ marginLeft: 20, marginBottom: 10, marginTop: 15, fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#00b894" }} >{LibUtils.money(result.sale, 'IDR')}</Text>
+                }
+                {/* <View style={{ flex: 1 }} />
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#f5a623" }} >5</Text>
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#bbbbbb", marginLeft: 5 }} >in stock</Text>
+                </View>
+                <View style={{ flexDirection: 'row', marginHorizontal: 20, marginTop: 10 }} >
+                  <LibPicture style={{ width: 14, height: 14, resizeMode: 'contain' }} source={esp.assets('icons/ic_store_grey.png')} />
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 10 }} >BBO Store</Text>
+                  <View style={{ flex: 1 }} />
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#2980b9" }} >Official Store</Text>
+                </View> */}
+                <Text allowFontScaling={false} style={{ marginHorizontal: 20, marginTop: 20, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("product/detail", "about_product")}</Text>
+                <Text allowFontScaling={false} style={{ marginHorizontal: 20, marginTop: 4, fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#909090" }} >{result.description.replace(/(<([^>]+)>)/g, '').replace(/&.*;/g, ' ')}</Text>
+                {/* <Text allowFontScaling={false} style={{ marginHorizontal: 20, marginTop: 7, fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#2980b9" }} >Read more</Text> */}
+                {/* <Text allowFontScaling={false} style={{ marginHorizontal: 20, marginTop: 20, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >Shipping</Text>
+                <View style={{ marginHorizontal: 20, flexDirection: 'row', marginTop: 5 }} >
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#909090" }} >Jakarta to Kab Bantul</Text>
+                  <View style={{ flex: 1 }} />
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, textAlign: "right", color: "#909090" }} >Start from </Text>
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, textAlign: "right", color: "#2980b9" }} > IDR 45,000</Text>
+                </View>
+                <Text allowFontScaling={false} style={{ marginHorizontal: 20, marginTop: 20, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >Product Varian</Text>
+                <Text allowFontScaling={false} style={{ marginHorizontal: 20, marginTop: 4, fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#909090" }} >Black, Red, White</Text>
+                <Text allowFontScaling={false} style={{ marginHorizontal: 20, marginTop: 20, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >Information</Text>
+                <View style={{ marginHorizontal: 20, justifyContent: 'space-between', flexDirection: 'row', marginTop: 5 }} >
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#909090" }} >Weight</Text>
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#909090" }} >200 gram</Text>
+                </View>
+                <View style={{ marginHorizontal: 20, justifyContent: 'space-between', flexDirection: 'row', marginTop: 5 }} >
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#909090" }} >Condition</Text>
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#909090" }} >New</Text>
+                </View>
+                <View style={{ marginHorizontal: 20, justifyContent: 'space-between', flexDirection: 'row', marginTop: 5 }} >
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#909090" }} >Weight</Text>
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 11, fontWeight: "normal", fontStyle: "normal", lineHeight: 15, letterSpacing: 0, color: "#909090" }} >1 pcs</Text>
+                </View> */}
+                {/* <View style={{ width: LibStyle.width - 40, height: 2, borderStyle: "solid", borderWidth: 0.5, borderColor: "#e8e8e8", marginHorizontal: 20, marginTop: 23, marginBottom: 10 }} />
+                <View style={{ marginHorizontal: 20, flexDirection: 'row', marginBottom: 50 }} >
+                  <View style={{ flex: 1 }} >
+                    <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >Reviews</Text>
+                    <View style={{ flexDirection: 'row', alignItems: 'center' }} >
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#909090" }} >4.8</Text>
+                      <LibIcon name={'star'} size={15} color={'#f1c40f'} />
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#909090" }} >/5 </Text>
+                    </View>
+                    <View style={{ flexDirection: 'row', alignItems: 'flex-end' }} >
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#2980b9" }} >240</Text>
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#2980b9" }} > ulasan</Text>
+                    </View>
+                  </View>
+                  <View style={{ flex: 1, alignItems: 'center' }} >
+                    <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >Views</Text>
+                    <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#909090" }} >1.200 K</Text>
+                    <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#d2d2d2" }} >views</Text>
+                  </View>
+                  <View style={{ flex: 1, alignItems: 'flex-end' }} >
+                    <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} >Transaction</Text>
+                    <View style={{ flexDirection: 'row' }} >
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#00b894" }} >98% </Text>
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#00b894" }} > success</Text>
+                    </View>
+                    <View style={{ flexDirection: 'row', alignItems: 'flex-end' }} >
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#2980b9" }} >240</Text>
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#2980b9" }} > ulasan</Text>
+                    </View>
+                  </View>
+                </View> */}
+              </LibScroll>
+              {/* <View style={{ flexDirection: 'row', paddingVertical: 5, paddingHorizontal: 20 }} >
+                <View style={{ flex: 1 }} >
+                  <ComponentTouchable onPress={() => { LibNavigation.navigate('chat/chat', { chat_to: 1 }) }} >
+                    <View style={{ height: 35, borderRadius: 17.5, backgroundColor: "#ffffff", borderStyle: "solid", borderWidth: 0.5, borderColor: "#9b9b9b", alignItems: 'center', justifyContent: 'center' }} >
+                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#9b9b9b" }} >Chat Now</Text>
+                    </View>
+                  </ComponentTouchable>
+                </View>
+                <View style={{ width: 20 }} />
+                <ComponentButton label="Buy Product" onPress={() => { dialogProducts.show() }} style={{ backgroundColor: '#00b894' }} />
+              </View> */}
+            </View>
+        }
+      </View>
+      <ComponentSlidingup ref={r => dialogProducts = r}>
+      </ComponentSlidingup>
+    </View>
+  )
+}

package/modules/product/list.tsx

@@ -0,0 +1,74 @@
+// withHooks
+
+import { BigbangDummy_page } from 'esoftplay/cache/bigbang/dummy_page/import';
+import { BigbangProduct_item } from 'esoftplay/cache/bigbang/product_item/import';
+import { BigbangProduct_item2 } from 'esoftplay/cache/bigbang/product_item2/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { View } from 'react-native';
+
+export interface ProductListProps {
+
+}
+export default function m(props: ProductListProps): any {
+
+  const [viewType, setViewType] = useSafeState<number>(1)
+  const url = LibNavigation.getArgs(props, 'url')
+  if (!url) {
+    return <BigbangDummy_page />
+  }
+
+  function renderItem(item:any) {
+    return (
+      <View>
+        {
+          viewType == 1 ?
+            <View style={{ width: LibStyle.width - 16 }} >
+              <BigbangProduct_item2 {...item} onPress={() => LibNavigation.navigate('market/product_detail', { url: item.url })} />
+            </View>
+            :
+            <BigbangProduct_item {...item} onPress={() => LibNavigation.navigate('market/product_detail', { url: item.url })} />
+        }
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }} >
+      <ComponentHeader title={esp.lang("product/list", "product")} /* doSearch={(query) => { }} */ />
+      <View style={{ flexDirection: 'row', marginTop: -3 }} >
+        {/* <ComponentTouchable onPress={() => { }} >
+          <View style={{ flexDirection: 'row', alignItems: 'center', padding: 16, paddingHorizontal: 20 }} >
+            <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", marginRight: 5, fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#f39c12" }} >Filter</Text>
+            <LibIcon name={'chevron-down'} size={13} color={'#9b9b9b'} />
+          </View>
+        </ComponentTouchable> */}
+        {/* <View style={{ flexDirection: 'row', alignItems: 'center', paddingLeft: 0 }} >
+          <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b" }} >Price</Text>
+          <LibIcon name={'arrow-up'} size={13} color={'#9b9b9b'} />
+        </View> */}
+        <View style={{ flex: 1 }} />
+        <ComponentTouchable onPress={() => setViewType(viewType == 1 && 2 || 1)} >
+          <LibPicture source={esp.assets(viewType == 2 ? 'icons/ic_product_list.png' : 'icons/ic_event_grid.png')} style={{ width: 19, height: 19, resizeMode: 'contain', marginVertical: 16, marginRight: 16 }} />
+        </ComponentTouchable>
+      </View>
+      <View style={{ flex: 1, paddingHorizontal: 8 }} >
+        {/* nek kosong ora metu apa2ne */}
+        <LibInfinite
+          url={url}
+          numColumns={viewType}
+          key={url + viewType}
+          renderItem={renderItem}
+
+        />
+      </View>
+    </View>
+  )
+}

package/modules/quotation/add.tsx

@@ -0,0 +1,131 @@
+// withHooks
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentLabel_input } from 'esoftplay/cache/component/label_input/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { Keyboard, Text, View } from 'react-native';
+
+
+export interface QuotationAddProps {
+  title: string,
+  price: string,
+  qty: number
+}
+export default function m(props: QuotationAddProps): any {
+
+  const [qty, setQty] = useSafeState<any>(1)
+  const [price, setPrice] = useSafeState<string>('')
+  const inputTitle = React.useRef<LibInput_rectangle2>(null)
+  const inputPrice = React.useRef<LibInput_rectangle2>(null)
+  const edit = LibNavigation.getArgs(props, 'edit')
+
+  useEffect(() => {
+    if (edit) {
+      setPrice(edit.item_price)
+      setQty(edit.item_qty)
+      inputTitle.current?.setText(edit.item_title)
+      inputPrice.current?.setText(edit.item_price)
+    }
+    return () => LibNavigation.cancelBackResult()
+  }, [])
+
+  function addQty() {
+    setQty(qty + 1)
+  }
+
+  function minQty() {
+    if (qty == 1) {
+
+    } else {
+      setQty(qty - 1)
+    }
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("quotation/add", "add_item")} />
+
+      <View style={{ margin: 15 }}>
+        <ComponentLabel_input label={esp.lang("quotation/add", "item_name")} />
+        <View testID='input_name'>
+          <LibInput_rectangle2
+            ref={inputTitle}
+            placeholder={esp.lang("quotation/add", "placeholder_item_name")}
+            defaultValue={edit && edit.item_title}
+            style={{ height: 36, borderRadius: 4 }}
+          />
+        </View>
+        <ComponentLabel_input label={esp.lang("quotation/add", "price")} />
+        <View testID='input_price'>
+          <LibInput_rectangle2
+            ref={inputPrice}
+            style={{ height: 36, borderRadius: 4 }}
+            keyboardType={"numeric"}
+            defaultValue={edit && edit.item_price}
+            // maskFrom="end"
+            // mask="###.###.###.###"
+            onChangeText={(t) => {
+              LibUtils.debounce(() => {
+                setPrice(t)
+              }, 100)
+            }}
+            placeholder={esp.lang("quotation/add", "placeholder_price")} />
+        </View>
+        <View style={{ marginTop: 15, flexDirection: 'row', justifyContent: 'space-between', marginBottom: 20 }}>
+          <View style={{ flexDirection: 'row' }}>
+            <ComponentTouchable onPress={minQty} style={{ borderTopLeftRadius: 4, borderBottomLeftRadius: 4, width: 32, height: 36, borderWidth: 1, borderColor: '#c5c5c5', justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+              <Text allowFontScaling={false} style={{ marginLeft: 5, marginRight: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>-</Text>
+            </ComponentTouchable>
+            <View style={{ width: 32, height: 36, borderTopWidth: 1, borderBottomWidth: 1, borderColor: '#c5c5c5', justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+              <Text allowFontScaling={false} style={{ marginLeft: 5, marginRight: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{qty}</Text>
+            </View>
+            <ComponentTouchable onPress={addQty} style={{ borderTopRightRadius: 4, borderBottomRightRadius: 4, width: 32, height: 36, borderWidth: 1, borderColor: '#c5c5c5', justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+              <Text allowFontScaling={false} style={{ marginLeft: 5, marginRight: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>+</Text>
+            </ComponentTouchable>
+            <View style={{ marginLeft: 10, height: 36, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+              <Text allowFontScaling={false} style={{ marginLeft: 5, marginRight: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/add", "unit")}</Text>
+            </View>
+          </View>
+          <View>
+            <Text allowFontScaling={false} style={{ textAlign: 'right', fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#a3a3a3" }}>{esp.lang("quotation/add", "total")}</Text>
+            <Text allowFontScaling={false} style={{ textAlign: 'right', fontFamily: "SFProText", fontSize: 14, fontWeight: "500", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{LibUtils.money(parseInt(price) * qty)}</Text>
+          </View>
+        </View>
+
+        <ComponentButton testID={"Tambahkan"} onPress={() => {
+          if (inputTitle.current!.getText() == "") {
+            LibToastProperty.show(esp.lang("quotation/add", "please_input_item_name"))
+            Keyboard.dismiss()
+            return
+          } else if (inputPrice.current!.getText() == "") {
+            LibToastProperty.show(esp.lang("quotation/add", "please_input_price"))
+            Keyboard.dismiss()
+            return
+          } else if (parseInt(inputPrice.current!.getText()) <= 0) {
+            LibToastProperty.show(esp.lang("quotation/add", "please_input_correct_price"))
+            Keyboard.dismiss()
+            return
+          } else {
+            LibNavigation.sendBackResult({
+              item_title: inputTitle.current!.getText(),
+              item_price: inputPrice.current!.getText(),
+              item_qty: qty,
+              item_total: parseInt(price) * qty
+            }, edit && LibNavigation.getResultKey(props))
+          }
+
+        }} label={esp.lang("quotation/add", "add")} backgroundColor="#51b596" fontColor="#fff" />
+
+      </View>
+
+    </View>
+  )
+}

package/modules/quotation/add_disc.tsx

@@ -0,0 +1,187 @@
+// withHooks
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentLabel_input } from 'esoftplay/cache/component/label_input/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface QuotationAdd_discProps {
+
+}
+export default function m(props: QuotationAdd_discProps): any {
+
+  const edit = LibNavigation.getArgs(props, 'edit')
+  const price_total = LibNavigation.getArgs(props, 'price_total')
+
+  const [active, setActive] = useSafeState<number>(0)
+  let inputTitle = React.useRef<LibInput_rectangle2>(null)
+  let inputNominal = React.useRef<LibInput_rectangle2>(null)
+  let inputPercent = React.useRef<LibInput_rectangle2>(null)
+
+  const [discPrice, setDiscPrice] = useSafeState<number>(0)
+  const [differencePrice, setDifferencePrice] = useSafeState<number>(0)
+
+  useEffect(() => {
+    return () => LibNavigation.cancelBackResult()
+  }, [])
+
+  function checkInputs() {
+    if (inputTitle.current!.getText() == "") {
+      inputTitle.current!.setError(esp.lang("quotation/add_disc", "please_input_discount"))
+      inputTitle.current!.focus()
+      return false
+    }
+
+    if (active == 0) {
+      LibToastProperty.show(esp.lang("quotation/add_disc", "please_chose_between_2_button"))
+      return false
+    }
+
+    if (active == 1) {
+      if (inputNominal.current!.getText() == '') {
+        inputNominal.current!.setError(esp.lang("quotation/add_disc", "please_input_amount"))
+        inputNominal.current!.focus()
+        return false
+      }
+      if (parseInt(inputNominal.current!.getText()) <= 0) {
+        inputNominal.current!.setError(esp.lang("quotation/add_disc", "amount_can_not_be_less_than_0"))
+        inputNominal.current!.focus()
+        return false
+      }
+      if (parseInt(inputNominal.current!.getText()) > Number(price_total)) {
+        inputNominal.current!.setError(esp.lang("quotation/add_disc", "amount_can_not_more_than", LibUtils.money(price_total)))
+        inputNominal.current!.focus()
+        return false
+      }
+    }
+    if (active == 2) {
+      if (inputPercent.current!.getText() == '') {
+        LibToastProperty.show(esp.lang("quotation/add_disc", "please_input_discount_first"))
+        return false
+      }
+      if (parseInt(inputPercent.current!.getText()) <= 0 || parseInt(inputPercent.current!.getText()) > 100) {
+        LibToastProperty.show(esp.lang("quotation/add_disc", "disc_cannot_be_less_than_0_and_cannot_be_more_than_100"))
+        return false
+      }
+    }
+    return true
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("quotation/add_disc", "add_discount")} />
+      <LibKeyboard_avoid style={{ flex: 1 }}>
+        <ScrollView showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} >
+          <View style={{ marginLeft: 15, marginRight: 15 }}>
+            <ComponentLabel_input label={esp.lang("quotation/add_disc", "disc")} />
+            <LibInput_rectangle2
+              ref={inputTitle}
+              style={{ borderRadius: 4 }}
+              defaultValue={edit && edit.title}
+              placeholder={esp.lang("quotation/add_disc", "discription")}
+            />
+
+            <View style={{ flexDirection: 'row', marginTop: 20, alignContent: 'center', alignItems: 'center' }}>
+              <ComponentTouchable onPress={() => {
+                setActive(1)
+                inputPercent?.current?.setText("")
+              }} style={{ justifyContent: 'center', alignContent: 'center', alignItems: 'center', height: 24, width: 24, borderRadius: 12, borderWidth: 1, borderColor: '#C5C5C5' }} >
+                {
+                  active == 1 &&
+                  <View style={{ height: 15, width: 15, borderRadius: 7.5, backgroundColor: '#51B596' }} />
+                }
+              </ComponentTouchable>
+              <View style={{ flexDirection: 'row', marginLeft: 15, flex: 1 }}>
+                <View style={{ backgroundColor: '#F6F6F6', justifyContent: 'center', alignContent: 'center', alignItems: 'center', borderRightWidth: 0, height: 40, width: 48, borderWidth: 1, borderTopLeftRadius: 4, borderBottomLeftRadius: 4, borderColor: '#C5C5C5' }}>
+                  <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>Rp</Text>
+                </View>
+                <View style={{ flex: 1 }}>
+                  <LibInput_rectangle2
+                    ref={inputNominal}
+                    style={{ marginTop: 0, flex: 1, borderTopRightRadius: 4, borderBottomightRadius: 4, height: 40 }}
+                    placeholder={esp.lang("quotation/add_disc", "input_amount")}
+                    editable={active == 1 ? true : false}
+                    keyboardType="numeric"
+                    onChangeText={(t) => {
+                      LibUtils.debounce(() => {
+                        setDifferencePrice(parseInt(t))
+                      }, 100)
+                    }}
+                  />
+                </View>
+              </View>
+            </View>
+
+            <View style={{ flexDirection: 'row', marginTop: 20, alignContent: 'center', alignItems: 'center' }}>
+              <ComponentTouchable onPress={() => {
+                setActive(2)
+                inputNominal.current?.setText("")
+                // setNominal('')
+              }} style={{ justifyContent: 'center', alignContent: 'center', alignItems: 'center', height: 24, width: 24, borderRadius: 12, borderWidth: 1, borderColor: '#C5C5C5' }} >
+                {
+                  active == 2 &&
+                  <View style={{ height: 15, width: 15, borderRadius: 7.5, backgroundColor: '#51B596' }} />
+                }
+              </ComponentTouchable>
+              <View style={{ flexDirection: 'row', marginLeft: 15, flex: 1 }}>
+                <View style={{ flex: 1 }}>
+                  <LibInput_rectangle2
+                    ref={inputPercent}
+                    style={{ marginTop: 0, flex: 1, height: 40, borderTopLeftRadius: 4, borderBottomLeftRadius: 4, }}
+                    placeholder="0"
+                    keyboardType="numeric"
+                    maxLength={3}
+                    editable={active == 2 ? true : false}
+                    onChangeText={(t) => {
+                      LibUtils.debounce(() => {
+                        let price = price_total
+                        let disc = parseInt(t) / 100
+                        setDiscPrice(price - (price * disc))
+                        setDifferencePrice(price * disc)
+                      }, 100)
+                    }}
+                  />
+                </View>
+                <View style={{ backgroundColor: '#F6F6F6', justifyContent: 'center', alignContent: 'center', alignItems: 'center', borderLeftWidth: 0, borderRightWidth: 1, height: 40, width: 48, borderWidth: 1, borderColor: '#C5C5C5' }}>
+                  <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>%</Text>
+                </View>
+                <View style={{ flex: 3, backgroundColor: '#F6F6F6', justifyContent: 'center', alignContent: 'center', alignItems: 'center', borderLeftWidth: 0, height: 40, width: 120, borderWidth: 1, borderTopRightRadius: 4, borderBottomRightRadius: 4, borderColor: '#C5C5C5' }}>
+                  {
+                    active == 2 &&
+                    <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{Number(differencePrice) == 0 ? "" : "-"} {LibUtils.money(differencePrice)}</Text>
+                  }
+                </View>
+              </View>
+            </View>
+
+          </View>
+        </ScrollView>
+        <View style={{ margin: 15 }}>
+          <ComponentButton testID={"add_disc"} label={esp.lang("quotation/add_disc", "add")} onPress={() => {
+
+            if (checkInputs()) {
+              LibNavigation.sendBackResult({
+                title: inputTitle.current!.getText(),
+                disc: active == 1 ? inputNominal.current!.getText() : active == 2 ? inputPercent.current!.getText() : null,
+                active: active,
+                discPrice: discPrice,
+                differencePrice: differencePrice
+              })
+            }
+
+          }} backgroundColor="#21BF95" />
+        </View>
+      </LibKeyboard_avoid>
+    </View>
+  )
+}