esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/quotation/order_detail.tsx

@@ -0,0 +1,542 @@
+// withHooks
+import { ChatChatProperty } from 'esoftplay/cache/chat/chat/import';
+import { ChattingLib } from 'esoftplay/cache/chatting/lib/import';
+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 { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+
+import moment from 'esoftplay/moment';
+import useSafeState from 'esoftplay/state';
+import useGlobalSubscriber, { useGlobalSubscriberReturn } from 'esoftplay/subscribe';
+import React, { useEffect } from 'react';
+import { Text, View } from 'react-native';
+moment().locale('id')
+
+export interface QuotationOrder_detailProps {
+
+}
+
+const subs = useGlobalSubscriber()
+export function subscribe(): useGlobalSubscriberReturn {
+  return subs
+}
+
+export default function m(props: QuotationOrder_detailProps): any {
+  const { url, from }: any = LibNavigation.getArgsAll(props)
+  const [result, setResult] = useSafeState<any>()
+  const user = UserClass.state().useSelector(t => t)
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  subs.useSubscribe(() => {
+    loadData()
+  })
+
+  function loadData() {
+    new LibCurl(url, null, (res, msg) => {
+      setResult(res)
+      ChattingLib().chatGet(res.chat_id, res.chat_key, (chat) => {
+        if (chat !== null) {
+          let updateStatusPayment = LibObject.set(chat, res.status)('attach', 'data', 'status_payment')
+          ChattingLib().chatUpdate(chat.key, chat.attach.data.chat_id, [{ key: 'attach', value: updateStatusPayment.attach }])
+        } else {
+        }
+      })
+
+      if (res?.payment_id == 3 && res?.status == 0 && res?.params?.error && res?.params?.error != "") {
+        cancelOrder(res?.url_cancellation, res?.id, true)
+      }
+
+    }, (error) => {
+      LibDialog.warningConfirm(esp.lang("quotation/order_detail", "err"), error?.message, esp.lang("quotation/order_detail", "ok"), () => {
+        LibNavigation.back()
+      }, "", () => { })
+    }, 1)
+  }
+
+  function doApprovalBooking() {
+    const post = {
+      id: result?.id
+    }
+
+    LibDialog.confirm(esp.lang("quotation/order_detail", "information"), esp.lang("quotation/order_detail", "Are_you_sure_you_want_to_confirm?"), esp.lang("quotation/order_detail", "yes"), () => {
+      LibProgress.show(esp.lang("quotation/order_detail", "please_wait"))
+      new LibCurl('community_booking_approval', post, (result, msg) => {
+        LibProgress.hide()
+        LibToastProperty.show(result)
+        loadData()
+      }, (error) => {
+        LibDialog.warning(esp.lang("quotation/order_detail", "approve_err"), error?.message)
+        LibProgress.hide()
+      }, 1)
+    }, esp.lang("quotation/order_detail", "no"), () => {
+
+    })
+  }
+
+  function doCancel(url: string) {
+    LibDialog.warningConfirm(esp.lang("quotation/order_detail", "warning"), esp.lang("quotation/order_detail", "warn_msg"), esp.lang("quotation/order_detail", "yes"), () => {
+      cancelOrder(url, result?.id, false)
+    }, esp.lang("quotation/order_detail", "no"), () => { })
+  }
+
+  function cancelOrder(url: string, id: any, refresh: boolean) {
+    let post = {
+      id: id
+    }
+    LibProgress.show(esp.lang("quotation/order_detail", "please_wait"))
+    new LibCurl(url, post, (res, msg) => {
+      LibProgress.hide()
+      if (refresh) {
+        loadData()
+      } else {
+        LibDialog.info(esp.lang("quotation/order_detail", "information"), res)
+        LibNavigation.back()
+      }
+    }, (error) => {
+      LibProgress.hide()
+      LibDialog.warning(esp.lang("quotation/order_detail", "quot_err"), error?.message)
+    }, 1)
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  const colorBackground = result.status == 0 ? "#5E8DF7" : result.status == 1 ? "#5300FF" : result.status == 8 ? "#45C9AF" : result.status == 9 ? "#ED6536" : result.status == 4 ? "#000" : result.status == 5 ? "#EFA12B" : result.status == 6 ? "#00BD43" : LibStyle.colorRed
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={from == "community/order" ? esp.lang("quotation/order_detail", "Tenant_Details") : esp.lang("quotation/order_detail", "Service_Rental_Details")} />
+      <LibScroll onRefresh={loadData}>
+        <View style={{ margin: 15, flexDirection: 'row', justifyContent: 'space-between' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/order_detail", "start")}</Text>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: colorBackground }}>{
+            result.status == 0 ? esp.lang("quotation/order", "waiting_payment")
+              : result.status == 1 ? esp.lang("quotation/order", "payment_received")
+                : result.status == 8 ? esp.lang("quotation/order", "order_in_progress")
+                  : result.status == 9 ? esp.lang("quotation/order", "Waiting_for_Confirmation_Completed")
+                    : result.status == 4 ? esp.lang("community/order", "order_status_4")
+                      : result.status == 5 ? esp.lang("quotation/order", "reschedule_submission")
+                        : result.status == 6 ? esp.lang("quotation/order", "done")
+                          : result.status == 7 ? esp.lang("quotation/order", "complete_with_complaint")
+                            : esp.lang("quotation/order", "canceled")
+          }</Text>
+        </View>
+        <View style={{ margin: 15, marginTop: 0, flexDirection: 'row', justifyContent: 'space-between' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/order_detail", "invoice")}</Text>
+          <View style={{ height: 28, borderRadius: 16, backgroundColor: colorBackground, paddingLeft: 12, paddingRight: 12, padding: 8, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+            <LibIcon name="attachment" size={15} color={"#fff"} />
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#fff", marginLeft: 5 }}>{result.booking_code}</Text>
+          </View>
+        </View>
+        <View style={{ margin: 15, marginTop: 0, flexDirection: 'row', justifyContent: 'space-between' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/order_detail", "date_work")}</Text>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{LibUtils.getDateRange(result?.date_start, result?.date_end, " - ")}</Text>
+        </View>
+
+        {
+          result?.status == "9" && result?.hasOwnProperty("date_extra") && result?.date_extra !== "0000-00-00" &&
+          <View style={{ margin: 15, marginTop: 0, flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/order_detail", "date_work_new")}</Text>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#ED6536" }}>{moment(result.date_extra).localeFormat("DD MMMM YYYY")}</Text>
+          </View>
+        }
+
+        {
+          result?.status == "5" && result?.hasOwnProperty("date_start_new") && result?.date_start_new !== "0000-00-00" &&
+          <View style={{ margin: 15, marginTop: 0, flexDirection: 'row', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/order_detail", "reschedule_date")}</Text>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#ED6536" }}>{LibUtils.getDateRange(result?.date_start_new, result?.date_end_new, " - ")}</Text>
+          </View>
+        }
+
+        <View style={{ height: 1, backgroundColor: "#e3e3e3", margin: 15 }} />
+
+        {
+          from == 'community/order' ?
+            <View style={{ flex: 1, marginLeft: 15, marginRight: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+              <LibPicture source={{ uri: from == "community/order" ? result.user_avatar : result.community_image }} style={{ width: 60, height: 60, borderRadius: 30 }} />
+              <View style={{ marginLeft: 12, flex: 1 }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b", marginTop: 4 }}>{esp.lang("quotation/order_detail", "buyer")}</Text>
+                <Text allowFontScaling={false} numberOfLines={3} ellipsizeMode={"tail"} style={{ flex: 1, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{(from == "community/order" ? result.buyer_name : result.community_name)}</Text>
+              </View>
+            </View>
+            :
+            <View style={{ flex: 1, marginLeft: 15, marginRight: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+              <LibPicture source={{ uri: from == "community/order" ? result.user_avatar : result.community_image }} style={{ width: 60, height: 60, borderRadius: 30 }} />
+              <View style={{ marginLeft: 12, flex: 1 }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{(from == "community/order" ? result.buyer_name : result.community_name)}</Text>
+                <Text allowFontScaling={false} numberOfLines={3} ellipsizeMode={"tail"} style={{ flex: 1, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b", marginTop: 4 }}>Talent {result.community_cat_name}</Text>
+              </View>
+            </View>
+
+        }
+
+        <Text allowFontScaling={false} style={{ margin: 15, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b" }}>{result.title}</Text>
+        <Text allowFontScaling={false} style={{ marginBottom: 0, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b", margin: 15, marginTop: -8, textAlign: 'justify' }}>{result.description}</Text>
+
+        <View style={{ height: 1, backgroundColor: "#e3e3e3", margin: 15 }} />
+
+        <View style={{ margin: 15, marginTop: 0, flexDirection: 'row', justifyContent: 'space-between' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/order_detail", "total_pay")}</Text>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{LibUtils.money(result.total)}</Text>
+        </View>
+
+        <View style={{ marginBottom: 0, margin: 15, marginTop: 0, flexDirection: 'row', justifyContent: 'space-between' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/order_detail", "payment_method")}</Text>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{result.payment_title}</Text>
+        </View>
+
+        {
+          result.status != 0 && result?.params?.error && result?.params?.error != "" &&
+          <View style={{ margin: 15, marginBottom: 0, backgroundColor: LibUtils.hexToRgba("#dc143c", 0.1) }}>
+            <View style={{ height: 3, backgroundColor: "#dc143c" }} />
+            <View style={{ padding: 10, marginRight: 10, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+              <LibIcon name='information-outline' size={18} />
+              <Text allowFontScaling={false} style={{ marginHorizontal: 10, fontSize: 12, lineHeight: 14, letterSpacing: 0.5, }}>{result?.params?.error}</Text>
+            </View>
+          </View>
+        }
+
+        <View style={{ height: 1, backgroundColor: "#e3e3e3", margin: 15 }} />
+
+        {
+          result.status == 0 && (result.community_user_id != user?.id) &&
+          <View>
+            <View style={[{ marginLeft: 15, marginBottom: 10, marginRight: 15, padding: 16, borderRadius: 5, backgroundColor: '#fff' }, LibStyle.elevation(2)]}>
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("quotation/order_detail", "payment_method")}</Text>
+              <View style={{ alignContent: 'center', alignItems: 'center', flexDirection: 'row', marginTop: 4 }}>
+                <LibPicture source={{ uri: result.payment.image }} style={{ width: 40, height: 40 }} resizeMode="cover" />
+                <Text allowFontScaling={false} style={{ marginLeft: 7, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "right", color: "#9b9b9b" }}>{result.payment.payment_name}</Text>
+              </View>
+
+              {
+                result?.params?.error && result?.params?.error != "" &&
+                <View style={{ marginTop: 15, backgroundColor: LibUtils.hexToRgba("#dc143c", 0.1) }}>
+                  <View style={{ height: 3, backgroundColor: "#dc143c" }} />
+                  <View style={{ padding: 10, marginRight: 10, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                    <LibIcon name='information-outline' size={18} />
+                    <Text allowFontScaling={false} style={{ marginHorizontal: 10, fontSize: 12, lineHeight: 14, letterSpacing: 0.5, }}>{result?.params?.error}</Text>
+                  </View>
+                </View>
+              }
+
+              {
+                result?.payment_id != 3 &&
+                <>
+                  <View style={{ height: 3, backgroundColor: "#f6f6f6" }} />
+                  <Text allowFontScaling={false} style={{ marginTop: 7, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9f9f9f" }}>{result && result.params != null && result.params.hasOwnProperty('cvs_no') ? esp.lang("quotation/order_detail", "transaction_number") : esp.lang("quotation/order_detail", "virtual_account_number")}  </Text>
+
+                  {/* nek metu tokno ngisor iki, nek ora ono tulisi Terjadi kesalahan sistem,Metode Pembayaran ini tidak aktif, silahkan hubungi admin BBO */}
+                  {/* detail payment dibenahi */}
+                  {
+                    result && result.params != null && result.params.va_no &&
+                    <View style={{ marginTop: 7, alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between' }}>
+                      <Text numberOfLines={1} ellipsizeMode={'tail'} allowFontScaling={false} style={{ flex: 8, fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#1abc9c" }}>{result && result.params != null && result.params.va_no}</Text>
+                      <ComponentTouchable onPress={() => {
+                        LibUtils.copyToClipboard(result && result.params != null && result.params.va_no)
+                        LibToastProperty.show(esp.lang("quotation/order_detail", "success_copied") + result && result.params != null && result.params.va_no)
+                      }}>
+                        <View style={{ flex: 2, flexDirection: 'row', justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+                          <LibIcon.Ionicons name='copy' style={{ fontSize: 12, color: '#2e83bb', marginRight: 3 }} />
+                          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#2e83bb" }}>{esp.lang("quotation/order_detail", "copy")}</Text>
+                        </View>
+                      </ComponentTouchable>
+                    </View>
+                  }
+                  {
+                    result && result.params != null && result.params.cvs_no &&
+                    <View style={{ marginTop: 7, alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between' }}>
+                      <Text numberOfLines={1} ellipsizeMode={'tail'} allowFontScaling={false} style={{ flex: 8, fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#1abc9c" }}>{result && result.params != null && result.params.cvs_no}</Text>
+                      <ComponentTouchable onPress={() => {
+                        LibUtils.copyToClipboard(result && result.params != null && result.params.cvs_no)
+                        LibToastProperty.show(esp.lang("quotation/order_detail", "success_copied") + result && result.params != null && result.params.cvs_no)
+                      }}>
+                        <View style={{ flex: 2, flexDirection: 'row', justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+                          <LibIcon.Ionicons name='copy' style={{ fontSize: 12, color: '#2e83bb', marginRight: 3 }} />
+                          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#2e83bb" }}>{esp.lang("quotation/order_detail", "copy")}</Text>
+                        </View>
+                      </ComponentTouchable>
+                    </View>
+                  }
+
+                  <View style={{ height: 3, backgroundColor: "#f6f6f6" }} />
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginTop: 14 }}>{esp.lang("quotation/order_detail", "Checked_within_10_minutes_after_payment_is_made")}</Text>
+                  <ComponentTouchable onPress={() => {
+                    LibNavigation.navigate('event/order_detail_payment', {
+                      data: result.payment.description
+                    })
+                  }}>
+                    <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#16a085", marginTop: 7 }}>{esp.lang("quotation/order_detail", "payment_instruction")}</Text>
+                  </ComponentTouchable>
+                </>
+              }
+
+
+            </View>
+          </View>
+        }
+        {
+          result?.status == "8" && from != "community/order" &&
+          <View style={{ marginBottom: 30, marginTop: 50, marginLeft: 20, marginRight: 20, alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderRadius: 10, borderWidth: 1, borderColor: LibStyle.colorPrimary, borderStyle: "dashed", padding: 10 }}>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', margin: 15, fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", lineHeight: 20, letterSpacing: 0, color: LibStyle.colorPrimary }}>{esp.lang("quotation/order_detail", "order_on_progress")}</Text>
+          </View>
+        }
+        {
+          result?.status == "8" && from == "community/order" &&
+          <View style={{ marginBottom: 30, marginTop: 50, marginLeft: 20, marginRight: 20, alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderRadius: 10, borderWidth: 1, borderColor: LibStyle.colorPrimary, borderStyle: "dashed", padding: 10 }}>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', margin: 15, fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", lineHeight: 20, letterSpacing: 0, color: LibStyle.colorPrimary }}>{esp.lang("quotation/order_detail", "please_work_as_agreed")}</Text>
+          </View>
+        }
+      </LibScroll>
+
+      {
+        from == 'community/order' ?
+          // talent
+          <View>
+            {/* untuk membatalkan */}
+
+            {
+              result?.status == 0 || result?.status == 1 &&
+              <View style={{ padding: 15 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "cancel_order")} onPress={() => {
+                  doCancel(result?.url_cancellation)
+                }} backgroundColor={LibStyle.colorRed} fontColor="#fff" />
+              </View>
+            }
+
+            {/* untuk komplaint  */}
+            {
+              result?.status == "7" &&
+              <View style={{ padding: 15 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "see_complaint")} onPress={() => {
+                  LibNavigation.navigate('community/discuss', {
+                    url_complaint_detail: result?.url_complaint_detail,
+                    url_discussion: result?.url_discussion,
+                    url_discussion_config: result?.url_discussion_config
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+
+            {/* untuk review selesai */}
+            {
+              result?.status == "6" && result && result.is_reviewed_buyer == "0" &&
+              <View style={{ padding: 15, paddingTop: 0 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "write_review")} onPress={() => {
+                  LibNavigation.navigate('review/index', {
+                    url: url,
+                    from: from // isinya community/order, untuk membedakan dia mereview dirinya sendiri atau pembeli mereview talent tsb
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+
+            {/* untuk lihat detail review selesai */}
+            {
+              result?.status == "6" && result.is_reviewed_buyer == "1" &&
+              <View style={{ padding: 15, paddingTop: 0 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "see_review")} onPress={() => {
+                  LibNavigation.navigate('review/detail', {
+                    from: 'quotation/order_detail',
+                    url_review: result?.url_review,
+                    url_review_buyer: result?.url_review_buyer,
+                    setTab: 1
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+
+            {/* untuk review yang selesai dengan komplein */}
+            {
+              result?.status == "7" && result?.is_complaint_done == 1 && result.is_reviewed_buyer == "0" &&
+              <View style={{ padding: 15, paddingTop: 0 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "write_review")} onPress={() => {
+                  LibNavigation.navigate('review/index', {
+                    url: url,
+                    from: from // isinya community/order, untuk membedakan dia mereview dirinya sendiri atau pembeli mereview talent tsb
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+
+            {/* untuk lihat detail review yang selesai dengan komplein */}
+            {
+              result?.status == "7" && result?.is_complaint_done == 1 && result.is_reviewed_buyer == "1" &&
+              <View style={{ padding: 15, paddingTop: 0 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "see_review")} onPress={() => {
+                  LibNavigation.navigate('review/detail', {
+                    from: 'quotation/order_detail',
+                    url_review: result?.url_review,
+                    url_review_buyer: result?.url_review_buyer,
+                    setTab: 0
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+            {
+              result?.status == "8" &&
+              <View style={{ paddingTop: 0, padding: 10, flexDirection: 'row', justifyContent: 'space-between' }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "call_client")} onPress={() => {
+                  ChatChatProperty.openChat(result.user_id)
+                }} backgroundColor="#fff" fontColor={LibStyle.colorPrimary} borderColor={LibStyle.colorPrimary} />
+
+              </View>
+            }
+
+          </View>
+
+          :
+
+          // buyer
+          <View>
+
+            {/* untuk konfirmasi */}
+            {
+              result?.status == "9" &&
+              <View style={{ padding: 15, paddingTop: 10, paddingBottom: 10 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "Finished_Work_Confirmation")} onPress={() => {
+                  doApprovalBooking()
+                }} backgroundColor="#51b596" fontColor="#fff" />
+              </View>
+            }
+
+            {/* untuk konfirmasi dan ajukan komplaint */}
+            {
+              result?.status == "9" &&
+              <View style={{ paddingTop: 0, padding: 15 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "make_a_complaint")} onPress={() => {
+                  LibNavigation.navigate('complaint/index', { url: url })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+                {
+                  result?.date_extra == "0000-00-00" &&
+                  <>
+                    <View style={{ marginBottom: 10, margin: -15, marginTop: 10, height: 3, backgroundColor: "#f6f6f6" }} />
+                    <View>
+                      <Text allowFontScaling={false} style={{ marginBottom: 5, fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b", textAlign: 'center' }}>{esp.lang("quotation/order_detail", "if_talent_need_more_time")}</Text>
+                      <ComponentButton label={esp.lang("quotation/order_detail", "Extend_Completion_Time")} onPress={() => {
+                        LibNavigation.navigate('quotation/extra_days', { url: url })
+                        // LibNavigation.navigate('quotation/reschedule', { url: url })
+                      }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} style={{ marginBottom: 5, }} />
+                    </View>
+                  </>
+                }
+              </View>
+            }
+
+            {/* untuk cancellation */}
+            {
+              result?.status == 0 || result?.status == 1 &&
+              <View style={{ padding: 15 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "cancel_order")} onPress={() => {
+                  doCancel(result?.url_cancellation)
+                }} backgroundColor={LibStyle.colorRed} fontColor="#fff" />
+              </View>
+            }
+
+            {/* untuk hubungi talent */}
+
+            {
+              result?.status == "8" &&
+              <View style={{ paddingTop: 0, padding: 15, flexDirection: 'row', justifyContent: 'space-between' }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "call_talent")} onPress={() => {
+                  ChatChatProperty.openChat(result.community_user_id)
+                }} backgroundColor="#fff" fontColor={LibStyle.colorPrimary} borderColor={LibStyle.colorPrimary} />
+
+              </View>
+            }
+
+
+            {/* untuk komplaint  */}
+            {
+              result?.status == "7" &&
+              <View style={{ padding: 15 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "see_complaint")} onPress={() => {
+                  LibNavigation.navigate('community/discuss', {
+                    url_complaint_detail: result?.url_complaint_detail,
+                    url_discussion: result?.url_discussion,
+                    url_discussion_config: result?.url_discussion_config
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+
+            {/* untuk review yang selesai */}
+            {
+              result?.status == "6" && result.is_reviewed == "0" &&
+              <View style={{ padding: 15, paddingTop: 0 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "write_review")} onPress={() => {
+                  LibNavigation.navigate('review/index', {
+                    url: url,
+                    from: from // isinya community/order, untuk membedakan dia mereview dirinya sendiri atau pembeli mereview talent tsb
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+
+            {/* untuk lihat detail review yang selesai*/}
+            {
+              result?.status == "6" && result.is_reviewed == "1" &&
+              <View style={{ padding: 15, paddingTop: 0 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "see_review")} onPress={() => {
+                  LibNavigation.navigate('review/detail', {
+                    from: 'quotation/order_detail',
+                    url_review: result?.url_review,
+                    url_review_buyer: result?.url_review_buyer,
+                    setTab: 0
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+
+            {/* untuk review yang selesai dengan komplein */}
+            {
+              result?.status == "7" && result?.is_complaint_done == 1 && result.is_reviewed == "0" &&
+              <View style={{ padding: 15, paddingTop: 0 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "write_review")} onPress={() => {
+                  LibNavigation.navigate('review/index', {
+                    url: url,
+                    from: from // isinya community/order, untuk membedakan dia mereview dirinya sendiri atau pembeli mereview talent tsb
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+
+            {/* untuk lihat detail review yang selesai dengan komplein */}
+            {
+              result?.status == "7" && result?.is_complaint_done == 1 && result.is_reviewed == "1" &&
+              <View style={{ padding: 15, paddingTop: 0 }}>
+                <ComponentButton label={esp.lang("quotation/order_detail", "see_review")} onPress={() => {
+                  LibNavigation.navigate('review/detail', {
+                    from: 'quotation/order_detail',
+                    url_review: result?.url_review,
+                    url_review_buyer: result?.url_review_buyer,
+                    setTab: 0
+                  })
+                }} backgroundColor="#fff" fontColor={LibStyle.colorRed} borderColor={LibStyle.colorRed} />
+              </View>
+            }
+
+          </View>
+      }
+
+    </View>
+  )
+}

package/modules/quotation/order_need_review.tsx

@@ -0,0 +1,85 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibInfinite } from 'esoftplay/cache/lib/infinite/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';
+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 QuotationOrder_need_reviewArgs {
+
+}
+export interface QuotationOrder_need_reviewProps {
+
+}
+export default function m(props: QuotationOrder_need_reviewProps): any {
+  let { url } = LibNavigation.getArgsAll(props)
+
+  function renderItem(item: any) {
+    const colorBackground = item.status == 0 ? "#5E8DF7" : item.status == 1 ? "#5300FF" : item.status == 8 ? "#45C9AF" : item.status == 9 ? "#ED6536" : item.status == 4 ? "#000" : item.status == 5 ? "#EFA12B" : item.status == 6 ? "#00BD43" : LibStyle.colorRed
+    const styleId_XVq5x: any = { paddingLeft: 10, paddingRight: 10, height: 38, backgroundColor: colorBackground, borderStyle: "solid", borderWidth: 1, borderColor: colorBackground, borderTopLeftRadius: 4, borderTopRightRadius: 4, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }
+    return (
+      <ComponentTouchable onPress={() => {
+        LibNavigation.navigate('quotation/order_detail', { url: item.url, from: 'quotation/order' })
+      }} style={styleId_ZNTOUN} >
+        <View style={styleId_XVq5x}>
+          <Text allowFontScaling={false} style={styleId_fWWXJ}>{
+            item.status == 0 ? esp.lang("quotation/order", "waiting_payment") : item.status == 1 ? esp.lang("quotation/order", "payment_received") : item.status == 8 ? esp.lang("quotation/order", "order_in_progress") : item.status == 9 ? esp.lang("quotation/order", "Waiting_for_Confirmation_Completed") : item.status == 4 ? esp.lang("quotation/order", "canceled") : item.status == 5 ? esp.lang("quotation/order", "reschedule_submission") : item.status == 6 ? esp.lang("quotation/order", "done") : item.status == 7 ? esp.lang("quotation/order", "complete_with_complaint") : esp.lang("quotation/order", "canceled")
+          }</Text>
+        </View>
+        <View style={styleId_ZEohMf}>
+          <Text allowFontScaling={false} style={styleId_zqGrr} >{item.booking_code}</Text>
+          <Text allowFontScaling={false} style={styleId_zqGrr} >{LibUtils.moment(item.date_start).localeFormat("DD MMM YYYY") + " - " + LibUtils.moment(item.date_end).localeFormat("DD MMM YYYY")}</Text>
+        </View>
+        <View style={styleId_SWk1s}>
+          <LibPicture source={{ uri: item.image }} style={styleId_ZJVF0R} />
+          <View style={styleId_ZcMJmd}>
+            <Text allowFontScaling={false} style={styleId_1hwrfS}>Talent {item.community_name}</Text>
+            <Text allowFontScaling={false} numberOfLines={3} ellipsizeMode={"tail"} style={styleId_Z2538tJ}>{item.title}</Text>
+          </View>
+        </View>
+        <View style={styleId_2hTTwW} />
+        <View style={styleId_ZEohMf}>
+          <Text allowFontScaling={false} style={styleId_Zqd9DE}>{esp.lang("quotation/order_need_review", "total_payment")}</Text>
+          <Text allowFontScaling={false} style={styleId_2gvJ7o}>{LibUtils.money(item.total)}</Text>
+        </View>
+      </ComponentTouchable>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("quotation/order_need_review", "list_order")} subtitle={esp.lang("quotation/order_need_review", "waiting_review")} />
+      <LibInfinite
+        url={url}
+        
+        // key={status}
+        renderItem={renderItem}
+        errorView={(error: any) => {
+          return (
+            <ComponentMessage message={error} />
+          )
+        }}
+      />
+    </View>
+  )
+}
+const styleId_ZNTOUN: any = { flex: 1, borderRadius: 4, backgroundColor: "#fff", margin: 15, marginBottom: 0, ...LibStyle.elevation(2) }
+const styleId_fWWXJ: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }
+const styleId_ZEohMf: any = { flexDirection: 'row', justifyContent: 'space-between', margin: 15 }
+const styleId_zqGrr: any = { fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_SWk1s: any = { flex: 1, flexDirection: 'row', margin: 15, marginTop: 0 }
+const styleId_ZJVF0R: any = { width: 60, height: 60, borderRadius: 30 }
+const styleId_ZcMJmd: any = { flex: 1 }
+const styleId_1hwrfS: any = { marginLeft: 15, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_Z2538tJ: any = { flex: 1, marginLeft: 15, fontFamily: "SFProText", marginTop: 4, fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b", flexWrap: 'wrap' }
+const styleId_2hTTwW: any = { flex: 1, height: 1, backgroundColor: 'e3e3e3' }
+const styleId_Zqd9DE: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b" }
+const styleId_2gvJ7o: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }