esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/mart/input.tsx

@@ -0,0 +1,276 @@
+// withHooks
+// noPage
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibImage } from 'esoftplay/cache/lib/image/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 { MartButton } from 'esoftplay/cache/mart/button/import';
+import { MartInput_label } from 'esoftplay/cache/mart/input_label/import';
+import { MartInput_select } from 'esoftplay/cache/mart/input_select/import';
+import { MartInput_square } from 'esoftplay/cache/mart/input_square/import';
+import { UseForm } from 'esoftplay/cache/use/form/import';
+import esp from 'esoftplay/esp';
+
+import React, { useEffect } from 'react';
+import { BackHandler, Text, View } from 'react-native';
+
+
+export interface MartInputArgs {
+
+}
+export interface MartInputProps {
+
+}
+
+export interface MartInputFormLocation {
+  id: string | number,
+  par_id: string,
+  detail: string,
+  latitude: string,
+  longitude: string
+}
+export interface MartInputFormLatlong {
+  latlong: string,
+  name: string
+}
+
+export interface MartInputForm {
+  name: string
+  address: string
+  image: string
+  banner: string
+  email: string
+  phone: string
+  zipcode: string
+  description: string
+  location: MartInputFormLocation,
+  latlong: MartInputFormLatlong,
+  location_kpu: string
+}
+
+export interface MartInputPost {
+  name: string,
+  address: string,
+  location_latlong: string,
+  image: string,
+  banner: string,
+  email: string
+  phone: string
+  zipcode: string
+  description: string,
+  location_kpu: string,
+  location_kpu_name: string,
+}
+
+export function buildPost(form: any): MartInputPost {
+  return {
+    name: form?.name,
+    address: form?.address,
+    location_latlong: form?.latlong?.latlong,
+    image: form?.image,
+    banner: form?.banner,
+    email: form?.email,
+    phone: form?.phone,
+    zipcode: form?.zipcode,
+    description: form?.description,
+    location_kpu: form?.location?.id,
+    location_kpu_name: form?.location?.detail,
+  }
+}
+
+export function checkValidateInput(form: any): boolean {
+  let msg = ''
+  if (!form?.name) {
+    msg = esp.lang("mart/input", "Partner_name_is_required")
+  }
+  if (!form?.email) {
+    msg = esp.lang("mart/input", "Partner_email_is_required")
+  }
+  let reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
+  if (reg.test(form?.email) === false) {
+    msg = esp.lang("mart/input", "Partner_email_must_be_filled_out_correctly")
+  }
+  if (!form?.phone) {
+    msg = esp.lang("mart/input", "Partner's_phone_number_is_required")
+  }
+  if (!msg && !form?.image) {
+    msg = esp.lang("mart/input", "Partner_logo_is_required")
+  }
+  if (!msg && !form?.banner) {
+    msg = esp.lang("mart/input", "Partner_banner_is_required")
+  }
+  if (!msg && !form?.address) {
+    msg = esp.lang("mart/input", "Partner_address_is_required")
+  }
+  if (!msg && !form?.location) {
+    msg = esp.lang("mart/input", "Partner_location_is_required")
+  }
+  if (!msg && !form?.latlong) {
+    msg = esp.lang("mart/input", "Partner_Location_Map_is_required")
+  }
+  if (msg) {
+    LibToastProperty.show(msg)
+    return false
+  }
+  return true
+}
+
+export default function m(props: MartInputProps): any {
+  const [form, setForm] = UseForm<MartInputForm>("mart_input")
+
+  const bannerWidth = LibStyle.width - 34
+  const bannerHeight = bannerWidth * 0.5
+
+  useEffect(() => {
+    let listener = BackHandler.addEventListener('hardwareBackPress', handleBackButton);
+    return () => {
+      listener?.remove?.()
+    }
+  }, [form])
+
+  function handleBackButton() {
+    if (!form || Object.keys(form)?.length == 0) {
+      return false
+    } else {
+      LibDialog.warningConfirm(esp.lang("mart/input", "sure_quit?"), esp.lang("mart/input", "Your_data_will_not_be_saved_if_you_return_to_the_previous_page"), esp.lang("mart/input", "sure"), () => {
+        LibNavigation.back()
+        return true
+      }, esp.lang("mart/input", "cancel"), () => { })
+    }
+    return true
+  }
+
+  return (
+    <>
+      <MartInput_square
+        mandatory
+        containerStyle={{ marginTop: 20 }}
+        label={esp.lang("mart/input", "toserba_name")}
+        placeholder={esp.lang("mart/input", "input_toserba_name")}
+        defaultValue={form?.name}
+        onChangeText={setForm("name")} />
+      <MartInput_square
+        mandatory
+        label={esp.lang("mart/input", "toserba_email")}
+        defaultValue={form?.email}
+        keyboardType="email-address"
+        placeholder={esp.lang("mart/input", "input_toserba_email")}
+        autoCapitalize="none"
+        onChangeText={setForm("email")} />
+      <MartInput_square
+        mandatory
+        placeholder={esp.lang("mart/input", "input_toserba_phone")}
+        label={esp.lang("mart/input", "toserba_phone")}
+        defaultValue={form?.phone}
+        keyboardType="phone-pad"
+        onChangeText={setForm("phone")} />
+      <View style={{ paddingHorizontal: 17, marginTop: 4, marginBottom: 8 }} >
+        <MartInput_label label={esp.lang("mart/input", "toserba_logo")} mandatory />
+        <View style={{ flexDirection: "row" }} >
+          <LibPicture
+            source={{ uri: form?.image }}
+            style={{ height: 100, width: 100, borderRadius: 10, backgroundColor: "#f1f2f3", borderColor: "#ddd", borderWidth: 1 }}
+          />
+          <View style={{ marginLeft: 20, paddingTop: 12 }} >
+            <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#888" }}>{esp.lang("mart/input", "max_file_allowed")}</Text>
+            <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#000", marginTop: 4 }}>{esp.lang("mart/input", "10_megabyte")}</Text>
+            <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#888", marginTop: 6 }}>{esp.lang("mart/input", "file_type_allowed")}</Text>
+            <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#000", marginTop: 4 }}>{esp.lang("mart/input", "jpg_jpeg_png")}</Text>
+            <MartButton
+              text={esp.lang("mart/input", "browse_image")}
+              buttonStyle={{ marginTop: 10 }}
+              colorBackground={"white"}
+              colorBorder={LibStyle.colorPrimaryMart}
+              color={LibStyle.colorPrimaryMart}
+              textStyle={{ fontSize: 13 }}
+              onPress={() => { LibImage.fromGallery().then(setForm("image")) }} />
+          </View>
+        </View>
+      </View>
+      <View style={{ paddingHorizontal: 17, marginTop: 4, marginBottom: 8 }} >
+        <MartInput_label label={esp.lang("mart/input", "toserba_banner")} mandatory />
+        <View style={{}} >
+          <LibPicture
+            source={{ uri: form?.banner }}
+            style={{ height: bannerHeight, width: bannerWidth, borderRadius: 10, backgroundColor: "#f1f2f3", borderColor: "#ddd", borderWidth: 1 }}
+          />
+          <View style={{ paddingTop: 12, flexDirection: 'row', alignItems: 'flex-start' }} >
+            <View style={{ flex: 1 }} >
+              <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#888" }}>{esp.lang("mart/input", "max_file_allowed")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#000", marginTop: 4 }}>{esp.lang("mart/input", "10_megabyte")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#888", marginTop: 6 }}>{esp.lang("mart/input", "file_type_allowed")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#000", marginTop: 4 }}>{esp.lang("mart/input", "jpg_jpeg_png")}</Text>
+            </View>
+            <View style={{ flexDirection: 'row' }} >
+              <MartButton
+                text={esp.lang("mart/input", "browse_image")}
+                buttonStyle={{}}
+                colorBackground={"white"}
+                colorBorder={LibStyle.colorPrimaryMart}
+                color={LibStyle.colorPrimaryMart}
+                textStyle={{ fontSize: 13 }}
+                onPress={() => {
+                  LibImage.fromGallery({ crop: { ratio: "2:1", forceCrop: true, message: esp.lang("mart/input", "drag_and_zoom_image") } }).then(setForm("banner"))
+                }} />
+            </View>
+          </View>
+        </View>
+      </View>
+      <MartInput_square
+        multiline
+        defaultValue={form?.description}
+        style={{ height: 100, textAlignVertical: "top" }}
+        label={esp.lang("mart/input", "description")}
+        onChangeText={setForm("description")} />
+      <MartInput_square
+        mandatory
+        multiline
+        defaultValue={form?.address}
+        style={{ height: 100, textAlignVertical: "top" }}
+        label={esp.lang("mart/input", "toserba_address")}
+        onChangeText={setForm("address")} />
+      <MartInput_square
+        label={esp.lang("mart/input", "zip_code")}
+        placeholder={esp.lang("mart/input", "input_toserba_zip_code")}
+        defaultValue={form?.zipcode}
+        keyboardType="numeric"
+        onChangeText={setForm("zipcode")} />
+      <MartInput_select
+        mandatory
+        label={esp.lang("mart/input", "toserba_location")}
+        onPress={() => {
+          LibNavigation.navigateForResult("mart/location", { from: 'mart/input' }).then((ll) => {
+            setForm("location")(ll)
+          })
+        }}
+        placeholder={esp.lang("mart/input", "select_location")}
+        value={form?.location?.detail}
+      />
+      <MartInput_select
+        mandatory
+        label={esp.lang("mart/input", "toserba_location_map")}
+        onPress={() => {
+          if (form?.location?.detail) {
+            if (!form?.latlong) {
+              /* belum pernah set titik lokasi, dibantu dengan places autocomplete */
+              LibNavigation.navigateForResult("market/address_autocomplete", undefined, 111).then((ll) => {
+                LibNavigation.navigateForResult("market/map", { latlong: ll?.latlong }).then((dt) => {
+                  setForm("latlong")(dt)
+                  if (!form?.address)
+                    setForm("address")(ll?.address)
+                })
+              })
+            } else {
+              LibNavigation.navigateForResult("market/map", { latlong: form?.latlong?.latlong }).then(setForm("latlong"))
+            }
+          } else
+            LibToastProperty.show(esp.lang("mart/input", "select_location_first"))
+        }}
+        placeholder={esp.lang("mart/input", "location_map")}
+        value={form?.latlong?.latlong}
+      />
+    </>
+  )
+}

