esoftplay-event 0.0.0-a

package/event/review_add.tsx

@@ -0,0 +1,342 @@
+// 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 { 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 { TicketDetailProperty } from 'esoftplay/cache/ticket/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) {
+      TicketDetailProperty.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 }} >
+      <ComponentHeader 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) }} />
+        {
+          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>
+      <ComponentButton 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/event/review_detail.tsx

@@ -0,0 +1,67 @@
+// withHooks
+
+
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentRating } from 'esoftplay/cache/component/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 }}>
+      <ComponentHeader 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' }}>
+          <ComponentRating 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/event/review_item.tsx

@@ -0,0 +1,76 @@
+// withHooks
+
+import { ComponentRating } from 'esoftplay/cache/component/rating/import';
+import { ComponentRating_mini } from 'esoftplay/cache/component/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>
+                <ComponentRating_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' }}>
+              <ComponentRating 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/event/scan_item.tsx

@@ -0,0 +1,66 @@
+// withHooks
+
+import { applyStyle } from 'esoftplay';
+import { ComponentButton } from 'esoftplay/cache/component/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 &&
+            <ComponentButton 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>
+  )
+}