esoftplay-event 0.0.0-n → 0.0.0-p

package/_templates/user/profile.tsx

@@ -0,0 +1,740 @@
+// withHooks
+import { memo, useEffect, useRef } from 'react';
+
+import AsyncStorage, { useAsyncStorage } from '@react-native-async-storage/async-storage';
+import { applyStyle } from 'esoftplay';
+import { BboIndexProperty } from 'esoftplay/cache/bbo/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 { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { ComponentText } from 'esoftplay/cache/component/text/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { EventEntrance_successProperty } from 'esoftplay/cache/event/entrance_success/import';
+import { EventExit_successProperty } from 'esoftplay/cache/event/exit_success/import';
+import { EventHall_in_successProperty } from 'esoftplay/cache/event/hall_in_success/import';
+import { EventHall_out_successProperty } from 'esoftplay/cache/event/hall_out_success/import';
+import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/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 React from 'react';
+import { ImageBackground, Pressable, 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 (
+    <ComponentText.Caption bold color='#6c432c'>{esp.mod("lib/utils").money(saldo)}</ComponentText.Caption>
+  )
+}
+
+
+function m(props: UserProfileProps): any {
+
+  const [user] = UserClass.state().useState()
+  const { setItem } = useAsyncStorage('bigbang_index_skip_image')
+  const { deleteCache } = ChattingHistory()
+  const dialogNonaktif = useRef<ComponentSlidingup>(null)
+  const { auth } = esp.mod("firestore/index")().init()
+
+  async function setNewValue(value: string) {
+    await setItem(value)
+  }
+
+  useEffect(() => {
+    refreshData()
+  }, [])
+
+  function refreshData() {
+    update()
+    MarketMerchant_profileProperty.update(MarketMerchant_profileProperty.profileState().set)
+  }
+
+  if (!user) {
+    const styleId_ZcMJmd: any = { flex: 1 }
+    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) {
+    if (!!props?.collapsible) {
+      return (
+        <LibCollaps
+          show={props?.show || false}
+          header={(show) =>
+            <View style={applyStyle({ flexDirection: 'row', alignItems: "center", backgroundColor: 'white', borderRadius: 5, marginHorizontal: 16, marginTop: 7, marginBottom: 2, padding: 12, ...LibStyle.elevation(2) })} >
+              <LibPicture source={esp.assets(props.icon)} style={applyStyle({ height: 35, width: 35, resizeMode: 'contain', marginLeft: 7, marginRight: 20 })} />
+              <View style={applyStyle({ flex: 1 })} >
+                <ComponentText.Caption bold color='#4a4a4a' style={{ letterSpacing: 0 }}>{props.title}</ComponentText.Caption>
+              </View>
+              <LibIcon name={!show ? "chevron-down" : "chevron-up"} />
+            </View>
+          } >
+          <View style={applyStyle({ marginHorizontal: 16, backgroundColor: '#fff', borderBottomLeftRadius: 5, borderBottomRightRadius: 5, padding: 12, paddingBottom: 0, marginTop: 2, ...LibStyle.elevation(2) })}>
+            {props?.menu && props?.menu}
+          </View>
+        </LibCollaps>
+      )
+    } else {
+      return (
+        <TouchableOpacity onPress={() => {
+          props?.onPress?.()
+        }
+        } style={applyStyle({ flexDirection: 'row', alignItems: "center", backgroundColor: 'white', borderRadius: 5, marginHorizontal: 16, marginTop: 7, marginBottom: 2, padding: 12, ...LibStyle.elevation(2) })} >
+          <LibPicture source={esp.assets(props?.icon)} style={applyStyle({ height: 35, width: 35, resizeMode: 'contain', marginLeft: 7, marginRight: 20 })} />
+          <View style={applyStyle({ flex: 1 })} >
+            <ComponentText.Caption bold color='#4a4a4a' style={{ letterSpacing: 0 }}>{props.title}</ComponentText.Caption>
+          </View>
+        </TouchableOpacity>
+      )
+    }
+  }
+
+  function ProfileSubMenu(props: any) {
+    return (
+      <TouchableOpacity onPress={() => {
+        props?.onPress?.()
+      }} style={applyStyle({ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: "center", backgroundColor: 'white', paddingBottom: 10, paddingTop: 10, paddingLeft: 10, borderBottomWidth: 1, borderBottomColor: '#f5f5f5' })} >
+        <View style={applyStyle({ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center' })}>
+          <LibPicture resizeMode="contain" source={props?.hasOwnProperty('image') && props?.image !== "" ? { uri: props?.image } : esp.assets(props?.icon)} style={applyStyle({ height: 30, width: 30, marginLeft: 7, marginRight: 20 })} />
+          <View style={applyStyle({ flex: 1, marginRight: 7, })}>
+            <ComponentText.Caption bold color='#4a4a4a' style={{ letterSpacing: 0 }}>{props.title}</ComponentText.Caption>
+            {props?.subtitle?.length > 0 &&
+              <ComponentText.Small color='#909090' style={{ marginTop: 2, lineHeight: 12, letterSpacing: 0 }}>{props.subtitle}</ComponentText.Small>
+            }
+          </View>
+        </View>
+        {
+          props?.hasOwnProperty("status") &&
+          <TouchableOpacity onPress={props?.onPress} style={applyStyle({ borderColor: props?.status == 0 ? "#45C9AF" : LibStyle.colorRed, padding: 7, borderWidth: 1, paddingLeft: 15, paddingRight: 15, borderRadius: 15, width: 100, alignContent: 'center', alignItems: 'center' })}>
+            <ComponentText.Caption bold color={props?.status == 0 ? "#45C9AF" : LibStyle.colorRed} style={{ letterSpacing: 0 }}>{props?.status == 0 ? esp.lang("user/profile", "join_community_now") : esp.lang("user/profile", "see_profile_community")}</ComponentText.Caption>
+          </TouchableOpacity>
+        }
+      </TouchableOpacity>
+    )
+  }
+
+  const backupEntrance = EventEntrance_successProperty.syncUsedTiket().useSelector(s => s)
+  const backupExit = EventExit_successProperty.syncTicketExit().useSelector(s => s)
+  const backupHall = EventHall_in_successProperty.syncHallIn().useSelector(s => s)
+  const backupHall_out = EventHall_out_successProperty.syncHallOut().useSelector(s => s)
+  const bgHeight = LibStyle.width * 23 / 36 + LibStyle.STATUSBAR_HEIGHT
+  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)]} >
+            <ComponentText.Body bold color='#4a4a4a' style={{ letterSpacing: 0, textAlign: "center", marginBottom: 5 }}>{user?.name}</ComponentText.Body>
+            <View style={{ marginBottom: 3, flexDirection: 'row', alignItems: 'center' }}>
+              <ComponentText.Caption bold color='#9b9b9b' style={{ letterSpacing: 0, textAlign: "center" }}>{user?.phone}</ComponentText.Caption>
+              <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>
+            <ComponentText.Caption bold color='#9b9b9b' style={{ letterSpacing: 0, textAlign: "center" }}>{user?.email}</ComponentText.Caption>
+          </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('ticket/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.navigate('event/tms_event_list', { is_eo: user?.is_eo })}
+                      />
+                    }
+                    {
+                      res?.is_idcard_check == "1" &&
+                      <ProfileSubMenu
+                        icon={'menu/ic_idcard.png'}
+                        title={esp.lang("event/tms_dashboard", "qc_idcard")}
+                        onPress={() =>
+                          LibNavigation.navigateForResult('user/profile_tms_list', { data: user?.has_print }).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('user/profile_tms_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('user/profile_tms_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('user/profile_tms_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/log', { fromPage: 'user/profile' })
+                }}
+              />
+            }
+
+            <ProfileSubMenu
+              icon={'menu/ic_exhibitor.png'}
+              title={esp.lang("user/profile", "exhibitor_id")}
+              onPress={() => LibNavigation.navigate('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={() => { 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')} />
+        }
+        <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()
+            BboIndexProperty.setTab(0)
+            esp.mod("firestore/index")().logout?.(auth)
+            deleteCache()
+            UserClass.delete()
+          }, esp.lang("user/profile", "btn_cancel_logout"), () => { })
+        }} />
+
+        <Pressable onPress={() => {
+          if (!__DEV__) {
+            LibProgress.show(esp.lang("user/profile", "check"))
+          }
+          let timeout: any = setTimeout(() => {
+            LibProgress.hide()
+          }, 10000)
+
+          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>
+
+      {/* dialog nonaktif */}
+      <ComponentSlidingup ref={dialogNonaktif}>
+        <View style={{ backgroundColor: '#f6f6f6', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 35, paddingHorizontal: 19, }}>
+          <ComponentText.Body bold color='#34495e' style={{ marginTop: 26, marginBottom: 23, fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center" }}>{esp.lang("user/profile", "nonaktif_account_bbo")}</ComponentText.Body>
+          <TouchableOpacity onPress={() => {
+            dialogNonaktif.current!.hide()
+            LibNavigation.navigate('user/delete', { active: 2 })
+          }}
+            style={[{ alignItems: 'center', paddingLeft: 10, height: 50, borderRadius: 5, alignContent: 'center', justifyContent: 'center', backgroundColor: '#fff' }, LibStyle.elevation(2)]} >
+            <ComponentText.Button color='#4b4b4b'>{esp.lang("user/profile", "nonactive_temporary")}</ComponentText.Button>
+          </TouchableOpacity>
+          <TouchableOpacity onPress={() => {
+            dialogNonaktif.current!.hide()
+            LibNavigation.navigate('user/delete', { active: 3 })
+
+          }} style={[{ alignItems: 'center', marginTop: 15, paddingLeft: 10, height: 50, borderRadius: 5, alignContent: 'center', justifyContent: 'center', backgroundColor: LibStyle.colorRed }, LibStyle.elevation(2)]} >
+            <ComponentText.Button bold color='#fff'>{esp.lang("user/profile", "delete_my_account")}</ComponentText.Button>
+          </TouchableOpacity>
+        </View>
+      </ComponentSlidingup>
+    </View>
+  )
+}
+
+export default memo(m)