package/modules/mart/input_container.tsx

@@ -0,0 +1,24 @@
+// withHooks 
+// noPage
+
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
+
+import React from 'react';
+import { ScrollView } from 'react-native';
+
+
+export interface MartInput_containerArgs {
+
+}
+export interface MartInput_containerProps {
+  children?: any
+}
+export default function m(props: MartInput_containerProps): any {
+  return (
+    <LibKeyboard_avoid style={{ flex: 1 }} >
+      <ScrollView style={{ flex: 1 }} showsVerticalScrollIndicator={false} >
+        {props.children}
+      </ScrollView>
+    </LibKeyboard_avoid>
+  )
+}

package/modules/mart/input_label.tsx

@@ -0,0 +1,22 @@
+// withHooks 
+// noPage
+
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+
+import React from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface MartInput_labelProps {
+  label: string,
+  mandatory?: boolean,
+  mandatoryColor?: string
+}
+export default function m(props: MartInput_labelProps): any {
+  return (
+    <View style={{ flexDirection: 'row', alignItems: 'center' }} >
+      <LibTextstyle text={props.label} textStyle="caption1" style={{ paddingLeft: 0, marginBottom: 5, color: "#000" }} />
+      {props.mandatory && <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.mandatoryColor ? props.mandatoryColor : "#d0021b", marginBottom: 8 }}> *</Text>}
+    </View>
+  )
+}

