esoftplay-event 0.0.0-a → 0.0.0-c

package/event/qc_idcard.tsx

@@ -1,16 +1,16 @@
 // withHooks
 import { useEffect, useRef } from 'react';
 
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-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 { 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';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
@@ -62,7 +62,7 @@ export default function m(props: EventQc_idcardProps): any {
   const [showReset, setShowReset] = useSafeState<boolean>(false)
   const [counter, setCounter] = useSafeState(1)
   const [refreshing, setRefreshing] = useSafeState<boolean>(false);
-  const dialogDetailExhibitor = useRef<ComponentSlidingup>(null)
+  const dialogDetailExhibitor = useRef<LibSlidingup>(null)
 
   const [selectedExhibitor, setSelectedExhibitor] = useSafeState<any>()
 
@@ -122,11 +122,11 @@ export default function m(props: EventQc_idcardProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title='QC ID CARD' subtitle={data?.name} />
+      <EventHeader title='QC ID CARD' subtitle={data?.name} />
       {/* <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) => {
@@ -173,17 +173,17 @@ export default function m(props: EventQc_idcardProps): any {
         }
         {
           error &&
-          <ComponentMessage message={error?.message} style={{ marginTop: 30 }} />
+          <EventMessage message={error?.message} style={{ marginTop: 30 }} />
         }
       </ScrollView>
 
       <View style={{ padding: 10, backgroundColor: '#fff' }}>
-        <ComponentButton label={esp.lang("event/qc_idcard", "scan")} onPress={() => {
+        <EventButton label={esp.lang("event/qc_idcard", "scan")} onPress={() => {
           openScanner(data?.id)
         }}
           backgroundColor={LibStyle.colorGreen} />
       </View>
-      <ComponentSlidingup ref={dialogDetailExhibitor}>
+      <LibSlidingup ref={dialogDetailExhibitor}>
         <View style={{ backgroundColor: '#f6f6f6', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 35, paddingTop: 20, paddingHorizontal: 19, maxHeight: LibStyle.height - (LibStyle.height / 3) }}>
           <ScrollView>
             <View style={{ padding: 10, borderBottomWidth: 1, borderBottomColor: LibStyle.colorGrey, flexDirection: 'row', justifyContent: 'space-between' }}>
@@ -202,7 +202,7 @@ export default function m(props: EventQc_idcardProps): any {
             }
           </ScrollView>
         </View>
-      </ComponentSlidingup>
+      </LibSlidingup>
 
     </View>
   )

package/event/qc_idcard_failed.tsx

@@ -56,18 +56,18 @@ export default function m(props: EventQc_idcard_failedProps): any {
         <View style={{ marginBottom: 20 }}>
           {/* <Pressable onPress={() => {
 
-            LibDialog.warningConfirm(esp.lang("event/entrance_failed", "warn_title"), esp.lang("event/entrance_failed", "warn_msg"), esp.lang("event/entrance_failed", "warn_ok"), () => {
+            LibDialog.warningConfirm(esp.lang("event/tms_in_failed", "warn_title"), esp.lang("event/tms_in_failed", "warn_msg"), esp.lang("event/tms_in_failed", "warn_ok"), () => {
               // sendTelegram()
-            }, esp.lang("event/entrance_failed", "warn_no"), () => { })
+            }, esp.lang("event/tms_in_failed", "warn_no"), () => { })
 
           }} style={{ width: (LibStyle.width - 45) * 0.5, height: 43, borderRadius: 5, backgroundColor: LibStyle.colorRed, borderWidth: 3, borderColor: "#fff", justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }}>
-            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/entrance_failed", "report")}</Text>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 14, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/tms_in_failed", "report")}</Text>
           </Pressable> */}
           <Pressable onPress={() => {
             LibNavigation.back()
             EventQc_idcardProperty.openScanner(event_id)
           }} style={{ width: (LibStyle.width - 30), height: 43, borderRadius: 5, backgroundColor: LibStyle.colorGreen, justifyContent: 'center', alignContent: 'center', alignItems: 'center', ...LibStyle.elevation(10) }}>
-            <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/entrance_failed", "back")}</Text>
+            <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold', color: "#fff" }}>{esp.lang("event/tms_in_failed", "back")}</Text>
           </Pressable>
         </View>
 

package/event/qc_idcard_success.tsx

@@ -1,6 +1,6 @@
 // withHooks
 
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventQc_idcardProperty } from 'esoftplay/cache/event/qc_idcard/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
@@ -40,13 +40,13 @@ export default function m(props: EventQc_idcard_successProps): any {
           <View style={{ backgroundColor: '#fff', padding: 10, marginTop: 5 }} >
             {/* view nama */}
             <View style={{ flexDirection: 'row' }} >
-              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 2 }} >{esp.lang("event/entrance_idcard", "name")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 2 }} >{esp.lang("event/tms_idcard", "name")}</Text>
               <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} > : </Text>
               <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={"tail"} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 5 }} >{data?.name}</Text>
             </View>
             {/* view company */}
             <View style={{ flexDirection: 'row' }} >
-              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 2 }} >{esp.lang("event/entrance_idcard", "company")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 2 }} >{esp.lang("event/tms_idcard", "company")}</Text>
               <Text allowFontScaling={false} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} > : </Text>
               <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={"tail"} style={{ fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 5 }} >{data?.exhibitor_name}</Text>
             </View>
@@ -55,7 +55,7 @@ export default function m(props: EventQc_idcard_successProps): any {
             <Text allowFontScaling={false} style={{ marginTop: -5, fontSize: 22, fontWeight: "bold", fontStyle: "normal", lineHeight: 32, textAlign: 'center', letterSpacing: 0, color: "#4a4a4a" }} >{data?.department_name}</Text>
           </View>
         </View>
-        <ComponentButton label={esp.lang("event/qc_idcard_success", "scan_again")} onPress={() => {
+        <EventButton label={esp.lang("event/qc_idcard_success", "scan_again")} onPress={() => {
           LibNavigation.back()
           EventQc_idcardProperty.openScanner(event_id)
         }}

package/event/qr_bg.tsx

@@ -0,0 +1,22 @@
+// withHooks
+
+import esp from 'esoftplay/esp';
+import React from 'react';
+import { ImageBackground, View } from 'react-native';
+
+
+export interface EventQr_bgArgs {
+
+}
+export interface EventQr_bgProps {
+  children: any
+}
+export default function m(props: EventQr_bgProps): any {
+  return (
+    <View>
+      <ImageBackground source={esp.assets('bg_qr.png')} style={{ padding: 2 }} >
+        {props.children}
+      </ImageBackground>
+    </View>
+  )
+}

package/event/queue_out.tsx

@@ -1,4 +1,5 @@
 // withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibObject } from 'esoftplay/cache/lib/object/import';
@@ -23,7 +24,6 @@ export interface EventQueue_outProps {
 
 export default function m(props: EventQueue_outProps): any {
   const LibNavigation = useRef(esp.mod("lib/navigation")).current
-  const ComponentHeader = useRef(esp.mod("component/header")).current
   const LibTextstyle = useRef(esp.mod("lib/textstyle")).current
   const UseMap = useRef(esp.mod("use/map")).current
 
@@ -53,7 +53,7 @@ export default function m(props: EventQueue_outProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: '#f1f2f2' }} >
-      <ComponentHeader title={esp.lang("event/queue_out", "title")} notif />
+      <EventHeader title={esp.lang("event/queue_out", "title")} notif />
       <ScrollView>
         <View style={{ padding: 0 }} >
           <View style={[{ margin: 0, marginBottom: 0, backgroundColor: 'white', padding: 12, borderRadius: 0 }, LibStyle.elevation(3)]} >
@@ -177,7 +177,7 @@ export default function m(props: EventQueue_outProps): any {
             />
           </ScrollView>
           {/* <View style={{ padding: 18 }} >
-            <ComponentButton label='Kirim' onPress={() => { }} />
+            <EventButton label='Kirim' onPress={() => { }} />
           </View> */}
         </View>
       </LibSlidingup>

package/event/queue_pricing.tsx

@@ -1,7 +1,7 @@
 // withHooks
 
+import { EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
-import { LibFirebase_socketProperty } from 'esoftplay/cache/lib/firebase_socket/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
@@ -52,7 +52,6 @@ export default function m(props: EventQueueProps): any {
   const animation = useRef<LottieView>(null)
   let refTimeout = useRef<any>()
   const pathQueue = EVENT_PRICING_QUEUE
-  // const limit = LibFirebase_socketProperty.eventQueueConfig.useSelector(x => x.limit)
 
   const timeout = useTimeout()
   useKeepAwake()
@@ -92,7 +91,7 @@ export default function m(props: EventQueueProps): any {
 
   function getCurrentQueue(timeout?: number) {
     debounce(() => {
-      const limit = LibFirebase_socketProperty.eventQueueConfig.get(event_id).limit
+      const limit = EventFirebase_socketProperty.eventQueueConfig.get(event_id).limit
       console.log(limit, event_id)
       getQueue(pathQueue, event_id, 60000, (idx, key) => {
         counter.current++

package/event/rating.tsx

@@ -0,0 +1,49 @@
+// withHooks
+
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTheme } from 'esoftplay/cache/lib/theme/import';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+
+export interface EventRatingArgs {
+  
+}
+export interface EventRatingProps {
+  onChangeRating: (rate: number) => void,
+  disabled?: boolean,
+  defaultValue?: number,
+  size?: number,
+  containerStyle?: any 
+}
+export default function m(props: EventRatingProps): any {
+  const { disabled, defaultValue, size, containerStyle } = props
+  const [rate, setRate] = useSafeState<any>(defaultValue ? defaultValue - 1 : '')
+
+  let rating = []
+  for (let i = 0; i < 5; i++) {
+    rating.push(i <= rate ?
+      <TouchableOpacity activeOpacity={1} disabled={disabled} key={i.toString()} onPress={() => {
+        setRate(i)
+        props.onChangeRating(i + 1)
+      }} >
+        <LibIcon size={size ? size : 30} name='star' color={LibStyle.colorPrimary} />
+      </TouchableOpacity>
+      :
+      <TouchableOpacity activeOpacity={1} disabled={disabled} key={i.toString()} onPress={() => {
+        setRate(i)
+        props.onChangeRating(i + 1)
+      }} >
+        <LibIcon size={size ? size : 30} name='star-outline' color={LibStyle.colorPrimary} />
+      </TouchableOpacity>
+    )
+  }
+
+  return (
+    <View style={{ flexDirection: 'row', justifyContent: 'center', alignContent: 'center', alignItems: 'center', padding: 10, borderRadius: 2, backgroundColor: LibTheme._colorBackgroundCardPrimary(), ...containerStyle }} >
+      {rating}
+    </View>
+  )
+}

package/event/rating_mini.tsx

@@ -0,0 +1,35 @@
+// withHooks
+
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import useSafeState from 'esoftplay/state';
+import React, { useCallback, useMemo } from 'react';
+import { View } from 'react-native';
+
+
+export interface EventRating_miniArgs {
+
+}
+export interface EventRating_miniProps {
+  rating: string,
+  containerStyle?: any,
+  starSize?: number,
+  starStyle?: any
+}
+export default function m(props: EventRating_miniProps): any {
+  const [value, setValue] = useSafeState<any>([])
+  const renderStar = useCallback((name: any, i: number) => <LibIcon key={i} name={name} size={props.starSize || 12} style={{ ...props.starStyle }} color="gold" />, [])
+  useMemo(() => {
+    const ratingCount = props.rating?.split(',').map((item) => parseInt(item)).reduce((acc, curr) => acc + curr)
+    const ratingValue = props.rating?.split(',').map((item) => parseInt(item)).reduce((acc, curr, index) => acc + (curr * (index + 1)))
+    const value = (ratingValue / ratingCount).toFixed(1)
+    const all = [1, 2, 3, 4, 5].map((x) => x <= Number(value) ? "star" : x - 0.9 <= Number(value) ? "star-half" : "star-outline")
+    setValue(all)
+  }, [props.rating])
+
+  return (
+    <View style={{ flexDirection: "row", ...props.containerStyle }} >
+      {value.map(renderStar)}
+    </View>
+  )
+
+}

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/review.tsx

@@ -1,7 +1,7 @@
 // withHooks
 
 
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventReview_addProperty } from 'esoftplay/cache/event/review_add/import';
 import { EventReview_item } from 'esoftplay/cache/event/review_item/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
@@ -86,7 +86,7 @@ export default function m(props: EventReviewProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader notif title={esp.lang("event/review", "header_title")} />
+      <EventHeader notif title={esp.lang("event/review", "header_title")} />
 
       <LibList
         data={data?.list}
@@ -106,7 +106,7 @@ export default function m(props: EventReviewProps): any {
               {...item}
               review={newRev}
               onPress={() => {
-                LibNavigation.navigate(newRev == null ? 'event/review_add' : 'ticket/detail', args)
+                LibNavigation.navigate(newRev == null ? 'event/review_add' : 'event/order_detail', args)
               }}
             />
           )

package/event/review_add.tsx

@@ -1,8 +1,8 @@
 // withHooks
 
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentRating } from 'esoftplay/cache/component/rating/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventRating } from 'esoftplay/cache/event/rating/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibInput } from 'esoftplay/cache/lib/input/import';
@@ -12,7 +12,7 @@ import { LibNet_status } from 'esoftplay/cache/lib/net_status/import';
 import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
-import { TicketDetailProperty } from 'esoftplay/cache/ticket/detail/import';
+import { EventOrder_detailProperty } from 'esoftplay/cache/event/order_detail/import';
 import esp from 'esoftplay/esp';
 import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
 import useLazyState from 'esoftplay/lazy';
@@ -224,7 +224,7 @@ export default function m(props: EventReview_addProps): any {
 
     let checkSame = listReviewsLocal?.filter((z: any) => z?.booking_id == booking_id)
     if (checkSame == undefined || checkSame?.length == 0) {
-      TicketDetailProperty.subscribe().trigger(x)
+      EventOrder_detailProperty.subscribe().trigger(x)
       stateReviews.set(LibObject.push(listReviewsLocal, x)())
       // syncAll()
       if (status?.isOnline == true && status?.isInternetReachable == true) {
@@ -307,11 +307,11 @@ export default function m(props: EventReview_addProps): any {
 
   return (
     <LibKeyboard_avoid style={{ flex: 1 }} >
-      <ComponentHeader title={esp.lang("event/review_add", "header_title")} notif />
+      <EventHeader title={esp.lang("event/review_add", "header_title")} notif />
       <ScrollView style={{ margin: 16 }} >
         <LibTextstyle text={result ? result?.title : title_text} textStyle='m_h6' style={{ marginBottom: 20, textAlign: 'center' }} />
         {/* <LibTextstyle textStyle='m_overline' text='Rating' style={{ marginTop: 24, borderRadius: 1, marginBottom: 5 }} /> */}
-        <ComponentRating defaultValue={rating} onChangeRating={(rate) => { setRating(rate) }} />
+        <EventRating defaultValue={rating} onChangeRating={(rate) => { setRating(rate) }} />
         {
           result?.surveys?.length > 0 &&
           <>
@@ -330,7 +330,7 @@ export default function m(props: EventReview_addProps): any {
           onChangeText={(t) => { inputReview = t }}
         />
       </ScrollView>
-      <ComponentButton label={esp.lang("event/review_add", "send_review")} onPress={() => {
+      <EventButton label={esp.lang("event/review_add", "send_review")} onPress={() => {
         LibDialog.confirm(esp.lang("event/review_add", "review_title"), esp.lang("event/review_add", "review_ok"), esp.lang("event/review_add", "review_send"), () => {
           sendReview()
         }, esp.lang("event/review_add", "review_cancel"), () => {

package/event/review_detail.tsx

@@ -1,8 +1,8 @@
 // withHooks
 
 
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentRating } from 'esoftplay/cache/component/rating/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventRating } from 'esoftplay/cache/event/rating/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
@@ -45,7 +45,7 @@ export default function m(props: EventReview_detailProps): any {
 
   return (
     <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("event/review_detail", "header_title")} />
+      <EventHeader title={esp.lang("event/review_detail", "header_title")} />
       <ScrollView>
         <View style={{ margin: 10, padding: 10, borderWidth: 1, borderColor: '#c9c9c9', borderRadius: 10, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
           <LibPicture source={{ uri: result?.event?.image }} style={{ height: 50, width: 50, borderRadius: 10 }} />
@@ -54,7 +54,7 @@ export default function m(props: EventReview_detailProps): any {
           </View>
         </View>
         <View style={{ marginLeft: 10, marginTop: 5, flexDirection: 'row', marginVertical: 3, alignContent: 'center', alignItems: 'center' }}>
-          <ComponentRating disabled onChangeRating={() => { }} defaultValue={result?.review?.rating} size={16} containerStyle={{ padding: 0 }} />
+          <EventRating disabled onChangeRating={() => { }} defaultValue={result?.review?.rating} size={16} containerStyle={{ padding: 0 }} />
           <View style={{ marginHorizontal: 5, height: 3, width: 3, borderRadius: 1.5, backgroundColor: "#b8a898" }} />
           <Text allowFontScaling={false} style={{ marginLeft: 7, fontSize: 12, color: '#c9c9c9' }}>{LibUtils.moment(result?.review?.created).localeFormat("D MMM YYYY")}</Text>
         </View>

package/event/review_item.tsx

@@ -1,7 +1,7 @@
 // withHooks
 
-import { ComponentRating } from 'esoftplay/cache/component/rating/import';
-import { ComponentRating_mini } from 'esoftplay/cache/component/rating_mini/import';
+import { EventRating } from 'esoftplay/cache/event/rating/import';
+import { EventRating_mini } from 'esoftplay/cache/event/rating_mini/import';
 import { LibGradient } from 'esoftplay/cache/lib/gradient/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
@@ -52,7 +52,7 @@ export default function m(props: EventReview_itemProps): any {
               <View style={{ flex: 1, paddingVertical: 16, marginLeft: -10 / 9 * 20 + 16 }} >
                 <Text allowFontScaling={false} style={{ fontSize: 12, color: '#c9c9c9' }} numberOfLines={1} ellipsizeMode='tail'>{props.booking_code}</Text>
                 <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold' }} numberOfLines={1} ellipsizeMode='tail'>{props.event_name}</Text>
-                <ComponentRating_mini rating='0,0,0,0,5' starStyle={{ color: "#c9c9c9" }} starSize={25} />
+                <EventRating_mini rating='0,0,0,0,5' starStyle={{ color: "#c9c9c9" }} starSize={25} />
               </View>
             </View>
           </Pressable>
@@ -63,7 +63,7 @@ export default function m(props: EventReview_itemProps): any {
             <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold' }} numberOfLines={2} ellipsizeMode='tail'>{props.event_name}</Text>
 
             <View style={{ flexDirection: 'row', marginVertical: 3, alignContent: 'center', alignItems: 'center' }}>
-              <ComponentRating disabled onChangeRating={() => { }} defaultValue={props?.review?.rating} size={16} containerStyle={{ padding: 0 }} />
+              <EventRating disabled onChangeRating={() => { }} defaultValue={props?.review?.rating} size={16} containerStyle={{ padding: 0 }} />
               <View style={{ marginHorizontal: 5, height: 3, width: 3, borderRadius: 1.5, backgroundColor: "#b8a898" }} />
               <Text allowFontScaling={false} style={{ marginLeft: 7, fontSize: 12, color: '#c9c9c9' }}>{LibUtils.moment(props.review?.created).localeFormat("D MMM YYYY")}</Text>
             </View>

package/event/scan_item.tsx

@@ -1,7 +1,7 @@
 // withHooks
 
 import { applyStyle } from 'esoftplay';
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -57,7 +57,7 @@ export default function m(props: EventScan_itemProps): any {
           }
           {
             props.item?.status == 1 &&
-            <ComponentButton style={applyStyle({ marginTop: 10, alignSelf: 'flex-end', width: LibStyle.width / 3, backgroundColor: props.colorBackground })} label={props.label} fontColor={props.colorFont} onPress={props.onPress} />
+            <EventButton style={applyStyle({ marginTop: 10, alignSelf: 'flex-end', width: LibStyle.width / 3, backgroundColor: props.colorBackground })} label={props.label} fontColor={props.colorFont} onPress={props.onPress} />
           }
         </View>
       </View>

package/event/schedule.tsx

@@ -1,7 +1,6 @@
 // withHooks
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/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';
@@ -99,7 +98,7 @@ export default function m(props: EventScheduleProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("event/schedule", "header_title")} />
+      <EventHeader title={esp.lang("event/schedule", "header_title")} />
       <ScrollView>
         {
           schedule?.artist.length > 0 && schedule.artist.map(renderArtist)
@@ -109,19 +108,19 @@ export default function m(props: EventScheduleProps): any {
       </ScrollView>
       <View style={{ padding: 10 }} >
         <View style={{ flexDirection: 'row', marginVertical: 10, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
-          <ComponentTouchable onPress={() => { min() }}>
+          <TouchableOpacity onPress={() => { min() }}>
             <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
               <LibIcon name="minus" color="#e74c3c" />
             </View>
-          </ComponentTouchable>
+          </TouchableOpacity>
           <Text style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 15, marginRight: 15 }}>{qty}</Text>
-          <ComponentTouchable onPress={() => { add(item?.quota, item?.quota_used) }}>
+          <TouchableOpacity onPress={() => { add(item?.quota, item?.quota_used) }}>
             <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
               <LibIcon name="plus" color="#16a085" />
             </View>
-          </ComponentTouchable>
+          </TouchableOpacity>
         </View>
-        <ComponentButton label={esp.lang("buy/index2", "button_next")} onPress={() => {
+        <EventButton label={esp.lang("event/schedule", "next")} onPress={() => {
           doBooking()
         }} style={{ backgroundColor: LibStyle.colorGreen }} />
       </View>