esoftplay-event 0.0.0-a → 0.0.0-b

package/event/counter_report_detail_list.tsx

@@ -1,11 +1,11 @@
 // withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
 import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import esp from 'esoftplay/esp';
 
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import React from 'react';
 import { Text, View } from 'react-native';
 
@@ -21,13 +21,13 @@ export default function m(props: EventCounter_report_detail_listProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("event/counter_report_detail_list", "header_title")} />
+      <EventHeader title={esp.lang("event/counter_report_detail_list", "header_title")} />
       <LibInfinite
         url={url}
 
         errorView={(error: any) => {
           return (
-            <ComponentMessage message={error} />
+            <EventMessage message={error} />
           )
         }}
         renderItem={(item) => {

package/event/counter_request.tsx

@@ -1,6 +1,4 @@
 // withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
 import { EventCounter_history_item } from 'esoftplay/cache/event/counter_history_item/import';
 import { EventCounter_status } from 'esoftplay/cache/event/counter_status/import';
 import { EventCounter_type } from 'esoftplay/cache/event/counter_type/import';
@@ -14,6 +12,8 @@ import useSafeState from 'esoftplay/state';
 import useGlobalSubscriber, { UseSubscribeReturn } from 'esoftplay/subscribe';
 import { useTimeout } from 'esoftplay/timeout';
 
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import React, { useEffect, useRef } from 'react';
 import { Pressable, Text, TouchableOpacity, View } from 'react-native';
 
@@ -107,7 +107,7 @@ export default function m(props: EventCounter_requestProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={esp.lang("event/counter_request", "header_title")} subtitle={status_user == 1 ? esp.lang("event/counter_request", "sub_eo") : status_user == 2 ? esp.lang("event/counter_request", "sub_lm") : esp.lang("event/counter_request", "sub_cashier")} />
+      <EventHeader title={esp.lang("event/counter_request", "header_title")} subtitle={status_user == 1 ? esp.lang("event/counter_request", "sub_eo") : status_user == 2 ? esp.lang("event/counter_request", "sub_lm") : esp.lang("event/counter_request", "sub_cashier")} />
       <Status status={status} onChangeStatus={setStatus} colorTheme={colorTheme} />
 
       <LibInfinite
@@ -117,7 +117,7 @@ export default function m(props: EventCounter_requestProps): any {
         errorView={(error: any) => {
           return (
             <View style={{ margin: 15, borderRadius: 15, marginBottom: 0, backgroundColor: '#fff', overflow: 'hidden' }}>
-              <ComponentMessage message={error} />
+              <EventMessage message={error} />
             </View>
           )
         }}

package/event/counter_request_detail.tsx

@@ -1,6 +1,4 @@
 // withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentQr_bg } from 'esoftplay/cache/component/qr_bg/import';
 import { EventCounter_requestProperty } from 'esoftplay/cache/event/counter_request/import';
 import { LibAutoreload } from 'esoftplay/cache/lib/autoreload/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
@@ -18,6 +16,8 @@ import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import { useTimeout } from 'esoftplay/timeout';
 
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventQr_bg } from 'esoftplay/cache/event/qr_bg/import';
 import LottieView from "lottie-react-native";
 import React, { useEffect, useRef } from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
@@ -94,7 +94,7 @@ export default function m(props: EventCounter_request_detailProps): any {
   if (!result) {
     return (
       <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-        <ComponentHeader title={esp.lang("event/counter_request_detail", "header_loading")} />
+        <EventHeader title={esp.lang("event/counter_request_detail", "header_loading")} />
         <LibLoading />
       </View>
     )
@@ -104,7 +104,7 @@ export default function m(props: EventCounter_request_detailProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={esp.lang("event/counter_request_detail", "header_title")} />
+      <EventHeader title={esp.lang("event/counter_request_detail", "header_title")} />
 
       <LibScroll onRefresh={loadData}>
         <View style={{ margin: 15, padding: 15, ...LibStyle.elevation(2), borderRadius: 5, backgroundColor: '#fff', }}>
@@ -171,11 +171,11 @@ export default function m(props: EventCounter_request_detailProps): any {
               <View style={{ borderRadius: 10, backgroundColor: '#FEFBEB', borderColor: "#FFCC29", borderWidth: 1, borderStyle: 'dashed', alignContent: 'center', alignItems: 'center', flex: 1, marginTop: 15, padding: 10 }}>
                 <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0 }} >{esp.lang("event/counter_request_detail", "msg_scan", result?.title)}</Text>
               </View>
-              <ComponentQr_bg>
+              <EventQr_bg>
                 <View style={{ margin: 15, alignSelf: 'center' }}>
                   <QRCode ecl="H" size={LibStyle.width - 60} value={result?.url_receiver} />
                 </View>
-              </ComponentQr_bg>
+              </EventQr_bg>
             </>
           }
         </View>

package/event/counter_send.tsx

@@ -1,7 +1,4 @@
 // withHooks
-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 { EventCounter_user_list_item } from 'esoftplay/cache/event/counter_user_list_item/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
@@ -18,6 +15,9 @@ import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import React, { useEffect, useRef } from 'react';
 import { KeyboardAvoidingView, Pressable, Text, TouchableOpacity, View } from 'react-native';
 
@@ -148,7 +148,7 @@ export default function m(props: EventCounter_sendProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={esp.lang("event/counter_send", "header_title")} subtitle={status_user == 1 ? esp.lang("event/counter_send", "sub_eo") : status_user == 2 ? esp.lang("event/counter_send", "sub_lm") : esp.lang("event/counter_send", "sub_cashier")} />
+      <EventHeader title={esp.lang("event/counter_send", "header_title")} subtitle={status_user == 1 ? esp.lang("event/counter_send", "sub_eo") : status_user == 2 ? esp.lang("event/counter_send", "sub_lm") : esp.lang("event/counter_send", "sub_cashier")} />
       <KeyboardAvoidingView style={{ flex: 1 }}>
 
         <LibScroll style={{ flex: 1 }} onRefresh={loadData}>
@@ -188,7 +188,7 @@ export default function m(props: EventCounter_sendProps): any {
               {
                 error ?
                   <View style={{ margin: 15, borderRadius: 15, marginBottom: 0, backgroundColor: '#fff', overflow: 'hidden' }}>
-                    <ComponentMessage message={error?.message} />
+                    <EventMessage message={error?.message} />
                   </View>
                   :
                   <View style={{ margin: 15, backgroundColor: '#fff', padding: 10, borderRadius: 15, marginBottom: 0, flexDirection: 'row', flexWrap: 'wrap' }}>
@@ -263,7 +263,7 @@ export default function m(props: EventCounter_sendProps): any {
 
         </LibScroll>
 
-        <ComponentButton label={esp.lang("event/counter_send", "btn_send")} onPress={() => {
+        <EventButton label={esp.lang("event/counter_send", "btn_send")} onPress={() => {
           if (checkInput()) {
             sendRequest()
           }

package/event/counter_user_list.tsx

@@ -1,9 +1,5 @@
 // withHooks
 import { applyStyle } from 'esoftplay';
-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 { EventCounter_eoProperty } from 'esoftplay/cache/event/counter_eo/import';
 import { EventCounter_user_list_item } from 'esoftplay/cache/event/counter_user_list_item/import';
 import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
@@ -20,6 +16,10 @@ import { UserPopup } from 'esoftplay/cache/user/popup/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import React, { useEffect, useRef } from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
 
@@ -32,8 +32,8 @@ export interface EventCounter_user_listProps {
 }
 export default function m(props: EventCounter_user_listProps): any {
   const { event_id, is_navResult, status_user, is_ticket } = LibNavigation.getArgsAll(props)
-  const dialogAdd = useRef<ComponentSlidingup>(null)
-  const dialogUser = useRef<ComponentSlidingup>(null)
+  const dialogAdd = useRef<LibSlidingup>(null)
+  const dialogUser = useRef<LibSlidingup>(null)
   const [result, setResult] = useSafeState<any>()
   const [error, setError] = useSafeState<any>()
 
@@ -128,7 +128,7 @@ export default function m(props: EventCounter_user_listProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={esp.lang("event/counter_user_list", "header_title")} subtitle={status_user == 1 ? esp.lang("event/counter_user_list", "sub_eo") : status_user == 2 ? esp.lang("event/counter_user_list", "sub_lm") : esp.lang("event/counter_user_list", "sub_cashier")} />
+      <EventHeader title={esp.lang("event/counter_user_list", "header_title")} subtitle={status_user == 1 ? esp.lang("event/counter_user_list", "sub_eo") : status_user == 2 ? esp.lang("event/counter_user_list", "sub_lm") : esp.lang("event/counter_user_list", "sub_cashier")} />
 
       <LibList
         data={result}
@@ -144,7 +144,7 @@ export default function m(props: EventCounter_user_listProps): any {
           if (error) {
             return (
               <View style={{ margin: 15, borderRadius: 15, marginBottom: 0, backgroundColor: '#fff', overflow: 'hidden' }}>
-                <ComponentMessage message={error?.message} />
+                <EventMessage message={error?.message} />
               </View>
             )
           } else {
@@ -158,7 +158,7 @@ export default function m(props: EventCounter_user_listProps): any {
         renderItem={renderItem}
       />
 
-      <ComponentSlidingup ref={dialogAdd}>
+      <LibSlidingup ref={dialogAdd}>
         <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 }}>
@@ -172,7 +172,7 @@ export default function m(props: EventCounter_user_listProps): any {
               style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, borderRadius: 15, }}
               placeholder={esp.lang("event/counter_user_list", "input_email")}
             />
-            <ComponentButton label={esp.lang("event/counter_user_list", "btn_save")} style={{ borderRadius: 15, marginTop: 20 }} backgroundColor={LibStyle.colorGreen} onPress={() => {
+            <EventButton label={esp.lang("event/counter_user_list", "btn_save")} style={{ borderRadius: 15, marginTop: 20 }} backgroundColor={LibStyle.colorGreen} onPress={() => {
               if (EventCounter_eoProperty.checkEmail(email)) {
                 dialogAdd.current?.hide()
                 dialogUser.current?.show()
@@ -180,9 +180,9 @@ export default function m(props: EventCounter_user_listProps): any {
             }} />
           </View>
         </View>
-      </ComponentSlidingup>
+      </LibSlidingup>
 
-      <ComponentSlidingup ref={dialogUser}>
+      <LibSlidingup ref={dialogUser}>
         <View style={{ backgroundColor: '#fff', borderTopLeftRadius: 20, borderTopRightRadius: 20 }}>
           <View style={{ height: 4, width: 32, borderRadius: 2, backgroundColor: "#C6C6C6", marginTop: 10, marginBottom: 10, alignSelf: 'center' }} />
           <UserPopup email={email.trim()} redirect={() => {
@@ -191,7 +191,7 @@ export default function m(props: EventCounter_user_listProps): any {
             dialogUser.current?.hide()
           }} />
         </View>
-      </ComponentSlidingup>
+      </LibSlidingup>
     </View>
   )
 }

package/event/coupon.tsx

@@ -1,11 +1,11 @@
 // withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
 import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import React from 'react';
@@ -50,7 +50,7 @@ export default function m(props: EventCouponProps): any {
 
   return (
     <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("event/coupon", "header")} />
+      <EventHeader title={esp.lang("event/coupon", "header")} />
       <View style={{ height: 43, marginBottom: 2, flexDirection: 'row', backgroundColor: '#fff', borderBottomWidth: 1, borderBottomColor: '#f2f2f2' }} >
         {
           tabs.map((item: any, i: number) => (
@@ -76,7 +76,7 @@ export default function m(props: EventCouponProps): any {
         url={buildUrl("event_coupon")}
         isDebug={1}
         errorView={(e: string) =>
-          <ComponentMessage message={e} />
+          <EventMessage message={e} />
         }
         renderItem={(item, index) => (
           <View style={{ flex: 1 }} key={index}>

package/event/coupon_claim.tsx

@@ -1,9 +1,9 @@
 // withHooks
 
 import { applyStyle } from 'esoftplay';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
 import { EventCoupon_claim_history } from 'esoftplay/cache/event/coupon_claim_history/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibCarrousel } from 'esoftplay/cache/lib/carrousel/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
@@ -85,7 +85,7 @@ export default function m(props: EventCoupon_claimProps): any {
 
   return (
     <View style={{ flex: 1 }}>
-      <ComponentHeader title={tenant?.is_parent == 1 ? esp.lang("event/coupon_claim", "manage_coupon") : esp.lang("event/coupon_claim", "header_title")} subtitle={tenant?.is_parent == 1 ? esp.lang("event/coupon_claim", "manage_coupon_sub", event_name) : esp.lang("event/coupon_claim", "header_sub")} bgColor={"#95a5a6"} titleColor="#fff" notif />
+      <EventHeader title={tenant?.is_parent == 1 ? esp.lang("event/coupon_claim", "manage_coupon") : esp.lang("event/coupon_claim", "header_title")} subtitle={tenant?.is_parent == 1 ? esp.lang("event/coupon_claim", "manage_coupon_sub", event_name) : esp.lang("event/coupon_claim", "header_sub")} bgColor={"#95a5a6"} titleColor="#fff" notif />
       {
         (!tenant && errorTenant == "") ?
           <LibSkeleton>
@@ -102,7 +102,7 @@ export default function m(props: EventCoupon_claimProps): any {
             </View>
           </LibSkeleton>
           :
-          errorTenant != "" ? <ComponentMessage message={errorTenant} />
+          errorTenant != "" ? <EventMessage message={errorTenant} />
             :
             <>
               <View style={applyStyle({ paddingBottom: 30, padding: 15, backgroundColor: "#95a5a6", flexDirection: 'row', justifyContent: 'space-between' })}>

package/event/coupon_claim_detail.tsx

@@ -1,7 +1,4 @@
 // withHooks
-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 { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibInput } from 'esoftplay/cache/lib/input/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
@@ -14,12 +11,16 @@ import useLazyState from 'esoftplay/lazy';
 import useSafeState from 'esoftplay/state';
 import { useEffect, useRef } from 'react';
 
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import React from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventCoupon_claim_detailArgs {
   code: string
+  staff_id?: any
 }
 export interface EventCoupon_claim_detailProps {
 
@@ -78,12 +79,12 @@ export default function m(props: EventCoupon_claim_detailProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: "#e6e6e6" }}>
-      <ComponentHeader title={esp.lang("event/coupon_claim_detail", "header")} />
+      <EventHeader title={esp.lang("event/coupon_claim_detail", "header")} />
       {
         (!data && error == "") ? <LibLoading /> : error != "" ?
           <>
-            <ComponentMessage message={error} />
-            <ComponentButton label={esp.lang("event/coupon_claim_detail", "rescan")} style={{ marginHorizontal: 20 }} onPress={() => {
+            <EventMessage message={error} />
+            <EventButton label={esp.lang("event/coupon_claim_detail", "rescan")} style={{ marginHorizontal: 20 }} onPress={() => {
               esp.mod("lib/navigation").navigateForResult("component/scanner", null, 238).then((value) => {
                 esp.mod("lib/navigation").replace("event/coupon_claim_detail", { code: value, staff_id: staff_id })
               })
@@ -163,7 +164,7 @@ export default function m(props: EventCoupon_claim_detailProps): any {
 
               <View />
             </LibScroll>
-            <ComponentButton label={esp.lang("event/coupon_claim_detail", "redeem")} onPress={() => {
+            <EventButton label={esp.lang("event/coupon_claim_detail", "redeem")} onPress={() => {
               esp.mod("lib/dialog").warningConfirm(esp.lang("event/coupon_claim_detail", "redeem_confirm"), esp.lang("event/coupon_claim_detail", "redeem_message"), esp.lang("event/coupon_claim_detail", "redeem_ok"), () => {
                 doRedeem()
               }, esp.lang("event/coupon_claim_detail", "redeem_cancel"), () => { })

package/event/coupon_claim_history.tsx

@@ -1,9 +1,11 @@
 // withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
 import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
 import { useRef } from 'react';
 
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
+import { EventSection_menu } from 'esoftplay/cache/event/section_menu/import';
+import { EventSheet } from 'esoftplay/cache/event/sheet/import';
 import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibInput } from 'esoftplay/cache/lib/input/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
@@ -11,8 +13,6 @@ 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';
-import { MarketSection_menu } from 'esoftplay/cache/market/section_menu/import';
-import { MarketSheet } from 'esoftplay/cache/market/sheet/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import esp from 'esoftplay/esp';
 import useLazyState from 'esoftplay/lazy';
@@ -103,7 +103,7 @@ export default function m(props: EventCoupon_claim_historyProps): any {
     <View style={{ flex: 1 }}>
       {
         headerShow &&
-        <ComponentHeader title={esp.lang("event/coupon_claim_history", "header")} />
+        <EventHeader title={esp.lang("event/coupon_claim_history", "header")} />
       }
       <View>
         <Pressable onPress={() => {
@@ -150,7 +150,7 @@ export default function m(props: EventCoupon_claim_historyProps): any {
         url={buildUrl(baseURL)}
         onRefresh={() => lastDate.current = ""}
         errorView={(e: string) =>
-          <ComponentMessage message={e} />
+          <EventMessage message={e} />
         }
         onResponseEdit={(res) => {
           let out = res.report
@@ -175,7 +175,7 @@ export default function m(props: EventCoupon_claim_historyProps): any {
                   amount={LibUtils.money(state?.amount)} />
               </UseCondition>
               <UseCondition if={item?.showDate} >
-                <MarketSection_menu title={moment(item?.used_at).format("dddd, DD MMMM YYYY")} />
+                <EventSection_menu title={moment(item?.used_at).format("dddd, DD MMMM YYYY")} />
               </UseCondition>
               <View style={{ backgroundColor: "#f4f4f4", height: 2 }} />
               <TouchableOpacity
@@ -202,7 +202,7 @@ export default function m(props: EventCoupon_claim_historyProps): any {
         }}
       />
 
-      <MarketSheet
+      <EventSheet
         _ref={slidingDataRef}
         title={esp.lang("event/coupon_claim_history", "show_data")}
         options={[
@@ -244,7 +244,7 @@ export default function m(props: EventCoupon_claim_historyProps): any {
           <LibInfinite
             key={buildSearchUrl("event_coupon_tenant_list_history?tenant_id=" + usedConfig?.tenant_id)}
             url={buildSearchUrl("event_coupon_tenant_list_history?tenant_id=" + usedConfig?.tenant_id)}
-            errorView={(e: string) => <ComponentMessage message={e} />}
+            errorView={(e: string) => <EventMessage message={e} />}
             isDebug={1}
             ListHeaderComponent={
               <>

package/event/coupon_claim_reimburse.tsx

@@ -1,9 +1,8 @@
 // withHooks
 import { useEffect } from 'react';
 
-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 { LibScroll } from 'esoftplay/cache/lib/scroll/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -11,7 +10,7 @@ import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import esp from 'esoftplay/esp';
 import useLazyState from 'esoftplay/lazy';
 import React from 'react';
-import { Text, View } from 'react-native';
+import { Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventCoupon_claim_reimburseArgs {
@@ -63,7 +62,7 @@ export default function m(props: EventCoupon_claim_reimburseProps): any {
 
   return (
     <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("event/coupon_claim_reimburse", "reimburse")} subtitle={esp.lang("event/coupon_claim_reimburse", "reimburse_subtitle")} />
+      <EventHeader title={esp.lang("event/coupon_claim_reimburse", "reimburse")} subtitle={esp.lang("event/coupon_claim_reimburse", "reimburse_subtitle")} />
       <LibScroll onRefresh={loadReimburse}>
         <View style={{ margin: 5, marginBottom: 5, marginTop: 10, borderRadius: 10, padding: 10 }}>
           <View style={{ flexDirection: "row", justifyContent: "space-between" }}>
@@ -79,12 +78,12 @@ export default function m(props: EventCoupon_claim_reimburseProps): any {
             </View>
           </View>
         </View>
-        <ComponentTouchable onPress={() => {
+        <TouchableOpacity onPress={() => {
           esp.mod("lib/navigation").navigate("event/coupon_claim_reimburse_history", { event_id, tenant_id })
         }} style={{ padding: 15, borderRadius: 10, backgroundColor: "#f1f1f1", flexDirection: "row", alignItems: "center", marginHorizontal: 15 }}>
           <Text allowFontScaling={false} style={{ fontFamily: "Arial", flex: 1, fontSize: 14, color: "#000" }}>{esp.lang("event/coupon_claim_reimburse", "history_cashout")}</Text>
           <LibIcon name='chevron-right' />
-        </ComponentTouchable>
+        </TouchableOpacity>
 
         <View style={{ padding: 15, borderRadius: 10, backgroundColor: "#fff3cd", borderWidth: 1, borderColor: "#FDE68A", marginHorizontal: 15, marginTop: 15 }}>
           <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 18, color: "#000", textAlign: "justify", paddingBottom: 5 }}>{esp.lang("event/coupon_claim_reimburse", "info")}</Text>
@@ -94,7 +93,7 @@ export default function m(props: EventCoupon_claim_reimburseProps): any {
         </View>
 
       </LibScroll>
-      <ComponentButton
+      <EventButton
         label={esp.lang("event/coupon_claim_reimburse", "doReimburse")}
         backgroundColor={reimburse?.qty == 0 ? "#f1f1f1" : undefined}
         onPress={() => {

package/event/coupon_claim_reimburse_history.tsx

@@ -1,11 +1,11 @@
 // withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import esp from 'esoftplay/esp';
 import { useEffect } from 'react';
 
 import { applyStyle } from 'esoftplay';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibList } from 'esoftplay/cache/lib/list/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -42,14 +42,14 @@ export default function m(props: EventCoupon_claim_reimburse_historyProps): any
 
   return (
     <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("event/coupon_claim_reimburse_history", "reimburse_history")} />
+      <EventHeader title={esp.lang("event/coupon_claim_reimburse_history", "reimburse_history")} />
       {
         <LibList
           onRefresh={loadData}
           data={datas}
           ListEmptyComponent={
             (!datas && error == "") ? <LibLoading /> :
-              error != "" ? <ComponentMessage message={error} style={{ marginTop: 50 }} /> : null
+              error != "" ? <EventMessage message={error} style={{ marginTop: 50 }} /> : null
           }
           renderItem={(item: any, index: number) => (
             <Pressable key={index} onPress={() => {

package/event/coupon_claim_reimburse_history_detail.tsx

@@ -1,5 +1,4 @@
 // withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/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';
@@ -8,7 +7,8 @@ import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 import { useEffect, useRef } from 'react';
 
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
 import { LibWebview } from 'esoftplay/cache/lib/webview/import';
@@ -53,10 +53,10 @@ export default function m(props: EventCoupon_claim_reimburse_history_detailProps
 
   return (
     <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("event/coupon_claim_reimburse_history_detail", "header")} />
+      <EventHeader title={esp.lang("event/coupon_claim_reimburse_history_detail", "header")} />
       <LibScroll onRefresh={getData}>
         {
-          (!data && error == "") ? <LibLoading /> : error != "" ? <ComponentMessage message={error} />
+          (!data && error == "") ? <LibLoading /> : error != "" ? <EventMessage message={error} />
             :
             <>
               <View style={{ alignItems: 'center', marginTop: 20 }} >

package/event/coupon_claim_staff.tsx

@@ -1,8 +1,4 @@
 // withHooks
-import { ComponentFab } from 'esoftplay/cache/component/fab/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 { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibInput } from 'esoftplay/cache/lib/input/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -10,7 +6,11 @@ import esp from 'esoftplay/esp';
 import useLazyState from 'esoftplay/lazy';
 import { useRef } from 'react';
 
+import { EventFab } from 'esoftplay/cache/event/fab/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import useSafeState from 'esoftplay/state';
 import React from 'react';
 import { Pressable, Text, TouchableOpacity, View } from 'react-native';
@@ -30,7 +30,7 @@ export default function m(props: EventCoupon_claim_staffProps): any {
   const scrollRef = useRef<LibInfinite>(null)
   const [key, setKey] = useSafeState(1)
   const [query, setQuery] = useSafeState("")
-  const slidingAddRef = useRef<ComponentSlidingup>(null)
+  const slidingAddRef = useRef<LibSlidingup>(null)
 
   function doAddUser() {
     const email: any = inputRef.current?.getText()
@@ -147,7 +147,7 @@ export default function m(props: EventCoupon_claim_staffProps): any {
 
   return (
     <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("event/coupon_claim_staff", "manage_coupon")} subtitle={esp.lang("event/coupon_claim_staff", "manage_coupon_sub")} notif />
+      <EventHeader title={esp.lang("event/coupon_claim_staff", "manage_coupon")} subtitle={esp.lang("event/coupon_claim_staff", "manage_coupon_sub")} notif />
 
       <View style={{ marginHorizontal: 15, marginTop: 10, flexDirection: 'row', alignItems: 'center' }}>
         <LibInput
@@ -177,7 +177,7 @@ export default function m(props: EventCoupon_claim_staffProps): any {
         ref={scrollRef}
         key={buildSearchUrl("event_coupon_tenant_list?tenant_id=" + tenant_id)}
         url={buildSearchUrl("event_coupon_tenant_list?tenant_id=" + tenant_id)}
-        errorView={(e: string) => <ComponentMessage message={e} />}
+        errorView={(e: string) => <EventMessage message={e} />}
         isDebug={1}
         injectData={userScan}
         onDataChange={(data) => setUserScan(data)()}
@@ -223,9 +223,9 @@ export default function m(props: EventCoupon_claim_staffProps): any {
         )}
       />
 
-      <ComponentFab icon={"account-plus"} colorBg={LibStyle.colorPrimary} onPress={() => slidingAddRef.current?.show?.()} />
+      <EventFab icon={"account-plus"} colorBg={LibStyle.colorPrimary} onPress={() => slidingAddRef.current?.show?.()} />
 
-      <ComponentSlidingup ref={slidingAddRef}>
+      <LibSlidingup ref={slidingAddRef}>
         <View style={{ backgroundColor: "white", padding: 15, paddingBottom: 25, borderTopLeftRadius: 10, borderTopRightRadius: 10 }}>
           <View style={{ flexDirection: "row", alignItems: "center" }}>
             <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "ArialBold", fontSize: 14, color: "#6F442D" }}>{esp.lang("event/coupon_claim", "add_user_scan")}</Text>
@@ -250,7 +250,7 @@ export default function m(props: EventCoupon_claim_staffProps): any {
             <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, color: "white" }}>{esp.lang("event/coupon_claim", "add_user_btn")}</Text>
           </Pressable>
         </View>
-      </ComponentSlidingup>
+      </LibSlidingup>
     </View>
   )
 }

package/event/coupon_detail.tsx

@@ -1,6 +1,6 @@
 // withHooks
 
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -26,11 +26,11 @@ export interface VoucherCoupon_detailProps {
 }
 export default function m(props: VoucherCoupon_detailProps): any {
   UseSecure_page()
-  const { qr, code, amount, image, info, title, status, status_text, event_name, merchant_name } = LibNavigation.getArgsAll(props)
+  const { qr, code, amount, image, info, title, status, event_name, merchant_name } = LibNavigation.getArgsAll(props)
 
   return (
     <View style={{ flex: 1, backgroundColor: "#e6e6e6" }}>
-      <ComponentHeader title={esp.lang("event/coupon_detail", "header")} notif />
+      <EventHeader title={esp.lang("event/coupon_detail", "header")} notif />
       <ScrollView>
         <View style={{ backgroundColor: "white", margin: 20, borderRadius: 20 }}>
           <View style={{ alignSelf: "center", marginHorizontal: 20, marginTop: 20 }}>