esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/feed/list.tsx

@@ -1,193 +0,0 @@
-// withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
-import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { FeedFilter_locationProperty } from 'esoftplay/cache/feed/filter_location/import';
-import { FeedItem2 } from 'esoftplay/cache/feed/item2/import';
-import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import React, { useEffect, useRef } from 'react';
-import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
-
-
-
-export interface FeedListProps {
-  navigation: any
-}
-
-let ids: any = []
-export default function m(props: FeedListProps): any {
-  const titleFrom = LibNavigation.getArgs(props, 'titleFrom')
-  const par_id = LibNavigation.getArgs(props, 'par_id')
-  let url = LibNavigation.getArgs(props, 'url')
-
-  const [resultCat, setResultCat] = useSafeState<any>()
-  const [selectCat, setSelectCat] = useSafeState<any>()
-  const [location, setLocation] = useSafeState<any>()
-  const [counter, setCounter] = useSafeState<any>(0)
-
-  // const [par_id, setPar_id] = useSafeState<any>(LibNavigation.getArgs(props, 'par_id'))
-  const scrollTo = useRef<LibInfinite>(null)
-  let [_url, set_url] = useSafeState<any>('') // ini url yang ada getnya
-
-  useEffect(() => {
-    loadData()
-    set_url(url)
-    ids = []
-  }, [])
-
-  useEffect(() => {
-    if (selectCat) {
-      url += url.includes('?') ? '&' : '?'
-      url += 'cat_id=' + selectCat?.id
-    }
-    if (location) {
-      url += url.includes('?') ? '&' : '?'
-      url += 'location_id=' + location
-    }
-
-    let newUrl = url /* += a */
-    set_url(newUrl)
-  }, [counter])
-
-  function loadData() {
-    new LibCurl('community_category?par_id=' + par_id, null, (result, msg) => {
-      setResultCat(result)
-    }, (error) => {
-      LibToastProperty.show(error?.message)
-    })
-  }
-
-  let dialogCat = React.useRef<ComponentSlidingup>(null)
-
-  function renderItem(item: any) {
-    return (
-      <FeedItem2
-        image={item.image}
-        communityExp={titleFrom == "talent" ? item?.talent?.experience : ""}
-        communityName={titleFrom == "talent" ? item?.talent?.name
-          : titleFrom == "influencer" ? item?.influencer?.name
-            : titleFrom == "eo" ? item?.eo?.name
-              : ""}
-        likes={item.likes}
-        rating={item.rating}
-        title={item.title}
-        url={item.url}
-        onPress={() => {
-          LibNavigation.push(titleFrom == "talent" ? 'feed/talent_detail'
-            : titleFrom == "influencer" ? 'feed/influencer_detail'
-              : titleFrom == "eo" ? 'feed/eo_detail'
-                : "", { url: item.url })
-        }} />
-    )
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={
-        titleFrom == "talent" ? esp.lang("feed/list", "list_talent") :
-          titleFrom == "eo" ? esp.lang("feed/list", "list_eo") :
-            titleFrom == "influencer" ? esp.lang("feed/list", "list_influencer") : esp.lang("feed/list", "list_job_seeker")
-      } />
-      <View style={{ alignContent: 'center', alignItems: 'center', margin: 15, flexDirection: 'row', justifyContent: 'space-between' }}>
-        <ComponentTouchable onPress={() => { dialogCat.current!.show() }}>
-          <View style={{ flexDirection: 'row', justifyContent: 'center' }}>
-            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#f39c12" }}>{selectCat ? selectCat?.title : esp.lang("feed/list", "text_category")}</Text>
-            <LibPicture source={esp.assets('icons/ic_chevron_right.png')} style={{ resizeMode: 'center', height: 12, width: 7, marginLeft: 15, transform: [{ rotate: "90deg" }] }} />
-          </View>
-        </ComponentTouchable>
-        {
-          (selectCat || location) &&
-          <TouchableOpacity onPress={() => {
-            set_url(url)
-            setLocation(undefined)
-            setSelectCat(undefined)
-            setCounter(counter + 1)
-            FeedFilter_locationProperty.selectAllLoc()
-          }} style={{ padding: 6, /* paddingLeft: 4, paddingRight: 4, */ borderRadius: 4, backgroundColor: "#51b596", flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
-            <LibIcon name="close-circle" size={15} color={"#fff"} />
-            <Text allowFontScaling={false} style={{ marginLeft: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{esp.lang("feed/list", "clear_filter")}</Text>
-          </TouchableOpacity>
-        }
-      </View>
-
-      <View style={{ flexDirection: 'row', justifyContent: 'space-between', margin: 16, marginTop: 0, marginBottom: 0 }}>
-        <View />
-        <TouchableOpacity onPress={() => {
-          LibNavigation.navigateForResult('feed/filter_location2').then((location) => {
-            setLocation(location)
-            setCounter(counter + 1)
-          })
-        }} style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-          <LibIcon name="filter" color="#51b596" />
-          <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#51b596" }}>{esp.lang("feed/list", "filter_location")}</Text>
-        </TouchableOpacity>
-      </View>
-
-      <LibInfinite
-        ref={scrollTo}
-        url={_url} // bedanya di atas ada
-        key={String(counter) + _url}
-
-        staticHeight={140}
-        errorView={(err: any) => (
-          <ComponentMessage message={err} />
-        )}
-        filterData={(item, index, self) => (
-          index === self.findIndex((t) => (t.id === item.id && t.name === item.name))
-        )}
-        renderItem={renderItem}
-        numColumns={2}
-      />
-
-      <View style={[{ position: 'absolute', bottom: 20, right: 20 }, LibStyle.elevation(0)]} >
-        <TouchableOpacity onPress={() => {
-          scrollTo.current?.scrollToIndex?.(0)
-        }} >
-          <View style={[{ backgroundColor: LibStyle.colorPrimary, height: 40, width: 40, borderRadius: 20, justifyContent: 'center', alignItems: 'center' }, LibStyle.elevation(2)]} >
-            <LibIcon name="chevron-up" />
-          </View>
-        </TouchableOpacity>
-      </View>
-
-      <ComponentSlidingup ref={dialogCat}>
-        <View style={{ maxHeight: LibStyle.height * 0.5, backgroundColor: 'white', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 17, paddingHorizontal: 19, }}>
-          <Text allowFontScaling={false} style={{ marginTop: 26, marginBottom: 23, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("feed/list", "select_category")}</Text>
-          <ScrollView showsVerticalScrollIndicator={false} >
-            {
-              resultCat && resultCat.map((item: any, i: number) => {
-                return (
-                  <ComponentTouchable key={i} onPress={() => {
-                    setSelectCat(item)
-                    setCounter(counter + 1)
-                    dialogCat.current!.hide()
-                  }}>
-                    <View style={{ flexDirection: 'row', height: 35, alignContent: 'center', alignItems: 'center', marginRight: 30, margin: 10 }}>
-                      {
-                        item.image == "" ?
-                          <View style={{ width: 35, height: 35 }} />
-                          :
-                          <LibPicture source={{ uri: item.image }} style={{ width: 35, height: 35, resizeMode: 'cover' }} />
-                      }
-                      <Text allowFontScaling={false} style={{ marginLeft: 15, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{item.title}</Text>
-                    </View>
-                    <View style={{ height: 0.5, backgroundColor: '#c4c4c4' }} />
-                  </ComponentTouchable>
-                )
-              })
-            }
-          </ScrollView>
-        </View>
-      </ComponentSlidingup>
-    </View>
-  )
-}

package/modules/feed/location.tsx

@@ -1,45 +0,0 @@
-// withHooks
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { LibObject } from 'esoftplay/cache/lib/object/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-
-import { LibLocation } from 'esoftplay/cache/lib/location/import';
-import React from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
-
-
-export interface FeedLocationProps {
-
-}
-export default function m(props: FeedLocationProps): any {
-  const [locations, setLocations] = useSafeState<any>(undefined)
-  const [query, setQuery] = useSafeState<string>('')
-
-  function renderItem(item: any, i: number) {
-    return (
-      <TouchableOpacity onPress={() => { LibObject.set(locations, 1)(i, 'check') }} style={styleId_ZIH9f4}>
-        <Text allowFontScaling={false} style={styleId_297xRr}>{item.title}</Text>
-      </TouchableOpacity>
-    )
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader
-        onChangeText={(q) => { LibUtils.debounce(() => { setQuery(q) }, 500) }}
-        searchPlaceholder={esp.lang("feed/location", "placeholder_location")} />
-
-      <LibLocation
-        keyword={query}
-        renderItem={renderItem}
-      />
-
-      <ComponentButton label={esp.lang("feed/location", "btn_save")} onPress={() => { }} backgroundColor="#45c9af" fontColor="#fff" style={{ margin: 15 }} />
-    </View>
-  )
-}
-const styleId_ZIH9f4: any = { margin: 15, marginBottom: 0, flexDirection: 'row', alignItems: 'center' }
-const styleId_297xRr: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }

package/modules/feed/menu.tsx

@@ -1,26 +0,0 @@
-// withHooks
-
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-
-import React from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface FeedMenuProps {
-  text: string,
-  active: boolean,
-  onPress: () => void,
-  couter?: number
-}
-export default function m(props: FeedMenuProps): any {
-  const styleId_Z1FgxHz: any = { fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: props.active ? "#6c432b" : "#fff", marginTop: 4 }
-
-  return (
-    <ComponentTouchable onPress={() => props.onPress()} >
-      <View style={styleId_Z1RkByM} >
-        <Text allowFontScaling={false} style={styleId_Z1FgxHz} >{props.text}</Text>
-      </View>
-    </ComponentTouchable>
-  )
-}
-const styleId_Z1RkByM: any = { alignItems: 'center', height: 50, alignContent: 'center', justifyContent: 'center' }

package/modules/feed/talent.tsx

@@ -1,294 +0,0 @@
-// withHooks
-import { ComponentSection } from 'esoftplay/cache/component/section/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { FeedItem } from 'esoftplay/cache/feed/item/import';
-import { LibBlock } from 'esoftplay/cache/lib/block/import';
-import { LibCarrousel } from 'esoftplay/cache/lib/carrousel/import';
-import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import esp from 'esoftplay/esp';
-import useGlobalState from 'esoftplay/global';
-import useSafeState from 'esoftplay/state';
-
-import React, { useEffect } from 'react';
-import { RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
-
-export interface FeedTalentProps {
-  url: any
-}
-
-export function Blocktitle(props: any) {
-  if (props.block.show_title == 1)
-    // return null
-    return (
-      <ComponentSection
-        text={props?.block?.title}
-        textColor={props.color}
-        icon={(props?.block?.params?.more_module == '' || props?.block?.show_more != 1) ? undefined : 'icons/ic_btn_more_rounded.png'}
-        moreAction={() => props?.block?.params?.more_module == '' || props?.block?.show_more != 1 ? {} : LibNavigation.navigate(props?.block?.params?.more_module, { url: props?.block?.params?.more_url, title: props?.block?.title })}
-      />
-    )
-  else
-    return null
-}
-
-const state = useGlobalState<any>(undefined, { persistKey: 'feed_talent' })
-
-export default function m(props: FeedTalentProps): any {
-  const [result, setResult] = state.useState()
-  const [error, setError] = useSafeState<any>()
-  const [counter, setCounter] = useSafeState<number>(1)
-  const [refreshing, setRefreshing] = useSafeState<boolean>(false);
-  const sliderWidth = LibStyle.width - 65
-  const sliderHeight = sliderWidth / 1366 * 768
-
-  function loadData() {
-    new LibCurl(props.url, null, (res, msg) => {
-      setResult(res)
-      setRefreshing(false)
-    }, (error) => {
-      setError(error)
-      setRefreshing(false)
-    })
-  }
-
-  useEffect(() => {
-    loadData()
-  }, [])
-
-  function onRefresh() {
-    setRefreshing(true)
-    setCounter(counter + 1)
-    loadData()
-  }
-
-  if (error) {
-    return (
-      <View style={{ flex: 1, backgroundColor: '#3b8b7bf', justifyContent: 'center', alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
-        <Text allowFontScaling={false} style={{ alignSelf: 'center', fontFamily: "Arial", fontSize: 16, fontWeight: 'bold', fontStyle: "normal", letterSpacing: 0 }}>{error?.message}</Text>
-      </View>
-    )
-  }
-
-  if (!result) {
-    const itemWidth = (LibStyle.width - 80) / 2
-    return (
-      <View style={{ flex: 1, paddingTop: 15, paddingHorizontal: 10 }}>
-        <LibSkeleton>
-          <LibSkeleton.BoxHalf size={20} />
-          <View>
-            <ScrollView horizontal showsHorizontalScrollIndicator={false} >
-              <View style={{ flexDirection: 'row', marginTop: 10 }}>
-                {
-                  [1, 1, 1, 1].map((item: any, i: number) => (
-                    <View key={i} style={{ borderWidth: 1, width: 75, height: 75, borderRadius: 10, alignItems: 'center', marginLeft: 10, marginRight: 5 }} >
-                      <LibSkeleton.Circle size={40} />
-                      <View style={{ width: 50, height: 10, borderRadius: 5, backgroundColor: 'white' }} />
-                    </View>
-                  ))
-                }
-              </View>
-            </ScrollView>
-          </View>
-          <View style={{ flexDirection: 'row', flexWrap: 'wrap', marginTop: 30 }}>
-            {
-              [1, 1, 1, 1, 1, 1].map((item: any, i: number) => (
-                <View key={i} style={{ width: itemWidth, height: 120, backgroundColor: 'white', borderRadius: 10, marginLeft: 10, marginBottom: 10 }} />
-              ))
-            }
-          </View>
-          <View style={{ width: 100, height: 20, borderRadius: 10, backgroundColor: 'white', alignSelf: 'center', marginTop: 10 }} />
-        </LibSkeleton>
-      </View>
-    )
-  }
-
-  function renderBlockSliderImage(item1: any, i: number) {
-    const styleId_Z1eEc5D: any = { height: sliderHeight, borderRadius: 4, width: sliderWidth, resizeMode: 'cover' }
-    return (
-      item1.image !== "" &&
-      <TouchableOpacity key={i.toString()} onPress={() => {
-        {
-          item1.url !== '' &&
-            LibNavigation.navigate(item1.module, { url: item1.url, title: item1.title })
-        }
-      }}>
-        <LibPicture source={{ uri: item1.image }} style={styleId_Z1eEc5D} />
-      </TouchableOpacity>
-    )
-  }
-
-  function renderBlockSlider(block: any) {
-    const styleId_GSRGK: any = { height: sliderHeight, width: sliderWidth, borderRadius: 4 }
-    return (
-      <LibCarrousel
-        delay={4000}
-        style={styleId_GSRGK}
-        autoplay
-        bullets
-        bulletStyle={styleId_Z1RmiUb}
-        chosenBulletStyle={styleId_xFf64}
-        bulletsContainerStyle={styleId_Zoes0y} >
-        {
-          block?.length > 0 && block?.map(renderBlockSliderImage)
-        }
-      </LibCarrousel>
-    )
-  }
-
-  function renderBlockMenuItem(item1: any, i: number) {
-    return (
-      <ComponentTouchable key={i} onPress={() => {
-        LibNavigation.navigate(item1.module, {
-          titleFrom: 'talent', url: item1.url, par_id: item1.par_id, title_cat: item1.title
-        })
-      }}>
-        <View style={styleId_Z10adBh}>
-          <LibPicture source={{ uri: item1.image }} style={styleId_2aNSG7} />
-          <Text allowFontScaling={false} ellipsizeMode={"tail"} numberOfLines={2} style={styleId_ZOTxv1}>{item1.title}</Text>
-        </View>
-      </ComponentTouchable>
-    )
-  }
-
-  function renderBlockMenu(block: any) {
-    return (
-      block.map(renderBlockMenuItem)
-    )
-  }
-
-  function renderBlockGridList(item3: any, i: number) {
-    return (
-      <FeedItem
-        testID={"talent_item"}
-        key={i.toString()}
-        image={item3.image}
-        communityExp={item3?.talent?.experience}
-        communityName={item3?.talent?.name}
-        likes={item3.likes}
-        rating={item3.rating}
-        title={item3.title}
-        url={item3.url}
-        onPress={() => { LibNavigation.navigate('feed/talent_detail', { url: item3.url }) }} />
-    )
-  }
-
-  function renderBlockGrid(block: any) {
-    return (
-      block.list && block.list !== "Empty data" && block.list.length > 0 && block.list.map(renderBlockGridList)
-    )
-  }
-
-  function renderItem(item: any, i: number) {
-    if (item.type == "slider") {
-      return (
-        <View key={i.toString()} style={styleId_ZcMJmd} >
-          <View style={styleId_13SiH}>
-            <Blocktitle block={item} color={LibStyle.colorRed} />
-          </View>
-          <LibBlock
-            cache
-            url={item.list_url}
-            render={renderBlockSlider}
-            ErrorView={() => {
-              return <View />
-            }}
-          />
-        </View>
-      )
-    } else if (item.type == "menu") {
-      return (
-        <View key={i}>
-          <View style={styleId_1RTvkO}>
-            <Blocktitle block={item} color={LibStyle.colorRed} />
-          </View>
-          <View style={styleId_ZNz4p8}>
-            <ScrollView horizontal >
-              <View style={styleId_Z2kuEM3}>
-                <LibBlock
-                  cache
-                  url={item.list_url}
-                  render={renderBlockMenu} />
-              </View>
-            </ScrollView>
-          </View>
-        </View>
-      )
-    } else if (item.type == "grid") {
-      return (
-        <View key={i} style={styleId_NvYnc}>
-          <View style={styleId_1RTvkO}>
-            <Blocktitle block={item} color={LibStyle.colorRed} />
-          </View>
-          <View key={i} style={styleId_1MuemB} >
-            <LibBlock
-              cache
-              key={counter}
-              url={item.list_url}
-              render={renderBlockGrid} />
-          </View>
-
-          {
-            typeof (item.list) == 'string' &&
-            <View style={styleId_ZS23uK} >
-              <View style={styleId_nRY3t}>
-                <LibPicture source={esp.assets('img_failed_msg.png')} resizeMode="contain" style={styleId_ZeWdmr} />
-              </View>
-              <View style={styleId_2rswLW}>
-                <Text allowFontScaling={false} style={styleId_ZcJ520}>{(item.list)}</Text>
-              </View>
-            </View>
-          }
-          {
-            item.show_more == "1" &&
-            <ComponentTouchable onPress={() => { LibNavigation.navigate('feed/list', { titleFrom: 'talent', url: item.params.more_url, par_id: "1"/* kenapa "1" ? karena dia talent, kenapa tak plan? bingung meh jupuk soko endi*/ }) }}>
-              <View style={styleId_i4EXo}>
-                <Text allowFontScaling={false} style={styleId_ZPuUeL}>{esp.lang("feed/talent", "show_all")}</Text>
-              </View>
-            </ComponentTouchable>
-          }
-        </View>
-      )
-    } else {
-      return null
-    }
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#3b8b7bf' }}>
-      <ScrollView style={{ padding: 15 }} refreshControl={
-        <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
-      } >
-        {
-          LibUtils.checkUndefined(result, '0') && result.map(renderItem)
-        }
-
-        <View style={{ height: 100 }} />
-      </ScrollView>
-    </View >
-  )
-}
-const styleId_Z1RmiUb: any = { width: 7, height: 7, backgroundColor: "#7e7e7e", borderRadius: 3.5, borderWidth: 0, marginHorizontal: 2 }
-const styleId_xFf64: any = { width: 7, height: 7, backgroundColor: "white", borderRadius: 3.5, borderWidth: 0, marginHorizontal: 2 }
-const styleId_Zoes0y: any = { marginBottom: -15 }
-const styleId_Z10adBh: any = { height: 75, width: 75, marginTop: 3, marginLeft: 3, marginRight: 15, borderRadius: 10, backgroundColor: '#fff', alignContent: 'center', alignItems: 'center', justifyContent: 'center', ...LibStyle.elevation(3) }
-const styleId_2aNSG7: any = { width: 45, height: 45, resizeMode: 'contain' }
-const styleId_ZOTxv1: any = { marginBottom: 7, marginTop: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#9e9e9e', paddingLeft: 3, paddingRight: 3 }
-const styleId_ZcMJmd: any = { flex: 1 }
-const styleId_13SiH: any = { marginLeft: -15, marginBottom: 10, marginTop: -10 }
-const styleId_1RTvkO: any = { marginLeft: -15, marginTop: 5, marginBottom: 10 }
-const styleId_ZNz4p8: any = { justifyContent: 'center', alignContent: 'center', alignItems: 'center' }
-const styleId_Z2kuEM3: any = { flexDirection: 'row', height: 80 }
-const styleId_NvYnc: any = { marginBottom: 15 }
-const styleId_1MuemB: any = { flexDirection: 'row', flexWrap: 'wrap', marginTop: 15 }
-const styleId_ZS23uK: any = { paddingVertical: 80, alignItems: 'center' }
-const styleId_nRY3t: any = { flex: 1, justifyContent: 'center', alignItems: 'center', padding: 10 }
-const styleId_ZeWdmr: any = { width: LibStyle.width * 0.8 }
-const styleId_2rswLW: any = { width: LibStyle.width - 40, justifyContent: 'center', alignItems: 'center', backgroundColor: 'white', padding: 15, borderRadius: 10, marginTop: 20 }
-const styleId_ZcJ520: any = { fontSize: 14, lineHeight: 20, fontWeight: "bold", marginBottom: 5, color: "#4a4a4a", textAlign: "center" }
-const styleId_i4EXo: any = { marginBottom: 20, marginTop: 15, justifyContent: 'center', alignSelf: 'center', width: 104, height: 23, borderRadius: 11.5, backgroundColor: "#fff", borderStyle: "solid", borderWidth: 1, borderColor: "#e1e1e1" }
-const styleId_ZPuUeL: any = { alignSelf: 'center', textAlign: 'center', fontFamily: "Arial", fontSize: 11, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b" }