esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/pos/business_detail.tsx

@@ -0,0 +1,205 @@
+// withHooks
+
+import { applyStyle } from 'esoftplay';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { MarketCountdown } from 'esoftplay/cache/market/countdown/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React, { useEffect } from 'react';
+import { RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface PosBusiness_detailArgs {
+
+}
+export interface PosBusiness_detailProps {
+
+}
+
+interface itemSquare {
+  image: string,
+  title: string,
+  onPress: () => void,
+  badge?: number
+}
+
+const itemWidth = (LibStyle.width - 70) / 4
+
+function Item(props: itemSquare) {
+  return (
+    <TouchableOpacity activeOpacity={1} onPress={props?.onPress} style={styleId_23QjhE} >
+      <View style={styleId_Z1iioi0} >
+        <LibPicture source={esp.assets(props.image)} style={styleId_1kJH5V} resizeMode="contain" />
+        {
+          props?.badge > 0 &&
+          <View style={styleId_2jcaEG} >
+            <Text allowFontScaling={false} style={styleId_Zo43RJ} >{props?.badge || 0}</Text>
+          </View>
+        }
+      </View>
+      <Text allowFontScaling={false} style={styleId_Z1whoGQ} >{props?.title}</Text>
+    </TouchableOpacity>
+  )
+}
+
+let timeout: any
+export default function m(props: PosBusiness_detailProps): any {
+  const { data }: any = LibNavigation.getArgsAll(props)
+
+  const [result, setResult] = useSafeState<any>()
+  const [refreshing, setRefreshing] = useSafeState<boolean>(false);
+
+  useEffect(() => {
+    loadData()
+    return () => clearTimeout(timeout)
+
+  }, [])
+
+  function loadData() {
+    let params = JSON.parse(data?.params)
+    let post = {
+      ref_id: params?.ref_id
+    }
+    new LibCurl('pos_invoice_detail', post, (res, msg) => {
+      setResult(res)
+      setRefreshing(false)
+      if (res?.status == 0) {
+        clearTimeout(timeout)
+        timeout = setTimeout(() => {
+          loadData()
+        }, 5000)
+      } else if (res?.status == 1) {
+        clearTimeout(timeout)
+      }
+    }, (err) => {
+      // LibDialog.warningConfirm("Oops", err?.message, "Ok", () => {
+      //   LibNavigation.back()
+      // }, "", () => { })
+      setRefreshing(false)
+    }, 1)
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("pos/business_detail", "business_detail_header")} subtitle={data?.business_name} />
+      <ScrollView refreshControl={<RefreshControl refreshing={refreshing} onRefresh={loadData} />}>
+        <View>
+          <View style={applyStyle({ marginTop: 15, flexDirection: 'row', marginHorizontal: 17, marginBottom: 10 })} >
+            <LibPicture source={{ uri: data?.image || ' ' }} style={applyStyle({ height: 60, width: 60, borderRadius: 30 })} />
+            <View style={applyStyle({ marginLeft: 10, flex: 1 })} >
+              <Text allowFontScaling={false} style={{ flexWrap: 'wrap', fontSize: 16, marginBottom: 3, fontWeight: "bold", color: "#4a4a4a", }}>{data?.business_name}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 12, marginBottom: 5, color: "#9b9b9b", letterSpacing: 1 }}>{data?.email}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 12, marginBottom: 5, color: "#9b9b9b", letterSpacing: 1 }}>{data?.type_name}</Text>
+            </View>
+          </View>
+          {
+            data?.location_name != '' &&
+            <View style={applyStyle({ flex: 1, marginBottom: 5, padding: 10, paddingVertical: 8, backgroundColor: LibUtils.hexToRgba(LibStyle.colorBlue, 0.1), borderRadius: 5, marginHorizontal: 20, flexDirection: 'row', alignItems: 'center' })}>
+              <LibIcon name="map-marker" size={20} color={LibStyle.colorBlue} style={applyStyle({ marginRight: 5 })} />
+              <LibTextstyle textStyle='footnote' text={data?.address} style={applyStyle({ flex: 1, fontSize: 11, letterSpacing: 1 })} />
+            </View>
+          }
+        </View>
+
+        {
+          result && result?.status == "0" &&
+          <View style={{ margin: 15, borderWidth: 1, borderColor: '#c9c9c9', ...LibStyle.elevation(3), marginBottom: 5, padding: 16, borderRadius: 5, backgroundColor: '#fff' }}>
+            <View style={{ alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row' }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("pos/business_detail", "total")}</Text>
+              <Text allowFontScaling={false} style={{ alignContent: 'center', alignItems: 'center', fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#9b9b9b" }}>{LibUtils.money(Number(result?.payment?.total))}</Text>
+            </View>
+            <View style={{ marginTop: 5, alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row' }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("pos/business_detail", "status")}</Text>
+              <Text allowFontScaling={false} style={{ alignContent: 'center', alignItems: 'center', fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: LibStyle.colorRed }}>{result?.status_title}</Text>
+            </View>
+            <View style={{ alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row' }}>
+              <Text allowFontScaling={false} style={{ flexWrap: 'wrap', fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail", "expired_coupon")}</Text>
+              <MarketCountdown expired={LibUtils.moment(result.expired).serverFormat('YYYY-MM-DD HH:mm:ss')} style={{ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal" }} />
+            </View>
+
+            <Text allowFontScaling={false} style={{ marginTop: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("pos/business_detail", "payment_method")}</Text>
+            <View style={{ alignContent: 'center', alignItems: 'center', flexDirection: 'row', marginTop: 4 }}>
+              <LibPicture source={{ uri: result?.payment?.image }} style={{ width: 55.7, height: 40 }} />
+              <Text allowFontScaling={false} style={{ marginLeft: 7, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#9b9b9b" }}>{result?.payment.payment_name}</Text>
+            </View>
+            <View style={{ height: 3, backgroundColor: "#f6f6f6" }} />
+            <Text allowFontScaling={false} style={{ marginTop: 7, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9f9f9f" }}>{esp.lang("pos/business_detail", "va_number")}  </Text>
+
+            {
+              result && result?.payment.va_no &&
+              <View style={{ marginTop: 7, alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between' }}>
+                <Text numberOfLines={1} ellipsizeMode={'tail'} allowFontScaling={false} style={{ flex: 8, fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#1abc9c" }}>{result && result?.payment.va_no}</Text>
+                <ComponentTouchable onPress={() => {
+                  LibUtils.copyToClipboard(result && result?.payment.va_no)
+                  LibToastProperty.show(esp.lang("pos/business_detail", "copied", result?.payment.va_no))
+                }}>
+                  <View style={{ flex: 2, flexDirection: 'row', justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+                    <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#2e83bb" }}>{esp.lang("pos/business_detail", "copy")}</Text>
+                  </View>
+                </ComponentTouchable>
+              </View>
+            }
+            <View style={{ height: 3, backgroundColor: "#f6f6f6" }} />
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginTop: 14 }}>{esp.lang("pos/business_detail", "check")}</Text>
+            <ComponentTouchable onPress={() => {
+              LibNavigation.navigate('event/order_detail_payment', {
+                data: result?.payment.description
+              })
+            }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#16a085", marginTop: 7 }}>{esp.lang("pos/business_detail", "hint")}</Text>
+            </ComponentTouchable>
+          </View>
+        }
+
+        <View style={{ marginTop: 10, marginLeft: 20, flexDirection: "row", flexWrap: "wrap" }}>
+          {
+            esp.isDebug("edit_business") &&
+            <Item title={"Edit Bisnis"} image={"pos/ic_store_edit.png"} onPress={() => {
+              LibNavigation.navigate('pos/business_edit', { business_data: data })
+            }} />
+          }
+          <Item title={esp.lang("pos/outlet_detail", "asistance")} image={"pos/ic_assistant.png"} onPress={() => {
+            LibNavigation.navigate('pos/cashier_list', { business_data: data })
+          }} />
+          {
+            esp.isDebug("report_outlet") &&
+            <Item title={esp.lang("pos/business_detail", "outlet")} image={"pos/ic_store.png"} onPress={() => {
+              LibNavigation.navigate('pos/outlet_list', { business_data: data })
+            }} />
+          }
+          {
+            esp.isDebug("trx") &&
+            <Item title={"Transaksi"} image={"pos/ic_store.png"} onPress={() => {
+              LibNavigation.navigate('pos/transaction', { business_data: data })
+            }} />
+          }
+          <Item title={esp.lang("pos/business_detail", "web_login")} image={"pos/ic_barcode.png"} onPress={() => {
+            LibNavigation.navigate('pos/web_login', { business_data: data })
+          }} />
+        </View>
+
+
+      </ScrollView>
+
+
+    </View>
+  )
+}
+
+
+const styleId_23QjhE: any = { marginRight: 10, marginBottom: 10 }
+const styleId_Z1iioi0: any = { width: itemWidth, alignItems: "center", padding: 15, borderRadius: 5 }
+const styleId_1kJH5V: any = { width: 30, height: 30 }
+const styleId_2jcaEG: any = { position: 'absolute', top: 0, right: 10, height: 20, width: 20, borderRadius: 10, padding: 5, paddingVertical: 2, backgroundColor: LibStyle.colorRed, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }
+const styleId_Zo43RJ: any = { fontFamily: "Arial", fontSize: 8, letterSpacing: 0, color: "#fff" }
+const styleId_Z1whoGQ: any = { marginTop: 5, fontFamily: "Arial", textAlign: "center", fontSize: 10 }

package/modules/pos/business_edit.tsx

@@ -0,0 +1,297 @@
+// withHooks
+import { useEffect, useRef } from 'react';
+
+import { applyStyle } from 'esoftplay';
+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 { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibImage } from 'esoftplay/cache/lib/image/import';
+import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/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 { LibSlidingup } from 'esoftplay/cache/lib/slidingup/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 { MarketButton } from 'esoftplay/cache/market/button/import';
+import { UseForm } from 'esoftplay/cache/use/form/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { Keyboard, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface PosBusiness_editArgs {
+
+}
+export interface PosBusiness_editProps {
+
+}
+export default function m(props: PosBusiness_editProps): any {
+  const { business_data } = LibNavigation.getArgsAll(props)
+  const [form, setForm, reForm] = UseForm<any>('pos/business_edit')
+  const [selectedType, setSelectedType] = useSafeState<any>()
+  const [imageBisnis, setImageBisnis] = useSafeState<any>()
+  const [loc, setLoc] = useSafeState<any>()
+  const [typeBusiness, setTypeBusiness] = useSafeState<any>()
+
+  const dialogType = React.useRef<LibSlidingup>(null)
+  let inputName = useRef<LibInput_rectangle2>(null)
+  let inputPhone = useRef<LibInput_rectangle2>(null)
+  let inputNameBisnis = useRef<LibInput_rectangle2>(null)
+  let inputAddressBisnis = useRef<LibInput_rectangle2>(null)
+  let inputZipcode = useRef<LibInput_rectangle2>(null)
+
+  const location = { title: business_data?.location_name, detail: business_data?.location_name, id: business_data?.location_id }
+  const type = { id: business_data.type, title: business_data.type_name }
+
+  useEffect(() => {
+    loadDataType()
+    setForm("name")(business_data?.name)
+    setForm("phone")(business_data?.phone)
+    setForm("business_name")(business_data?.business_name)
+    setForm("business_image")(business_data?.image)
+    setForm("business_address")(business_data?.address)
+    setForm("postcode")(business_data?.zipcode)
+    setForm("business_location")(location)
+    setLoc(location)
+    setSelectedType(type)
+    setImageBisnis(business_data?.image)
+  }, [])
+
+  function loadDataType() {
+    new LibCurl('pos_business_types', null, (res, msg) => {
+      console.log(res)
+      setTypeBusiness(res)
+    }, (err) => {
+      LibToastProperty.show(err?.message)
+    })
+  }
+
+
+  function renderTypeBusiness(item: any, i: number) {
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        setSelectedType(item)
+        dialogType?.current?.hide()
+        setForm('business_type')(item)
+      }}
+        style={applyStyle({ marginBottom: 10, alignItems: 'center', paddingLeft: 10, padding: 10, borderRadius: 5, alignContent: 'center', justifyContent: 'center', backgroundColor: '#f6f6f6' })} >
+        <Text allowFontScaling={false} style={applyStyle({ fontSize: 16, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" })}>{item.title}</Text>
+      </TouchableOpacity>
+
+    )
+  }
+
+  function checkInput() {
+    reForm((x) => {
+      if (x) {
+        if (!x.name) {
+          inputName?.current?.setError(esp.lang("pos/register", "empty_name"))
+          inputName?.current?.focus()
+          return
+        }
+        if (!x.phone) {
+          inputPhone?.current?.setError(esp.lang("pos/register", "empty_phone"))
+          inputPhone?.current?.focus()
+          return
+        }
+
+        if (!form?.business_name) {
+          inputNameBisnis?.current?.setError(esp.lang("pos/register_business", "name_empty"))
+          return
+        }
+
+        if (!selectedType) {
+          LibToastProperty.show(esp.lang("pos/register", "empty_type"))
+          return
+        }
+
+        if (!imageBisnis) {
+          LibToastProperty.show(esp.lang("pos/register_business", "logo_empty"))
+          return
+        }
+
+        if (!loc) {
+          LibToastProperty.show(esp.lang("pos/register_business", "province_empty"))
+          return
+        }
+
+        if (!form?.business_address) {
+          inputAddressBisnis?.current?.setError(esp.lang("pos/register_business", "address_empty"))
+          return
+        }
+
+        if (!form?.postcode) {
+          inputZipcode?.current?.setError("Silahkan masukkan kode pos bisnis anda")
+          return false
+        }
+
+        // const post = {}
+        // LibProgress.show("Mohon tunggu..")
+        // new LibCurl('', post, (result, message) => {
+        //   LibProgress.hide()
+        // }, (error) => {
+        //   LibProgress.hide()
+        // }, 1)
+      }
+
+    })
+  }
+
+  if (!typeBusiness) {
+    return <LibLoading />
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <LibKeyboard_avoid style={{ flex: 1 }}>
+        <ComponentHeader title={"Edit Bisnis"} subtitle={business_data?.business_name} />
+        <ScrollView>
+
+          <View style={{ margin: 15, backgroundColor: '#fff', marginTop: 5 }}>
+            <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', marginTop: 15 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0 }}>{esp.lang("pos/register", "data")}</Text>
+              <View style={{ marginLeft: 12, height: 2, backgroundColor: '#979797', flex: 1, marginRight: 7 }} />
+            </View>
+
+            <ComponentLabel_input label={esp.lang("pos/register", "label_name")} mandatory />
+            <LibInput_rectangle2
+              ref={inputName}
+              defaultValue={form?.name}
+              onChangeText={(t: any) => setForm('name')(t)}
+              returnKeyType='next'
+
+              onSubmitEditing={() => inputPhone.current?.focus()}
+              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, borderRadius: 5 }} placeholder={esp.lang("pos/register", "name")} />
+
+            <ComponentLabel_input label={esp.lang("pos/register", "lebel_phone")} mandatory />
+            <LibInput_rectangle2
+              ref={inputPhone}
+              defaultValue={form?.phone}
+              onChangeText={(t: any) => setForm('phone')(t)}
+              returnKeyType='next'
+              onSubmitEditing={() => {
+                Keyboard.dismiss()
+                dialogType.current?.show()
+              }}
+              keyboardType='phone-pad'
+              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, borderRadius: 5 }} placeholder={esp.lang("pos/register", "phone")} />
+
+            <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', marginTop: 15 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0 }}>{"Informasi Bisnis"}</Text>
+              <View style={{ marginLeft: 12, height: 2, backgroundColor: '#979797', flex: 1, marginRight: 7 }} />
+            </View>
+
+            <ComponentLabel_input label={esp.lang("pos/register_business", "bisnis_name")} mandatory />
+            <LibInput_rectangle2
+              ref={inputNameBisnis}
+              defaultValue={form?.business_name}
+              onChangeText={(t) => setForm('business_name')(t)}
+              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, borderRadius: 5 }} placeholder={esp.lang("pos/register_business", "placeholder_name_bisnis")} />
+
+            <ComponentLabel_input label={esp.lang("pos/register", "label_bisnis_type")} mandatory />
+            <TouchableOpacity
+              onPress={() => {
+                Keyboard.dismiss()
+                dialogType.current?.show()
+              }}
+            >
+              <View style={{ height: 35, borderRadius: 5, marginTop: 8, backgroundColor: "#fff", borderWidth: 1, borderColor: "#c4c4c4", flexDirection: 'row', alignItems: 'center' }}>
+                <Text allowFontScaling={false} style={{ flex: 1, color: selectedType ? "#000" : '#c5c5c5', fontFamily: "SFProText", fontSize: 12, marginRight: 15, marginLeft: 8 }}>{selectedType ? selectedType?.title : esp.lang("pos/register", "bisnis_type")}</Text>
+                <LibIcon name='chevron-down' color='#9b9b9b' style={{ marginRight: 8 }} />
+              </View>
+            </TouchableOpacity>
+
+            <ComponentLabel_input label={esp.lang("pos/register_business", "logo")} mandatory />
+            <View style={{ flexDirection: "row", marginTop: 12 }} >
+              <LibPicture
+                source={{ uri: imageBisnis }}
+                style={{ height: 100, width: 100, borderRadius: 10, backgroundColor: "#f1f2f3", borderColor: "#ddd", borderWidth: 1 }}
+              />
+              <View style={{ marginLeft: 20 }} >
+                <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#888" }}>{esp.lang("market/merchant_input", "max_file")}</Text>
+                <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#000", marginTop: 4 }}>{esp.lang("market/merchant_input", "max_size")}</Text>
+                <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#888", marginTop: 6 }}>{esp.lang("market/merchant_input", "files_allow")}</Text>
+                <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#000", marginTop: 4 }}>{esp.lang("market/merchant_input", "file_type")}</Text>
+                <MarketButton
+                  text={esp.lang("market/merchant_input", "btn_browse")}
+                  buttonStyle={{ marginTop: 10 }}
+                  colorBackground={"white"}
+                  colorBorder={LibStyle.colorBlue}
+                  color={LibStyle.colorBlue}
+                  textStyle={{ fontSize: 13 }}
+                  onPress={() => {
+                    LibImage.fromGallery().then((image) => {
+                      setImageBisnis(image)
+                      setForm('business_image')(image)
+                    })
+                  }} />
+              </View>
+            </View>
+
+            <ComponentLabel_input label={esp.lang("pos/register_business", "business_location")} mandatory />
+            <TouchableOpacity
+              onPress={() => {
+                Keyboard.dismiss()
+                LibUtils.debounce(() => {
+                  LibNavigation.navigateForResult('user/location').then((location) => {
+                    setLoc(location);
+                    console.log(location)
+                    setForm('business_location')(location)
+                  })
+                }, 100)
+              }}
+            >
+              <View style={{ height: 35, borderRadius: 5, marginTop: 8, backgroundColor: "#fff", borderWidth: 1, borderColor: "#c4c4c4", flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+                <Text allowFontScaling={false} style={{ color: loc ? "#000" : '#c5c5c5', fontFamily: "SFProText", fontSize: 12, marginRight: 15, marginLeft: 8 }}>{loc ? loc?.title : esp.lang("pos/register_business", "select_location")}</Text>
+                <LibIcon name="chevron-down" style={{ marginRight: 5 }} color="#4b4b4b" size={16} />
+              </View>
+            </TouchableOpacity>
+
+            <ComponentLabel_input label={esp.lang("pos/register_business", "address")} mandatory />
+            <LibInput_rectangle2
+              ref={inputAddressBisnis}
+              defaultValue={form?.business_address}
+              style={{ borderColor: '#c4c4c4', marginTop: 8, borderRadius: 5, height: 100, justifyContent: 'flex-start' }}
+              inputStyle={{ textAlignVertical: 'top', paddingTop: 10, paddingBottom: 10, height: 100 }}
+              onChangeText={(t) => setForm('business_address')(t)}
+              multiline
+              placeholder={esp.lang("pos/register_business", "placeholder_address")} />
+
+            <ComponentLabel_input label={"Masukkan Kode Pos Bisnis"} mandatory />
+            <LibInput_rectangle2
+              ref={inputZipcode}
+              defaultValue={form?.postcode}
+              onChangeText={(t) => setForm('postcode')(t)}
+              keyboardType='numeric'
+              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, borderRadius: 5 }} placeholder={"Masukkan Kode Pos Bisnis Anda"} />
+
+          </View>
+        </ScrollView>
+        <ComponentButton
+          style={{ margin: 10 }}
+          label={"Edit Bisnis"}
+          onPress={() => {
+            checkInput()
+          }}
+          backgroundColor={LibStyle.colorBlue}
+          fontColor={"#fff"}
+        />
+
+        <LibSlidingup ref={dialogType}>
+          <View style={{ backgroundColor: '#fff', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 35, paddingHorizontal: 19, maxHeight: LibStyle.height / 2 }}>
+            <Text allowFontScaling={false} style={{ marginTop: 26, marginBottom: 23, fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("pos/register", "business_type")}</Text>
+            {
+              typeBusiness?.map(renderTypeBusiness)
+            }
+          </View>
+        </LibSlidingup>
+      </LibKeyboard_avoid>
+    </View>
+  )
+}

package/modules/pos/cashier.tsx

@@ -0,0 +1,41 @@
+// withHooks
+
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface PosCashierArgs {
+
+}
+export interface PosCashierProps {
+
+}
+export default function m(props: PosCashierProps): any {
+  const { dataCashier } = LibNavigation.getArgsAll(props)
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={dataCashier?.name} subtitle={dataCashier?.email} />
+
+      <TouchableOpacity onPress={() => { LibNavigation.navigate('pos/cashier_invoice_list', { dataCashier: dataCashier }) }} >
+        <View style={[{ flexDirection: 'row', alignItems: 'center', backgroundColor: 'white', borderRadius: 4, marginHorizontal: 20, marginTop: 10, paddingVertical: 13, paddingHorizontal: 19 }, LibStyle.elevation(2)]} >
+          <LibIcon.Ionicons name={"receipt-outline"} size={24} color={LibStyle.colorBrown} />
+          <Text allowFontScaling={false} style={{ marginLeft: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("pos/cashier", "list")}</Text>
+        </View>
+      </TouchableOpacity>
+
+      <TouchableOpacity onPress={() => { LibNavigation.navigate('pos/cashier_report', { dataCashier: dataCashier }) }} >
+        <View style={[{ flexDirection: 'row', alignItems: 'center', backgroundColor: 'white', borderRadius: 4, marginHorizontal: 20, marginTop: 10, paddingVertical: 13, paddingHorizontal: 19 }, LibStyle.elevation(2)]} >
+          <LibIcon.Ionicons name={"receipt-sharp"} size={24} color={LibStyle.colorBrown} />
+          <Text allowFontScaling={false} style={{ marginLeft: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }} >{esp.lang("pos/cashier", "report")}</Text>
+        </View>
+      </TouchableOpacity>
+
+    </View>
+  )
+}