esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/payment/ticket_multi.tsx

@@ -1,634 +0,0 @@
-// withHooks
-
-import { applyStyle } from 'esoftplay';
-import { BigbangPayment_detail_multi, BigbangPayment_detail_multiProperty } from 'esoftplay/cache/bigbang/payment_detail_multi/import';
-import { BigbangPayment_list } from 'esoftplay/cache/bigbang/payment_list/import';
-import { BigbangTransaction } from 'esoftplay/cache/bigbang/transaction/import';
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentStep } from 'esoftplay/cache/component/step/import';
-import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
-import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
-import { LibHtmltext } from 'esoftplay/cache/lib/htmltext/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/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 { LibSlidingup } from 'esoftplay/cache/lib/slidingup/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 useLazyState from 'esoftplay/lazy';
-import useSafeState from 'esoftplay/state';
-import React, { useRef } from 'react';
-import { Linking, Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
-
-
-export interface PaymentTicket_multiArgs {
-
-}
-export interface PaymentTicket_multiProps {
-
-}
-
-export type SelectedPayment = {
-  "id": string,
-  "par_id": string,
-  "code": string,
-  "title": string,
-  "type": string,
-  "va_prefix": string,
-  "image": string,
-  "description": {
-    "atm": Array<string>,
-    "internet": Array<string>,
-    "mobile": Array<string>,
-    "mitra": Array<string>,
-  },
-  "description_topup": {
-    "atm": Array<string>,
-    "internet": Array<string>,
-    "mobile": Array<string>,
-    "mitra": Array<string>,
-  },
-  "params": null,
-  "fee": number,
-  "fee_percent": number,
-  "minimum_amount": string,
-  "orderby": string,
-  "publish": string,
-  "publish_topup": string,
-  "active": string,
-  "alert": string,
-  "provider": string,
-  "fee_platform_type": string,
-  "fee_platform_amount": number,
-  "allowed_payment": Array<{
-    "id": string,
-    "title": string,
-  }>,
-  "charge": number,
-  "charge_percent": number,
-  "payment_id": number,
-  "payment_type": number,
-}
-
-export default function m(props: PaymentTicket_multiProps): any {
-  const headerTitle = LibNavigation.getArgs(props, 'headerTitle', "BBO Payment")
-  const headerSubTitle = LibNavigation.getArgs(props, 'headerSubTitle', esp.lang("bigbang/payment", "subtitle_empty"))
-  const scrollRef = useRef<ScrollView>(null)
-  const dialogTerm = useRef<LibSlidingup>(null)
-  const dialogVoucher = useRef<LibSlidingup>(null)
-  const scrollYRef = useRef(0)
-  const {
-    dataEvent,
-    dataTicket,
-    order_type,
-    fee_platform,
-    subscribed,
-    url_payment
-  } = LibNavigation.getArgsAll<any>(props)
-
-  const user = UserClass.state().get()
-
-  const [, setTickets, getTickets] = useSafeState<any>(dataTicket?.filter((item: any) => item.selected == 1))
-  const [voucherUsed, setVoucherUsed] = useSafeState<boolean>(false)
-  const [selectedPayment, setSelectedPayment] = useSafeState<SelectedPayment>()
-  const [charge, setCharge] = useSafeState<any>(0)
-  const [chargePercent, setChargePercent] = useSafeState<any>()
-  const [platformFee, setPlatformFee] = useSafeState<any>(fee_platform)
-  const [, setAmountTotal, getAmountTotal] = useLazyState<string>()
-
-  // pertama difilter dulu, terus di cek length index term, baru di cek lagi ada yang true apa tidak
-  const hasTerm = getTickets()?.map((item: any) => item?.term?.length > 0).some((value: boolean) => value == true)
-  const [agreeTermIfAvailable, setAgreeTermIfAvailable] = useSafeState(hasTerm ? false : true)
-  const [trxId] = useSafeState(BigbangTransaction().getTrxId())
-
-  // order_type lihat di api home > config > order_type
-  let orderTitle = order_type == 1 ? esp.lang("bigbang/payment", "ticket_event") : order_type == 5 ? esp.lang("bigbang/payment", "cv") : esp.lang("bigbang/payment", "booking_talent")
-
-  const [agreeSubscribed, setAgreeSubscribed] = useSafeState<boolean>(subscribed?.is_subscribed_default == 1 ? true : false)
-
-  function calculateTotal() {
-    let total = 0;
-    let totalWithoutTax = 0
-    let data = getTickets()
-    data.forEach((item: any) => {
-      const price = parseFloat(item.price);
-      const tax = parseFloat(item.tax) / 100;
-      const qty = parseInt(item.qty);
-
-      // Perhitungan harga per item termasuk pajak
-      const itemPrice = price * qty; // Harga sebelum pajak
-      const taxAmount = itemPrice * tax; // Jumlah pajak
-      const itemTotal = itemPrice + taxAmount; // Harga total termasuk pajak
-      total += itemTotal;
-      totalWithoutTax += itemPrice
-    });
-
-    return { total, totalWithoutTax };
-  };
-
-
-  function percentageCalculator(amount: any, percent: any) {
-    return (percent * amount) / 100
-  }
-
-  /* $tiket = harga total tiket
-  $discount = dari voucher
-  $platformfee = ($tiket - $discount) x / + config
-  $bank_fee = (($tiket - $discount) + $platformfee + $tax) x / + config */
-
-  const totalAmountVoucher = getTickets()?.reduce((sum: any, item: any) => {
-    const amount = item?.voucher ? Number(item?.voucher?.amount) : 0;
-    return sum + amount;
-  }, 0);
-
-
-  let amount = Number(calculateTotal().totalWithoutTax)
-  let amountWithVoucher = voucherUsed ? (Number(amount) - Number(totalAmountVoucher)) : Number(amount)
-
-  let _fee_platform_type = platformFee?.fee_platform_type
-  let _fee_platform = _fee_platform_type == "NOMINAL" ? Number(platformFee?.fee_platform_amount || 0) : _fee_platform_type == "PERCENTAGE" ? percentageCalculator(amountWithVoucher, Number(platformFee?.fee_platform_amount || 0)) : 0
-
-  let _charge = calculateTotal().total == 0 ? 0 : Number(charge)
-  let _charge_percent = chargePercent == 0 ? 0 : percentageCalculator(calculateTotal().total, chargePercent)
-  let _charge_total = chargePercent ? _charge + _charge_percent : _charge
-
-  let subtotalWithTaxWithFeePlatform = calculateTotal().total + _fee_platform
-  let _totalPrice = subtotalWithTaxWithFeePlatform + _charge_total
-
-  let totalPrice = _totalPrice
-
-  setAmountTotal(String(totalPrice))
-
-  let postBookingTicket = {
-    buyer_name: encodeURIComponent(user?.name),
-    buyer_email: encodeURIComponent(user?.email.trim()),
-    buyer_phone: encodeURIComponent(user?.phone),
-    trx_id: trxId,
-  }
-
-  function buyTicket(pin?: string) {
-    if (!selectedPayment) {
-      LibToastProperty.show(esp.lang("bigbang/payment", "toast_payment"));
-      return
-    }
-
-    let filteredPayment = LibObject.removeKeys(selectedPayment, [
-      'code',
-      'title',
-      'va_prefix',
-      'image',
-      'description',
-      'description_topup',
-      'params',
-      'fee',
-      'fee_percent',
-      'fee_topup',
-      'fee_percent_topup',
-      'minimum_amount',
-      'orderby',
-      'publish',
-      'publish_topup',
-      'active',
-      'alert',
-      'provider',
-      'fee_platform_type',
-      'fee_platform_amount',
-      'allowed_payment',
-      'charge',
-      'charge_percent',
-      'list'
-    ])()
-
-    let filteredTickets = getTickets()?.map((it: any) => {
-      let a = LibObject.removeKeys(it, [
-        'term',
-        'price',
-        'quota',
-        'quota_used',
-        'show_limit',
-        'status',
-        'show_price',
-        'currency',
-        'schedule',
-        'selected',
-      ])()
-      return a
-    })
-
-    let post: any = {
-      ...postBookingTicket,
-      ...filteredPayment,
-      event_id: dataEvent?.event_id,
-      price_list: JSON.stringify(filteredTickets),
-      is_multi: 1
-    }
-
-    if (pin) {
-      post.pin = pin
-    }
-    if (subscribed && subscribed?.is_subscribed == 1) {
-      post.is_subscribed = agreeSubscribed ? 1 : 0
-    }
-
-    if (dataEvent?.hasOwnProperty("addition")) {
-      post.addition = JSON.stringify(dataEvent?.addition)
-    }
-
-    function doBooking() {
-      let url = 'v2/event_booking'
-      LibNavigation.navigateForResult('bigbang/loading_page', {
-        post: post,
-        url: url,
-        title: esp.lang("bigbang/payment", "title_buy_ticket", dataEvent?.event_title),
-        isSecure: 1,
-        currency: "IDR",
-        amount: LibUtils.numberAbsolute(getAmountTotal()),
-        receive_name: "BBO",
-        receive_image: 'https://bbo.co.id/images/uploads/logo-bbo-tagline_1.png',
-        send_name: user?.name,
-        send_image: user?.image,
-        order_type: "ticket"
-      }, 660).then((value) => {
-        //       if (userSelectRandomSeat.current) {
-        //         sendTm(`
-        // #randomseat
-        // ${esp.config('domain')}
-        // ${UserClass.state().get('email')}0
-
-        // event=${dataBookingEvent?.event_title}
-        // type=${dataBookingEvent?.selected_ticket?.type}
-        // qty=${post?.qty}
-        // `,
-        //           '-1001737180019')
-        //       }
-        LibNavigation.backToRoot()
-        LibNavigation.push('event/order')
-
-        if (value?.hasOwnProperty('url_web') && value?.url_web != null) {
-          LibNavigation.navigateForResult('payment/cc_web', {
-            ...value,
-            statusSuccess: [1]
-          }).then((res) => {
-            LibNavigation.backToRoot()
-            LibNavigation.push('user/profile')
-            if (res?.hasOwnProperty('params_error') || res?.hasOwnProperty('failed')) {
-              LibNavigation.push('event/order_waiting')
-              LibNavigation.push('event/order_detail_waiting', { url: res?.url })
-            } else {
-              LibNavigation.push('event/order')
-            }
-          })
-        } else if (value?.hasOwnProperty('url_mobile') && value?.url_mobile != null) {
-          Linking.openURL(value?.url_mobile)
-          LibNavigation.push('event/order_detail_waiting', { url: value?.url })
-        } else {
-          if (value?.url?.includes("waiting")) {
-            LibNavigation.push('event/order_waiting')
-          }
-          LibNavigation.push(value?.url?.includes("waiting") ? 'event/order_detail_waiting' : 'event/order_detail', {
-            url: value.url,
-          })
-        }
-
-        // if (selectedPayment?.payment_id == 2) {
-        //   LibNavigation.push('event/order_detail', {
-        //     ...value,
-        //     url: value.url,
-        //     title: esp.lang("bigbang/loading_page", "success")
-        //   })
-        // } else if (selectedPayment?.payment_id == 3 || selectedPayment?.type == "12") { /* untuk cc sama paylater */
-        //   LibNavigation.navigateForResult('payment/cc_web', {
-        //     ...value,
-        //     statusSuccess: [1]
-        //   }).then((res) => {
-        //     LibNavigation.backToRoot()
-        //     LibNavigation.push('user/profile')
-        //     if (res?.hasOwnProperty('params_error') || res?.hasOwnProperty('failed')) {
-        //       LibNavigation.push('event/order_waiting')
-        //       LibNavigation.push('event/order_detail_waiting', { url: res?.url })
-        //     } else {
-        //       LibNavigation.push('event/order')
-        //     }
-        //   })
-        // } else {
-        //   LibNavigation.push('event/order_waiting')
-        // }
-
-      })
-    }
-
-    LibDialog.confirm(esp.lang("bigbang/payment", "dialog_title"), esp.lang("bigbang/payment", "dialog_msg"), esp.lang("bigbang/payment", "dialog_ok"), () => {
-      // setTimeout(() => {
-      //   if (isInPricingQueueConfig(dataBookingEvent?.event_id)) {
-      //     EventCountdownProperty.releaseQueue.trigger()
-      //   }
-      // }, 3000);
-      doBooking()
-    }, esp.lang("bigbang/payment", "dialog_cancel"), () => {
-
-    })
-  }
-
-  function renderTermItem(item: any, i: number) {
-    return (
-      <View key={i}>
-        <ComponentStep text={item} />
-      </View>
-    )
-  }
-
-  function checkUsableVoucher(data: any, selectedPayment: any) {
-    return data?.map((item: any, i: number) => {
-      if (item?.voucher) {
-        const isVoucherUsable = item?.voucher?.payment?.includes(selectedPayment?.payment_id);
-        return {
-          voucher_code: item?.voucher?.voucher_code,
-          can_use_voucher: isVoucherUsable,
-          index: i
-        };
-      } else {
-        return {
-          voucher_code: null,
-          can_use_voucher: false
-        };
-      }
-    }).filter((voucher: any) => !voucher?.can_use_voucher && voucher?.voucher_code != null);
-  }
-
-  function viewImageMap(image: string) {
-    return (
-      <View>
-        <TouchableOpacity onPress={() => {
-          LibDialog.hide()
-          LibNavigation.navigate('lib/gallery', { image: image })
-        }}>
-          <LibPicture source={{ uri: image }} style={{ width: LibStyle.width - 100, height: LibStyle.width - 100, borderRadius: 5 }} resizeMode="contain" />
-        </TouchableOpacity>
-        <TouchableOpacity onPress={() => { LibDialog.hide() }} style={{ marginTop: 10, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
-          <LibIcon name="close-circle-outline" color={LibStyle.colorPrimary} size={30} />
-        </TouchableOpacity>
-      </View>
-
-    )
-  }
-
-  const unusableVouchers = checkUsableVoucher(getTickets(), selectedPayment);
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={headerTitle} subtitle={headerSubTitle} />
-      <ScrollView ref={scrollRef} stickyHeaderIndices={[0]} scrollEventThrottle={16} onScroll={({ nativeEvent }) => {
-        const currentYPosition = nativeEvent.contentOffset.y
-
-        if (currentYPosition != 100) {
-          scrollYRef.current = nativeEvent.contentOffset.y
-          BigbangPayment_detail_multiProperty.stateShow.set(false)
-        } else {
-          BigbangPayment_detail_multiProperty.stateShow.set(true)
-        }
-      }}>
-
-        <View style={{ backgroundColor: '#fff' }}>
-          <BigbangPayment_detail_multi
-            dataTicket={getTickets()}
-            event_name={dataEvent?.event_title}
-            order_type={1}
-            charge={charge}
-            voucher={voucherUsed}
-            chargePercent={chargePercent}
-            fee_platform_type={fee_platform?.fee_platform_type}
-            fee_platform_amount={fee_platform?.fee_platform_amount}
-            title={orderTitle}
-            onPressLayout={(image) => LibDialog.custom(viewImageMap(image))}
-          />
-        </View>
-
-        <View style={{ height: 5 }} />
-
-        {/* Voucher */}
-        {
-          order_type == 1 &&
-          <TouchableOpacity testID='voucher' onPress={() => {
-            LibNavigation.navigateForResult('event/voucher_multi', { event_id: dataEvent?.event_id, dataTicket: getTickets() }).then((value) => {
-              setTickets(value)
-              const anyHasVoucher = value.some((item: any) => item.hasOwnProperty('voucher'));
-              setVoucherUsed(anyHasVoucher)
-            })
-          }} style={{ flex: 1, borderRadius: 20, borderColor: voucherUsed ? LibStyle.colorGreen : LibStyle.colorBrown, borderWidth: 1, backgroundColor: '#fff', padding: 7, marginTop: 10, marginBottom: 0, margin: 15, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
-            {
-              voucherUsed ?
-                <View style={{ flex: 1 }}>
-                  <Text allowFontScaling={false} style={{ flexWrap: 'wrap', marginLeft: 15, fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: LibStyle.colorGreen }}>{esp.lang("bigbang/payment", "success_use_code")}</Text>
-                  {
-                    getTickets()?.map((item: any, i: number) => {
-                      if (item.hasOwnProperty("voucher")) {
-                        const isVoucherUsable = item?.voucher?.payment?.includes(Number(selectedPayment?.payment_id));
-
-                        return (
-                          <Text key={i} allowFontScaling={false} style={{ marginTop: 5, flexWrap: 'wrap', marginLeft: 15, fontSize: 12, fontWeight: "bold", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: selectedPayment && !isVoucherUsable ? LibStyle.colorRed : LibStyle.colorGreen }}>
-                            {item?.voucher?.code}
-                            {selectedPayment && !isVoucherUsable && <Text> {esp.lang("payment/ticket_multi", "voucher_cannot_use")}</Text>}
-                          </Text>
-                        )
-                      } else {
-                        return
-                      }
-                    })
-                  }
-                </View>
-                :
-                <Text allowFontScaling={false} style={{ flexWrap: 'wrap', marginLeft: 15, fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: "#707070" }}>{esp.lang("bigbang/payment", "input_code")}</Text>
-            }
-            <LibIcon name="chevron-right" color={voucherUsed ? LibStyle.colorGreen : "#000"} />
-          </TouchableOpacity>
-        }
-
-        <BigbangPayment_list
-          onToggleCC={() => { scrollRef.current?.scrollToEnd({ animated: true }) }}
-          url_payment={url_payment}
-          order_type={order_type}
-          voucher_amount={totalAmountVoucher}
-          eventId={dataEvent?.event_id}
-          currency={"IDR"}
-          onPressPayment={(item: any) => {
-            let payment = {
-              ...item,
-              payment_id: Number(item.id),
-              payment_type: Number(item.type),
-            }
-
-            setSelectedPayment(payment)
-
-            // /* UPDATE TERAKHIR (8 Des 2023) */
-            // /* CHARGE NGAMBIL DARI CHARGE PAYMENT */
-            // /* SEKIAN */
-            setCharge(item.charge)
-            setPlatformFee({ fee_platform_type: item?.fee_platform_type || 'NONE', fee_platform_amount: item?.fee_platform_amount || 0 })
-            setChargePercent(item.charge_percent)
-          }}
-          paymentId={selectedPayment?.payment_id}
-          chargeTotal={_charge_total}
-          priceTotal={totalPrice}
-        />
-
-        <View style={{ height: 40 }} />
-      </ScrollView>
-      <View style={{ paddingHorizontal: 15, paddingVertical: 10, }}>
-        {
-          subscribed?.is_subscribed == 1 &&
-          <Pressable onPress={() => { setAgreeSubscribed(!agreeSubscribed) }} style={{ padding: 10, paddingBottom: 5, flexDirection: 'row', alignItems: 'center' }} >
-            <View style={{}}  >
-              <LibIcon name={agreeSubscribed ? 'checkbox-outline' : 'checkbox-blank-outline'} />
-            </View>
-            <View style={{ flex: 1, marginLeft: 10 }}>
-              <Text allowFontScaling={false} style={{ fontWeight: 'bold' }}>{subscribed?.is_subscribed_label}</Text>
-            </View>
-          </Pressable>
-        }
-
-        {
-          hasTerm &&
-          <View style={{ flexDirection: 'row', alignItems: 'center' }} >
-            <Pressable style={{ padding: 10 }} onPress={() => { setAgreeTermIfAvailable(!agreeTermIfAvailable) }} >
-              <LibIcon name={agreeTermIfAvailable ? 'checkbox-outline' : 'checkbox-blank-outline'} />
-            </Pressable>
-            <Pressable onPress={() => {
-              dialogTerm.current?.show()
-            }} style={{ flex: 1, marginRight: 16 }}>
-              <Text allowFontScaling={false}>{esp.lang("bigbang/payment", "accept")}<Text style={{ fontWeight: 'bold', color: LibStyle.colorPrimary }} >{esp.lang("bigbang/payment", "term")}</Text></Text>
-            </Pressable>
-          </View>
-        }
-        <ComponentButton
-          testID={"buy_btn"}
-          onPress={() => {
-            if (agreeTermIfAvailable)
-              if (unusableVouchers.length == 0) {
-                if (selectedPayment?.payment_id == 2 || selectedPayment?.payment_type == 9)/* BBO PAY || BBO WALLET */ {
-                  LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
-                    if (p) {
-                      buyTicket(p)
-                    }
-                  })
-                } else {
-                  buyTicket()
-                }
-              } else {
-                dialogVoucher.current?.show()
-              }
-
-          }}
-          label={esp.lang("bigbang/payment", "btn_buy")}
-          backgroundColor={!selectedPayment || !agreeTermIfAvailable ? LibStyle.colorGrey : "#00b894"}
-        />
-      </View>
-      {/* dialog term */}
-      <LibSlidingup ref={dialogTerm} >
-        <View style={[{ padding: 16, maxHeight: LibStyle.height * 0.7, borderTopLeftRadius: 10, borderTopRightRadius: 10, backgroundColor: '#fff' }]}>
-          <View style={{ marginBottom: 10, flexDirection: 'row', alignItems: 'center' }} >
-            <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "ArialBold", fontSize: 18, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>Term & Condition</Text>
-            <Pressable onPress={() => dialogTerm.current?.hide()} >
-              <LibIcon name='close' />
-            </Pressable>
-          </View>
-          <ScrollView>
-            {
-              getTickets()?.map((item: any, i: number) => {
-                return (
-                  <LibCollaps
-                    key={i}
-                    show={true}
-                    header={(show) =>
-                      <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between', padding: 10, borderRadius: 5, marginBottom: 0, marginTop: 10, backgroundColor: LibStyle.colorBgGrey }}>
-                        <View style={{ flex: 1, flexDirection: 'row', alignContent: 'center' }}>
-                          <LibHtmltext allowFontScaling={false} style={{ fontWeight: 'bold' }}>{item.type}</LibHtmltext>
-                          {
-                            item.ondate != "0000-00-00" &&
-                            <Text allowFontScaling={false} style={{ marginLeft: 5, fontWeight: 'bold' }}>({LibUtils.moment(item.ondate).format("DD MMMM YYYY")})</Text>
-                          }
-                        </View>
-                        <LibIcon name={show ? 'chevron-up' : 'chevron-down'} />
-                      </View>
-                    }
-                  >
-                    <View style={{ paddingTop: 10, marginTop: 5, borderRadius: 5, backgroundColor: LibStyle.colorBgGrey }}>
-                      {
-                        item.term.length > 0 && item.term?.map(renderTermItem)
-                      }
-
-                    </View>
-                  </LibCollaps>
-                )
-              })
-            }
-          </ScrollView>
-        </View>
-      </LibSlidingup>
-
-      {/* dialog warn voucher */}
-      <LibSlidingup ref={dialogVoucher} >
-        <View style={[{ padding: 16, height: LibStyle.height * 0.3, borderTopLeftRadius: 10, borderTopRightRadius: 10, backgroundColor: '#fff' }]}>
-          <View style={{ flexDirection: 'row', alignItems: 'center', marginBottom: 20, }} >
-            <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "ArialBold", fontSize: 18, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>Informasi</Text>
-            <Pressable onPress={() => dialogVoucher.current?.hide()} >
-              <LibIcon name='close' />
-            </Pressable>
-          </View>
-          <ScrollView>
-            {
-              unusableVouchers?.map((x: any, i: number) => {
-                return (
-                  <Text key={i} allowFontScaling={false} style={{ marginTop: 5, flexWrap: 'wrap', fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "left", color: LibStyle.colorRed }}>
-                    {x?.voucher_code?.toUpperCase() + esp.lang("payment/ticket_multi", "voucher_cannot_use")}
-                  </Text>
-                )
-              })
-            }
-          </ScrollView>
-          <View style={applyStyle({ flexDirection: 'row', justifyContent: 'space-between', })}>
-            <TouchableOpacity onPress={() => {
-              dialogVoucher?.current?.hide()
-            }} style={{ flex: 1, borderWidth: 2, borderColor: LibStyle.colorRed, borderRadius: 5, marginRight: 10, height: 40, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
-              <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: LibStyle.colorRed }}>{esp.lang("payment/ticket_multi", "change_payment")}</Text>
-            </TouchableOpacity>
-
-            <TouchableOpacity onPress={() => {
-              const updatedTickets = getTickets()?.map((ticket: any) => {
-                const isVoucherUnusable = unusableVouchers.some((unusable: any) => unusable?.voucher_code == ticket?.voucher?.voucher_code && !unusable?.can_use_voucher);
-
-                if (isVoucherUnusable) {
-                  const { voucher, ...ticketWithoutVoucher } = ticket;
-                  return ticketWithoutVoucher;
-                }
-
-                return ticket;
-              });
-
-              setTickets(updatedTickets)
-              LibUtils.debounce(() => {
-                if (selectedPayment?.payment_id == 2 || selectedPayment?.payment_type == 9)/* BBO PAY || BBO WALLET */ {
-                  LibNavigation.navigateForResult("bigbang/payment_pin", undefined, 1132).then((p) => {
-                    if (p) {
-                      buyTicket(p)
-                    }
-                  })
-                } else {
-                  buyTicket()
-                }
-              }, 200)
-
-            }} style={{ flex: 1, backgroundColor: LibStyle.colorGreen, borderRadius: 5, marginLeft: 10, height: 40, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
-              <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: '#fff' }}>{esp.lang("payment/ticket_multi", "use_without_voucher")}</Text>
-            </TouchableOpacity>
-          </View>
-
-        </View>
-      </LibSlidingup>
-    </View>
-  )
-}

package/modules/pos/business.tsx

@@ -1,47 +0,0 @@
-// withHooks
-
-import { applyStyle } from 'esoftplay';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/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 esp from 'esoftplay/esp';
-import React from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-
-export interface PosBusinessArgs {
-
-}
-export interface PosBusinessProps {
-
-}
-export default function m(props: PosBusinessProps): any {
-  const widthImg = LibStyle?.width - 30
-  const sliderHeight = widthImg / 1920 * 1080
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("pos/outlet", "header")} />
-      <Pressable onPress={() => {
-        LibNavigation.navigate('pos/business_detail')
-      }} style={{ ...LibStyle.elevation(2), margin: 15, borderRadius: 10, backgroundColor: '#fff', }}>
-        <LibPicture source={{ uri: 'https://media-cdn.tripadvisor.com/media/photo-s/11/5a/10/36/smooking-area-1.jpg' }} style={{ height: sliderHeight, width: widthImg, borderRadius: 10, borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }} />
-        <View style={{ padding: 10 }}>
-          <Text allowFontScaling={false} style={{ flexWrap: 'wrap', fontSize: 14, fontWeight: "bold", marginBottom: 5, color: "#4a4a4a", }}>{"Cafe Picazzo"}</Text>
-          <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-            <LibIcon name='map-marker' size={18} color="#9b9b9b" />
-            <Text allowFontScaling={false} style={applyStyle({ marginLeft: 5, fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b" })}>{"Jl. Benyamin Sueb, JiExpo - Kemayoran Gedung Pusat Niaga Lt.Dasar, Jakarta 10620 Indonesia"}</Text>
-          </View>
-
-        </View>
-      </Pressable>
-
-      <Pressable onPress={() => LibNavigation.navigate('pos/register')} style={{ position: 'absolute', right: 15, bottom: 15, height: 50, width: 50, borderRadius: 25, backgroundColor: LibStyle.colorBlue, ...LibStyle.elevation(2), alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
-        <LibIcon name='plus' color='#fff' size={24} />
-      </Pressable>
-
-    </View>
-  )
-}