esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/event/header.tsx

@@ -1,131 +0,0 @@
-// withHooks
-
-import { EventBadge } from 'esoftplay/cache/event/badge/import';
-import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { UserNotification } from 'esoftplay/cache/user/notification/import';
-import esp from 'esoftplay/esp';
-import React, { useRef } from 'react';
-import { Text, TextInput, TouchableOpacity, View } from 'react-native';
-
-
-export interface EventHeaderArgs {
-
-}
-export interface EventHeaderProps {
-  doSearch?: (query: string) => void,
-  onChangeText?: (query: string) => void,
-  searchPlaceholder?: string,
-  title?: string,
-  titleColor?: string,
-  subtitle?: string,
-  bgSubtitle?: string,
-  cart?: boolean,
-  bgColor?: string,
-  notif?: boolean,
-  more?: boolean,
-  logout?: boolean,
-  iconShare?: boolean,
-  sort?: boolean,
-  onPressSort?: () => void,
-  onPressMore?: () => void,
-  onPressLogout?: () => void,
-  onPressShare?: () => void,
-  showCountry?: boolean
-}
-export default function m(props: EventHeaderProps): any {
-  const counter = UserNotification.state().useSelector(s => s.unread)
-  const countryImage = esp.modProp("user/location_gps").currentCountryState.useSelector((s: any) => s?.image)
-  let inputSearch: any = useRef<TextInput>(null)
-  let query: string = ''
-
-
-  return (
-    <View style={{}} >
-      <LibStatusbar style="dark" />
-      <View style={{ flexDirection: 'row', backgroundColor: props.bgColor ? props.bgColor : 'white', padding: 15, paddingVertical: 10, alignItems: 'center', paddingTop: LibStyle.STATUSBAR_HEIGHT + 17, ...LibStyle.elevation(2) }} >
-        <TouchableOpacity hitSlop={{ top: 4, bottom: 4, left: 4, right: 4 }} onPress={() => LibNavigation.back()} >
-          <LibPicture style={{ height: 27, width: 27 }} source={esp.assets('icons/ic_header_back.png')} />
-        </TouchableOpacity>
-        {
-          props.doSearch || props.onChangeText ?
-            <View style={{ marginLeft: 15, borderRadius: 20, flexDirection: 'row', padding: 5, alignItems: 'center', backgroundColor: "#ffffff", borderStyle: "solid", borderWidth: 0.5, borderColor: "#c5c5c5", flex: 1, marginHorizontal: 12 }} >
-              <LibPicture style={{ height: 15, width: 15, marginLeft: 6, marginRight: 6 }} source={esp.assets('icons/ic_search.png')} />
-              <TextInput
-                autoFocus
-                ref={r => inputSearch = r}
-                style={{ fontFamily: "ArialBold", fontSize: 12, color: "#9e9e9e", flex: 1 }}
-                placeholder={props.searchPlaceholder || esp.lang("event/header", "search_product")}
-                onChangeText={(t) => props.onChangeText && props.onChangeText(query = t)}
-                returnKeyType={'search'}
-                returnKeyLabel={'Search'}
-                placeholderTextColor={'#e5e5e5'}
-                onSubmitEditing={() => props.doSearch && props.doSearch(query)}
-              />
-            </View>
-            :
-            <View style={{ marginHorizontal: 12, flex: 1 }} >
-              <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14, fontStyle: "normal", letterSpacing: 0, color: props.titleColor ? props.titleColor : "#70472b" }} numberOfLines={1} >{props.title}</Text>
-              {props.subtitle && <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, letterSpacing: 0, color: props.bgSubtitle ? props.bgSubtitle : "#BBBBBB", marginTop: 3 }} >{props.subtitle}</Text>}
-            </View>
-        }
-        {
-          props.iconShare &&
-          <TouchableOpacity style={{ marginRight: 7 }} onPress={() => { props.onPressShare && props.onPressShare() }}>
-            <LibIcon.MaterialIcons name="share" color="#6F442D" size={22} />
-          </TouchableOpacity>
-        }
-        {
-          props.notif ?
-            <View />
-            :
-            <TouchableOpacity onPress={() => {
-              EventIndexProperty.isLogin(() => {
-                LibNavigation.navigate('notification/index')
-
-              })
-            }}>
-              <View>
-                <View style={{ borderRadius: 25, backgroundColor: '#fff', padding: 4 }}>
-                  <LibPicture style={{ height: 22, width: 27, resizeMode: 'contain' }} source={esp.assets('icons/home/notification.png')} />
-                  <EventBadge counter={counter} />
-                </View>
-              </View>
-            </TouchableOpacity>
-        }
-        {
-          props.onPressMore && props.more &&
-          <TouchableOpacity style={{ marginRight: 3.5 }} onPress={() => { props.onPressMore && props.onPressMore() }}>
-            <LibIcon name="dots-vertical" color="#6F442D" />
-          </TouchableOpacity>
-        }
-        {
-          props.onPressLogout && props.logout &&
-          <TouchableOpacity style={{ marginRight: 3.5, marginLeft: 4 }} onPress={() => { props.onPressLogout && props.onPressLogout() }}>
-            <LibIcon name="logout" color="#6F442D" />
-          </TouchableOpacity>
-        }
-        {
-          props.onPressSort && props.sort &&
-          <TouchableOpacity style={{ marginRight: 3.5 }} onPress={() => { props.onPressSort && props.onPressSort() }}>
-            <LibIcon name="sort-variant" color="#6F442D" />
-          </TouchableOpacity>
-        }
-        {/* {
-          props?.showCountry &&
-          <Pressable onPress={() => {
-            LibNavigation.navigateForResult("user/location_country_server", undefined, 15).then((value) => {
-              esp.modProp("user/location_gps").findCountryByCountryCode(value.code)
-            })
-          }} style={{ alignItems: "center", justifyContent: "center", width: 30, height: 30, borderRadius: 15, borderWidth: 1, borderColor: "#e6e6e6", overflow: "hidden" }} >
-            <LibPicture source={{ uri: countryImage || "https://cdn.jsdelivr.net/npm/round-flag-icons@1.3.0/flags/id.svg" }} style={{ width: 30, height: 30 }} resizeMode='contain' />
-          </Pressable>
-        } */}
-      </View>
-    </View>
-  )
-}

package/modules/event/header_home.tsx

@@ -1,104 +0,0 @@
-// withHooks
-// noPage
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import esp from 'esoftplay/esp';
-
-import { EventBadge } from 'esoftplay/cache/event/badge/import';
-import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
-import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/import';
-import React, { useEffect } from 'react';
-import { Pressable, Text, TouchableOpacity, View } from 'react-native';
-
-
-export interface EventHeader_homeProps {
-  title?: string,
-  subtitle?: string,
-  cart?: boolean,
-  // card?:
-  // onPress?: () => void
-  onPress: () => void
-
-}
-
-export default function m(props: EventHeader_homeProps): any {
-  // const chatHistory = ChattingHistory?.()
-  // const data = chatHistory?.data
-
-  useEffect(() => {
-    // setUnread(data && data?.filter?.((v: any) => v.read == 0 && user && user?.id !== v.user_id).length || 0)
-  }, [])
-
-  return (
-    <View>
-      <View style={{ marginTop: LibStyle.STATUSBAR_HEIGHT }} />
-      <LibStatusbar style="dark" />
-      <View style={{ flexDirection: 'row', padding: 13, alignItems: 'center', height: 60, }} >
-        <Pressable testID='profile' hitSlop={{ top: 7, left: 7, right: 7, bottom: 7 }} onPress={() => {
-          EventIndexProperty.isLogin(() => {
-            LibNavigation.navigate('user/profile')
-          })
-        }} style={{ height: 35, width: 35, borderRadius: 17.5, overflow: 'hidden' }} >
-          <LibCurl_view
-            url='v2/user_image'
-            cache
-            isUserData
-            onSuccess={(res, msg) => {
-              return (
-                <LibPicture style={{ height: 35, width: 35, borderRadius: 17.5, backgroundColor: '#fff' }} source={res} />
-              )
-            }}
-            onError={(err) => {
-              return (
-                <LibPicture style={{ height: 35, width: 35, borderRadius: 17.5, backgroundColor: '#fff' }} source={esp.assets('icons/ic_btm_nav_active_profile.png')} />
-              )
-            }}
-            onLoading={<View />}
-          />
-        </Pressable>
-        {
-          props.title ?
-            <View style={{ marginHorizontal: 11, flex: 1 }} >
-              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#70472b" }} >{props.title || esp.lang("event/header_home", "myprofile")}</Text>
-              {props.subtitle && <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, letterSpacing: 0, color: "#e5e5e5", marginTop: 3 }} >{props.subtitle}</Text>}
-            </View>
-            :
-            <TouchableOpacity testID='search-bar' onPress={() => props.onPress()} style={{ flex: 1 }} >
-              <View style={{ marginLeft: 15, height: 20, borderRadius: 20, backgroundColor: 'white', flexDirection: "row", alignItems: 'center', flex: 1, marginHorizontal: 12 }} >
-                <LibPicture style={{ height: 15, width: 15, marginLeft: 6, marginRight: 6 }} source={esp.assets('icons/ic_search.png')} />
-                <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, color: "#e5e5e5" }} >{esp.lang("event/header_home", "search")}</Text>
-              </View>
-            </TouchableOpacity>
-        }
-        <Pressable hitSlop={{ top: 7, left: 7, right: 7, bottom: 7 }} onPress={() => {
-          EventIndexProperty.isLogin(() => {
-            LibNavigation.navigate('notification/index')
-          })
-        }}>
-          <View style={{ marginRight: 5, padding: 4 }}>
-            <LibPicture style={{ height: 22, width: 27, resizeMode: 'contain' }} source={esp.assets('icons/home/notification.png')} />
-            <LibCurl_view
-              url='v2/notification_count'
-              cache
-              isUserData
-              onSuccess={(res, msg) => {
-                return (
-                  <EventBadge counter={res} />
-                )
-              }}
-              onError={(err) => {
-                return (
-                  <View />
-                )
-              }}
-              onLoading={<View />}
-            />
-          </View>
-        </Pressable>
-
-      </View>
-    </View>
-  )
-}

