esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/quotation/order_status.tsx

@@ -0,0 +1,57 @@
+// useLibs
+// noPage
+import esp from 'esoftplay/esp';
+
+
+
+export interface QuotationOrder_status {
+  text: string,
+  code: string | number,
+  icon: string
+}
+
+export default function m(): QuotationOrder_status[] {
+  return [
+    {
+      text: esp.lang("quotation/order_status", "waiting_payment"),
+      code: 0,
+      icon: 'icons/ic_community_notif_wait_payment.png'
+    },
+    {
+      text: esp.lang("quotation/order_status", "payment_accepted"),
+      code: 1,
+      icon: 'icons/ic_community_notif_payment_accept.png'
+    },
+
+    {
+      text: esp.lang("quotation/order_status", "order_in_progress"),
+      code: 8,
+      icon: 'icons/ic_community_notif_onprogress.png'
+    },
+    {
+      text: esp.lang("quotation/order_status", "Waiting_for_Confirmation_Completed"),
+      code: 9,
+      icon: 'icons/ic_community_notif_wait_confirm.png'
+    },
+    {
+      text: esp.lang("quotation/order_status", "canceled"),
+      code: "2,3,4",
+      icon: 'icons/ic_community_notif_canceled.png'
+    },
+    // {
+    //   text: 'Pengajuan Reschedule',
+    //   code: 5,
+    //   icon: 'icons/ic_community_notif_rescedule.png'
+    // },
+    {
+      text: esp.lang("quotation/order_status", "completed"),
+      code: 6,
+      icon: 'icons/ic_community_notif_accepted.png'
+    },
+    {
+      text: esp.lang("quotation/order_status", "complaint"),
+      code: 7,
+      icon: 'icons/ic_community_notif_finish_complaint.png'
+    },
+  ]
+}

package/modules/quotation/reschedule.tsx

@@ -0,0 +1,199 @@
+// withHooks
+import { ChatChatProperty } from 'esoftplay/cache/chat/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 { ComponentInput_rectangle_touchable } from 'esoftplay/cache/component/input_rectangle_touchable/import';
+import { ComponentLabel_input } from 'esoftplay/cache/component/label_input/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 { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/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 useSafeState from 'esoftplay/state';
+
+import moment from 'esoftplay/moment';
+import React, { useEffect } from 'react';
+import { ScrollView, View } from 'react-native';
+moment().locale('id')
+
+
+export interface QuotationRescheduleProps {
+
+}
+export default function m(props: QuotationRescheduleProps): any {
+  const user = UserClass.state().get()
+  const url = LibNavigation.getArgs(props, 'url')
+  const [result, setResult] = useSafeState<any>()
+  const [date_start, setDate_start] = useSafeState<any>()
+  const [date_end, setDate_end] = useSafeState<any>()
+  const [message, setMessage] = useSafeState<string>("")
+
+  // for display
+  const [date, setDate] = useSafeState<any>()
+
+  useEffect(() => {
+    setMessage(esp.lang("quotation/reschedule", "Reschedule_Submission"))
+
+    new LibCurl(url, null, (res, msg) => {
+      setResult(res)
+    }, (error) => {
+    })
+  }, [])
+
+  function doReschedule() {
+
+    if (!date_start) {
+      LibToastProperty.show(esp.lang("quotation/reschedule", "Please_choose_a_new_date_first"))
+      return
+    }
+
+    if (LibUtils.countDays(result.date_start, result.date_end) != LibUtils.countDays(date_start, date_end)) {
+      LibToastProperty.show(esp.lang("quotation/reschedule", "Reschedule_duration_must_be_same_as_old_date_duration"))
+      return
+    }
+
+    const attach: ChattingItemAttach = {
+      "description": result.description,
+      "image": "",
+      "module": "",
+      "url": "",
+      "title": esp.lang("quotation/reschedule", "Reschedule_Submission"),
+      "data": {
+        "status": 1,
+        "type": 1,
+        "chat_id": result.chat_id,
+        "chat_to": result.community_user_id,
+        "services": result.community_cat_name,
+        "request_id": result.id, // ini untuk community_request
+        "request_code": result.booking_code, // ini untuk di tampilkan di chat
+        "request_title": result.title,
+        "quotation_id": 0,
+        "quotation_code": "",
+        "items": result.items,
+        "price_total": result.total,
+        "discount": result.hasOwnProperty("discount") ? result.discount : 0,
+        "date": moment(result.date_start).localeFormat("DD MMM YYYY") + " - " + moment(result.date_end).localeFormat("DD MMM YYYY"),
+        "date_start": result.date_start,
+        "date_end": result.date_end,
+        "date_start_new": date_start,
+        "date_end_new": date_end,
+        "description": result.description,
+        "amount": 30000,
+        "duration": 2,
+        "text_cancel": "",
+        "text_cancel_received": "",
+        "deleted": 0,
+        "talent_id": result.community_user_id,
+        "status_quotation": 0,
+      },
+      "buttons": {
+        [user.id]: [ // hanya bisa dilihat user_id 1
+          {
+            "type": "failed",
+            "text": esp.lang("quotation/reschedule", "cancel"),
+            "module": "",
+            "url": "url-action",
+            "enabled": true // hanya bisa dipencet jika enabled
+          }
+        ],
+        [result.community_user_id]: [
+          {
+            "type": "success",
+            "text": esp.lang("quotation/reschedule", "see_detail"),
+            "url": "community_booking_reschedule_approval/",
+            "enabled": true,
+            "module": 'quotation/reschedule_approval'
+          }
+        ]
+      }
+    }
+
+    const post = {
+      id: result.id,
+      date_start_new: date_start,
+      date_end_new: date_end
+    }
+
+    // community_booking_reschedule
+
+    LibDialog.warningConfirm(esp.lang("quotation/reschedule", "warning"), esp.lang("quotation/reschedule", "are_you_sure_reschedule_submission_to_talent"), esp.lang("quotation/reschedule", "yes"), () => {
+      LibProgress.show(esp.lang("quotation/reschedule", "please_wait"))
+      new LibCurl(result.url_reschedule, post, (res, msg) => {
+        LibProgress.hide()
+
+        ChattingLib().chatSend(result.chat_id, result.community_user_id, message, attach, (msg) => {
+          let updateUrlButtonRev = LibObject.set(msg, "community_booking_reschedule_approval/" + res.reschedule_id)('attach', 'buttons', result.community_user_id, 0, 'url')
+          ChattingLib().chatUpdate(msg.key, msg.attach.data.chat_id, [{ key: 'attach', value: updateUrlButtonRev.attach }])
+
+          LibNavigation.back()
+          LibNavigation.back()
+          ChatChatProperty.openChat(result.community_user_id, result.chat_id)
+
+        })
+
+      }, (error) => {
+        LibProgress.hide()
+      }, 1)
+    }, esp.lang("quotation/reschedule", "no"), () => {
+
+    })
+
+
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("quotation/reschedule", "Reschedule_Submission")} />
+      <ScrollView>
+        <View style={{ margin: 15 }}>
+          <ComponentLabel_input label={esp.lang("quotation/reschedule", "label_input_old_date")} />
+          <ComponentInput_rectangle_touchable
+            onPress={() => { }}
+            placeholder={esp.lang("quotation/reschedule", "placeholder_input_old_date")}
+            text={moment(result.date_start).localeFormat("DD MMM YYYY") + " - " + moment(result.date_end).localeFormat("DD MMM YYYY")}
+            iconColor={"#4B4B4B"}
+            style={{ borderColor: '#ED6536' }}
+          // iconShow
+          />
+
+          <ComponentLabel_input label={esp.lang("quotation/reschedule", "label_input_new_date")} />
+          <ComponentInput_rectangle_touchable
+            onPress={() => {
+              LibNavigation.navigateForResult('feed/talent_date', { date_start: result.date_start, date_end: result.date_end }).then((item) => {
+                setDate_start(item.date_start)
+                setDate_end(item.date_end)
+
+                // for display
+                setDate(item.date)
+              })
+            }}
+            placeholder={esp.lang("quotation/reschedule", "placeholder_input_new_date")}
+            style={{ borderColor: '#ED6536', backgroundColor: date && '#FFE3DA' }}
+            text={date && date}
+            iconColor={"#4B4B4B"}
+            iconShow
+          />
+        </View>
+      </ScrollView>
+      <View style={{ padding: 15, paddingTop: 10, paddingBottom: 10 }}>
+        <ComponentButton
+          label={esp.lang("quotation/reschedule", "send")}
+          onPress={doReschedule}
+          fontColor="#fff"
+          backgroundColor="#ED6536"
+        />
+      </View>
+    </View>
+  )
+}

package/modules/quotation/reschedule_approval.tsx

