esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/feed/booking.tsx

@@ -0,0 +1,450 @@
+// withHooks
+import { ChatChatProperty } from 'esoftplay/cache/chat/chat/import';
+import { ChattingChat } from 'esoftplay/cache/chatting/chat/import';
+import { ChattingItemAttach } from 'esoftplay/cache/chatting/item/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 { ComponentLabel_input } from 'esoftplay/cache/component/label_input/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibCollaps } from 'esoftplay/cache/lib/collaps/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 { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/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 { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { UseTest } from 'esoftplay/cache/use/test/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
+import useSafeState from 'esoftplay/state';
+
+import { BboConfigProperty } from 'esoftplay/cache/bbo/config/import';
+import React, { useEffect } from 'react';
+import { ActivityIndicator, Keyboard, ScrollView, Text, View } from 'react-native';
+
+
+export interface FeedBookingProps {
+
+}
+
+
+const chatIdBookingChat = useGlobalState<string>("")
+const chatMessageBookingChat = useGlobalState<any>(undefined)
+export default function m(props: FeedBookingProps): any {
+  const user = UserClass.state().get()
+  const group_id = '4';
+  const { url, chat_to, type_community } = LibNavigation.getArgsAll(props)
+  const [result, setResult] = useSafeState<any>()
+  const [error, setError] = useSafeState<any>()
+  const [isLoading, setIsLoading] = useSafeState<boolean>(false)
+  const [msg, setMsg] = useSafeState<string>("")
+  const { sendNoCache } = ChattingChat(LibNavigation.getArgsAll(props))
+  // inputs
+  const [services, setServices] = useSafeState<any>()
+  const [date_start, setDate_start] = useSafeState<any>()
+  const [date_end, setDate_end] = useSafeState<any>()
+  let inputServices = React.useRef<LibInput_rectangle2>(null)
+  let inputDate = React.useRef<LibInput_rectangle2>(null)
+  let inputTitle = React.useRef<LibInput_rectangle2>(null)
+  let inputDescription = React.useRef<LibInput_rectangle2>(null)
+  let dialogServices = React.useRef<ComponentSlidingup>(null)
+
+  // for display
+  const [bboConfig] = BboConfigProperty.state().useState()
+
+  const { execAndPass, execState, fail, pass, setInput, setTasks, waitRef } = UseTest({ isRunTest: false }, 'code')
+  setTasks([
+    [waitRef, [inputServices, inputDate, inputTitle, inputDescription, dialogServices,]],
+    [loadData],
+    [execAndPass, [setInput, [inputServices, result?.community_list?.[0]?.name]]],
+    [execState, [setServices, result?.community_list?.[0]]],
+    [execState, [setDate_start, '2021-06-22']],
+    [execState, [setDate_end, '2021-06-22']],
+    [execAndPass, [setInput, [inputDate, '2021-06-22']]],
+    [execAndPass, [setInput, [inputTitle, 'Testing Booking Talent 31 mei 2021 #8']]],
+    [execAndPass, [setInput, [inputDescription, 'Testing Booking Talent 31 mei 2021 #8 Deskripsi']]],
+    [execAndPass, [doBooking]]
+  ])
+
+  useEffect(() => {
+    BboConfigProperty.curlConfig('v2/config_community')
+    LibProgress.show(esp.lang("feed/booking", "wait"))
+    let exec = setTimeout(async () => {
+      let error = ''
+      if (chat_to == undefined || chat_to == '') {
+        error = esp.lang("feed/booking", "chatto_notfound")
+      } else if (chat_to == user?.id) {
+        error = esp.lang("feed/booking", "send_self")
+      }
+      if (error != '') {
+        setError(error)
+        return
+      }
+      ChattingLib().getChatId(chat_to, group_id, (chat_id) => {
+        LibProgress.hide()
+        chatIdBookingChat.set(chat_id)
+      })
+    }, 0)
+    return () => clearTimeout(exec)
+  }, [])
+
+  useEffect(() => {
+    if (result) {
+      pass(result)
+    }
+  }, [result])
+
+  useEffect(() => {
+    loadData()
+    let _msg = esp.lang("feed/booking", "request", (type_community))
+    setMsg(_msg)
+  }, [])
+
+  function loadData(): void {
+    // urlnya isinya ini : http://api.test.bigbangfest.id/community_talent_detail/52
+    new LibCurl(url, null, (result) => {
+      setResult(result)
+    }, (error) => {
+      setError(error)
+    })
+  }
+
+  function checkInput() {
+
+    if (!services) {
+      inputServices.current!.setError(esp.lang("feed/booking", "empty_service"))
+      return false
+    }
+    if (inputDate.current!.getText() == "") {
+      inputDate.current!.setError(esp.lang("feed/booking", "empty_date"))
+      return false
+    }
+    if (inputTitle.current!.getText() == "") {
+      inputTitle.current!.setError(esp.lang("feed/booking", "empty_title"))
+      return false
+    }
+    if (inputDescription.current!.getText() == "") {
+      inputDescription.current!.setError(esp.lang("feed/booking", "empty_description"))
+      return false
+    }
+    return true
+  }
+
+  function doBooking() {
+    const attach: ChattingItemAttach = {
+      "description": inputDescription.current?.getText?.(),
+      "image": "",
+      "module": "",
+      "url": "",
+      "title": esp.lang("feed/booking", "request_service", (type_community)),
+      "data": {
+        "step": 1, //step 1:request , 2:quotation , 3:booking
+        "type": type_community == "talent" ? 1 : 2, // ini type isinya 1=talent, 2=influencer
+        "status": 0,
+        "chat_id": '',
+        "chat_to": user?.id,
+        "services": services?.name,
+        "request_id": '', // ini untuk community_request
+        "request_code": '', // ini untuk di tampilkan di chat
+        "request_title": inputTitle.current?.getText?.(),
+        "quotation_id": 0,
+        "quotation_code": "",
+        "items": [],
+        "price_total": 0,
+        "date": inputDate.current?.getText?.(),
+        "date_start": date_start,
+        "date_end": date_end,
+        "description": inputDescription.current?.getText?.(),
+        "status_quotation": 0,
+        // "amount": 0,
+        // "duration": 0,
+        "text_cancel": "",
+        "text_cancel_received": "",
+        "deleted": 0,
+        "talent_id": result && result?.id,
+        "is_cancel": 0
+      },
+      // nanti kasih api jika dibatalkan akan mengirim notif ke salah satu pihak
+      "buttons": {
+        [user.id]: [ // hanya bisa dilihat user_id 1
+          {
+            "type": "success",
+            "text": esp.lang("feed/booking", "btn_cancel"),
+            "module": "",
+            "url": "",
+            "enabled": true // hanya bisa dipencet jika enabled
+          }
+        ],
+        [chat_to]:
+          [
+            {
+              "type": "success",
+              "text": esp.lang("feed/booking", "btn_accept"),
+              "url": "",
+              "enabled": true,
+              "module": 'quotation/index'
+            },
+            {
+              "type": "failed",
+              "text": esp.lang("feed/booking", "btn_decline"),
+              "url": "community_request?req_id=",
+              "enabled": false,
+              "module": ''
+            }
+          ]
+      }
+    }
+
+    setIsLoading(true)
+
+
+    if (chatMessageBookingChat.get()?.key) {
+      sendRequest(chatIdBookingChat.get(), chatMessageBookingChat.get()?.key, chatMessageBookingChat.get())
+    }
+    else {
+      sendNoCache(msg, attach, (chat_id, message) => {
+        LibProgress.hide()
+
+        sendRequest(chat_id, message.key, message)
+
+        chatIdBookingChat.set(chat_id)
+        chatMessageBookingChat.set(message)
+      }, chatIdBookingChat.get())
+    }
+  }
+
+  function sendRequest(chat_id: string, chat_key: string, value: any) {
+    const post = {
+      community_id: result && result.id,
+      community_cat_id: services && services.id,
+      date_start: date_start,
+      date_end: date_end,
+      title: inputTitle.current?.getText?.(),
+      description: inputDescription.current?.getText?.(),
+      chat_id: chat_id,
+      chat_key: chat_key
+    }
+
+    new LibCurl('community_request', post, (result, msg) => {
+      setIsLoading(false)
+      LibProgress.hide()
+      chatIdBookingChat.reset()
+      chatMessageBookingChat.reset()
+
+      if (!result.req_id) {
+        LibToastProperty.show(esp.lang("feed/booking", "retry_send_request"))
+        sendRequest(chat_id, chat_key, value)
+      } else {
+        let updateReqId = LibObject.set(value, result.req_id)('attach', 'data', 'request_id')
+        let updateReqCode = LibObject.set(updateReqId, result.req_code)('attach', 'data', 'request_code')
+        let updateChat_id = LibObject.set(updateReqCode, chat_id)("attach", "data", "chat_id")
+        let updateUrlButtonDecline = LibObject.set(updateChat_id, "community_request?req_id=" + result.req_id)('attach', 'buttons', chat_to, 1, 'url')
+
+        ChattingLib().chatUpdate(chat_key, chat_id, [{ key: 'attach', value: updateUrlButtonDecline.attach }])
+        LibNavigation.backToRoot()
+        ChatChatProperty.openChat(chat_to, chat_id, esp.config("group_id"))
+      }
+    }, (error) => {
+      setIsLoading(false)
+      LibProgress.hide()
+      ChattingLib().chatDelete(chat_id, chat_key)
+      LibDialog.warning(esp.lang("feed/booking", "failed_send"), error?.message)
+    }, 1)
+  }
+
+  if (error) {
+    return (
+      <View style={{ flex: 1, backgroundColor: '#3b8b7bf', justifyContent: 'center', alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
+        <Text allowFontScaling={false} style={{ alignSelf: 'center', fontFamily: "Arial", fontSize: 14, fontStyle: "normal", letterSpacing: 0 }}>{error?.message}</Text>
+      </View>
+    )
+  }
+
+  if (!result) {
+    return (
+      <LibLoading />
+    )
+  }
+
+  function renderConfigCommunity(item: any, i: number) {
+    return (
+      <View key={i} style={styleId_ZIS6aB}>
+        <Text allowFontScaling={false} style={styleId_297xRr}>{i + 1}. {item}</Text>
+      </View>
+    )
+  }
+
+  function renderCommunityList(item: any, i: number) {
+    return (
+      <ComponentTouchable testID='item_jasa' key={i} onPress={() => {
+        setServices(item)
+        inputServices.current?.setText(item.name)
+        dialogServices.current!.hide()
+      }} style={styleId_1A5RtG} >
+        <Text allowFontScaling={false} style={styleId_Z1mnIvu}>{item.name}</Text>
+      </ComponentTouchable>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <LibKeyboard_avoid style={{ flex: 1 }}>
+        <ComponentHeader title={esp.lang("feed/booking", "header_title", (result.name))} />
+        <ScrollView showsVerticalScrollIndicator={false} showsHorizontalScrollIndicator={false}>
+          <View style={{ margin: 15, marginBottom: 0, padding: 8, backgroundColor: '#f6f6f6', borderRadius: 4, flexDirection: 'row', flex: 1 }}>
+            <LibIcon name="information-outline" color="#a3a3a3" />
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", lineHeight: 12, letterSpacing: 0, color: "#a3a3a3", marginLeft: 8 }}>{esp.lang("feed/booking", "text_info")}</Text>
+          </View>
+          <Text allowFontScaling={false} style={{ marginLeft: 19, marginTop: 15, fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("feed/booking", "profile_type", (type_community))}</Text>
+          <View style={{ marginLeft: 19, marginTop: 15, flex: 1, flexDirection: 'row', marginBottom: 20 }}>
+            <LibPicture source={{ uri: result.image !== "" && result.image }} style={{ width: 72, height: 72, borderRadius: 36 }} />
+            <View style={{ marginLeft: 12, flex: 1 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{(result && result.name)}</Text>
+              <Text allowFontScaling={false} style={{ marginTop: 4, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{result && result.location_name}</Text>
+              <Text allowFontScaling={false} style={{ marginTop: 2, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{result && esp.lang("feed/booking", "year_exp", result?.community_list?.[0]?.name, result?.community_list?.[0]?.experience)}</Text>
+              {
+                result && result.community_list.length > 1 &&
+                <View style={{ flexDirection: 'row', marginTop: 2, }}>
+                  <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#a3a3a3" }}>{esp.lang("feed/booking", "text_other", type_community)}</Text>
+                  <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#a3a3a3" }}>{result && result.community_list.length > 1 && result.community_list.map((item: any) => item.name + ", ")}</Text>
+                </View>
+              }
+            </View>
+          </View>
+          <View style={{ height: 1, backgroundColor: '#f6f6f6' }} />
+          <LibCollaps
+            show
+            header={(show) => {
+              return (
+                <View style={{ marginTop: 10, padding: 16, justifyContent: 'space-between', flexDirection: 'row', borderRadius: 5, backgroundColor: '#fff' }}>
+                  <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("feed/booking", "how_to_rent", (type_community))}</Text>
+                  <LibIcon name={!show ? "chevron-down" : "chevron-up"} />
+                </View>
+              )
+            }}>
+            {
+              bboConfig?.community?.booking?.request?.map(renderConfigCommunity)
+            }
+          </LibCollaps>
+
+          <View style={{ height: 1, backgroundColor: '#f6f6f6' }} />
+
+          <Text allowFontScaling={false} style={{ marginLeft: 19, marginTop: 20, fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("feed/booking", "input_request")}</Text>
+
+          <View style={{ marginHorizontal: 19, flex: 1, marginBottom: 10 }}>
+            <ComponentLabel_input label={esp.lang("feed/booking", "label_service")} />
+
+            <ComponentTouchable testID='pilih_jasa' onPress={() => {
+              dialogServices.current!.show()
+            }} >
+              <LibInput_rectangle2
+                ref={inputServices}
+                editable={false}
+                placeholder={esp.lang("feed/booking", "placeholder_service")}
+                dropdown
+                style={{ marginTop: 8, borderRadius: 4 }}
+              />
+            </ComponentTouchable>
+
+            <ComponentLabel_input label={esp.lang("feed/booking", "label_date")} />
+
+            <ComponentTouchable testID='pilih_tanggal' onPress={() => {
+              LibNavigation.navigateForResult('feed/talent_date').then((item) => {
+                setDate_start(item.date_start)
+                setDate_end(item.date_end)
+
+                // for display
+                inputDate.current?.setText(item.date)
+              })
+            }} >
+              <LibInput_rectangle2
+                ref={inputDate}
+                editable={false}
+                placeholder={esp.lang("feed/booking", "placeholder_date")}
+                dropdown
+                style={{ marginTop: 8, borderRadius: 4 }}
+              />
+            </ComponentTouchable>
+
+            <ComponentLabel_input label={esp.lang("feed/booking", "label_title")} />
+            <View testID='input_title'>
+              <LibInput_rectangle2
+                ref={inputTitle}
+                placeholder={esp.lang("feed/booking", "placeholder_title")}
+                returnKeyType='next'
+                onSubmitEditing={() => {
+                  inputDescription?.current?.focus()
+                }}
+                style={{ borderRadius: 4 }}
+              />
+            </View>
+
+            <ComponentLabel_input label={esp.lang("feed/booking", "label_reason")} />
+            <View testID='input_desc'>
+              <LibInput_rectangle2
+                multiline
+                ref={inputDescription}
+                returnKeyType='done'
+                onSubmitEditing={() => {
+                  if (checkInput()) {
+                    Keyboard.dismiss()
+                    LibDialog.confirm(esp.lang("feed/booking", "book_title"), esp.lang("feed/booking", "book_msg"), esp.lang("feed/booking", "book_confirm"), () => {
+                      doBooking()
+                    }, esp.lang("feed/booking", "book_cancel"), () => {
+
+                    })
+                  }
+                }}
+                inputStyle={{ textAlignVertical: 'top', height: 150, paddingTop: 15 }}
+                placeholder={esp.lang("feed/booking", "placeholder_reason")}
+                style={{ height: 150, borderRadius: 4 }}
+              />
+            </View>
+          </View>
+        </ScrollView>
+        <View style={{ backgroundColor: '#fff', padding: 15, alignContent: 'center', alignItems: 'center' }}>
+          {
+            isLoading ?
+              <View style={{ width: LibStyle.width - 30, height: 40, borderRadius: 17, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9, padding: 10, backgroundColor: '#21BF95' }}>
+                <ActivityIndicator size={50} color="#fff" />
+              </View>
+              :
+              <ComponentButton testID={"send_request"} onPress={() => {
+                if (checkInput()) {
+                  Keyboard.dismiss()
+                  LibDialog.confirm(esp.lang("feed/booking", "book_title"), esp.lang("feed/booking", "book_msg"), esp.lang("feed/booking", "book_confirm"), () => {
+                    doBooking()
+                  }, esp.lang("feed/booking", "book_cancel"), () => {
+
+                  })
+                }
+              }} backgroundColor={"#21BF95"} label={esp.lang("feed/booking", "btn_send")} />
+
+          }
+        </View>
+
+        <ComponentSlidingup ref={dialogServices}>
+          <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, borderTopLeftRadius: 20 }}>
+            <Text allowFontScaling={false} testID="title_pilih_jasa" style={{ marginTop: 26, marginBottom: 15, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("feed/booking", "select_service")}</Text>
+            {
+              result && result.community_list.length > 0 && result.community_list.map(renderCommunityList)
+            }
+          </View>
+        </ComponentSlidingup>
+      </LibKeyboard_avoid>
+    </View >
+  )
+}
+const styleId_ZIS6aB: any = { marginLeft: 19, marginBottom: 14 }
+const styleId_297xRr: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_1A5RtG: any = { height: 50, padding: 10, borderColor: '#f6f6f6', borderBottomWidth: 1 }
+const styleId_Z1mnIvu: any = { fontFamily: "SFProText", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }