esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/component/new_chat_chat.tsx

@@ -0,0 +1,678 @@
+// withHooks
+import { ChattingChat } from 'esoftplay/cache/chatting/chat/import';
+import { ComponentHeader_chat } from 'esoftplay/cache/component/header_chat/import';
+import { ComponentNew_chat_item } from 'esoftplay/cache/component/new_chat_item/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInput_circle2 } from 'esoftplay/cache/lib/input_circle2/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
+import { LibList } from 'esoftplay/cache/lib/list/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/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 { ChattingItemAttach } from 'esoftplay/modules/chatting/chat';
+import { useMemo } from 'react';
+
+import React from 'react';
+import { Keyboard, Platform, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface ComponentNew_chat_chatArgs {
+
+}
+export interface ComponentNew_chat_chatProps {
+
+}
+
+const transformStyle = Platform.OS == "ios" ? { transform: [{ scaleY: - 1 }] } : { transform: [{ rotateX: '180deg' }] }
+
+export function openChat(chat_to: string, chat_id?: string, group_id?: string, attach?: ChattingItemAttach): void {
+  const user = UserClass.state().get()
+  if (!user) {
+    LibToastProperty.show(esp.lang("chat_new/chat", "need_login"))
+    return
+  }
+  if (!chat_to) {
+    LibToastProperty.show(esp.lang("chat_new/chat", "empty"))
+    return
+  }
+  if (!chat_id) {
+    const ChattingLib = esp.mod('chatting/lib')
+    ChattingLib().getChatId(chat_to, group_id || '4', (chat_id: string) => {
+      if (chat_id) {
+        LibNavigation.navigate("component/new_chat_chat", { chat_id, chat_to, group_id, attach })
+      } else {
+        LibNavigation.navigate("component/new_chat_chat", { chat_id, chat_to, group_id, attach })
+      }
+    })
+  } else {
+    LibNavigation.navigate("component/new_chat_chat", { chat_id, chat_to, group_id, attach })
+  }
+}
+
+
+let oldDate = ''
+
+export default function m(props: ComponentNew_chat_chatProps): any {
+  const user = UserClass.state().get()
+  const {
+    chat_id,
+    conversation,
+    firstKey,
+    loadPrevious,
+    chat_to_user,
+  } = ChattingChat(LibNavigation.getArgsAll(props))
+
+  const firstDate = useMemo(() => LibUtils.moment(conversation?.[conversation?.length - 1]?.time).format("DD MMMM YYYY"), [conversation])
+
+
+  function updateChat(key: string, value: any) {
+    const ChattingLib = esp.mod('chatting/lib')
+    ChattingLib().chatUpdate(key, chat_id, value)
+  }
+
+  function renderItem(item: any, index: number) {
+    let showDate = false
+    let showOldDate = ''
+    if (LibUtils.moment(item?.data?.time).format("DD MMMM YYYY") != oldDate) {
+      showOldDate = oldDate
+      oldDate = LibUtils.moment(item?.data?.time).format("DD MMMM YYYY")
+      showDate = (index == 0) ? false : true
+    }
+
+    if (item.key) {
+      return (
+        <ComponentNew_chat_item
+          itemData={item}
+          chat_user_id={user?.id}
+          opposite={chat_to_user}
+          user_id={parseInt(item.user_id)}
+          onUpdateChat={updateChat}
+          oldDate={showOldDate}
+          showDate={showDate}
+        />
+      )
+    } else {
+      return null
+    }
+  }
+
+  let dataConversation = [
+    {
+      "read": "0",
+      "msg": "apa ini masih ada apa ini masih ada apa ini masih ada apa ini masih ada ?",
+      "attach": {
+        "description": "50000",
+        "url": "shop/product_list_detail?id=165",
+        "title": "Nama Produk",
+        "type": "market",
+        "image": "https://api.test.bbo.co.id/images/modules/shop/product/165/428186438.jpg",
+        "module": "market/product_detail"
+      },
+      "user_id": "31",
+      "time": "1719388398",
+      "timestamp": {
+        "seconds": 1719388399,
+        "nanoseconds": 535000000
+      },
+      "id": "x6qtbCvxisaFAujwemCE",
+      "key": "x6qtbCvxisaFAujwemCE"
+    },
+    {
+      "user_id": "31",
+      "attach": {
+        "image": "https://api.test.bbo.co.id/images/uploads/chat/2024/06/26/14/52/1707228510.jpg",
+        "module": "lib/gallery"
+      },
+      "msg": "1707228510.jpg",
+      "read": "0",
+      "timestamp": {
+        "seconds": 1719388326,
+        "nanoseconds": 107000000
+      },
+      "time": "1719388324",
+      "id": "xne8Esg7EiPLU4LMRhT3",
+      "key": "xne8Esg7EiPLU4LMRhT3"
+    },
+    {
+      "attach": {
+        "data": {
+          "step": 3,
+          "text_cancel": "",
+          "quotation_code": "QC/2024/05/07/526",
+          "duration": 2,
+          "amount": 30000,
+          "price_total": 250000,
+          "services": "SPG / SPB",
+          "request_title": "ajhdkaj akshdka sd auhsduah",
+          "status_payment": "2",
+          "type": 1,
+          "date_start": "2024-05-08",
+          "request_id": 588,
+          "request_code": "BC/2024/05/07/588",
+          "date_end": "2024-05-08",
+          "talent_id": 351,
+          "chat_id": "1696996999-UI0E",
+          "date": "08 Mei 2024 - 08 Mei 2024 (1 hari)",
+          "chat_to": "26677",
+          "status_quotation": 1,
+          "quotation_id": 526,
+          "booking_id": 416,
+          "status": 0,
+          "discount": "",
+          "items": [
+            {
+              "item_price": "250000",
+              "item_qty": 1,
+              "item_total": 250000,
+              "item_title": "Item 1"
+            }
+          ],
+          "text_cancel_received": "",
+          "deleted": 0,
+          "description": "ksda ladhs kjdha sdha kshd kajsd"
+        },
+        "buttons": {
+          "31": [
+            {
+              "type": "success",
+              "module": "quotation/order_detail",
+              "url": "community_booking_talent_list_detail/416",
+              "enabled": true,
+              "text": "Lihat Detail",
+              "from": "community/order"
+            }
+          ],
+          "26677": [
+            {
+              "module": "quotation/order_detail",
+              "enabled": true,
+              "text": "Lihat Detail",
+              "url": "community_booking_list_detail/416",
+              "type": "success"
+            }
+          ]
+        },
+        "url": "",
+        "image": "",
+        "title": "Permintaan Jasa Talent",
+        "module": "",
+        "description": "ksda ladhs kjdha sdha kshd kajsd"
+      },
+      "user_id": "26677",
+      "time": "1715065122",
+      "timestamp": {
+        "seconds": 1715065122,
+        "nanoseconds": 667000000
+      },
+      "read": "1",
+      "msg": "Quotation telah diterima",
+      "id": "vMlmUcBhFFJVZjW2zVAc",
+      "key": "vMlmUcBhFFJVZjW2zVAc"
+    },
+    {
+      "msg": "Quotation telah diterima",
+      "read": "1",
+      "attach": {
+        "buttons": {
+          "31": [
+            {
+              "text": "Lihat Detail",
+              "from": "community/order",
+              "enabled": true,
+              "type": "success",
+              "url": "community_booking_talent_list_detail/415",
+              "module": "quotation/order_detail"
+            }
+          ],
+          "26677": [
+            {
+              "module": "quotation/order_detail",
+              "url": "community_booking_list_detail/415",
+              "text": "Lihat Detail",
+              "enabled": true,
+              "type": "success"
+            }
+          ]
+        },
+        "description": "aksd kajshd",
+        "url": "",
+        "module": "",
+        "image": "",
+        "data": {
+          "text_cancel_received": "",
+          "discount": "",
+          "date": "08 Mei 2024 - 08 Mei 2024 (1 hari)",
+          "description": "aksd kajshd",
+          "quotation_code": "QC/2024/05/07/525",
+          "chat_id": "1696996999-UI0E",
+          "status": 0,
+          "services": "SPG / SPB",
+          "date_start": "2024-05-08",
+          "step": 3,
+          "request_id": 587,
+          "price_total": 12500,
+          "status_quotation": 1,
+          "chat_to": "26677",
+          "duration": 2,
+          "quotation_id": 525,
+          "type": 1,
+          "text_cancel": "",
+          "request_code": "BC/2024/05/07/587",
+          "amount": 30000,
+          "request_title": "jshkja sdk",
+          "booking_id": 415,
+          "talent_id": 351,
+          "items": [
+            {
+              "item_title": "Item 1",
+              "item_qty": 1,
+              "item_total": 12500,
+              "item_price": "12500"
+            }
+          ],
+          "date_end": "2024-05-08",
+          "deleted": 0,
+          "status_payment": "2"
+        },
+        "title": "Permintaan Jasa Talent"
+      },
+      "timestamp": {
+        "seconds": 1715062544,
+        "nanoseconds": 97000000
+      },
+      "user_id": "26677",
+      "time": "1715062543",
+      "id": "xGszV1ra22aduFGVZKPf",
+      "key": "xGszV1ra22aduFGVZKPf"
+    },
+    {
+      "user_id": "31",
+      "timestamp": {
+        "seconds": 1711967361,
+        "nanoseconds": 586000000
+      },
+      "read": "1",
+      "msg": "P",
+      "time": "1711967361",
+      "id": "dI0wkzEL9VsyaMiLPkuI",
+      "key": "dI0wkzEL9VsyaMiLPkuI"
+    },
+    {
+      "read": "1",
+      "time": "1711967342",
+      "user_id": "26677",
+      "timestamp": {
+        "seconds": 1711967341,
+        "nanoseconds": 577000000
+      },
+      "msg": "S",
+      "id": "qUeVTZcHxc9qBf3g0lwj",
+      "key": "qUeVTZcHxc9qBf3g0lwj"
+    },
+    {
+      "read": "1",
+      "msg": "Quotation telah diterima",
+      "timestamp": {
+        "seconds": 1705378892,
+        "nanoseconds": 500000000
+      },
+      "time": "1705379078",
+      "attach": {
+        "buttons": {
+          "31": [
+            {
+              "url": "community_booking_talent_list_detail/381",
+              "text": "Lihat Detail",
+              "module": "quotation/order_detail",
+              "from": "community/order",
+              "enabled": true,
+              "type": "success"
+            }
+          ],
+          "26677": [
+            {
+              "text": "Lihat Detail",
+              "module": "quotation/order_detail",
+              "type": "success",
+              "url": "community_booking_list_detail/381",
+              "enabled": true
+            }
+          ]
+        },
+        "image": "",
+        "module": "",
+        "data": {
+          "duration": 2,
+          "request_title": "Hdhdu",
+          "booking_id": 381,
+          "price_total": 10,
+          "discount": 10,
+          "status_payment": "6",
+          "request_code": "BC/2024/01/16/554",
+          "chat_to": "26677",
+          "items": [
+            {
+              "item_price": "10",
+              "item_total": 10,
+              "item_title": "Ggg",
+              "item_qty": 1
+            }
+          ],
+          "date": "16 Jan 2024 - 16 Jan 2024 (1 hari)",
+          "date_end": "2024-01-16",
+          "services": "SPG / SPB",
+          "date_start": "2024-01-16",
+          "description": "Jjjj",
+          "quotation_id": 459,
+          "chat_id": "1696996999-UI0E",
+          "deleted": 0,
+          "request_id": 554,
+          "step": 3,
+          "quotation_code": "QC/2024/01/16/459",
+          "status": 0,
+          "text_cancel": "",
+          "amount": 30000,
+          "talent_id": 351,
+          "type": 1,
+          "text_cancel_received": "",
+          "status_quotation": 1
+        },
+        "title": "Permintaan Jasa Talent",
+        "description": "Jjjj",
+        "url": ""
+      },
+      "user_id": "26677",
+      "id": "eO69BQb7P2t3NrZhI79K",
+      "key": "eO69BQb7P2t3NrZhI79K"
+    },
+    {
+      "msg": "Permintaan Jasa talent",
+      "timestamp": {
+        "seconds": 1705378674,
+        "nanoseconds": 963000000
+      },
+      "time": "1705378861",
+      "user_id": "26677",
+      "attach": {
+        "module": "",
+        "data": {
+          "services": "SPG / SPB",
+          "date_start": "2024-01-16",
+          "request_title": "Hdhdu",
+          "quotation_id": 0,
+          "is_cancel": 1,
+          "chat_to": "26677",
+          "step": 1,
+          "date": "16 Jan 2024 - 16 Jan 2024 (1 hari)",
+          "chat_id": "1696996999-UI0E",
+          "price_total": 0,
+          "deleted": 0,
+          "status_quotation": 0,
+          "request_code": "BC/2024/01/16/553",
+          "talent_id": 351,
+          "status": 2,
+          "text_cancel_received": "",
+          "request_id": 553,
+          "date_end": "2024-01-16",
+          "description": "Yeur",
+          "quotation_code": "",
+          "type": 1,
+          "text_cancel": "",
+          "items": []
+        },
+        "buttons": {
+          "31": [
+            {
+              "module": "quotation/index",
+              "url": "",
+              "type": "success",
+              "text": "Terima & Buat quotation",
+              "enabled": true
+            },
+            {
+              "enabled": false,
+              "module": "",
+              "text": "Tolak",
+              "url": "community_request?req_id=553",
+              "type": "failed"
+            }
+          ],
+          "26677": [
+            {
+              "text": "Batalkan",
+              "enabled": true,
+              "url": "",
+              "type": "success",
+              "module": ""
+            }
+          ]
+        },
+        "url": "",
+        "description": "Yeur",
+        "image": "",
+        "title": "Permintaan Jasa talent"
+      },
+      "read": "1",
+      "id": "xRs7CNA16YOLSiUxFH75",
+      "key": "xRs7CNA16YOLSiUxFH75"
+    },
+    {
+      "read": "1",
+      "time": "1705378081",
+      "attach": {
+        "module": "",
+        "data": {
+          "chat_to": "26677",
+          "request_code": "BC/2024/01/16/552",
+          "text_cancel_received": "",
+          "description": "Hehdhd",
+          "quotation_id": 458,
+          "quotation_code": "QC/2024/01/16/458",
+          "status_payment": "8",
+          "date_start": "2024-01-16",
+          "type": 1,
+          "text_cancel": "",
+          "discount": 1,
+          "chat_id": "1696996999-UI0E",
+          "duration": 2,
+          "date_end": "2024-01-17",
+          "amount": 30000,
+          "status": 0,
+          "services": "SPG / SPB",
+          "talent_id": 351,
+          "date": "16 Jan 2024 - 17 Jan 2024 (2 hari)",
+          "request_title": "Hdhdhd",
+          "status_quotation": 1,
+          "deleted": 0,
+          "request_id": 552,
+          "step": 3,
+          "booking_id": 380,
+          "items": [
+            {
+              "item_price": "1",
+              "item_title": "Ggg",
+              "item_qty": 1,
+              "item_total": 1
+            }
+          ],
+          "price_total": 1
+        },
+        "title": "Permintaan Jasa Talent",
+        "description": "Hehdhd",
+        "buttons": {
+          "31": [
+            {
+              "from": "community/order",
+              "type": "success",
+              "module": "quotation/order_detail",
+              "enabled": true,
+              "url": "community_booking_talent_list_detail/380",
+              "text": "Lihat Detail"
+            }
+          ],
+          "26677": [
+            {
+              "text": "Lihat Detail",
+              "type": "success",
+              "module": "quotation/order_detail",
+              "url": "community_booking_list_detail/380",
+              "enabled": true
+            }
+          ]
+        },
+        "image": "",
+        "url": ""
+      },
+      "user_id": "26677",
+      "msg": "Quotation telah diterima",
+      "timestamp": {
+        "seconds": 1705377894,
+        "nanoseconds": 937000000
+      },
+      "id": "yDqouvH5ruWj74XqbT34",
+      "key": "yDqouvH5ruWj74XqbT34"
+    },
+    {
+      "attach": {
+        "data": {
+          "talent_id": 322,
+          "status_quotation": 0,
+          "request_code": "BC/2024/01/02/550",
+          "request_id": 550,
+          "description": "Nskska",
+          "discount": "",
+          "is_cancel": 1,
+          "quotation_code": "QC/2024/01/02/456",
+          "date_end": "2024-01-02",
+          "status": 2,
+          "text_cancel": "",
+          "chat_id": "1696996999-UI0E",
+          "quotation_id": 456,
+          "deleted": 0,
+          "items": [
+            {
+              "item_title": "Item 1",
+              "item_qty": 1,
+              "item_total": 2000000,
+              "item_price": "2000000"
+            }
+          ],
+          "request_title": "Nanan",
+          "step": 2,
+          "date_start": "2024-01-02",
+          "text_cancel_received": "",
+          "chat_to": "31",
+          "services": "Comedian",
+          "type": 1,
+          "date": "02 Jan 2024 - 02 Jan 2024 (1 hari)",
+          "price_total": 2000000
+        },
+        "url": "community_quotation_list_detail/456",
+        "description": "Nskska",
+        "module": "quotation/detail",
+        "image": "",
+        "buttons": {
+          "31": [
+            {
+              "enabled": true,
+              "url": "",
+              "module": "bigbang/payment",
+              "text": "Setuju & Bayar",
+              "type": "success"
+            },
+            {
+              "enabled": true,
+              "url": "community_quotation_cancel/456",
+              "module": "",
+              "type": "failed",
+              "text": "Tolak"
+            }
+          ],
+          "26677": [
+            {
+              "module": "quotation/detail",
+              "text": "Revisi",
+              "type": "success",
+              "url": "community_quotation_list_detail/456",
+              "enabled": true
+            },
+            {
+              "text": "Batal",
+              "url": "community_quotation_cancel/456",
+              "enabled": true,
+              "type": "failed",
+              "module": ""
+            }
+          ]
+        },
+        "title": "Permintaan Jasa Talent"
+      },
+      "timestamp": {
+        "seconds": 1704128899,
+        "nanoseconds": 558000000
+      },
+      "user_id": "26677",
+      "time": "1704128899",
+      "read": "1",
+      "msg": "Quotation telah dibuat",
+      "id": "nR4Yv8DCqNVrMznmPLzs",
+      "key": "nR4Yv8DCqNVrMznmPLzs"
+    }
+  ]
+
+
+  return (
+    <LibKeyboard_avoid style={{ flex: 1 }} >
+      <View style={{ backgroundColor: "#fff", flex: 1 }}>
+        <ComponentHeader_chat onPress={() => {
+        }} title='Muklis' bgSubtitle={"#2ecc71"}
+          subtitle={"online"}
+        />
+        <LibList
+          data={dataConversation}
+          style={transformStyle}
+          onEndReached={() => { conversation?.length > 0 && loadPrevious(firstKey) }}
+          ListFooterComponent={
+            <View style={[{ alignContent: 'center', alignItems: 'center', marginTop: 8, marginBottom: 8 }, transformStyle]} >
+              <View style={{ padding: 5, paddingHorizontal: 10, borderRadius: 10, backgroundColor: "rgba(0, 0, 0, 0.2)" }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{firstDate}</Text>
+              </View>
+            </View>
+          }
+          removeClippedSubviews
+          onEndReachedThreshold={1}
+          renderItem={renderItem}
+        />
+      </View>
+      <View style={{ flexDirection: 'row', alignItems: 'center', backgroundColor: '#f1f1f1', paddingBottom: 8, paddingTop: 5 }} >
+        <View style={{ height: 40, width: 40, alignItems: 'center', justifyContent: 'center' }} >
+          <TouchableOpacity style={{ transform: [{ rotate: '90deg' }] }} activeOpacity={1} onPress={() => {
+            Keyboard.dismiss()
+          }} >
+            <LibIcon name="attachment" />
+          </TouchableOpacity>
+        </View>
+        <LibInput_circle2
+          // ref={inputMsg}
+          selectionColor={LibUtils.hexToRgba(LibStyle.colorPrimary, 0.3)}
+          placeholder={esp.lang("chat_new/chat", "placeholder")}
+          placeholderTextColor="#e0e0e1"
+          multiline
+          onContentSizeChange={(event) => {
+            const x = event.nativeEvent.contentSize.height
+            // if (x < 140)
+            //   setInputHeight(x)
+          }}
+          style={{ marginTop: 0, fontSize: 16, backgroundColor: '#fff', justifyContent: 'center', paddingHorizontal: 5, flex: 1, borderWidth: 0, borderRadius: 10, ...LibStyle.elevation(0) }}
+        />
+        <TouchableOpacity testID='btn_send' activeOpacity={1} style={{ marginHorizontal: 8, height: 35, width: 35, alignContent: 'center', alignItems: 'center', justifyContent: 'center', borderRadius: 10, backgroundColor: LibStyle.colorPrimary }} onPress={() => {
+        }}>
+          <LibIcon color={chat_to_user?.deleted == 1 ? "#CBCBCB" : "#fff"} name="send" size={18} />
+        </TouchableOpacity>
+      </View>
+    </LibKeyboard_avoid >
+  )
+}