esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/merchant/list_coupon.tsx

@@ -1,74 +0,0 @@
-// withHooks
-import { ComponentCoupon } from 'esoftplay/cache/component/coupon/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/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 esp from 'esoftplay/esp';
-
-import React from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface MerchantList_couponProps {
-
-}
-export default function m(props: MerchantList_couponProps): any {
-
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("merchant/list_coupon", "header")} />
-      <LibInfinite
-        errorView={(error: any) => (
-          <ComponentMessage message={error} />
-        )}
-        url={"merchant_coupon"}
-        onDataChange={(d) => { }}
-        renderItem={(item, index) => {
-          var notUsed = (parseInt(item.total) - parseInt(item.total_used))
-          var distance = notUsed < 0 ? 0 : notUsed
-          return (
-            <ComponentCoupon
-              key={index}
-              onPress={() => { LibNavigation.navigate('merchant/detail_coupon', { url: item.url_detail, id_voucher: item.id, title: item.title }) }}
-              image={item.image}
-              badge={true}
-              countTicket={esp.lang("merchant/list_coupon", "count", item.total)}
-              view={
-                <View style={{ marginLeft: 15, marginRight: 15, marginTop: 5, marginBottom: 5 }}>
-                  <Text allowFontScaling={false} style={{ marginBottom: 4, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{item.event_name}</Text>
-                  <Text allowFontScaling={false} style={{ marginBottom: 7, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{item.title}</Text>
-
-                  <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 4 }}>
-
-                    <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-                      <LibIcon name="ticket-confirmation" size={20} color={LibStyle.colorRed} />
-                      <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
-                        <Text allowFontScaling={false} style={{ marginLeft: 9, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed }}>{esp.lang("merchant/list_coupon", "used_ticket")}</Text>
-                        <Text allowFontScaling={false} style={{ marginLeft: 9, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed }}>{item.total_used}</Text>
-                      </View>
-                    </View>
-
-                    <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-                      <LibIcon name="ticket-account" size={20} color={LibStyle.colorBlue} />
-                      <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
-                        <Text allowFontScaling={false} style={{ marginLeft: 9, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorBlue }}>{esp.lang("merchant/list_coupon", "remaining_ticket")}</Text>
-                        <Text allowFontScaling={false} style={{ marginLeft: 9, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorBlue }}>{distance}</Text>
-                      </View>
-                    </View>
-
-                  </View>
-
-                </View>
-              }
-            />
-
-          )
-        }}
-      />
-    </View>
-  )
-}

package/modules/merchant/list_invoice.tsx

