// withHooks
import { applyStyle } from 'esoftplay';
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 { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
import { LibInput } from 'esoftplay/cache/lib/input/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 { LibPicture } from 'esoftplay/cache/lib/picture/import';
import { LibProgress } from 'esoftplay/cache/lib/progress/import';
import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
import { LibStyle } from 'esoftplay/cache/lib/style/import';
import { LibUtils } from 'esoftplay/cache/lib/utils/import';
import { MarketEmpty } from 'esoftplay/cache/market/empty/import';
import { MarketHeader } from 'esoftplay/cache/market/header/import';
import { MarketImage_picker } from 'esoftplay/cache/market/image_picker/import';
import { MarketStyle } from 'esoftplay/cache/market/style/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 React, { useEffect, useRef } from 'react';
import { Text, TouchableOpacity, View } from 'react-native';
export interface MarketComplaint_discussArgs {
url_complaint: string
}
export interface MarketComplaint_discussProps {
}
export interface CommunityItem {
title: string
value: string
color?: string
}
export interface SolutionItem {
text: string
color?: string
}
function Item(props: CommunityItem) {
return (
{props.title}
{props.value}
)
}
export default function m(props: MarketComplaint_discussProps): any {
const user = UserClass.state().get()
const { url_complaint } = LibNavigation.getArgsAll(props)
const width = LibStyle.width * 0.7
let textMsg = useRef('').current
const input = useRef(null)
const imagePicker = useRef(null)
const [upData, setUpData, getUpData] = useSafeState([])
const [data, setData, getData] = useSafeState()
const [config, setConfig] = useSafeState({})
const [isMerchant, setIsMerchant, getIsMerchant] = useSafeState(false)
useEffect(() => {
esp.log(url_complaint, 'kompalin');
getComplaintDetail()
}, [])
function getComplaintDetail() {
new LibCurl(url_complaint, null,
(res, msg) => {
setIsMerchant(res?.merchant_id == user?.merchant_id)
getComplaintConfig(res?.id)
setData(res)
}, (err) => {
esp.log(err);
}, 1
)
}
function getComplaintConfig(complaint_id: string) {
new LibCurl('shop/order_complaint_config?complaint_id=' + complaint_id, null,
(res) => {
setConfig(res)
}, (msg) => {
esp.log(msg, 'msg');
}, 1
)
}
function callAdmin() {
LibDialog.warningConfirm(esp.lang("market/complaint_discuss", "call_admin_tittle"), esp.lang("market/complaint_discuss", "call_admin_msg"), esp.lang("market/complaint_discuss", "call_admin_confirm"), () => {
LibProgress.show(esp.lang("market/complaint_discuss", "call_admin_wait"))
new LibCurl('shop/order_complaint_admin', { id: data?.id },
(res, msg) => {
getComplaintConfig(data?.id)
LibProgress.hide()
}, (msg) => {
LibDialog.warning(esp.lang("market/complaint_discuss", "call_admin_failed"), msg?.message)
}, 1
)
}, esp.lang("market/complaint_discuss", "call_admin_cancel"), () => { })
}
function sendMessage() {
const data = getData()
let post = {
complaint_id: data?.id,
message: textMsg
}
let newMsg = {
id: "",
complaint_id: data?.id,
sender_id: user?.id,
sender_name: user?.merchant_id == data?.merchant_id ? data?.merchant_name : data?.buyer_name,
message: textMsg,
file: "",
created: moment().localeFormat("YYYY-MM-DD HH:mm"),
message_alert: "",
sender_image: user?.merchant_id == data?.merchant_id ? data?.merchant_image : user?.image
}
let _upData = [...getUpData()]
_upData.unshift(newMsg)
setUpData([..._upData])
new LibCurl('shop/order_complaint_conversation', post,
(res, msg) => {
input.current?.setText('')
}, (msg) => {
esp.log(msg);
}, 1
)
}
function sendAttach(imageUrl: string): void {
const data = getData()
let fileName = imageUrl.split('/').splice(-1).pop()
let post = {
complaint_id: data.id,
message: fileName?.toString(),
file: imageUrl
}
let newMsg = {
id: "",
complaint_id: data.id,
sender_id: user?.id,
sender_name: user?.merchant_id == data.merchant_id ? data.merchant_name : data.buyer_name,
message: "",
file: imageUrl,
created: moment().localeFormat("YYYY-MM-DD HH:mm"),
message_alert: "",
sender_image: user?.merchant_id == data.merchant_id ? data.merchant_image : user.image
}
let _upData = [...getUpData()]
_upData.unshift(newMsg)
setUpData([..._upData])
new LibCurl('shop/order_complaint_conversation', post,
(res, msg) => {
input.current?.setText('')
imagePicker.current?.hide()
esp.log(res, msg);
}, (msg) => {
imagePicker.current?.hide()
esp.log(msg);
}, 1
)
}
function solveComplaint() {
const data = getData()
let post: any = {
complaint_id: data?.id,
}
if (getIsMerchant()) {
post.merchant_id = user?.merchant_id
}
LibProgress.show(esp.lang("market/complaint_discuss", "solve_complaint_wait"))
new LibCurl('shop/order_complaint_solve', post,
(res, msg) => {
esp.log(res, msg, 'suks');
LibProgress.hide()
LibNavigation.back()
}, (msg) => {
esp.log(msg, 'faild');
LibProgress.hide()
LibDialog.warning(esp.lang("market/complaint_discuss", "solv_complaint_failed"), msg?.message)
}, 1
)
}
function renderItems(item: any, i: number) {
let isReceived = item?.sender_id == user?.id
if (item?.message_alert != "") {
return (
{isReceived && }
{item.message_alert}
{!isReceived && }
)
} else if (item?.file != "" && item?.file != null) {
return (
{
!isReceived &&
}
LibNavigation.navigate("lib/gallery", { image: item?.file })} >
{
isReceived &&
}
)
} else {
return (
{
!isReceived &&
}
{item?.message}
{item?.sender_name}
{moment(item?.created).localeFormat('DD/MM/YYYY')}
{
isReceived &&
}
)
}
}
if (!data) {
return
}
return (
{
return (
{esp.lang("market/complaint_discuss", "compaint_detail")}
)
}}>