package/modules/event/htmltext.tsx

@@ -1,61 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Text, TextProps, TextStyle } from 'react-native';
-
-export interface EventHtmltextProps extends TextProps {
-  style?: TextStyle;
-  children?: ReactNode;
-}
-
-export default function m({ style, children, ...props }: EventHtmltextProps): JSX.Element {
-  const renderChildren = (child: ReactNode) => {
-    if (typeof child === 'string') {
-      return parseHtmlText(child).map((part, index) => (
-        <Text key={index} style={[style, part.style]}>
-          {part.text}
-        </Text>
-      ));
-    } else if (React.isValidElement(child)) {
-      return React.cloneElement(child, {
-        style: [style, child.props.style], // Merge styles properly
-      });
-    } else if (Array.isArray(child)) {
-      return child.map((nestedChild, index) => (
-        <React.Fragment key={index}>{renderChildren(nestedChild)}</React.Fragment>
-      ));
-    }
-    return child;
-  };
-
-  return <Text {...props}>{renderChildren(children)}</Text>;
-}
-
-const parseHtmlText = (htmlString: string) => {
-  const regex = /(<b>(.*?)<\/b>)|(<i>(.*?)<\/i>)|(<u>(.*?)<\/u>)|(<br\s*\/?>)/g;
-  let parts = [];
-  let lastIndex = 0;
-
-  htmlString.replace(regex, (match, bold, boldText, italic, italicText, underline, underlineText, br, index) => {
-    if (index > lastIndex) {
-      parts.push({ text: htmlString.substring(lastIndex, index), style: {} });
-    }
-
-    if (boldText) {
-      parts.push({ text: boldText, style: { fontWeight: 'bold' } });
-    } else if (italicText) {
-      parts.push({ text: italicText, style: { fontStyle: 'italic' } });
-    } else if (underlineText) {
-      parts.push({ text: underlineText, style: { textDecorationLine: 'underline' } });
-    } else if (br) {
-      parts.push({ text: '\n', style: {} });
-    }
-
-    lastIndex = index + match.length;
-    return match;
-  });
-
-  if (lastIndex < htmlString.length) {
-    parts.push({ text: htmlString.substring(lastIndex), style: {} });
-  }
-
-  return parts;
-};

package/modules/event/index.tsx

@@ -1,302 +0,0 @@
-// withHooks
-
-import { useIsFocused } from '@react-navigation/native';
-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 { 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 { UserClass } from 'esoftplay/cache/user/class/import';
-import esp from 'esoftplay/esp';
-import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
-import useSafeState from 'esoftplay/state';
-
-import { EventBlock } from 'esoftplay/cache/event/block/import';
-import { EventHeader_home } from 'esoftplay/cache/event/header_home/import';
-import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
-import { EventItem } from 'esoftplay/cache/event/item/import';
-import { EventMessage } from 'esoftplay/cache/event/message/import';
-import { EventNotice } from 'esoftplay/cache/event/notice/import';
-import { EventSection } from 'esoftplay/cache/event/section/import';
-import useGlobalSubscriber from 'esoftplay/subscribe';
-import React, { useEffect } from 'react';
-import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
-
-export interface EventIndexArgs {
-
-}
-export interface EventIndexProps {
-
-}
-
-const sliderHeight = 0.50 * LibStyle.width
-
-function Blocktitle(props: any) {
-  if (props.block.show_title == 1)
-    // return null
-    return (
-      <EventSection
-        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
-}
-
-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')
-  }
-}
-
-const ticketState = useGlobalState<any>(undefined, { persistKey: 'bigbang_card_tiket_cache1', isUserData: true, inFile: true, loadOnInit: true })
-export const reload = useGlobalSubscriber()
-
-export function stateTicketCache(): useGlobalReturn<any> {
-  return ticketState
-}
-
-const state = useGlobalState<any>(undefined, { persistKey: 'bigbang/event', inFile: true })
-
-export default function m(props: EventIndexProps): any {
-  const [data, setData] = state?.useState?.()
-  const [error, setError] = useSafeState<any>()
-  const isFocus = useIsFocused()
-  const user = UserClass.state().useSelector(s => s)
-
-  useEffect(() => {
-    loadData()
-    if (user) {
-      EventIndexProperty?.update()
-    }
-  }, [isFocus])
-
-  function loadData() {
-    new LibCurl(esp.config("events", "home"), null, (res) => {
-      setData(res)
-    }, msg => setError(msg))
-  }
-
-  function renderImageSlider(item1: any, i: number) {
-    if (item1.url != "") {
-      return (
-        <TouchableOpacity key={i.toString()} onPress={() => {
-          {
-            item1.url !== '' &&
-              LibNavigation.navigate(item1.module, { url: item1.url, title: item1.title })
-          }
-        }}>
-          <LibPicture source={{ uri: item1.image }} style={styleId_Z2fNAzg} />
-        </TouchableOpacity>
-      )
-    } else {
-      return (
-        <LibPicture key={i} source={{ uri: item1.image }} style={styleId_Z2fNAzg} />
-      )
-    }
-  }
-
-  function renderBlockSlider(_block: any) {
-    return (
-      <LibCarrousel
-        // key={block.list_url}
-        delay={4000}
-        style={styleId_2r0hN4}
-        autoplay
-        bullets
-        bulletStyle={styleId_Z1RmiUb}
-        chosenBulletStyle={styleId_xFf64}
-        bulletsContainerStyle={styleId_Zoes0y} >
-        {
-          _block.map(renderImageSlider)
-        }
-      </LibCarrousel>
-    )
-  }
-
-
-  function renderBlockGridItem(item: any, i: number) {
-    return (
-      <EventItem
-        key={i.toString()}
-        {...item}
-        text={item.title}
-        onPress={() => {
-          {
-            item.url !== '' &&
-              LibNavigation.navigate(item.module, { url: item.url, title: item.title })
-          }
-        }} />
-    )
-  }
-
-  function renderBlockGrid(block: any) {
-    return (
-      <View style={styleId_zwbK3} >
-        {
-          block.map(renderBlockGridItem)
-        }
-      </View>
-    )
-  }
-
-  function renderBlock(block: any, i: number) {
-    if (block.type == 'slider') {
-      // return null
-      return (
-        <View key={i.toString()} >
-          <Blocktitle block={block} color={LibStyle.colorRed} />
-          <View style={styleId_2r0hN4} >
-            <EventBlock
-              // cache
-              url={block.list_url}
-              render={renderBlockSlider} />
-          </View>
-        </View>
-      )
-    } else if (block.type == 'grid') {
-      // return null
-      return (
-        <View key={i.toString()}>
-          <View style={{ margin: 10, marginBottom: 0, }}>
-            <Blocktitle block={block} color={LibStyle.colorRed} />
-          </View>
-          <EventBlock
-            cache
-            url={block.list_url}
-            render={renderBlockGrid}
-          />
-        </View>
-      )
-    } else if (block.type == 'event_cat') {
-      return (
-        <View key={i}>
-          <View style={{ marginTop: 5, marginBottom: 10 }}>
-            <Blocktitle block={block} color={LibStyle.colorRed} />
-          </View>
-          <View style={{ marginBottom: 5 }}>
-            <ScrollView horizontal >
-              <View style={{ flexDirection: 'row', height: 80 }}>
-                <EventBlock
-                  cache
-                  url={block.list_url}
-                  render={(block: any) => {
-                    return (
-                      block.map((item1: any, i: number) => {
-                        return (
-                          <TouchableOpacity key={i} onPress={() => {
-                            LibNavigation.navigate(item1.module, { cat_id: item1.id, url: item1.url })
-                          }}>
-                            <View style={[{ height: 75, width: 75, marginTop: 3, marginRight: 1, marginLeft: 15, borderRadius: 10, backgroundColor: '#fff', alignContent: 'center', alignItems: 'center', justifyContent: 'center' }, LibStyle.elevation(2)]}>
-                              <LibPicture source={{ uri: item1?.image }} style={{ width: 45, height: 45, resizeMode: 'contain' }} />
-                              <Text allowFontScaling={false} ellipsizeMode={"tail"} numberOfLines={2} style={{ marginBottom: 7, marginTop: 4, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#9e9e9e', paddingLeft: 3, paddingRight: 3 }}>{(item1?.title)}</Text>
-                            </View>
-                          </TouchableOpacity>
-                        )
-                      })
-                    )
-                  }} />
-              </View>
-            </ScrollView>
-          </View>
-        </View>
-      )
-    }
-    else if (block.type == 'info') {
-      return (
-        <View key={i.toString()}>
-          <EventNotice mode="info" text={block?.title} canPress={block?.task != '' && block.task_module != ''} onPress={() => LibNavigation.navigate(block?.task_module, { url: block?.task, title: block?.title })} containerStyle={{ marginVertical: 0, marginHorizontal: 0, borderRadius: 0 }} />
-        </View>
-      )
-    } else {
-      return null
-    }
-  }
-
-  if (!data) {
-    return (
-      <View style={{ flex: 1 }}>
-        <LibStatusbar style="dark" />
-        <LibSkeleton>
-          <View style={{ marginTop: LibStyle.STATUSBAR_HEIGHT }} />
-          <View style={{ flexDirection: 'row' }}>
-            <LibSkeleton.Circle size={33} />
-            <LibSkeleton.BoxFlex size={33} />
-            <LibSkeleton.Box size={33} />
-            <LibSkeleton.Box size={33} />
-            <LibSkeleton.Box size={33} />
-          </View>
-          <LibSkeleton.BoxFull size={sliderHeight} />
-          <LibSkeleton.BoxHalf size={20} />
-          <View style={{ flexDirection: 'row' }} >
-            <LibSkeleton.BoxFlex size={100} />
-            <LibSkeleton.BoxFlex size={100} />
-          </View>
-          <LibSkeleton.BoxHalf size={20} />
-          <View style={{ flexDirection: 'row' }} >
-            <LibSkeleton.BoxFlex size={100} />
-            <LibSkeleton.BoxFlex size={100} />
-          </View>
-          <LibSkeleton.BoxHalf size={20} />
-          <View style={{ flexDirection: 'row' }} >
-            <LibSkeleton.BoxFlex size={100} />
-            <LibSkeleton.BoxFlex size={100} />
-          </View>
-        </LibSkeleton>
-      </View>
-    )
-  }
-
-  return (
-    <View style={styleId_ZcMJmd} >
-      <View style={styleId_ZiB8gU} >
-        <EventHeader_home onPress={() => { LibNavigation.navigate('search/index') }} cart />
-      </View>
-      {
-        error ?
-          <EventMessage message={error?.message} />
-          :
-          <LibScroll
-            onRefresh={loadData}
-            style={styleId_ZcMJmd}>
-            {
-              data?.blocks?.map?.(renderBlock)
-            }
-          </LibScroll>
-      }
-      {/* <LibUpdater show={esp.isDebug()} /> */}
-    </View>
-  )
-}
-const styleId_Z2fNAzg: any = { height: sliderHeight, width: LibStyle.width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }
-const styleId_2r0hN4: any = { height: sliderHeight, width: LibStyle.width }
-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_ZcMJmd: any = { flex: 1 }
-const styleId_zwbK3: any = { flexDirection: 'row', flexWrap: 'wrap', padding: 10 }
-const styleId_ZiB8gU: any = { backgroundColor: '#FFC523' }