@@ -1,78 +0,0 @@
-// withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/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 esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import React from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
-
-
-export interface MerchantList_invoiceProps {
-
-}
-export default function m(props: MerchantList_invoiceProps): any {
-
-  const [counter, setCounter] = useSafeState<any>(1)
-
-  let nameCashier = ""
-
-  function Item(item: any) {
-    return (
-      <TouchableOpacity disabled={item.status != 0} onPress={item.onPress} >
-        <View style={[{ marginBottom: 5, backgroundColor: 'white', borderRadius: 4, marginHorizontal: 10, marginTop: 10, paddingVertical: 13, paddingHorizontal: 19, borderLeftWidth: 2, borderLeftColor: LibStyle.colorGreen }, LibStyle.elevation(2)]}>
-          <Text style={{ fontFamily: 'Arial', fontSize: 16, fontWeight: "bold", marginBottom: 5, color: "#4a4a4a", flex: 1 }} >{item.title}</Text>
-          <View style={[{ flexDirection: 'row' }]} >
-            <View style={{ flex: 1 }} >
-              <Text style={{ fontFamily: 'Arial', fontSize: 15, fontWeight: "600", color: "#4a4a4a", flex: 1 }} >{item.code}</Text>
-              <Text style={{ fontFamily: 'Arial', fontSize: 13, fontWeight: "600", color: "#4a4a4a", flex: 1 }} >{LibUtils.money(item.amount)}</Text>
-            </View>
-            <View style={{ flex: 1 }}>
-              <Text style={{ fontFamily: 'Arial', fontSize: 9, marginTop: 10, fontWeight: "600", color: "#999", flex: 1 }} >{item.status_title} {item.status == 1 ? esp.lang("merchant/list_invoice", "by") : esp.lang("merchant/list_invoice", "from")}</Text>
-              {
-                item.user_id_to_name !== "" &&
-                <Text numberOfLines={1} ellipsizeMode={"middle"} style={{ fontFamily: 'Arial', fontSize: 13, fontWeight: "600", color: "#4a4a4a", flex: 1 }} >{item.user_id_to_name}</Text>
-              }
-            </View>
-          </View>
-        </View>
-      </TouchableOpacity>
-    )
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("merchant/list_invoice", "header")} />
-
-      <LibInfinite
-        key={counter}
-        url={"merchant_invoice"}
-        errorView={(error: any) => (
-          <ComponentMessage message={error} />
-        )}
-        onResult={esp.log}
-        renderItem={(item: any, index: number) => {
-          const showCashier = nameCashier != item.cashier_name
-          nameCashier = item.cashier_name
-          return (
-            <>
-              {
-                showCashier &&
-                <View style={{ backgroundColor: '#f1f2f3', padding: 10, flexDirection: 'row' }} >
-                  <Text allowFontScaling={false} style={{ marginTop: 6, fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9f9f9f" }}>{esp.lang("merchant/list_invoice", "cashier")}</Text>
-                  <Text allowFontScaling={false} style={{ marginTop: 6, fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9f9f9f" }}>{item.cashier_name}</Text>
-                </View>
-              }
-
-              <Item {...item} onPress={() => LibNavigation.navigate('cashier/invoice_detail', { invoice_id: item.id, cashier_id: item.cashier_id, title: item.code, url: item.url })} />
-            </>
-          )
-        }} />
-
-    </View>
-  )
-}

package/modules/merchant/list_transaksi.tsx

@@ -1,104 +0,0 @@
-// withHooks
-
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
-import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/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 { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import moment from 'esoftplay/moment';
-import React from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface MerchantList_transaksiProps {
-
-}
-
-let lastDate = ''
-
-export default function m(props: MerchantList_transaksiProps): any {
-
-  moment().locale('id')
-  let filterDialog = React.useRef<ComponentSlidingup>(null)
-  const [url, setUrl] = useSafeState<string>('shop/merchant_saldo')
-  const [uri, setUri] = useSafeState<any>('')
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("merchant/list_transaksi", "jheader")} />
-      <LibInfinite
-        key={url + uri}
-        onDataChange={() => { lastDate = '' }}
-        url={url + uri}
-        errorView={(error: any) => (
-          <ComponentMessage message={error} />
-        )}
-        renderItem={(item) => {
-          const showDate = lastDate != moment(item.created).localeFormat("DD MMMM YYYY")
-          lastDate = 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" }}>{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 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>
-                      {
-                        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.money(item.amount)}</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("merchant/list_transaksi", "free")}</Text>
-                            : null
-                      }
-                    </View>
-                  </View>
-                </View>
-              </ComponentTouchable>
-            </>
-          )
-        }
-        }
-      />
-      <ComponentSlidingup ref={filterDialog} >
-        <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingTop: 23, paddingBottom: 17, paddingHorizontal: 19, maxHeight: 350 }} >
-          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#34495e", marginBottom: 20 }} >{esp.lang("merchant/list_transaksi", "filter")}</Text>
-          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
-
-            <ComponentButton style={{ backgroundColor: LibStyle.colorRed }} label={esp.lang("merchant/list_transaksi", "all")} onPress={() => {
-              setUri('')
-              filterDialog.current!.hide()
-            }} />
-            <View style={{ width: 15 }} />
-            <ComponentButton label={esp.lang("merchant/list_transaksi", "topup")} onPress={() => {
-              setUri('?is_income=1')
-              filterDialog.current!.hide()
-
-            }} />
-            <View style={{ width: 15 }} />
-            <ComponentButton style={{ backgroundColor: '#00b894' }} label={esp.lang("merchant/list_transaksi", "wd")} onPress={() => {
-              setUri('?is_income=0')
-              filterDialog.current!.hide()
-
-            }} />
-          </View>
-        </View>
-      </ComponentSlidingup>
-    </View>
-  )
-}

package/modules/merchant/menu.tsx