package/modules/mart/input_select.tsx

@@ -0,0 +1,35 @@
+// withHooks 
+// noPage
+
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { MartInput_label } from 'esoftplay/cache/mart/input_label/import';
+
+import React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+export interface MartInput_selectProps {
+  label?: string,
+  style?: any,
+  containerStyle?: any,
+  onPress: () => void,
+  value?: string,
+  placeholder?: string,
+  mandatory?: boolean,
+  mandatoryColor?: string
+}
+export default function m(props: MartInput_selectProps): any {
+  return (
+    <View style={{ paddingHorizontal: 17, marginTop: 4, marginBottom: 8, ...props.containerStyle }} >
+      {props.label && <MartInput_label label={props.label} mandatory={props.mandatory} mandatoryColor={props.mandatoryColor} />}
+      <TouchableOpacity onPress={props.onPress} style={{ paddingVertical: 9, borderWidth: 1, borderRadius: 6, alignItems: "center", borderColor: "#ddd", flexDirection: 'row', paddingHorizontal: 10, ...props.style }} >
+        <LibTextstyle
+          numberOfLines={1}
+          ellipsizeMode="middle"
+          textStyle="callout" text={props.value || props.placeholder || " "} style={{ flex: 1, fontSize: 14, color: !props.value ? "#888" : "#000" }} />
+        <LibIcon.SimpleLineIcons name="arrow-right" size={15} color={LibStyle.colorPrimaryMart} style={{ fontWeight: "bold" }} />
+      </TouchableOpacity>
+    </View>
+  )
+}

package/modules/mart/input_square.tsx

@@ -0,0 +1,67 @@
+// withHooks 
+// noPage
+
+import { LibInput } from 'esoftplay/cache/lib/input/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { MartInput_label } from 'esoftplay/cache/mart/input_label/import';
+
+import React from 'react';
+import { Platform, TextInput, View } from 'react-native';
+
+export interface MartInput_squareProps {
+  label?: string,
+  _ref?: React.Ref<LibInput>,
+  placeholder?: string,
+  mask?: string,
+  maskFrom?: 'start' | 'end',
+  prefix?: string,
+  suffix?: string,
+  error?: boolean,
+  allowFontScaling?: boolean,
+  autoCapitalize?: "none" | "sentences" | "words" | "characters",
+  autoCorrect?: boolean,
+  autoFocus?: boolean,
+  blurOnSubmit?: boolean,
+  onBlur?: () => void,
+  onFocus?: () => void,
+  caretHidden?: boolean,
+  contextMenuHidden?: boolean,
+  defaultValue?: string,
+  editable?: boolean,
+  inactive?: boolean,
+  keyboardType?: "default" | "email-address" | "numeric" | "phone-pad",
+  maxLength?: number,
+  multiline?: boolean,
+  onSubmitEditing?: () => void,
+  onChangeText: (text: string, textMasked: string) => void,
+  placeholderTextColor?: string,
+  returnKeyType?: "done" | "go" | "next" | "search" | "send",
+  secureTextEntry?: boolean,
+  selectTextOnFocus?: boolean,
+  selectionColor?: string,
+  style?: any,
+  containerStyle?: any,
+  value?: string,
+  mandatory?: boolean,
+  mandatoryColor?: string
+}
+export default function m(props: MartInput_squareProps): any {
+  return (
+    <View style={{ paddingHorizontal: 17, marginTop: 4, marginBottom: 8, ...props.containerStyle }} >
+      {props.label && <MartInput_label label={props.label} mandatory={props.mandatory} mandatoryColor={props.mandatoryColor} />}
+      <View style={{ flexDirection: "row", alignItems: "center", borderWidth: 1, borderRadius: 6, borderColor: props.error ? LibStyle.colorRed : "#ddd", backgroundColor: props.inactive ? "#eee" : "white", paddingHorizontal: 10 }} >
+        {props.prefix && <LibTextstyle textStyle="callout" text={props.prefix} style={{ fontSize: 14, color: "#aaa" }} />}
+        {
+          props._ref ?
+            // @ts-ignore
+            <LibInput base={true} ref={props._ref}  {...props} style={{ flex: 1, paddingVertical: Platform.OS == 'ios' ? 10 : 4, fontSize: 14, ...props.style }} />
+            :
+            // @ts-ignore
+            <TextInput {...props} style={{ flex: 1, paddingVertical: Platform.OS == 'ios' ? 10 : 4, fontSize: 14, ...props.style }} />
+        }
+        {props.suffix && <LibTextstyle textStyle="callout" text={"    " + props.suffix} style={{ fontSize: 14, color: "#aaa" }} />}
+      </View>
+    </View>
+  )
+}