@@ -0,0 +1,143 @@
+// withHooks
+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 { 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 { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import moment from 'esoftplay/moment';
+import React, { useEffect } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+moment().locale('id')
+
+
+export interface QuotationReschedule_approvalProps {
+
+}
+
+
+// untuk detail reschedule dari notif
+export default function m(props: QuotationReschedule_approvalProps): any {
+  const url = LibNavigation.getArgs(props, 'url')
+  const itemData = LibNavigation.getArgs(props, 'itemData')
+  const [result, setResult] = useSafeState<any>()
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    new LibCurl(url, null, (res, msg) => {
+      setResult(res)
+    }, (error) => {
+    })
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  function doApprovalReschedule() {
+    let post = {
+      approval: 1
+    }
+
+    LibDialog.confirm(esp.lang("quotation/reschedule_approval", "information"), esp.lang("quotation/reschedule_approval", "Are_you_sure_you_agree_to_this_Rescheduling_Request"), esp.lang("quotation/reschedule_approval", "yes"), () => {
+      if (itemData) {
+        let updateStatus = LibObject.set(itemData, 5)('attach', 'data', 'status')
+        ChattingLib().chatUpdate(itemData.key, itemData.attach.data.chat_id, [{ key: 'attach', value: updateStatus.attach }])
+      }
+      LibProgress.show(esp.lang("quotation/reschedule_approval", "please_wait"))
+      new LibCurl(url, post, (result, msg) => {
+        LibProgress.hide()
+        LibDialog.info(esp.lang("quotation/reschedule_approval", "information"), result)
+        LibNavigation.back()
+      }, (error) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("quotation/reschedule_approval", "post_eror"), error?.message)
+      }, 1)
+    }, esp.lang("quotation/reschedule_approval", "no"), () => {
+      
+    })
+
+  }
+
+  function doRefuseReschedule() {
+    let post = {
+      approval: 2
+    }
+    
+    LibDialog.warningConfirm(esp.lang("quotation/reschedule_approval", "warning"), esp.lang("quotation/reschedule_approval", "Are_you_sure_you_can_cancel_this_Rescheduling_Request?"), esp.lang("quotation/reschedule_approval", "yes"), () => {
+      if (itemData) {
+        let updateStatus = LibObject.set(itemData, 5)('attach', 'data', 'status')
+        ChattingLib().chatUpdate(itemData.key, itemData.attach.data.chat_id, [{ key: 'attach', value: updateStatus.attach }])
+      }
+      LibProgress.show(esp.lang("quotation/reschedule_approval", "please_wait"))
+      new LibCurl(url, post, (result, msg) => {
+        LibProgress.hide()
+        LibDialog.info(esp.lang("quotation/reschedule_approval", "information"), result)
+        LibNavigation.back()
+      }, (error) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("quotation/reschedule_approval", "err"), error?.message)
+      }, 1)
+    }, esp.lang("quotation/reschedule_approval", "no"), () => {
+
+    })
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("quotation/reschedule_approval", "Reschedule_Submission_Approval")} />
+      <ScrollView>
+        <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/reschedule_approval", "invoice")}</Text>
+          <View style={{ height: 28, borderRadius: 16, backgroundColor: "#ed6536", 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/reschedule_approval", "work_date")}</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>
+        <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/reschedule_approval", "new_date")}</Text>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#ed6536" }}>{LibUtils.getDateRange(result.date_start_new, result.date_end_new, " - ")}</Text>
+        </View>
+
+        <Text allowFontScaling={false} style={{ margin: 15, marginTop: 0, 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>
+
+      </ScrollView>
+      {
+        result?.status == 0 &&
+        <View style={{ padding: 15, paddingTop: 10, paddingBottom: 10 }}>
+          <ComponentButton
+            label={esp.lang("quotation/reschedule_approval", "agree")}
+            onPress={doApprovalReschedule}
+            fontColor="#fff"
+            backgroundColor="#ed6536"
+            style={{ marginBottom: 10 }}
+          />
+          <ComponentButton
+            label={esp.lang("quotation/reschedule_approval", "refuse")}
+            onPress={doRefuseReschedule}
+            fontColor="#ed6536"
+            backgroundColor="#fff"
+            borderColor="#ed6536"
+          />
+        </View>
+      }
+
+    </View>
+  )
+}

package/modules/quotation/revision.tsx

