esoftplay-event 0.0.0-b → 0.0.0-c

package/event/additional_input.tsx

@@ -3,10 +3,10 @@ import { useEffect, useRef } from 'react';
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
 import { LibDatepicker } from 'esoftplay/cache/lib/datepicker/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibInput_rectangle } from 'esoftplay/cache/lib/input_rectangle/import';
 import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibObject } from 'esoftplay/cache/lib/object/import';
@@ -108,7 +108,7 @@ export default function m(props: EventAdditional_inputProps): any {
           <View style={{ marginHorizontal: 10 }}>
             {
               item.type == 1 && // text field
-              <LibInput_rectangle
+              <EventInput_rectangle
                 placeholder={item.question}
                 placeholderTextColor='#c9c9c9'
                 style={{ borderRadius: 5, borderColor: '#c9c9c9' }}
@@ -124,7 +124,7 @@ export default function m(props: EventAdditional_inputProps): any {
 
             {
               item.type == 2 && // textarea
-              <LibInput_rectangle
+              <EventInput_rectangle
                 multiline={true}
                 placeholder={item.question}
                 placeholderTextColor='#c9c9c9'
@@ -223,7 +223,7 @@ export default function m(props: EventAdditional_inputProps): any {
 
             {
               item.is_content == 1 &&
-              <LibInput_rectangle
+              <EventInput_rectangle
                 placeholder={esp.lang("event/additional_input", "other")}
                 placeholderTextColor='#c9c9c9'
                 style={{ borderRadius: 5, borderColor: '#c9c9c9' }}

package/event/artist_detail.tsx

@@ -281,6 +281,7 @@ export default function m(props: EventArtist_detailProps): any {
           // kondisi untuk tipe tiket yang ada tanggalnya
           if (item?.status == 1 && itemT?.status == 1) {
             setSelectedTicket(replaceList)
+            setQty(item.qty_min)
           } else if (item?.status == 0) {
             LibToastProperty.show(msg)
           } else if (item?.status == 2) {

package/event/counter_cashier.tsx

@@ -7,7 +7,6 @@ import { EventCounter_section } from 'esoftplay/cache/event/counter_section/impo
 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 { LibInput_rectangle } from 'esoftplay/cache/lib/input_rectangle/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -17,6 +16,7 @@ import useSafeState from 'esoftplay/state';
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import React, { useEffect, useRef } from 'react';
 import { Pressable, RefreshControl, ScrollView, Text, View } from 'react-native';
@@ -140,7 +140,7 @@ export default function m(props: EventCounter_cashierProps): any {
         <View style={{ backgroundColor: '#fff', borderTopLeftRadius: 20, borderTopRightRadius: 20 }}>
           <View style={{ height: 4, width: 32, borderRadius: 2, backgroundColor: "#C6C6C6", marginTop: 10, marginBottom: 10, alignSelf: 'center' }} />
           <View style={{ margin: 15 }}>
-            <LibInput_rectangle
+            <EventInput_rectangle
               autoCapitalize="none"
               onChangeText={setEmail}
               style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, borderRadius: 15, }}

package/event/counter_eo.tsx

@@ -8,7 +8,6 @@ import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibFocus } from 'esoftplay/cache/lib/focus/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibInput_rectangle } from 'esoftplay/cache/lib/input_rectangle/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -21,6 +20,7 @@ import useSafeState from 'esoftplay/state';
 import { BboConfigProperty } from 'esoftplay/cache/bbo/config/import';
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
 import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
@@ -331,7 +331,7 @@ export default function m(props: EventCounter_eoProps): any {
 
             <EventLabel_input label={esp.lang("event/counter_eo", "label_email")} />
 
-            <LibInput_rectangle
+            <EventInput_rectangle
               autoCapitalize="none"
               onChangeText={(t) => {
                 LibUtils.debounce(() => {

package/event/counter_lm.tsx

@@ -9,7 +9,6 @@ import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibFocus } from 'esoftplay/cache/lib/focus/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibInput_rectangle } from 'esoftplay/cache/lib/input_rectangle/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -22,6 +21,7 @@ import useSafeState from 'esoftplay/state';
 import { BboConfigProperty } from 'esoftplay/cache/bbo/config/import';
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
 import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
@@ -211,7 +211,7 @@ export default function m(props: EventCounter_lmProps): any {
           <View style={{ margin: 15 }}>
             <EventLabel_input label={esp.lang("event/counter_eo", "label_email")} />
 
-            <LibInput_rectangle
+            <EventInput_rectangle
               autoCapitalize="none"
               onChangeText={(t) => {
                 LibUtils.debounce(() => {

package/event/counter_report_detail.tsx

@@ -2,7 +2,6 @@
 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 { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
@@ -14,6 +13,7 @@ import useSafeState from 'esoftplay/state';
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import React, { useEffect, useRef } from 'react';
@@ -94,7 +94,7 @@ export default function m(props: EventCounter_report_detailProps): any {
   const [result, setResult] = useSafeState<any>()
   const [error, setError] = useSafeState<any>()
   const dialogNotes = useRef<LibSlidingup>(null)
-  const inputNotes = useRef<LibInput_rectangle2>(null)
+  const inputNotes = useRef<EventInput_rectangle>(null)
 
   useEffect(() => {
     loadData()
@@ -214,7 +214,7 @@ export default function m(props: EventCounter_report_detailProps): any {
         <View style={{ backgroundColor: '#f6f6f6', borderTopRightRadius: 20, borderTopLeftRadius: 20, 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("event/counter_report_detail", "notes")}</Text>
 
-          <LibInput_rectangle2
+          <EventInput_rectangle
             ref={inputNotes}
             keyboardType="default"
             returnKeyType="go"

package/event/counter_send.tsx

@@ -4,7 +4,6 @@ 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 { LibInput } from 'esoftplay/cache/lib/input/import';
-import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
@@ -17,6 +16,7 @@ import useSafeState from 'esoftplay/state';
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { EventMessage } from 'esoftplay/cache/event/message/import';
 import React, { useEffect, useRef } from 'react';
 import { KeyboardAvoidingView, Pressable, Text, TouchableOpacity, View } from 'react-native';
@@ -39,7 +39,7 @@ export default function m(props: EventCounter_sendProps): any {
   const [showLoading, setShowLoading] = useSafeState<boolean>(false)
 
   let inputAmount = useRef<LibInput>(null)
-  const inputNotes = useRef<LibInput_rectangle2>(null)
+  const inputNotes = useRef<EventInput_rectangle>(null)
 
   let ticketUrl = status_user == 1 ? "event_eo_ticket?event_id=" + event_id : status_user == 2 ? "event_manager_ticket?event_id=" + event_id : "event_seller_ticket?event_id=" + event_id
   let moneyUrl = status_user == 1 ? "event_eo_money?event_id=" + event_id : status_user == 2 ? "event_manager_money?event_id=" + event_id : "event_seller_money?event_id=" + event_id
@@ -220,7 +220,7 @@ export default function m(props: EventCounter_sendProps): any {
               style={{ marginTop: -15, letterSpacing: 0, fontSize: 30, textAlign: 'center' }}
             />
 
-            <LibInput_rectangle2
+            <EventInput_rectangle
               ref={inputNotes}
               keyboardType="default"
               placeholder={esp.lang("cashier/invoice", "label_note")}

package/event/counter_user_list.tsx

@@ -6,7 +6,6 @@ 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 { LibInput_rectangle } from 'esoftplay/cache/lib/input_rectangle/import';
 import { LibList } from 'esoftplay/cache/lib/list/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
@@ -18,6 +17,7 @@ import useSafeState from 'esoftplay/state';
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import React, { useEffect, useRef } from 'react';
@@ -162,7 +162,7 @@ export default function m(props: EventCounter_user_listProps): any {
         <View style={{ backgroundColor: '#fff', borderTopLeftRadius: 20, borderTopRightRadius: 20 }}>
           <View style={{ height: 4, width: 32, borderRadius: 2, backgroundColor: "#C6C6C6", marginTop: 10, marginBottom: 10, alignSelf: 'center' }} />
           <View style={{ margin: 15 }}>
-            <LibInput_rectangle
+            <EventInput_rectangle
               autoCapitalize="none"
               onChangeText={(t) => {
                 LibUtils.debounce(() => {

package/event/header_home.tsx

@@ -0,0 +1,108 @@
+// withHooks
+// noPage
+import { ChatIndexProperty } from 'esoftplay/cache/chat/index/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 { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import esp from 'esoftplay/esp';
+
+import { EventBadge } from 'esoftplay/cache/event/badge/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
+  const [unRead, setUnread] = ChatIndexProperty?.unreadState?.()?.useState?.()
+  const counter = UserNotification?.state?.()?.useSelector?.(s => s.unread)
+
+  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={() => {
+          UserProfileProperty.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("component/header_home", "profile")}</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("component/header_home", "search")}</Text>
+              </View>
+            </TouchableOpacity>
+        }
+        <Pressable hitSlop={{ top: 7, left: 7, right: 7, bottom: 7 }} onPress={() => {
+          UserProfileProperty.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/event/index.tsx

@@ -0,0 +1,270 @@
+// withHooks
+
+import { useIsFocused } from '@react-navigation/native';
+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 { 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 { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
+import useSafeState from 'esoftplay/state';
+
+import { EventHeader_home } from 'esoftplay/cache/event/header_home/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 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
+}
+
+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) {
+      UserProfileProperty?.update()
+    }
+  }, [isFocus])
+
+  function loadData() {
+    new LibCurl(esp.isDebug("") ? "https://storage.googleapis.com/bbo-images/images/modules/api/home_event.json" : "https://storage.googleapis.com/bbo-images/bbo.co.id/images/modules/api/home_event.json", 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} >
+            <LibBlock
+              // 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>
+          <LibBlock
+            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 }}>
+                <LibBlock
+                  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' }

package/event/input_rectangle.tsx

@@ -0,0 +1,208 @@
+// withHooks
+
+import { LibComponent } from 'esoftplay/cache/lib/component/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { createTimeout } from 'esoftplay/timeout';
+import React from 'react';
+import { TextInput, View } from 'react-native';
+
+
+export interface EventInput_rectangleArgs {
+  
+}
+export interface EventInput_rectangleProps {
+  icon?: string,
+  label?: string,
+  placeholder?: string,
+  mask?: string,
+  maskFrom?: 'start' | 'end',
+  suffix?: string,
+  onPress?: () => void,
+  helper?: string
+  allowFontScaling?: boolean,
+  autoCapitalize?: "none" | "sentences" | "words" | "characters",
+  autoCorrect?: boolean,
+  autoFocus?: boolean,
+  blurOnSubmit?: boolean,
+  caretHidden?: boolean,
+  contextMenuHidden?: boolean,
+  defaultValue?: string,
+  editable?: boolean,
+  inactive?: boolean,
+  keyboardType?: "default" | "email-address" | "numeric" | "phone-pad",
+  maxLength?: number,
+  multiline?: boolean,
+  onSubmitEditing?: () => void,
+  onChangeText?: (text: string) => void,
+  placeholderTextColor?: string,
+  returnKeyType?: "done" | "go" | "next" | "search" | "send",
+  secureTextEntry?: boolean,
+  selectTextOnFocus?: boolean,
+  selectionColor?: string,
+  style?: any,
+  inputStyle?: any,
+  value?: string,
+}
+
+export interface EventInputState {
+  hasFocus: boolean,
+  error?: string,
+  helper?: string
+}
+
+
+export interface LibInputState {
+  hasFocus: boolean,
+  error?: string,
+  helper?: string
+}
+export default class m extends LibComponent<EventInput_rectangleProps, LibInputState> {
+  text: string
+  ref: any
+  constructor(props: EventInput_rectangleProps) {
+    super(props);
+    this.state = { hasFocus: false }
+    this.text = ''
+    this.ref = React.createRef()
+    this.getText = this.getText.bind(this);
+    this.mask = this.mask.bind(this);
+    this.unmask = this.unmask.bind(this);
+    this.setError = this.setError.bind(this);
+    this.clearError = this.clearError.bind(this);
+    this.setHelper = this.setHelper.bind(this);
+    this.clearHelper = this.clearHelper.bind(this);
+    this.getTextMasked = this.getTextMasked.bind(this);
+  }
+
+  getText(): string {
+    return this.unmask(this.text)
+  }
+
+  getTextMasked(): string {
+    return this.text
+  }
+
+  focus(): void {
+    this.ref.focus()
+  }
+
+  blur(): void {
+    this.ref.blur()
+  }
+
+  setHelper(msg: string): void {
+    this.setState({ helper: msg })
+  }
+
+  clearHelper(): void {
+    this.setState({ helper: undefined })
+  }
+
+  setError(msg: string): void {
+    this.setState({ error: msg })
+  }
+
+  clearError(): void {
+    this.setState({ error: undefined })
+  }
+
+  mask(text: string): string {
+    let _text = text
+    let { mask, maskFrom } = this.props
+    if (mask) {
+      if (!maskFrom) maskFrom = 'start'
+      let rMask = mask.split("")
+      let rText = this.unmask(_text).split("")
+      if (maskFrom == 'end') {
+        rMask = [...rMask.reverse()]
+        rText = [...rText.reverse()]
+      }
+      let maskedText = ''
+      var _addRange = 0
+      var _addMaskChar = ''
+      for (let i = 0; i < rMask.length; i++) {
+        const iMask = rMask[i];
+        if (iMask == '#') {
+          if (rText[i - _addRange] != undefined) {
+            maskedText += _addMaskChar + rText[i - _addRange]
+          }
+          else {
+            break
+          }
+          _addMaskChar = ''
+        }
+        else {
+          _addMaskChar += iMask
+          _addRange++
+        }
+      }
+      if (maskFrom == 'end') {
+        maskedText = maskedText.split('').reverse().join('')
+      }
+      this.ref.setNativeProps({ text: maskedText })
+      return maskedText
+    }
+    return _text
+  }
+
+  unmask(text: string): string {
+    let _text = text
+    let { mask } = this.props
+    if (mask) {
+      let masks = mask.match(/((?!\#).)/g)
+      if (masks) {
+        for (let i = 0; i < masks.length; i++) {
+          _text = _text.replace(new RegExp(LibUtils.escapeRegExp(masks[i]), 'g'), '')
+        }
+      }
+      return _text
+    }
+    return _text
+  }
+
+  setText(text: string): void {
+    if (this.ref) {
+      this.ref.setNativeProps({ text: this.mask(text) })
+      this.text = this.mask(text)
+    }
+  }
+
+  componentDidUpdate(prevProps: EventInput_rectangleProps, prevState: EventInputState): void {
+    if (this.ref) {
+      this.ref.setNativeProps({ text: this.mask(this.text) })
+    }
+  }
+
+  componentDidMount(): void {
+    super.componentDidMount()
+    const timeout = createTimeout()
+    timeout.set(() => {
+      if (this.props.defaultValue) {
+        this.setText(this.props.defaultValue)
+      }
+      timeout.clear()
+    }, 300);
+  }
+
+  render(): any {
+    const { error } = this.state
+    return (
+      <View pointerEvents={this.props.editable == false ? "none" : "auto"} style={[{ height: 40, borderRadius: 1, marginTop: 12, backgroundColor: "#ffffff", borderWidth: 1, borderColor: "#c5c5c5", flexDirection: 'row', alignItems: 'center', paddingHorizontal: 9 }, this.props.style]} >
+        <TextInput
+          ref={(r) => this.ref = r}
+          placeholder={this.props.placeholder}
+          placeholderTextColor='#e5e5e5'
+          maxLength={this.props.mask ? this.props.mask.length : undefined}
+          {...this.props}
+          onChangeText={(e) => {
+            this.text = this.mask(e)
+            if (error != undefined)
+              this.clearError()
+            if (this.props.onChangeText) this.props.onChangeText(e)
+          }}
+          style={[{ flex: 1, fontFamily: "SFProText", fontSize: 12, color: "#000", marginRight: 15 }, this.props.inputStyle]}
+        />
+      </View>
+    )
+  }
+}

package/event/item.tsx

@@ -0,0 +1,40 @@
+// withHooks
+
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface EventItemArgs {
+
+}
+export interface EventItemProps {
+  created?: string,
+  currency?: string,
+  description?: string,
+  discount?: string,
+  hits?: string,
+  id?: string,
+  image: string,
+  images?: any,
+  price?: string,
+  sale?: string,
+  title?: string,
+  url?: string,
+  test_ID?: string,
+  onPress: () => void
+}
+export default function m(props: EventItemProps): any {
+  const itemWidth = (LibStyle.width - 36.5) * 0.5
+  const itemHeigth = itemWidth / 1366 * 768
+
+  return (
+    <ComponentTouchable testID={props?.test_ID} onPress={props.onPress} >
+      <View style={[{ width: itemWidth, borderRadius: 5, backgroundColor: 'white', margin: 4, alignItems: "center", overflow: 'hidden' }, LibStyle.elevation(2)]} >
+        <LibPicture source={{ uri: props.image }} style={{ height: itemHeigth, width: itemWidth, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} />
+      </View>
+    </ComponentTouchable>
+  )
+}

package/event/notice.tsx

@@ -0,0 +1,41 @@
+// withHooks
+
+import { applyStyle } from 'esoftplay';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibIconStyle } from 'esoftplay/modules/lib/icon';
+import React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+
+export interface EventNoticeArgs {
+  
+}
+export interface EventNoticeProps {
+  text: string
+  mode: "info" | "success" | "danger" | "warning"
+  onPress?: () => void,
+  canPress?: boolean
+  textStyle?: any
+  containerStyle?: any
+}
+
+const icon: LibIconStyle[] = ["information-outline", "check-circle-outline", "close-circle-outline", "alert-circle-outline"]
+const mode = ["info", "success", "danger", "warning"]
+const color = ["blue", "lightgreen", "red", "orange"]
+const bgColor = ["#cce5ff", "#d4edda", "#f8d7da", "#fff3cd"]
+
+export default function m(props: EventNoticeProps): any {
+  return (
+    <TouchableOpacity onPress={props.onPress} >
+      <View style={applyStyle({ marginVertical: 5, marginHorizontal: 17, paddingVertical: 8, paddingHorizontal: 10, borderRadius: 6, flexDirection: 'row', alignItems: 'center', backgroundColor: bgColor[mode.indexOf(props.mode)], ...props.containerStyle })} >
+        <LibIcon name={icon[mode.indexOf(props.mode)]} color={color[mode.indexOf(props.mode)]} size={17} />
+        <LibTextstyle textStyle="caption2" numberOfLines={2} ellipsizeMode='tail' text={props.text} style={applyStyle({ marginHorizontal: 10, flex: 1, ...props?.textStyle })} />
+        {
+          props.canPress &&
+          <LibIcon name={'chevron-right'} size={17} />
+        }
+      </View>
+    </TouchableOpacity>
+  )
+}

package/event/qc_idcard.tsx

@@ -3,10 +3,10 @@ import { useEffect, useRef } from 'react';
 
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
 import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
-import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
@@ -126,7 +126,7 @@ export default function m(props: EventQc_idcardProps): any {
       {/* <Image source={{ uri: 'https://static.vecteezy.com/system/resources/previews/005/594/108/non_2x/mobile-application-for-scanning-qr-code-hand-holding-smartphone-scan-qr-code-icon-phone-app-barcode-scanner-vector.jpg' }} style={{ flex: 1, opacity: 0.3, resizeMode: 'cover' }} /> */}
       <View style={{ backgroundColor: '#fff', padding: 16, paddingBottom: 10, }} >
         <View style={{ flexDirection: 'row' }}>
-          <LibInput_rectangle2
+          <EventInput_rectangle
             style={{ marginTop: 0, borderRadius: 5, flex: 1, height: 38 }}
             placeholder={esp.lang("event/qc_idcard", "search_exhibitor")}
             onChangeText={(e) => {

package/event/refresh_button.tsx

@@ -0,0 +1,40 @@
+// withHooks
+
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { Animated, TouchableOpacity } from 'react-native';
+
+
+export interface EventRefresh_buttonArgs {
+  
+}
+export interface EventRefresh_buttonProps {
+  onPress: () => void,
+  size?: number
+}
+export default function m(props: EventRefresh_buttonProps): any {
+  const [anim, setAnim] = useSafeState(new Animated.Value(0))
+  const size = props.size || 18
+
+
+  function rotate() {
+    Animated.timing(anim, {
+      toValue: 1, duration: 500, useNativeDriver: true
+    }).start(() => { setAnim(new Animated.Value(0)) })
+  }
+
+  const rotateAnim = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg'],
+    extrapolate: 'clamp'
+  })
+
+  return (
+    <TouchableOpacity onPress={() => { rotate(); props.onPress(); }} style={{ height: 30, width: 30, alignItems: 'center', justifyContent: 'center' }} >
+      <Animated.View style={{ height: size + 8, width: size + 8, transform: [{ rotate: rotateAnim }], alignItems: 'center', justifyContent: 'center' }} >
+        <LibIcon name="refresh" size={size} color="#999" />
+      </Animated.View>
+    </TouchableOpacity>
+  )
+}

package/event/section.tsx

@@ -0,0 +1,35 @@
+// withHooks
+
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import esp from 'esoftplay/esp';
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventSectionArgs {
+
+}
+export interface EventSectionProps {
+  text: string,
+  textColor: string,
+  caption?: string,
+  icon?: string,
+  moreAction?: () => void
+}
+export default function m(props: EventSectionProps): any {
+  return (
+    <View style={{ marginLeft: 4, marginVertical: 5, flexDirection: 'row', alignItems: 'center' }} >
+      <View style={{ width: 8, height: 28, borderRadius: 10, backgroundColor: "#ededed" }} />
+      <View style={{ marginLeft: 12, flex: 1 }} >
+        <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 15, lineHeight: 22, color: props.textColor }} >{props.text}</Text>
+        {props.caption && <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, color: "#b8b8b8" }} >{props.caption}</Text>}
+      </View>
+      {
+        props.icon &&
+        <TouchableOpacity onPress={() => props.moreAction ? props.moreAction() : {}} >
+          <LibPicture style={{ height: 25, width: 25, resizeMode: 'contain' }} source={esp.assets(props.icon)} />
+        </TouchableOpacity>
+      }
+    </View>
+  )
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay-event",
-  "version": "0.0.0-b",
+  "version": "0.0.0-c",
   "description": "event module on esoftplay framework",
   "main": "index.js",
   "scripts": {