package/modules/mart/input_toggle.tsx

@@ -0,0 +1,34 @@
+// withHooks 
+// noPage
+
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { MarketToggle } from 'esoftplay/cache/market/toggle/import';
+
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface MartInput_toggleProps {
+  value: boolean,
+  onChangeValue: () => void,
+  type: 'success' | 'danger',
+  title?: string,
+  description?: string
+}
+export default function m(props: MartInput_toggleProps): any {
+  return (
+    <View style={{ flexDirection: "row", alignItems: 'center', marginHorizontal: 17, marginVertical: 12 }} >
+      <View style={{ flex: 1 }} >
+        {
+          props.title &&
+          <LibTextstyle textStyle={'callout'} text={props.title} style={{}} />
+        }
+        {
+          props.description &&
+          <LibTextstyle textStyle={'caption2'} text={props.description} style={{ color: "#888", lineHeight: 15}} />
+        }
+      </View>
+      <MarketToggle value={props.value} onChangeValue={props.onChangeValue} type={props.type} />
+    </View>
+  )
+}

package/modules/mart/location.tsx

@@ -0,0 +1,102 @@
+// withHooks
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibList } from 'esoftplay/cache/lib/list/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { MarketEmpty } from 'esoftplay/cache/market/empty/import';
+import { MarketHeader } from 'esoftplay/cache/market/header/import';
+import { MartLocation_emptyProperty } from 'esoftplay/cache/mart/location_empty/import';
+import { UseCurl } from 'esoftplay/cache/use/curl/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+
+export interface MartLocationArgs {
+  par_id?: string,
+  type_id?: number,
+  from?: string,
+  item?: any
+}
+
+export interface MartLocationProps {
+
+}
+
+export default function m(props: MartLocationProps): any {
+  // item untuk mengapdet location idnya desa, karena isinya 0,.. ini dipakai buat filter list alamat pengiriman
+  const { par_id, type_id, from, item } = LibNavigation.getArgsAll(props)
+  const [curl, loading, err] = UseCurl()
+  const [location, setLocation] = useSafeState<any>([])
+  const [parId, setParId] = useSafeState(par_id || 0)
+  const [typeId, setTypeId] = useSafeState(type_id || 1)
+
+  useEffect(() => {
+    curl("mitra/location?par_id=" + parId, null, (r) => {
+      setLocation(r)
+    },1)
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  function renderRow(params: any) {
+    return (
+      <View style={{ borderBottomWidth: 1, borderBottomColor: "#ededed" }} >
+        <TouchableOpacity
+          onPress={() => {
+            if (from == 'dc_location_range') {
+              if (params.type_id == 2) {
+                LibNavigation.sendBackResult(params, LibNavigation.getResultKey(props))
+                LibNavigation.back()
+              } else {
+                LibNavigation.push<MartLocationArgs>('mart/location', { par_id: params.id, type_id: Number(params.type_id) + 1, from: from, item: params })
+              }
+            } else {
+              if (params.type_id == 4) {
+                if (from == 'mart/input') {
+                  LibNavigation.sendBackResult(params, LibNavigation.getResultKey(props))
+                  LibNavigation.back(3)
+                } else {
+                  // karena type_id 4 location_id nya 0
+                  let updateLocationId = LibObject.set(params, item?.location_id)('location_id')
+                  MartLocation_emptyProperty.state().set(updateLocationId)
+                  LibNavigation.redirect()
+                }
+              } else {
+                LibNavigation.push<MartLocationArgs>('mart/location', { par_id: params.id, type_id: Number(params.type_id) + 1, from: from, item: params })
+              }
+            }
+          }}
+          style={{ paddingHorizontal: 17, paddingVertical: 15, flexDirection: 'row', alignItems: 'center' }} >
+          <View style={{ flex: 1 }} >
+            <LibTextstyle textStyle="body" text={params.title} />
+            {/* <LibTextstyle textStyle="footnote" text={params.detail} style={{ color: "#888" }} /> */}
+          </View>
+          {
+            params.type_id != 4 &&
+            <LibIcon name="chevron-right" color="#888" />
+          }
+        </TouchableOpacity>
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: "white" }} >
+      <MarketHeader leftIcon={{ name: "arrow-left", onPress: () => { LibNavigation.back() } }} title={esp.lang("mart/location", "select") + (typeId == 1 ? esp.lang("mart/location", "province") : typeId == 2 ? esp.lang("mart/location", "city") : typeId == 3 ? esp.lang("mart/location", "district") : typeId == 4 ? esp.lang("mart/location", "village") : esp.lang("mart/location", "location"))} />
+      {
+        (loading && location.length == 0) ? <LibLoading />
+          : err ? <MarketEmpty msg={err} />
+            :
+            <LibList
+              data={location}
+              renderItem={renderRow}
+            />
+      }
+    </View>
+  )
+}
+

package/modules/mart/location_empty.tsx

@@ -0,0 +1,59 @@
+// withHooks
+import { BigbangIndexProperty } from 'esoftplay/cache/bigbang/index/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface MartLocation_emptyArgs {
+
+}
+export interface MartLocation_emptyProps {
+
+}
+
+export interface MartLocation_global {
+  active?: string,
+  detail?: string,
+  id?: string,
+  location_id?: string,
+  par_id?: string,
+  title?: string,
+  type_id?: string,
+}
+
+const init = {}
+
+const loc = useGlobalState<MartLocation_global>(init, { persistKey: 'mart_location_user', isUserData: true })
+
+export function state(): useGlobalReturn<MartLocation_global> {
+  return loc
+}
+
+export default function m(props: MartLocation_emptyProps): any {
+  
+  function selectLocation() {
+    LibNavigation.setRedirect(() => {
+      BigbangIndexProperty.setTab(0)
+      LibNavigation.reset('bigbang/index', 'mart/home')
+    })
+    LibNavigation.navigate('mart/location')
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: "white", alignItems: "center", justifyContent: "center" }} >
+      <LibStatusbar style={"dark"} />
+      <LibIcon name="map-marker-question" size={80} color={LibStyle.colorPrimaryMart} />
+      <Text allowFontScaling={false} style={{ marginHorizontal: 15, marginVertical: 15, textAlign: "center", fontSize: 16, fontFamily: "Arial", lineHeight: 20, letterSpacing: 0.6 }} >{esp.lang("mart/location_empty", "You_have_not_selected_a_delivery_location_at_this_time")}</Text>
+      <TouchableOpacity onPress={() => selectLocation()} activeOpacity={1} style={{ backgroundColor: LibStyle.colorPrimaryMart, marginTop: 15, paddingHorizontal: 15, paddingVertical: 10, borderRadius: 18 }} >
+        <Text allowFontScaling={false} style={{ color: "white", fontSize: 14, fontFamily: "Arial" }} >{esp.lang("mart/location_empty", "select_location")}</Text>
+      </TouchableOpacity>
+    </View >
+  )
+}