@@ -0,0 +1,224 @@
+// withHooks
+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 { LibPicture } from 'esoftplay/cache/lib/picture/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 esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import { BboConfigProperty } from 'esoftplay/cache/bbo/config/import';
+import React, { useEffect } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface QuotationRevisionArgs {
+
+}
+export interface QuotationRevisionProps {
+
+}
+export default function m(props: QuotationRevisionProps): any {
+  const url = LibNavigation.getArgs(props, "url")
+  const [bboConfig] = BboConfigProperty.state().useState()
+
+  const [, setMessage] = useSafeState<any>('')
+  const [result, setResult] = useSafeState<any>()
+  const [items, setItems] = useSafeState<any>([])
+  const [discountFromResult, setDiscountFromResult] = useSafeState<any>()
+  const [, setDiscount] = useSafeState<any>()
+  const [totalPrice, setTotalPrice] = useSafeState<any>()
+
+  useEffect(() => {
+    BboConfigProperty.curlConfig('v2/config_community')
+
+    new LibCurl(url, null, (res, msg) => {
+      setResult(res)
+      setItems(res.items)
+      let _disc = {
+        title: res.discount_title,
+        discount: res.discount
+      }
+      setDiscountFromResult(_disc)
+      setMessage(esp.lang("quotation/revision", "quotation_success_changed"))
+      setTotalPrice(res.total)
+    }, (error) => {
+      LibToastProperty.show(error?.message);
+    })
+  }, [])
+
+  function editItems(_item: any, index: number) {
+    LibNavigation.navigateForResult('quotation/add', { edit: _item }, 2).then((item) => {
+      let _item = [...items]
+      _item.splice(index, 1, item)
+
+      setItems([..._item])
+    })
+  }
+
+  function deleteItem(index: any) {
+    LibDialog.warningConfirm(esp.lang("quotation/revision", "warning"), esp.lang("quotation/revision", "delete_this_item"), esp.lang("quotation/revision", "yes"), () => {
+      let _item = [...items]
+      _item.splice(index, 1)
+
+      setItems([..._item])
+    }, esp.lang("quotation/revision", "cancel"), () => { })
+
+  }
+
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  function renderItems(item: any, i: number) {
+    return (
+      <View key={i} style={styleId_SWk1s}>
+        <View style={styleId_ZcMll5}>
+          <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={styleId_1APXhj}>{item.item_title}</Text>
+          <Text allowFontScaling={false} style={styleId_2gvJ7o}>{LibUtils.money(parseInt(item.item_price) * parseInt(item.item_qty))}</Text>
+        </View>
+        <View style={styleId_ZcMBlP}>
+          <Text allowFontScaling={false} style={styleId_Z1jHT5s}>{LibUtils.money(item.item_price)}</Text>
+        </View>
+        <View style={styleId_ZcMJmd}>
+          <Text allowFontScaling={false} style={styleId_1wEiwr}>x{item.item_qty}</Text>
+        </View>
+        <View style={styleId_Z1IS0fI}>
+          <ComponentTouchable onPress={() => {
+            editItems(item, i)
+          }}>
+            <LibPicture source={esp.assets('icons/ic_edit.png')} style={styleId_Z10RvPP} />
+          </ComponentTouchable>
+          <ComponentTouchable style={styleId_gpys7} onPress={() => {
+            deleteItem(i)
+          }}>
+            <LibIcon name="trash-can-outline" color={LibStyle.colorRed} />
+          </ComponentTouchable>
+        </View>
+      </View>
+    )
+  }
+
+  function renderConfig(item: any, i: number) {
+    return (
+      <View key={i} style={styleId_Z1CSLrs}>
+        <Text allowFontScaling={false} style={styleId_297xRr}>{i + 1}</Text>
+        <Text allowFontScaling={false} style={styleId_Zw4evQ}>{item}</Text>
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("quotation/revision", "revised_quotation")} subtitle={result && result.quotation_code} />
+      <ScrollView showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false}>
+        <View style={{ padding: 15, flexDirection: 'row' }}>
+          <View style={{ flex: 1 }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/revision", "quotation_number")}</Text>
+            <Text allowFontScaling={false} style={{ marginTop: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{result.quotation_code}</Text>
+          </View>
+          <View style={{ flex: 1 }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/revision", "date")}</Text>
+            <Text allowFontScaling={false} style={{ marginTop: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{LibUtils.moment(result.date_start).localeFormat("DD MMM YYYY") + " - " + LibUtils.moment(result.date_end).localeFormat("DD MMM YYYY")}</Text>
+          </View>
+        </View>
+        <View style={{ flex: 1, alignContent: 'center', alignItems: 'center', marginLeft: 15, marginRight: 15, flexDirection: 'row', justifyContent: 'space-between' }}>
+          <View>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("quotation/revision", "client")}</Text>
+            <Text allowFontScaling={false} style={{ marginTop: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{(result.community_name)}</Text>
+          </View>
+        </View>
+
+        <View style={{ height: 1, backgroundColor: '#e3e3e3', margin: 15 }} />
+        <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", margin: 15, marginTop: 0 }}>{esp.lang("quotation/revision", "item")}</Text>
+
+        {
+          LibUtils.checkUndefined(items, '0') && items.map(renderItems)
+        }
+
+        <View style={{ margin: 15 }}>
+          <ComponentButton onPress={() => {
+            LibNavigation.navigateForResult('quotation/add').then((item) => {
+              // hapus diskon jika menambahkan item baru
+              let _item = [...items]
+              _item.push(item)
+
+              setItems([..._item])
+            })
+          }} label={esp.lang("quotation/revision", "add_item")} borderColor="#51b596" fontColor="#51b596" backgroundColor="#fff" />
+        </View>
+
+        <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", margin: 15, marginTop: 0 }}>{esp.lang("quotation/revision", "discount")}</Text>
+
+        {
+          discountFromResult &&
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between', flex: 1, marginHorizontal: 15 }}>
+            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ flex: 1, flexWrap: 'wrap', fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", marginRight: 10 }}>{discountFromResult?.title}</Text>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{LibUtils.money(discountFromResult?.discount)}</Text>
+            <ComponentTouchable style={{ marginLeft: 10, marginTop: -2 }} onPress={() => {
+              setDiscountFromResult(undefined)
+            }}>
+              <LibIcon name="trash-can-outline" color={LibStyle.colorRed} />
+            </ComponentTouchable>
+          </View>
+        }
+        {
+          !discountFromResult &&
+          <View style={{ margin: 15 }}>
+            <ComponentButton onPress={() => {
+              if (totalPrice) {
+                LibNavigation.navigateForResult('quotation/add_disc', { price_total: totalPrice }).then((item) => {
+                  let _disc = {
+                    title: item.title,
+                    discount: item.disc,
+                    active: item.active,
+                    discountPrice: item.discPrice,
+                    differencePrice: item.differencePrice
+                  }
+                  setDiscount(_disc)
+                })
+              } else {
+                LibToastProperty.show(esp.lang("quotation/revision", "please_add_item_first"))
+              }
+            }} label={esp.lang("quotation/revision", "add_discount")} borderColor="#51b596" fontColor="#51b596" backgroundColor="#fff" />
+          </View>
+        }
+
+        <View style={{ height: 1, backgroundColor: '#e3e3e3', margin: 15 }} />
+        <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", margin: 15, marginTop: 0, marginBottom: 0 }}>{esp.lang("quotation/revision", "total")}</Text>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", margin: 15, marginTop: 0, marginBottom: 0 }}>{LibUtils.money(totalPrice)}</Text>
+        </View>
+        <View style={{ height: 1, backgroundColor: '#e3e3e3', margin: 15 }} />
+
+        <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", margin: 15, marginTop: 0 }}>{esp.lang("quotation/revision", "term_and_condition")}</Text>
+        {
+          bboConfig?.community?.booking?.quotation?.map(renderConfig)
+        }
+
+      </ScrollView>
+    </View>
+  )
+}
+const styleId_SWk1s: any = { flex: 1, flexDirection: 'row', margin: 15, marginTop: 0 }
+const styleId_ZcMll5: any = { flex: 4 }
+const styleId_1APXhj: any = { flex: 1, flexWrap: 'wrap', fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", marginRight: 10 }
+const styleId_2gvJ7o: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_ZcMBlP: any = { flex: 2 }
+const styleId_Z1jHT5s: any = { textAlign: "right", fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_ZcMJmd: any = { flex: 1 }
+const styleId_1wEiwr: any = { textAlign: "center", fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_Z1IS0fI: any = { flexDirection: 'row' }
+const styleId_Z10RvPP: any = { resizeMode: 'stretch', width: 20, height: 20 }
+const styleId_gpys7: any = { marginLeft: 10, marginTop: -2 }
+const styleId_Z1CSLrs: any = { marginLeft: 19, flexDirection: 'row', marginBottom: 14, flex: 1 }
+const styleId_297xRr: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_Zw4evQ: any = { flex: 1, marginLeft: 14, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }