esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/event/review_add.tsx

@@ -1,342 +0,0 @@
-// withHooks
-
-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';
-import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-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 { 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';
-import moment from 'esoftplay/moment';
-import useSafeState from 'esoftplay/state';
-import React, { useEffect, useRef } from 'react';
-import { Pressable, ScrollView, View } from 'react-native';
-
-
-export interface EventReview_addArgs {
-
-}
-export interface EventReview_addProps {
-  type: number;
-  type_name: string;
-  title: string;
-  categories: ResultCategories[];
-  booking_id: string;
-  url_form: string
-}
-
-export interface Item {
-  booking_id: number;
-  url: string;
-  post: any;
-  status: number;
-  review: ItemReview;
-  surveys: any;
-}
-
-
-export interface ItemReview {
-  booking_id: number;
-  content: string;
-  rating: number;
-  created: string;
-}
-
-
-export interface ResultCategories {
-  title: string;
-  suggestions: string[];
-}
-
-const stateReviews = useGlobalState<any>(undefined, { persistKey: 'event/review_add', loadOnInit: true })
-
-export function state(): useGlobalReturn<any> {
-  return stateReviews
-}
-
-// export function syncAll() {
-//   const status = LibNet_status.state().get()
-//   if (status?.isOnline == true && status?.isInternetReachable == true) {
-//     const listReviewsLocal = stateReviews.get()
-//     if (listReviewsLocal.length > 0) {
-//       let hasNext = false;
-//       if (listReviewsLocal.length >= 2) {
-//         hasNext = true;
-//       }
-//       const currentReview = listReviewsLocal[0]
-//       new LibCurl(currentReview.url, currentReview.post, (res, msg) => {
-//         let a = listReviewsLocal.filter((it: any) => {
-//           return it.booking_id != currentReview.booking_id
-//         })
-//         stateReviews.set(a)
-//         if (hasNext) {
-//           syncAll()
-//         }
-//       }, (err)=>{
-//         // let a = listReviewsLocal.filter((it: any) => {
-//         //   return it.booking_id != currentReview.booking_id
-//         // })
-//         // stateReviews.set(a)
-//         if (hasNext) {
-//           syncAll()
-//         }
-//       })
-//     }
-//   }
-// }
-
-
-function buildOfflineReview(data: any, surveys: any[]) {
-  let out: any[] = []
-  Object.entries(data).forEach((item) => {
-    const key = item[0].replace('c', '')
-    const options: any = item[1]
-    let survey = surveys?.filter?.((x) => x.id == key) || []
-    if (survey?.length) {
-      const currSurvey = survey[0]
-      const curOptions = currSurvey.options
-      if (typeof options != 'string') {
-        options.forEach((opt: any) => {
-          out.push({
-            survey_id: key,
-            survey_question: currSurvey.question,
-            survey_option: curOptions.filter((x: any) => x.id == opt)[0].content,
-            content: null
-          })
-        })
-      } else {
-        out.push({
-          survey_id: key,
-          survey_question: currSurvey.question,
-          survey_option: "",
-          content: options
-        })
-      }
-    }
-
-  })
-  return out;
-}
-
-
-export default function m(props: EventReview_addProps): any {
-  const { url_form, booking_id, type, rate }: any = LibNavigation.getArgsAll(props)
-  const reviewText = useRef<LibInput>(null)
-  let inputReview = useRef('').current
-
-  const title_text = type == 1 ? esp.lang("event/review_add", "review_event") : type == 2 ? esp.lang("event/review_add", "review_eo") : esp.lang("event/review_add", "review_sponsor")
-
-  const [result, setResult, getResult] = useSafeState<any>()
-  const [rating, setRating] = useSafeState(rate || 0)
-  const [survey, setSurvey, getSurvey] = useLazyState<any>({})
-  const [status] = LibNet_status.state().useState()
-
-
-  // { survey_id, survey_question, survey_option, content }
-
-  useEffect(() => {
-    loadData()
-    // stateReviews.reset()
-  }, [])
-
-
-  function loadData() {
-    new LibCurl(url_form, null, (res, msg) => {
-      setResult(res)
-    }, (err) => {
-      LibDialog.warningConfirm(esp.lang("event/review_add", "oops"), err?.message, esp.lang("event/review_add", "confirm_ok"), () => {
-        LibNavigation.back()
-      }, "", () => { })
-    })
-  }
-
-  // function setReview(t: string) {
-  //   if (inputReview.length < 1) {
-  //     inputReview = t
-  //   } else {
-  //     inputReview = inputReview + ', ' + t
-  //   }
-  //   reviewText.current!.setText(inputReview)
-  // }
-
-  function sendReview() {
-    if (rating == 0) {
-      LibToastProperty.show(esp.lang("event/review_add", "rating"))
-      return
-    }
-
-    let url = "event_order_detail_review_submit?id=" + booking_id + "&type=" + type
-
-    const postSurvey = (data: any) => {
-      let out: any = {}
-      Object.entries(data).forEach((item) => {
-        if (!item[0].includes('c')) {
-          if (typeof item[1] == 'string')
-            out[item[0]] = [item[0], []]
-          else
-            out[item[0]] = [item[0], item[1]]
-        }
-      })
-      Object.entries(data).forEach(item => {
-        if (item[0].includes('c')) {
-          let cleanKey = item[0].replace('c', '')
-          let currentValue = out[cleanKey]
-          if (currentValue) {
-            out[cleanKey] = [...currentValue, item[1]]
-          } else {
-            out[cleanKey] = [cleanKey, [], item[1]]
-          }
-        }
-      })
-      return Object.values(out)
-    }
-
-    let post = {
-      rating: rating,
-      content: reviewText.current?.getText().replace(/\n/g, '\\n'),
-      survey: JSON.stringify(postSurvey(getSurvey())),
-    }
-    let listReviewsLocal = stateReviews.get()
-    let ctime = new Date()
-    let formattedTime = moment(ctime).serverFormat('YYYY-MM-DD HH:mm:ss')
-    let x: Item = {
-      booking_id: booking_id,
-      url: url,
-      post: post,
-      status: 1,
-      review: {
-        booking_id: booking_id,
-        content: reviewText.current?.getText?.().replace(/\n/g, '\\n') || '',
-        rating: rating,
-        created: formattedTime
-      },
-      surveys: buildOfflineReview(getSurvey(), getResult()?.surveys),
-    }
-
-    let checkSame = listReviewsLocal?.filter((z: any) => z?.booking_id == booking_id)
-    if (checkSame == undefined || checkSame?.length == 0) {
-      EventOrder_detailProperty.subscribe().trigger(x)
-      stateReviews.set(LibObject.push(listReviewsLocal, x)())
-      // syncAll()
-      if (status?.isOnline == true && status?.isInternetReachable == true) {
-        new LibCurl(url, post, (res, msg) => {
-          let a = listReviewsLocal.filter((it: any) => {
-            return it.booking_id != x.booking_id
-          })
-          stateReviews.set(a)
-        })
-      }
-
-      LibNavigation.back()
-      LibDialog.info(esp.lang("event/review_add", "info"), esp.lang("event/review_add", "review_sended"))
-    } else {
-      if (esp.isDebug("toast"))
-        LibToastProperty.show(JSON.stringify(checkSame))
-    }
-  }
-
-  function renderCat(item: any, i: number) {
-    return (
-      <View style={{ marginTop: 14, borderLeftColor: '#e1e1e1', borderLeftWidth: 2, paddingLeft: 12 }} key={i} >
-        <LibTextstyle textStyle='callout' text={item.question} />
-        {/* single */ item.is_option == 1 &&
-          <ScrollView horizontal style={{ marginTop: 8 }} >
-            {
-              item?.options?.length > 0 && item?.options?.map((it: any, ii: number) => {
-                let values = survey[item.id]
-                return (
-                  <>
-                    <Pressable
-                      key={ii}
-                      onPress={() => { setSurvey(LibObject.set(getSurvey(), [it.id])(item.id))() }}
-                      style={{ padding: 3, paddingHorizontal: 15, marginRight: 4, borderWidth: 1, borderRadius: 29, borderColor: "#202020", opacity: !values?.includes?.(it.id) ? 0.3 : 1, justifyContent: 'center' }} >
-                      <LibTextstyle textStyle='body' text={it.content} style={{ color: "#202020" }} />
-                    </Pressable>
-                  </>
-                )
-              })
-            }
-          </ScrollView>
-        }
-        {/* multi */ item.is_option == 2 &&
-          <ScrollView horizontal style={{ marginTop: 8 }} >
-            {
-              item?.options?.length > 0 && item?.options?.map((it: any, ii: number) => {
-                let values = survey[item.id]
-                return (
-                  <>
-                    <Pressable
-                      key={ii}
-                      onPress={() => {
-                        setSurvey(LibObject.update(getSurvey(), (ov) => {
-                          if (!Array.isArray(ov)) ov = []
-                          const out = ov.includes(it.id) ? ov.filter((id: any) => it.id != id) : [...ov, it.id]
-                          return out
-                        })(item.id))()
-                      }}
-                      style={{ padding: 3, paddingHorizontal: 15, marginRight: 4, borderWidth: 1, borderRadius: 3, borderColor: "#202020", opacity: !values?.includes?.(it.id) ? 0.3 : 1, justifyContent: 'center' }} >
-                      <LibTextstyle textStyle='body' text={it.content} style={{ color: "#202020" }} />
-                    </Pressable>
-                  </>
-                )
-              })
-            }
-          </ScrollView>
-        }
-        {
-          item?.is_content == 1 &&
-          <View style={{ marginHorizontal: -16 }}>
-            <LibInput
-              label={item.is_option == 0 ? esp.lang("event/review_add", "answer") : esp.lang("event/review_add", "other")}
-              value={survey[item.id + 'c'] || ''}
-              onChangeText={(text) => setSurvey(LibObject.set(getSurvey(), text)(item.id + 'c'))()} />
-          </View>
-        }
-      </View>
-    )
-  }
-
-  return (
-    <LibKeyboard_avoid style={{ flex: 1 }} >
-      <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 }} /> */}
-        <EventRating defaultValue={rating} onChangeRating={(rate) => { setRating(rate) }} />
-        {
-          result?.surveys?.length > 0 &&
-          <>
-            <LibTextstyle textStyle='m_overline' text={esp.lang("event/review_add", "survey")} style={{ marginTop: 36, borderRadius: 1, marginBottom: 5 }} />
-          </>
-        }
-        {result?.surveys?.length > 0 && result?.surveys?.map(renderCat)}
-
-        <LibTextstyle textStyle='m_overline' text={esp.lang("event/review_add", "review")} style={{ marginTop: 36, borderRadius: 1, marginBottom: 5 }} />
-        <LibInput
-          ref={reviewText}
-          defaultValue={inputReview}
-          base
-          multiline={true}
-          style={{ height: 100, borderColor: 'gray', borderWidth: 1, borderRadius: 8, padding: 10, textAlignVertical: 'top' }}
-          onChangeText={(t) => { inputReview = t }}
-        />
-      </ScrollView>
-      <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"), () => {
-
-        })
-      }} style={{ margin: 16 }} />
-    </LibKeyboard_avoid>
-  )
-}

package/modules/event/review_detail.tsx

@@ -1,67 +0,0 @@
-// withHooks
-
-
-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';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-import React, { useEffect } from 'react';
-import { ScrollView, Text, View } from 'react-native';
-
-
-export interface EventReview_detailArgs {
-
-}
-export interface EventReview_detailProps {
-
-}
-export default function m(props: EventReview_detailProps): any {
-  const { url }: any = LibNavigation.getArgsAll(props)
-
-  const [result, setResult] = useSafeState<any>()
-
-  useEffect(() => {
-    loadData()
-  }, [])
-
-  function loadData() {
-    new LibCurl(url, null, (res, msg) => {
-      setResult(res)
-    }, (err) => {
-      LibDialog.warning(esp.lang("event/review_detail", "oops"), err.message)
-      LibNavigation.back()
-    })
-  }
-
-  if (!result) {
-    return <LibLoading />
-  }
-
-  return (
-    <View style={{ flex: 1 }}>
-      <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 }} />
-          <View style={{ marginLeft: 10, flex: 1 }}>
-            <Text allowFontScaling={false} style={{ fontSize: 14, fontWeight: 'bold' }} numberOfLines={2} ellipsizeMode='tail'>{result?.event?.name}</Text>
-          </View>
-        </View>
-        <View style={{ marginLeft: 10, marginTop: 5, flexDirection: 'row', marginVertical: 3, alignContent: 'center', alignItems: 'center' }}>
-          <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>
-
-        <Text allowFontScaling={false} style={{ marginLeft: 10, fontSize: 12, color: result?.content != "" ? '#000' : '#c9c9c9' }}>{result?.review?.content != "" ? result?.review?.content : "Tidak ada ulasan"}</Text>
-
-      </ScrollView>
-    </View>
-  )
-}

package/modules/event/review_item.tsx

@@ -1,76 +0,0 @@
-// withHooks
-
-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';
-import React from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-
-export interface EventReview_itemArgs {
-
-}
-export interface EventReview_itemProps {
-  id: string;
-  booking_code: string;
-  event_id: string;
-  event_name: string;
-  price_id: string;
-  price_name: string;
-  ondate: string;
-  qty: string;
-  qty_shared: string;
-  total: string;
-  currency: string;
-  status: string;
-  review_status: any;
-  created: string;
-  image: string;
-  url: string;
-  review: any;
-
-  onPress: () => void
-}
-
-
-export default function m(props: EventReview_itemProps): any {
- 
-  return (
-    <View>
-      {
-        props.review == null ?
-          <Pressable onPress={() => {
-            props.onPress()
-          }} style={{ backgroundColor: '#fff', marginBottom: 10 }}>
-            <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', overflow: 'hidden' }} >
-              <LibPicture style={{ height: 70, width: 16 / 9 * 50 }} source={{ uri: props.image }} />
-              <LibGradient colors={['#fff', "rgba(255,255,255,0)"]} direction='right-to-left' style={{ height: 70, width: 16 / 9 * 50, borderRadius: 0, position: 'absolute' }} >
-
-              </LibGradient>
-              <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>
-                <EventRating_mini rating='0,0,0,0,5' starStyle={{ color: "#c9c9c9" }} starSize={25} />
-              </View>
-            </View>
-          </Pressable>
-          :
-          <Pressable onPress={() => {
-            props.onPress()
-          }} style={{ padding: 15, marginBottom: 10, backgroundColor: '#fff' }}>
-            <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' }}>
-              <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>
-
-            <Text allowFontScaling={false} style={{ marginTop: 10, fontSize: 12, color: props.review?.content != "" ? '#000' : '#c9c9c9' }}>{props.review?.content != "" ? props?.review?.content : "Tidak ada ulasan"}</Text>
-          </Pressable>
-      }
-    </View>
-  )
-}

package/modules/event/scan_item.tsx

@@ -1,66 +0,0 @@
-// withHooks
-
-import { applyStyle } from 'esoftplay';
-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';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import esp from 'esoftplay/esp';
-import React from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface EventScan_itemArgs {
-
-}
-export interface EventScan_itemProps {
-  event_image: string,
-  event_name: string,
-  event_ondate: string,
-  item: any,
-  style?: any,
-
-  onPress: () => void,
-  label: string,
-  colorBackground?: any,
-  colorFont: any
-  colorText?: any
-}
-export default function m(props: EventScan_itemProps): any {
-  return (
-    <View style={[{ padding: 10, overflow: 'hidden', flex: 1, flexDirection: 'row', backgroundColor: '#fff', borderBottomColor: LibStyle.colorGrey, borderBottomWidth: 1.5 }, props.style]}>
-      <LibPicture style={applyStyle({ borderRadius: 5, width: LibStyle.width / 4.5, height: LibStyle.width / 4.5, backgroundColor: LibStyle.colorBgGrey })} source={{ uri: props?.event_image }} />
-      <View style={{ marginLeft: 10, justifyContent: 'space-between', flex: 1 }}>
-        <View style={{ flex: 1 }}>
-          <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: props?.colorText ? props?.colorText : "#000", marginBottom: 4, fontSize: 16, fontWeight: 'bold' })}>{props?.event_name}</Text>
-          <View style={applyStyle({ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' })}>
-            <Text allowFontScaling={false} style={applyStyle({ color: props?.colorText ? props?.colorText : "#000", fontSize: 14 })}>{props.item.price_name}</Text>
-            {
-              props.item.hasOwnProperty('seat_name') &&
-              <View style={applyStyle({ height: 35, width: 35, backgroundColor: "#fff", borderWidth: 1, borderColor: LibStyle.colorPrimary, borderRadius: 4, justifyContent: 'center', alignContent: 'center', alignItems: 'center' })}>
-                <LibIcon name="seat" color={LibStyle.colorPrimary} size={15} />
-                <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorPrimary })}>{props.item.seat_name}</Text>
-              </View>
-            }
-          </View>
-        </View>
-
-        <View style={{}}>
-          {
-            props?.item?.hall_scanned && props?.item?.hall_scanned != "0000-00-00 00:00:00" &&
-            <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: "#c9c9c9", marginBottom: 4, fontSize: 14, letterSpacing: 1.5 })}>{esp.lang("event/scan_item", "scan_on") + LibUtils.moment(props?.item?.hall_scanned).serverFormat("DD MMMM YYYY H:m:s")}</Text>
-          }
-          {
-            !Array.isArray(props?.item?.scanned_detail) && props?.item?.scanned_detail?.scanned != "" && props?.item?.scanned_detail?.scanned != "0000-00-00 00:00:00" &&
-            <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: LibStyle.colorRed, marginBottom: 4, fontSize: 14, letterSpacing: 1.5 })}>{esp.lang("event/scan_item", "scan_on") + LibUtils.moment(props?.item?.hall_scanned).serverFormat("DD MMMM YYYY H:m:s")}</Text>
-          }
-          {
-            props.item?.status == 1 &&
-            <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>
-    </View>
-  )
-}