@@ -1,60 +0,0 @@
-// withHooks
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibList } from 'esoftplay/cache/lib/list/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 React from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface MerchantMenuProps {
-  data: any
-}
-export default function m(props: MerchantMenuProps): any {
-  const { data } = props
-
-  const menu = [
-    {
-      icon: 'pen',
-      text: esp.lang("merchant/menu", "edit"),
-      onPress: () => LibNavigation.navigate('market/merchant_edit', { data })
-    },
-    {
-      icon: 'store',
-      text: esp.lang("merchant/menu", "cashier"),
-      onPress: () => LibNavigation.navigate('cashier/list')
-    },
-    {
-      icon: 'receipt',
-      text: esp.lang("merchant/menu", "list_invoice"),
-      onPress: () => { LibNavigation.navigate('merchant/list_invoice') }
-    },
-    {
-      icon: 'ticket-confirmation',
-      text: esp.lang("merchant/menu", "coupon"),
-      onPress: () => LibNavigation.navigate('merchant/list_coupon')
-    },
-  ]
-
-  return (
-    <LibList
-      data={menu}
-      renderItem={(item) => (
-        <ComponentTouchable onPress={item.onPress} >
-          <View style={[{ flexDirection: 'row', alignItems: "center", backgroundColor: 'white', borderRadius: 5, marginHorizontal: 16, marginVertical: 3, padding: 12 }, LibStyle.elevation(0)]} >
-            <LibIcon name={item.icon} size={30} color={LibStyle.colorBrown} />
-            <View style={{ flex: 1, marginLeft: 20 }} >
-              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }} >{item.text}</Text>
-            </View>
-            <LibPicture source={esp.assets('icons/ic_chevron_right.png')} style={{ marginLeft: 6, height: 13, width: 13, resizeMode: 'contain' }} />
-          </View>
-        </ComponentTouchable>
-      )}
-    />
-  )
-}
-

package/modules/merchant/registrasi.tsx

@@ -1,28 +0,0 @@
-// withHooks
-
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
-import esp from 'esoftplay/esp';
-
-import React from 'react';
-import { View } from 'react-native';
-
-
-export interface MerchantRegistrasiProps {
-
-}
-export default function m(props: MerchantRegistrasiProps): any {
-  return (
-    <View style={{ flex: 1, }}>
-      <ComponentHeader title={esp.lang("merchant/registrasi", "header")} />
-      <View style={{ justifyContent: 'center', marginTop: LibStyle.height / 2 - 70, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
-        <LibTextstyle text={esp.lang("merchant/registrasi", "empty")} textStyle={'m_body1'} />
-        <ComponentButton style={{ margin: 15, width: 200, alignSelf: 'center' }} label={esp.lang("merchant/registrasi", "btn_register")} onPress={() => { LibNavigation.navigate('market/merchant_register') }} />
-        {/* <ComponentButton style={{ margin: 15, width: 200, alignSelf: 'center' }} label={'Registrasi Merchant'} onPress={() => { LibNavigation.navigate('merchant/registrasi1') }} /> */}
-      </View>
-    </View>
-  )
-}

package/modules/merchant/registrasi1.tsx

@@ -1,118 +0,0 @@
-// withHooks
-
-import { ComponentFooter_nav } from 'esoftplay/cache/component/footer_nav/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentLabel_input } from 'esoftplay/cache/component/label_input/import';
-import { LibInput_circle2 } from 'esoftplay/cache/lib/input_circle2/import';
-import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { UserClass } from 'esoftplay/cache/user/class/import';
-import esp from 'esoftplay/esp';
-
-import React from 'react';
-import { ScrollView, View } from 'react-native';
-
-export interface MerchantRegistrasi1Props {
-
-}
-export default function m(props: MerchantRegistrasi1Props): any {
-  const user = UserClass.state().get()
-  let inputRegistrantName = React.useRef<LibInput_circle2>(null)
-  let inputRegistrantPosition = React.useRef<LibInput_circle2>(null)
-  let inputRegistrantDivision = React.useRef<LibInput_circle2>(null)
-  let inputRegistrantPhone = React.useRef<LibInput_circle2>(null)
-  let inputRegistrantEmail = React.useRef<LibInput_circle2>(null)
-  let inputRegistrantId = React.useRef<LibInput_circle2>(null)
-  let inputRegistrantNationality = React.useRef<LibInput_circle2>(null)
-
-  function next(): void {
-    let post = {
-      registrant_name: inputRegistrantName.current!.getText(),
-      registrant_position: inputRegistrantPosition.current!.getText(),
-      registrant_division: inputRegistrantDivision.current!.getText(),
-      registrant_phone: inputRegistrantPhone.current!.getText(),
-      registrant_email: inputRegistrantEmail.current!.getText().trim(),
-      registrant_id: inputRegistrantId.current!.getText(),
-      registrant_nationality: inputRegistrantNationality.current!.getText(),
-    }
-    LibNavigation.navigate('merchant/registrasi2', { data: post })
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#f6f6f6' }}>
-      <LibKeyboard_avoid style={{ flex: 1 }} >
-        <ComponentHeader title={esp.lang("merchant/registrasi1", "header")} subtitle={esp.lang("merchant/registrasi1", "header_sub")} />
-        <ScrollView showsVerticalScrollIndicator={false} >
-          <View style={{ margin: 15, backgroundColor: 'white', borderRadius: 5, paddingLeft: 18 }}>
-            <ComponentLabel_input label={esp.lang("merchant/registrasi1", "label_name")} />
-            <LibInput_circle2
-              ref={inputRegistrantName}
-              onSubmitEditing={() => inputRegistrantPosition.current!.focus()}
-              returnKeyType="next"
-              autoFocus
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, marginRight: 13 }}
-              defaultValue={user?.name}
-              placeholder={esp.lang("merchant/registrasi1", "name")}
-            />
-            <ComponentLabel_input label={esp.lang("merchant/registrasi1", "position")} />
-            <LibInput_circle2
-              ref={inputRegistrantPosition}
-              onSubmitEditing={() => inputRegistrantDivision.current!.focus()}
-              returnKeyType="next"
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, marginRight: 13 }}
-              placeholder={esp.lang("merchant/registrasi1", "pl_position")}
-            />
-            <ComponentLabel_input label={esp.lang("merchant/registrasi1", "div")} />
-            <LibInput_circle2
-              ref={inputRegistrantDivision}
-              onSubmitEditing={() => inputRegistrantPhone.current!.focus()}
-              returnKeyType="next"
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, marginRight: 13 }}
-              placeholder={esp.lang("merchant/registrasi1", "plc_div")}
-            />
-            <ComponentLabel_input label={esp.lang("merchant/registrasi1", "phone")} />
-            <LibInput_circle2
-              ref={inputRegistrantPhone}
-              onSubmitEditing={() => inputRegistrantEmail.current!.focus()}
-              returnKeyType="next"
-              mask={'####-###-###-###-###-###-###'}
-              defaultValue={user?.phone}
-              keyboardType="numeric"
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, marginRight: 13 }}
-              placeholder={'0000-000-000'}
-            />
-            <ComponentLabel_input label={esp.lang("merchant/registrasi1", "email")} />
-            <LibInput_circle2
-              ref={inputRegistrantEmail}
-              onSubmitEditing={() => inputRegistrantId.current!.focus()}
-              returnKeyType="next"
-              autoCapitalize={'none'}
-              defaultValue={user.email}
-              keyboardType="email-address"
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, marginRight: 13 }}
-              placeholder={'email@address.com'}
-            />
-            <ComponentLabel_input label={esp.lang("merchant/registrasi1", "id")} />
-            <LibInput_circle2
-              ref={inputRegistrantId}
-              onSubmitEditing={() => inputRegistrantNationality.current!.focus()}
-              returnKeyType="next"
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, marginRight: 13 }}
-              mask={'####-####-####-####-####'}
-              placeholder={'0000-0000-0000-0000'}
-            />
-            <ComponentLabel_input label={esp.lang("merchant/registrasi1", "nationality")} />
-            <LibInput_circle2
-              ref={inputRegistrantNationality}
-              returnKeyType="done"
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, marginRight: 13, marginBottom: 20 }}
-              placeholder={esp.lang("merchant/registrasi1", "pl_nationality")}
-            />
-          </View>
-          <View />
-        </ScrollView >
-        <ComponentFooter_nav onPressNext={next} />
-      </LibKeyboard_avoid>
-    </View>
-  )
-}

package/modules/merchant/registrasi2.tsx

@@ -1,183 +0,0 @@
-// withHooks
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentFooter_nav } from 'esoftplay/cache/component/footer_nav/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 { LibImage } from 'esoftplay/cache/lib/image/import';
-import { LibInput_circle2 } from 'esoftplay/cache/lib/input_circle2/import';
-import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/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 { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import { LinearGradient } from 'expo-linear-gradient';
-import React from 'react';
-import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
-import MapView, { Marker } from 'react-native-maps';
-
-export interface MerchantRegistrasi2Props {
-
-}
-export default function m(props: MerchantRegistrasi2Props): any {
-
-  let inputTitle = React.useRef<LibInput_circle2>(null)
-  let inputAddress = React.useRef<LibInput_circle2>(null)
-  let inputDescription = React.useRef<LibInput_circle2>(null)
-  const [image, setImage] = useSafeState<string>('')
-  const [location, setLocation] = useSafeState<any>()
-  const [region, setRegion] = useSafeState<any>()
-
-  function next(): void {
-    let data = LibNavigation.getArgs(props, 'data')
-    if (data) {
-      if (inputTitle.current!.getText() == '') {
-        LibToastProperty.show(esp.lang("merchant/registrasi2", "input_company_name"))
-        return
-      }
-      if (inputAddress.current!.getText() == '') {
-        LibToastProperty.show(esp.lang("merchant/registrasi2", "input_company_address"))
-        return
-      }
-      if (!location) {
-        LibToastProperty.show(esp.lang("merchant/registrasi2", "choose_company_location"))
-        return
-      }
-      let post = {
-        title: inputTitle.current!.getText(),
-        address: inputAddress.current!.getText(),
-        description: inputDescription.current!.getText(),
-        location_id: location.id,
-        image: image,
-        location_latlong: region.latitude + ',' + region.longitude
-      }
-      LibNavigation.navigate('merchant/registrasi3', { data: Object.assign({}, data, post) })
-    } else {
-      LibNavigation.back()
-      LibToastProperty.show(esp.lang("merchant/registrasi2", "please_fill_this_page"))
-    }
-  }
-
-  function pickImage(): void {
-    LibImage.fromGallery().then((uri: any) => {
-      inputDescription.current!.focus()
-      setImage(uri)
-    })
-  }
-  function pickLocation(): void {
-    LibNavigation.navigateForResult('user/location').then((loc) => {
-      setLocation(loc)
-      setRegion({
-        latitude: loc.latitude * 1,
-        longitude: loc.longitude * 1,
-        latitudeDelta: 0.009,
-        longitudeDelta: 0.009
-      })
-    })
-  }
-  function pickLatlong(): void {
-    LibNavigation.navigateForResult('component/map', { latlong: region.latitude + ',' + region.longitude }).then((latlong) => {
-      setRegion({
-        latitude: latlong.split(',')[0] * 1,
-        longitude: latlong.split(',')[1] * 1,
-        latitudeDelta: 0.009,
-        longitudeDelta: 0.009
-      })
-    })
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#f6f6f6' }}>
-      <LibKeyboard_avoid style={{ flex: 1 }} >
-        <ComponentHeader title={esp.lang("merchant/registrasi2", "header")} subtitle={esp.lang("merchant/registrasi2", "header_sub")} />
-        <ScrollView showsVerticalScrollIndicator={false} >
-          {/* <ComponentNav_tab /> */}
-          <View style={{ margin: 15, backgroundColor: 'white', borderRadius: 5, paddingLeft: 18, overflow: 'hidden' }}>
-            <ComponentLabel_input label={esp.lang("merchant/registrasi2", "name")} mandatory />
-            <LibInput_circle2
-              ref={inputTitle}
-              onSubmitEditing={pickImage}
-              returnKeyType="next"
-              autoFocus
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, marginRight: 13 }}
-              placeholder={esp.lang("merchant/registrasi2", "pl_name")}
-            />
-            <ComponentLabel_input label={esp.lang("merchant/registrasi2", "logo")} />
-            <View style={{ marginTop: 8, flexDirection: 'row' }}>
-              <LibPicture style={{ width: 101, height: 101, borderRadius: 10, backgroundColor: '#f1f2f3' }} source={{ uri: image }} />
-              <View style={{ marginLeft: 15, marginRight: 13, height: 101 }}>
-                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#cdcccc" }}>{esp.lang("merchant/registrasi2", "max_file")}</Text>
-                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }}>{esp.lang("merchant/registrasi2", "max_size")}</Text>
-                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#cdcccc", marginTop: 6 }}>{esp.lang("merchant/registrasi2", "allow")}</Text>
-                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a", marginTop: 4 }}>{esp.lang("merchant/registrasi2", "format_allow")}</Text>
-                <ComponentButton label={esp.lang("merchant/registrasi2", "browse")} style={{ width: LibStyle.width * 0.5, height: 35, borderRadius: 17.5, backgroundColor: "#70472b", marginTop: 6, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#fff' }} onPress={pickImage} />
-              </View>
-            </View>
-            <ComponentLabel_input label={esp.lang("merchant/registrasi2", "desc")} />
-            <LibInput_circle2
-              ref={inputDescription}
-              multiline={true}
-              placeholder={esp.lang("merchant/registrasi2", "placeholder_desc")}
-              onSubmitEditing={() => inputAddress.current!.focus()}
-              returnKeyType="next"
-              inputStyle={{ textAlignVertical: 'top', paddingTop: 10, paddingBottom: 10, height: 150 }}
-              style={{ borderColor: '#c4c4c4', marginBottom: 20, marginTop: 8, marginRight: 13, height: 150, justifyContent: 'flex-start' }} />
-          </View>
-          <View style={{ margin: 15, backgroundColor: 'white', borderRadius: 5, paddingLeft: 18 }}>
-            <ComponentLabel_input label={esp.lang("merchant/registrasi2", "address")} mandatory />
-            <LibInput_circle2
-              ref={inputAddress}
-              onSubmitEditing={pickLocation}
-              returnKeyType="next"
-              style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, marginRight: 13 }}
-              placeholder={esp.lang("merchant/registrasi2", "pl_address")}
-            />
-            <ComponentLabel_input label={esp.lang("merchant/registrasi2", "location")} mandatory />
-            <ComponentTouchable onPress={pickLocation} >
-              <View style={[{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', borderRadius: 5, backgroundColor: 'white', paddingRight: 12, paddingVertical: 12 }, LibStyle.elevation(0)]} >
-                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#e67e22", flex: 1 }} >{location && location.detail || esp.lang("merchant/registrasi2", "select")}</Text>
-                <LibPicture source={esp.assets('icons/ic_chevron_right.png')} style={{ height: 13, width: 13, resizeMode: 'contain' }} />
-              </View>
-            </ComponentTouchable>
-            {region &&
-              <View>
-                <ComponentLabel_input label={esp.lang("merchant/registrasi2", "point")} />
-                <TouchableOpacity activeOpacity={1} onPress={pickLatlong} >
-                  <View style={{ backgroundColor: '#999', height: 120, marginBottom: 0, overflow: 'hidden', marginRight: 0, marginLeft: -18, marginTop: 10 }} >
-                    <MapView
-                      region={region}
-                      key={JSON.stringify(region)}
-                      liteMode
-                      style={{ width: LibStyle.width - 32, height: 120, overflow: 'hidden' }} >
-                      {region &&
-                        <Marker
-                          coordinate={region}
-                          pinColor={LibStyle.colorPrimary}>
-                        </Marker>
-                      }
-                    </MapView>
-                    <LinearGradient
-                      colors={['rgba(255,255,255,0.3)', 'rgba(255,255,255,0.2)']}
-                      start={[0, 1]}
-                      locations={[0.4, 1]}
-                      end={[1, 1]}
-                      style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, height: 120 }}>
-                    </LinearGradient>
-                  </View>
-                </TouchableOpacity>
-              </View>
-            }
-          </View>
-
-        </ScrollView>
-        <ComponentFooter_nav
-          onPressNext={next}
-          onPressPrev={() => LibNavigation.back()}
-        />
-      </LibKeyboard_avoid>
-    </View>
-  )
-}