esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/user/profile.tsx

@@ -1,797 +0,0 @@
-// withHooks
-
-import AsyncStorage, { useAsyncStorage } from '@react-native-async-storage/async-storage';
-import { BigbangIndexProperty } from 'esoftplay/cache/bigbang/index/import';
-import { ChattingHistory } from 'esoftplay/cache/chatting/history/import';
-import { ComponentAvatar } from 'esoftplay/cache/component/avatar/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentModal } from 'esoftplay/cache/component/modal/import';
-import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
-import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibNotification } from 'esoftplay/cache/lib/notification/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibProgress } from 'esoftplay/cache/lib/progress/import';
-import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
-import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
-import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/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 { LibUpdaterProperty } from 'esoftplay/cache/lib/updater/import';
-import { MarketCartProperty } from 'esoftplay/cache/market/cart/import';
-import { MarketMerchant_profileProperty } from 'esoftplay/cache/market/merchant_profile/import';
-import { UserClass } from 'esoftplay/cache/user/class/import';
-import { UserDevicesProperty } from 'esoftplay/cache/user/devices/import';
-import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
-import { UserReminderProperty } from 'esoftplay/cache/user/reminder/import';
-import esp from 'esoftplay/esp';
-
-import { EventTms_in_hall_successProperty } from 'esoftplay/cache/event/tms_in_hall_success/import';
-import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
-import { EventTms_out_hall_successProperty } from 'esoftplay/cache/event/tms_out_hall_success/import';
-import { EventTms_out_successProperty } from 'esoftplay/cache/event/tms_out_success/import';
-import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { LogReporter } from 'esoftplay/cache/log/reporter/import';
-import { MarketSheet } from 'esoftplay/cache/market/sheet/import';
-import useLazyState from 'esoftplay/lazy';
-import React, { useEffect, useRef } from 'react';
-import { ImageBackground, Pressable, Text, TouchableOpacity, View } from 'react-native';
-
-
-export interface UserProfileProps {
-  navigation: any
-}
-
-export function update(_callback?: () => void): void {
-  UserReminderProperty?.setReminder?.()
-  new LibCurl('user?t=' + new Date().getTime(), null,
-    (res) => {
-      esp.mod("chatting/lib")().setUser()
-      UserClass.create(res)
-      _callback?.()
-    },
-    (msg) => {
-
-    })
-}
-
-export function isLogin(isLogin: () => void, isLogout?: () => void): void {
-  let user = UserClass.state().get()
-  if (user && user?.id) {
-    isLogin()
-  } else {
-    isLogout
-      ? isLogout()
-      : LibNavigation.navigate('user/login')
-  }
-}
-
-export function pushToken(): void {
-  AsyncStorage.getItem("token").then((token: any) => {
-    if (token) {
-      new LibCurl('user_token', { token: token }, (result, msg) => {
-        UserClass.pushToken()
-      }, (error) => {
-        AsyncStorage.removeItem("push_id")
-        UserClass.pushToken()
-      }, 1)
-    }
-  })
-}
-
-export const Saldo = () => {
-  const saldo = UserClass.state().useSelector((user) => user.saldo)
-  return <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 11, color: "#6c432c" }} >{esp.mod("lib/utils").money(saldo)}</Text>
-}
-
-export default function m(props: UserProfileProps): any {
-  let showImage = React.useRef<ComponentSlidingup>(null)
-
-  const [user] = UserClass.state().useState()
-  const [dataLogReporter] = LogReporter.dataState().useState()
-  const { setItem } = useAsyncStorage('bigbang_index_skip_image')
-  const { deleteCache } = ChattingHistory()
-  const { auth } = esp.mod("firestore/index")().init()
-  const [, setDataDevice, getDataDevice] = useLazyState([])
-  const [, setInstallID, getInstallID] = useLazyState()
-
-  const menuRef = useRef<MarketSheet>(null)
-
-  async function setNewValue(value: string) {
-    await setItem(value)
-  }
-
-  useEffect(() => {
-    refreshData()
-    loadDataDevice()
-    setInstID()
-  }, [])
-
-  function loadDataDevice() {
-    new LibCurl('user_device_list', null, (res, msg) => {
-      setDataDevice(res)
-    }, (msg) => {
-
-    })
-  }
-
-  function refreshData() {
-    update()
-    MarketMerchant_profileProperty.update(MarketMerchant_profileProperty.profileState().set)
-  }
-
-  const bgHeight = LibStyle.width * 23 / 36 + LibStyle.STATUSBAR_HEIGHT
-
-  if (!user) {
-    return (
-      <View style={{ flex: 1, backgroundColor: 'white' }} >
-        <ComponentHeader bgColor="transparent" title={esp.lang("user/profile", "title_my_profile")} />
-        <LibSkeleton>
-          <LibStatusbar style="dark" />
-          <LibScroll>
-            <View style={{ borderRadius: 41, height: 84, width: 84, alignSelf: 'center', marginTop: 30, backgroundColor: 'white' }} />
-            <View style={{ borderWidth: 1, borderRadius: 5, marginHorizontal: 16, padding: 11, alignItems: 'center', marginTop: 45, marginBottom: 2 }} >
-              <View style={{ backgroundColor: 'white', width: 100, height: 20, borderRadius: 10, marginBottom: 5 }} />
-              <View style={{ backgroundColor: 'white', width: 120, height: 15, borderRadius: 7.5, marginBottom: 5 }} />
-              <View style={{ backgroundColor: 'white', width: 130, height: 15, borderRadius: 7.5 }} />
-            </View>
-            <View style={{ position: 'absolute', right: 25, bottom: 20 }} >
-              <View style={{ width: 22, height: 22, borderRadius: 11, backgroundColor: 'white' }} />
-            </View>
-            {
-              [1, 1, 1, 1, 1].map((item: any, i: number) => (
-                <View key={i} style={{ borderWidth: 1, flexDirection: 'row', alignItems: "center", borderRadius: 5, marginHorizontal: 16, marginTop: 7, marginBottom: 2, padding: 12 }} >
-                  <View style={{ height: 35, width: 35, borderRadius: 17.5, backgroundColor: 'white', marginLeft: 7, marginRight: 20 }} />
-                  <View style={styleId_ZcMJmd}>
-                    <View style={{ backgroundColor: 'white', height: 20, width: 150, borderRadius: 10 }} />
-                  </View>
-                  <LibIcon name={"chevron-down"} />
-                </View>
-              ))
-            }
-            <View style={{ borderWidth: 1, flexDirection: 'row', alignItems: "center", borderRadius: 5, marginHorizontal: 16, marginTop: 7, marginBottom: 2, padding: 12 }} >
-              <View style={{ height: 35, width: 35, borderRadius: 17.5, backgroundColor: 'white', marginLeft: 7, marginRight: 20 }} />
-              <View style={styleId_ZcMJmd}>
-                <View style={{ backgroundColor: 'white', height: 20, width: 150, borderRadius: 10 }} />
-              </View>
-            </View>
-          </LibScroll>
-        </LibSkeleton>
-      </View>
-    )
-  }
-
-  function ProfileMenu(props: any) {
-    const styleId_ZpAWD0: any = { height: 35, width: 35, resizeMode: 'contain', marginLeft: 7, marginRight: 20 }
-    if (!!props?.collapsible) {
-      return (
-        <LibCollaps
-          show={props?.show || false}
-          header={(show) =>
-            <View style={styleId_Z1dHpMJ} >
-              <LibPicture source={esp.assets(props.icon)} style={styleId_ZpAWD0} />
-              <View style={styleId_ZcMJmd} >
-                <Text allowFontScaling={false} style={styleId_Z14O3V7} >{props.title}</Text>
-              </View>
-              <LibIcon name={!show ? "chevron-down" : "chevron-up"} />
-            </View>
-          } >
-          <View style={styleId_A82JC}>
-            {props?.menu && props?.menu}
-          </View>
-        </LibCollaps>
-      )
-    } else {
-      return (
-        <TouchableOpacity onPress={() => {
-          props?.onPress?.()
-        }
-        } style={styleId_Z1dHpMJ} >
-          <LibPicture source={esp.assets(props?.icon)} style={styleId_ZpAWD0} />
-          <View style={styleId_ZcMJmd} >
-            <Text allowFontScaling={false} style={styleId_Z14O3V7} >{props?.title}</Text>
-          </View>
-        </TouchableOpacity>
-      )
-    }
-  }
-
-  function ProfileSubMenu(props: any) {
-    const styleId_ZhwLbM: any = { borderColor: props?.status == 0 ? "#45C9AF" : LibStyle.colorRed, padding: 7, borderWidth: 1, paddingLeft: 15, paddingRight: 15, borderRadius: 15, width: 100, alignContent: 'center', alignItems: 'center' }
-    const styleId_21D4nL: any = { fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: props?.status == 0 ? "#45C9AF" : LibStyle.colorRed }
-    return (
-      <TouchableOpacity onPress={() => {
-        props?.onPress?.()
-      }} style={styleId_Z1qFDbw} >
-        <View style={styleId_Z4zoDX}>
-          <LibPicture resizeMode="contain" source={props?.hasOwnProperty('image') && props?.image !== "" ? { uri: props?.image } : esp.assets(props?.icon)} style={styleId_1Q0CKE} />
-          <View style={styleId_ZSxPtO}>
-            <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode="middle" style={styleId_Z14O3V7} >{props?.title} </Text>
-            {props?.subtitle?.length > 0 && <Text allowFontScaling={false} style={styleId_Z1GSIbI} numberOfLines={2}  >{props?.subtitle}</Text>}
-          </View>
-        </View>
-        {
-          props?.hasOwnProperty("status") &&
-          <TouchableOpacity onPress={props?.onPress} style={styleId_ZhwLbM}>
-            <Text allowFontScaling={false} style={styleId_21D4nL} >{props?.status == 0 ? esp.lang("user/profile", "join_community_now") : esp.lang("user/profile", "see_profile_community")}</Text>
-          </TouchableOpacity>
-        }
-      </TouchableOpacity>
-    )
-  }
-
-  const backupEntrance = EventTms_in_successProperty.syncUsedTiket().useSelector(s => s)
-  const backupExit = EventTms_out_successProperty.syncTicketExit().useSelector(s => s)
-  const backupHall = EventTms_in_hall_successProperty.syncHallIn().useSelector(s => s)
-  const backupHall_out = EventTms_out_hall_successProperty.syncHallOut().useSelector(s => s)
-
-
-  async function setInstID() {
-    let _installationID = await LibUtils.getInstallationID()
-    setInstallID(_installationID)
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: 'white' }} >
-      <LibStatusbar style="dark" />
-      <LibScroll onRefresh={refreshData} >
-        <ImageBackground source={esp.assets('slider_section.png')} style={{ height: bgHeight, width: LibStyle.width, backgroundColor: LibStyle.colorPrimary }} >
-          <ComponentHeader bgColor="transparent" title={esp.lang("user/profile", "title_my_profile")} />
-          <LibCurl_view
-            url='v2/user_image'
-            isUserData
-            cache
-            onSuccess={(res, msg) => {
-              return (
-                <ComponentTouchable style={{ marginTop: 28 }} onPress={() => { LibNavigation.navigate('lib/gallery', { image: res }) }}>
-                  <ComponentAvatar uri={res} style={{ alignSelf: 'center' }} />
-                </ComponentTouchable>
-              )
-            }}
-            onError={(err) => {
-              return (
-                <View style={{ borderRadius: 41, height: 82, width: 82, alignSelf: 'center', marginTop: 28, overflow: 'hidden' }} >
-                  <LibPicture source={esp.assets('icons/ic_no_image.png')} style={{ height: 82, width: 82, borderRadius: 41, resizeMode: 'contain' }} />
-                </View>
-              )
-            }}
-            onLoading={
-              <View style={{ borderRadius: 41, height: 82, width: 82, alignSelf: 'center', marginTop: 28, overflow: 'hidden' }} >
-                <LibPicture source={esp.assets('icons/ic_no_image.png')} style={{ height: 82, width: 82, borderRadius: 41, resizeMode: 'contain' }} />
-              </View>
-            }
-          />
-        </ImageBackground>
-        <View>
-          <View style={[{ borderRadius: 5, backgroundColor: 'white', marginHorizontal: 16, padding: 11, alignItems: 'center', marginTop: -30, marginBottom: 2 }, LibStyle.elevation(2)]} >
-            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="middle" style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#4a4a4a", marginBottom: 5 }} >{user?.name}</Text>
-            <View style={{ marginBottom: 3, flexDirection: 'row', alignItems: 'center' }}>
-              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#9b9b9b" }} >{user?.phone}</Text>
-              <View style={{ marginLeft: 4 }}>
-                {
-                  user?.phone_verified == 0 ?
-                    <LibIcon name='close-circle' size={14} color={LibStyle.colorRed} /> : <LibIcon name='check-circle' size={14} color={LibStyle.colorGreen} />
-                }
-              </View>
-            </View>
-            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#9b9b9b" }} >{user?.email}</Text>
-          </View>
-          <View style={[{ position: 'absolute', right: 25, top: 14 }, LibStyle.elevation(3)]} >
-            <ComponentTouchable onPress={() => LibNavigation.navigate('user/profile_edit')} >
-              <LibPicture source={esp.assets('icons/ic_pen_blue.png')} style={{ height: 20, width: 20, resizeMode: 'contain' }} />
-            </ComponentTouchable>
-          </View>
-        </View>
-
-        <ProfileMenu icon={'menu/ic_event.png'} title={esp.lang("user/profile", "bbo_event")} collapsible menu={
-          <>
-            <ProfileSubMenu
-              icon={'menu/ic_ticket_orders.png'}
-              title={esp.lang("user/profile", "my_ticket_order")}
-              onPress={() => {
-                LibNavigation.navigate('event/order')
-              }} />
-
-            <LibCurl_view
-              url='v2/user_access_event'
-              cache
-              onSuccess={(res, msg) => {
-                return (
-                  <View>
-                    {
-                      res?.is_tms == "1" &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_tms.png'}
-                        title={"Dashboard TMS"}
-                        onPress={() => LibNavigation.navigate('event/tms_dashboard')} />
-                    }
-                    {
-                      res?.is_eo == "1" &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_organize_tms.png'}
-                        title={esp.lang("user/profile", "organize_tms")}
-                        onPress={() =>
-                          LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_eo }).then((value) => {
-                            LibNavigation.navigate("event/tms", { dataEO: value })
-                          })
-                        }
-                      />
-                    }
-                    {
-                      res?.is_idcard_check == "1" &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_idcard.png'}
-                        title={esp.lang("event/tms_dashboard", "qc_idcard")}
-                        onPress={() =>
-                          LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_idcard_scan }).then((value) => {
-                            LibNavigation.navigate('event/qc_idcard', { data: value })
-                          })
-                        }
-                      />
-                    }
-
-                    {
-                      res?.is_eo == "1" &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_tms.png'}
-                        title={esp.lang("user/profile", "eo")}
-                        onPress={() =>
-                          LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_eo }).then((value) => {
-                            LibNavigation.navigate('event/counter_eo', { is_eo: value })
-                          })
-                        }
-                      />
-                    }
-                    {
-                      res?.is_manager == "1" &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_tms.png'}
-                        title={esp.lang("user/profile", "locket_manager")}
-                        onPress={() =>
-                          LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_manager }).then((value) => {
-                            LibNavigation.navigate('event/counter_lm', { is_manager: value })
-                          })
-
-                        }
-                      />
-                    }
-                    {
-                      res?.is_seller == "1" &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_tms.png'}
-                        title={esp.lang("user/profile", "cashier")}
-                        onPress={() =>
-                          LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_seller }).then((value) => {
-                            LibNavigation.navigate('event/counter_cashier', { is_seller: value })
-                          })
-
-                        }
-                      />
-                    }
-
-                  </View>
-                )
-              }}
-              onError={(err) => {
-                return (
-                  <View />
-                )
-              }}
-            />
-
-            {
-              esp.isDebug("") && (backupEntrance?.length > 0 || backupExit?.length > 0 || backupHall?.length > 0 || backupHall_out?.length > 0) &&
-              <ProfileSubMenu
-                icon={'failed_icon.png'}
-                title={esp.lang("user/profile", "closing")}
-                onPress={() => {
-                  LibNavigation.navigate('event/tms_log', { fromPage: 'user/profile' })
-                }}
-              />
-            }
-
-            <ProfileSubMenu
-              icon={'menu/ic_exhibitor.png'}
-              title={esp.lang("user/profile", "exhibitor_id")}
-              onPress={() => LibNavigation.navigate('event/visitor_index')}
-            />
-            <ProfileSubMenu
-              icon={'menu/ic_my_coupon.png'}
-              title={esp.lang("user/profile", "list_event_coupon")}
-              onPress={() => { esp.mod("lib/navigation").navigate("event/coupon") }}
-            />
-
-            <LibCurl_view
-              url='v2/user_access_event'
-              cache
-              onSuccess={(res, msg) => {
-                return (
-                  <View>
-                    {
-                      res?.is_tenant_reward == 1 &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_tms.png'}
-                        title={esp.lang("user/profile", "claim_event_coupon")}
-                        onPress={() => { esp.mod("lib/navigation").navigate("event/coupon_event_list") }}
-                      />
-                    }
-                    {
-                      res?.is_admin_reward == 1 &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_my_coupon.png'}
-                        title={esp.lang("user/profile", "generate_event_coupon")}
-                        onPress={() => { esp.mod("lib/navigation").navigate("event/coupon_generate_event") }}
-                      />
-                    }
-
-                  </View>
-                )
-              }}
-              onError={(err) => {
-                return (
-                  <View />
-                )
-              }}
-            />
-          </>
-        } />
-
-        <ProfileMenu icon={'menu/ic_jobs.png'} title={esp.lang("user/profile", "bbo_jobs")} collapsible menu={
-          <>
-            <LibCurl_view
-              url='v2/user_access_job'
-              cache
-              onSuccess={(res, msg) => {
-                return (
-                  <View>
-                    {
-                      res?.map?.((item: any, i: number) => (
-                        <ProfileSubMenu
-                          key={i}
-                          status={item?.status}
-                          active={item?.active}
-                          subtitle={item?.subtitle}
-                          image={item?.image}
-                          title={item?.title}
-                          onPress={() => { LibNavigation.navigate(item?.module, { item: item }) }}
-                        />
-                      ))
-                    }
-
-                  </View>
-                )
-              }}
-              onError={(err) => {
-                return (
-                  <View />
-                )
-              }}
-            />
-
-            <ProfileSubMenu
-              icon={'menu/ic_post_job_available.png'}
-              title={esp.lang("user/profile", "post_job_available")}
-              onPress={() => LibNavigation.navigate('community/job_available')}
-            />
-            {
-              esp.isDebug("") &&
-              <ProfileSubMenu
-                icon={'menu/ic_block.png'}
-                title={esp.lang("user/profile", "exclude")}
-                onPress={() => LibNavigation.navigate('community/exclude_job')}
-              />
-            }
-            <ProfileSubMenu
-              icon={'menu/ic_block.png'}
-              title={esp.lang("user/profile", "list_block")}
-              onPress={() => LibNavigation.navigate('user/block')}
-            />
-          </>
-        } />
-
-        <ProfileMenu icon={'menu/ic_toko_bbo2.png'} title={esp.lang("user/profile", "toko_bbo")} collapsible menu={
-          <>
-            <ProfileSubMenu
-              icon={'menu/ic_buyer.png'}
-              title={esp.lang("user/profile", "buyer_account")}
-              onPress={() => LibNavigation.navigate('market/account_buyer')}
-            />
-            <LibCurl_view
-              url='v2/user_access_merchant'
-              cache
-              onSuccess={(res, msg) => {
-                return (
-                  <View>
-                    <ProfileSubMenu
-                      icon={'menu/ic_my_store.png'}
-                      title={res?.merchant_id != "0" ? esp.lang("user/profile", "seller_account") : esp.lang("user/profile", "register_toko_bbo")}
-                      onPress={() => LibNavigation.navigate(res?.merchant_id != "0" ? 'market/account_merchant' : 'market/merchant_register')} />
-
-                    {
-                      res?.cashier_id != "0" &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_cashier.png'}
-                        title={esp.lang("user/profile", "seller_assistant")}
-                        onPress={() => LibNavigation.navigate('cashier/qr')} />
-                    }
-                  </View>
-                )
-              }}
-              onError={(err) => {
-                return (
-                  <View />
-                )
-              }}
-            />
-
-            {
-              esp.isDebug('') &&
-              <ProfileSubMenu
-                icon={'menu/ic_my_coupon.png'}
-                title={esp.lang("user/profile", "my_voucher")}
-                onPress={() => LibNavigation.navigate('market/voucher')} />
-            }
-            {
-              esp.isDebug('') &&
-              <ProfileSubMenu
-                icon={'market/ic_market_review.png'}
-                title={esp.lang("user/profile", "discuss")}
-                onPress={() => LibNavigation.navigate('market/product_discuss', { fromPage: 'user/profile' })} />
-            }
-            <LibCurl_view
-              url='v2/user_access_merchant'
-              cache
-              onSuccess={(res, msg) => {
-                return (
-                  <View>
-                    {
-                      res?.merchant_id != 0 &&
-                      <ProfileSubMenu
-                        icon={'menu/ic_close_store.png'}
-                        title={esp.lang("user/profile", "close_store")}
-                        onPress={() => LibNavigation.navigate('market/merchant_close')} />
-                    }
-                  </View>
-                )
-              }}
-              onError={(err) => {
-                return (
-                  <View />
-                )
-              }}
-            />
-          </>
-        } />
-
-        <ProfileMenu icon={'menu/ic_business.jpg'} title={esp.lang("user/profile", "bbo_business")} collapsible menu={
-          <>
-            <ProfileSubMenu
-              icon={'menu/ic_toserba.png'}
-              title={esp.lang("user/profile", "toserba")}
-              onPress={() => LibNavigation.navigate(user?.mitra_id != 0 ? 'mart/account' : 'mart/register')} />
-            {
-              (esp.isDebug("") && user?.dc_id != 0) &&
-              <ProfileSubMenu
-                icon={'menu/ic_toserba.png'}
-                title={esp.lang("user/profile", "distribution_center")}
-                onPress={() => LibNavigation.navigate('mart/dc_account')} />
-            }
-            <ProfileSubMenu
-              icon={'menu/bbo_pos.png'}
-              title={esp.lang("user/profile", "pos")}
-              onPress={() => LibNavigation.navigate('pos/index')} />
-          </>
-        } />
-        {
-          esp.isDebug('my_coupon') &&
-          <ProfileMenu icon={'menu/ic_ticket_orders.png'} title={esp.lang("user/profile", "coupon1")} collapsible menu={
-            <>
-              <ProfileSubMenu
-                icon={'menu/ic_ticket_orders.png'}
-                title={esp.lang("user/profile", "coupon2")}
-                onPress={() => { LibNavigation.navigate('deals/home') }} />
-              <ProfileSubMenu
-                icon={'menu/ic_ticket_orders.png'}
-                title={esp.lang("user/profile", "my_coupon")}
-                onPress={() => { LibNavigation.navigate('deals/order') }} />
-            </>
-            // {
-            //   id: 40,
-            //   par_id: 38,
-            //   icon: 'icons/ic_contract.png',
-            //   title: 'Syarat & Ketentuan',
-            //   publish: esp.isDebug('my_coupon'),
-            //   module: ''
-            // },
-            // {
-            //   id: 41,
-            //   par_id: 38,
-            //   icon: 'icons/ic_contract.png',
-            //   title: 'Kebijakan Kami',
-            //   publish: esp.isDebug('my_coupon'),
-            //   module: ''
-            // },
-            // {
-            //   id: 42,
-            //   par_id: 38,
-            //   icon: 'icons/ic_information.png',
-            //   title: 'Bantuan',
-            //   publish: esp.isDebug('my_coupon'),
-            //   module: ''
-            // },
-          } />
-        }
-        {/* {
-          <ProfileMenu icon={'menu/ic_bbo2go.png'} title={esp.lang("user/profile", "bbo2go")} collapsible menu={
-            <>
-              <ProfileSubMenu
-                icon={'menu/ic_my_address.png'}
-                title={esp.lang("user/profile", "my_address_setting")}
-                onPress={() => { }} />
-            </>
-          } />
-        } */}
-        <ProfileMenu icon={'menu/ic_settings.png'} title={esp.lang("user/profile", "general_setting")} collapsible menu={
-          <>
-            <ProfileSubMenu
-              icon={'menu/ic_change_pass.png'}
-              title={esp.lang("user/profile", "change_password")}
-              onPress={() => { LibNavigation.navigate('user/password') }} />
-            <ProfileSubMenu
-              icon={'menu/ic_web.png'}
-              title={esp.lang("user/profile", "bbo_web_login")}
-              onPress={() => { LibNavigation.navigate('user/weblogin') }} />
-            {/* <ProfileSubMenu
-              icon={'menu/ic_change_lang.png'}
-              title={esp.lang("user/profile", "change_language")}
-              onPress={() => { }} /> */}
-            {/* <ProfileSubMenu
-              icon={'menu/ic_privacy.png'}
-              title={esp.lang("user/profile", "privacy_policy")}
-              onPress={() => { }} /> */}
-            {/* <ProfileSubMenu
-              icon={'menu/ic_terms.png'}
-              title={esp.lang("user/profile", "terms_of_services")}
-              onPress={() => { }} /> */}
-            {/* <ProfileSubMenu
-              icon={'menu/ic_help.png'}
-              title={esp.lang("user/profile", "help_center")}
-              onPress={() => { }} /> */}
-            <ProfileSubMenu
-              icon={'menu/ic_contact_bbo.png'}
-              title={esp.lang("user/profile", "contact_bbo")}
-              onPress={() => { LibNavigation.navigate(esp.isDebug('contact_us') ? 'bigbang/contact' : 'user/help') }} />
-            <ProfileSubMenu
-              icon={'icons/ic_devices.png'}
-              title={esp.lang("user/profile", "device")}
-              onPress={() => { LibNavigation.navigate('user/devices') }} />
-            <ProfileSubMenu
-              icon={'icons/ic_delete_account.png'}
-              title={esp.lang("user/profile", "close_account")}
-              onPress={() => {
-                menuRef.current?.show()
-                // dialogNonaktif?.current?.show?.()
-              }} />
-          </>
-        } />
-        <ProfileMenu
-          icon={'menu/ic_change_lang.png'}
-          title={esp.lang("user/profile", "language")}
-          onPress={() => { LibNavigation.navigate('user/language') }} />
-        {
-          esp.isDebug('faq') &&
-          <ProfileMenu icon={'menu/ic_help.png'} title={esp.lang("user/profile", "faq")} onPress={() => LibNavigation.navigate('bigbang/faq')} />
-        }
-
-        {
-          !!user && dataLogReporter?.length > 0 &&
-          <ProfileMenu
-            icon={'icons/ic_information.png'} title={esp.lang("user/profile", "send_report")} onPress={() => {
-              let thisDevice = getDataDevice()?.filter((item: any) => item.installation_id == getInstallID())[0]
-              LibDialog.warningConfirm(esp.lang("user/profile", "confirm"), esp.lang("user/profile", "are_u_sure"), esp.lang("user/profile", "send"), () => {
-                // setCounter(counter + 1)
-                LogReporter.sendReport(thisDevice)
-              }, esp.lang("user/profile", "cancel"), () => { })
-            }}
-          />
-        }
-
-        <ProfileMenu icon={'icons/ic_logout.png'} title={esp.lang("user/profile", "logout")} onPress={() => {
-          LibDialog.warningConfirm(esp.lang("user/profile", "title_dialog_logout"), esp.lang("user/profile", "body_dialog_logout"), esp.lang("user/profile", "btn_yes_logout"), () => {
-            UserDevicesProperty.terminSession()
-            setNewValue('1')
-            UserReminderProperty?.mute?.()
-            UserProfileProperty.pushToken()
-            LibNotification.drop()
-            MarketCartProperty.getCountState()
-            LibNavigation.reset()
-            BigbangIndexProperty.setTab(0)
-            esp.mod("firestore/index")().logout?.(auth)
-            deleteCache()
-            UserClass.delete()
-          }, esp.lang("user/profile", "btn_cancel_logout"), () => { })
-        }} />
-        {
-          /* {
-            menu?.filter?.((x: any) => x.par_id == 0 && x.publish == 1).map(renderMenu)
-          } */
-        }
-        <Pressable onPress={() => {
-          if (!__DEV__) {
-            LibProgress.show(esp.lang("user/profile", "check"))
-          }
-          let timeout: any = setTimeout(() => {
-            LibProgress.hide()
-          }, 100000)
-
-          LibUpdaterProperty.check((isNew) => {
-            if (isNew) {
-              if (timeout) {
-                clearTimeout(timeout)
-                timeout = undefined
-              }
-              LibProgress.hide()
-              LibUpdaterProperty.install()
-            } else {
-              if (timeout) {
-                clearTimeout(timeout)
-                timeout = undefined
-              }
-              LibProgress.hide()
-              LibToastProperty.show(esp.lang("user/profile", "app_new"))
-            }
-          })
-        }} >
-          <LibTextstyle
-            style={{ textAlign: 'center', color: "#999", marginTop: 10, marginBottom: 10 }}
-            textStyle='caption2' text={esp.lang("user/profile", "btn_check", esp.appjson().expo.name, esp.versionName())} />
-        </Pressable>
-      </LibScroll>
-      <ComponentModal ref={showImage}>
-        <View style={{ height: LibStyle.height, alignContent: 'center', alignItems: 'center', backgroundColor: 'rgba(0,0,0,0.5)', alignSelf: 'center', justifyContent: 'center' }}>
-          <LibPicture source={{ uri: user?.image }} style={{ alignSelf: 'center', width: LibStyle.width, height: LibStyle.height / 2, marginTop: 50 }} />
-        </View>
-      </ComponentModal>
-
-      <MarketSheet
-        _ref={menuRef}
-        title={esp.lang("user/profile", "nonaktif_account_bbo")}
-        options={[
-          {
-            text: esp.lang("user/profile", "nonactive_temporary"),
-            textStyle: { color: "red" },
-            onPress: () => {
-              LibNavigation.navigate('user/delete', { active: 2 })
-              LibDialog.hide()
-            }
-          },
-          {
-            text: esp.lang("user/profile", "delete_my_account"),
-            textStyle: { color: "red" },
-            onPress: () => {
-              LibNavigation.navigate('user/delete', { active: 3 })
-              LibDialog.hide()
-            }
-          },
-        ]}
-      />
-
-    </View>
-  )
-}
-const styleId_Z1qFDbw: any = { flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: "center", backgroundColor: 'white', paddingBottom: 10, paddingTop: 10, paddingLeft: 10, borderBottomWidth: 1, borderBottomColor: '#f5f5f5' }
-const styleId_Z4zoDX: any = { flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }
-const styleId_1Q0CKE: any = { height: 30, width: 30, marginLeft: 7, marginRight: 20 }
-const styleId_ZSxPtO: any = { flex: 1, marginRight: 7, }
-const styleId_Z14O3V7: any = { fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }
-const styleId_Z1GSIbI: any = { marginTop: 2, fontFamily: "Arial", fontSize: 8, fontWeight: "normal", fontStyle: "normal", lineHeight: 12, letterSpacing: 0, color: "#909090" }
-
-const styleId_ZcMJmd: any = { flex: 1 }
-const styleId_Z1dHpMJ: any = { flexDirection: 'row', alignItems: "center", backgroundColor: 'white', borderRadius: 5, marginHorizontal: 16, marginTop: 7, marginBottom: 2, padding: 12, ...LibStyle.elevation(2) }
-const styleId_A82JC: any = { marginHorizontal: 16, backgroundColor: '#fff', borderBottomLeftRadius: 5, borderBottomRightRadius: 5, padding: 12, paddingBottom: 0, marginTop: 2, ...LibStyle.elevation(2) }