esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/mart/dc_order_detail_buttons.tsx

@@ -0,0 +1,237 @@
+// withHooks
+// noPage
+import { ChatChatProperty } from 'esoftplay/cache/chat/chat/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibInput } from 'esoftplay/cache/lib/input/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { MarketSlidingupProperty } from 'esoftplay/cache/market/slidingup/import';
+import { MartButton } from 'esoftplay/cache/mart/button/import';
+import { MartDc_admin_orderArgs } from 'esoftplay/cache/mart/dc_admin_order/import';
+import { MartDc_orderArgs } from 'esoftplay/cache/mart/dc_order/import';
+import { MartInput_square } from 'esoftplay/cache/mart/input_square/import';
+import { MartSection_menu } from 'esoftplay/cache/mart/section_menu/import';
+import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import esp from 'esoftplay/esp';
+
+import React, { useRef } from 'react';
+import { View } from 'react-native';
+
+
+export interface MartDc_order_detail_buttonsArgs {
+
+}
+export interface MartDc_order_detail_buttonsProps {
+  id: string,
+  is_dc: number,
+  status: number,
+  url: string,
+  refund_status: number
+  user_id: string,
+  product_list: any,
+  total: string,
+  invoice: string,
+  product_count: number,
+  dc: any,
+
+}
+export default function m(props: MartDc_order_detail_buttonsProps): any {
+  const inputReason = useRef<LibInput>(null)
+  const cancelUrl = props.is_dc == 1 ? 'mitra/dc_purchasing_detail_cancel/' : 'mitra/dc_purchasing_mitra_detail_cancel/'
+
+  function cancelDialog() {
+    MarketSlidingupProperty.add(
+      <View style={{ backgroundColor: "white", paddingVertical: 10 }} >
+        <LibTextstyle textStyle="headline" text={esp.lang("mart/dc_order_detail_buttons", "information_cancel_order")} style={{ textAlign: 'center', paddingBottom: 10 }} />
+        <MartSection_menu size="line" />
+        <MartInput_square
+          _ref={inputReason}
+          multiline
+          style={{ height: 100, textAlignVertical: "top" }}
+          label={esp.lang("mart/dc_order_detail_buttons", "input_reason_cancel")}
+          placeholder={esp.lang("mart/dc_order_detail_buttons", "Please_provide_a_reason_for_canceling_the_order")}
+          onChangeText={() => { }} />
+        <MartButton
+          text={esp.lang("mart/dc_order_detail_buttons", "cancel_order")}
+          buttonStyle={{ marginHorizontal: 17, marginVertical: 5 }}
+          onPress={() => {
+            cancelOrder()
+          }} />
+      </View>
+    )
+  }
+
+  function cancelOrder() {
+    MarketSlidingupProperty.hide()
+    LibProgress.show()
+    new LibCurl(cancelUrl + props.id, { reason: inputReason?.current?.getText() || '' },
+      (res, msg) => {
+        LibProgress.hide()
+        LibToastProperty.show(res)
+        LibNavigation.backToRoot()
+        if (props.is_dc) {
+          LibNavigation.navigate<MartDc_admin_orderArgs>('mart/dc_admin_order', { status: '2,8' })
+        } else {
+          LibNavigation.navigate<MartDc_orderArgs>('mart/dc_order', { status: '2,8' })
+        }
+      }, (msg) => {
+        LibProgress.hide()
+        LibToastProperty.show(msg?.message)
+      }, 1
+    )
+  }
+
+  // 0=payment failed,
+  // 1=waiting payment,
+  // 2=cancel order,
+  // 3=paid,
+  // 4=packing,
+  // 5=sending,
+  // 6=complain,
+  // 7=done,
+  // 8=cancel by mitra,
+  // 9=tiba di tujuan
+
+  return (
+    <View>
+      {
+        props.is_dc == 1 ?
+          <>
+            {
+              (props.status == 3 || props.status == 4) &&
+              <MartButton
+                colorBackground={"white"}
+                colorBorder={LibStyle.colorPrimaryMart}
+                color={LibStyle.colorPrimaryMart}
+                buttonStyle={{ marginBottom: 10, marginHorizontal: 15 }}
+                text={esp.lang("mart/dc_order_detail_buttons", "call_buyer")}
+                onPress={() => {
+                  UserProfileProperty.isLogin(() => {
+                    ChatChatProperty.openChat(props?.user_id, undefined, undefined, {
+                      type: 'market',
+                      image: props?.product_list[0]?.image,
+                      title: props?.product_list[0]?.name,
+                      description: props?.total,
+                      module: 'mart/dc_order_detail',
+                      data: {
+                        invoice: props.invoice,
+                        products_count: props?.product_count
+                      },
+                      url: '',
+                      buttons: {
+                        [props.dc?.user_id]: [
+                          {
+                            text: esp.lang("mart/dc_order_detail_buttons", "see_detail"),
+                            module: '',
+                            url: props.dc?.url_attach_dc,
+                            enabled: true
+                          }
+                        ],
+                        [props?.user_id]: [
+                          {
+                            text: esp.lang("mart/dc_order_detail_buttons", "see_detail"),
+                            module: '',
+                            url: props.dc?.url_attach,
+                            enabled: true
+                          }
+                        ]
+                      }
+                    })
+                  })
+                }} />
+            }
+            {
+              props.status == 3 &&
+              <>
+                <MartButton
+                  text={esp.lang("mart/dc_order_detail_buttons", "decline_order")}
+                  colorBackground={"white"}
+                  colorBorder={LibStyle.colorPrimaryMart}
+                  color={LibStyle.colorPrimaryMart}
+                  buttonStyle={{ marginHorizontal: 15, marginBottom: 10 }}
+                  onPress={() => {
+                    cancelDialog()
+                    MarketSlidingupProperty.show()
+                  }} />
+              </>
+            }
+            {
+              props.status == 4 &&
+              <>
+                <MartButton
+                  colorBackground={"white"}
+                  colorBorder={LibStyle.colorPrimaryMart}
+                  color={LibStyle.colorPrimaryMart}
+                  buttonStyle={{ marginBottom: 10, marginHorizontal: 15 }}
+                  text={esp.lang("mart/dc_order_detail_buttons", "cancel_order")}
+                  onPress={() => {
+                    cancelDialog()
+                    MarketSlidingupProperty.show()
+                  }} />
+              </>
+            }
+            {
+              (props.status == 6) &&
+              <MartButton
+                text={esp.lang("mart/dc_order_detail_buttons", "see_complaint")}
+                textStyle={{ color: '#f1f1f1' }}
+                buttonStyle={{ marginHorizontal: 17, marginVertical: 5 }}
+                onPress={() => {
+                  // LibNavigation.navigate<MartComplaint_detailArgs>('mart/complaint_detail', { url: 'mitra/order_complaint_mitra?id=' + props.data.id, order_id: props.data.id, mitra_id: props.mitra.id })
+                }} />
+            }
+          </>
+          :
+          <>
+            {
+              (props.status == 1 || props.status == 3 || props?.status == 5 || props?.status == 9) &&
+              <MartButton
+                colorBackground={"white"}
+                colorBorder={LibStyle.colorPrimaryMart}
+                color={LibStyle.colorPrimaryMart}
+                buttonStyle={{ marginBottom: 10, marginHorizontal: 15 }}
+                text={esp.lang("mart/dc_order_detail_buttons", "call_seller")}
+                onPress={() => {
+                  UserProfileProperty.isLogin(() => {
+                    ChatChatProperty.openChat(props.dc?.user_id, undefined, undefined, {
+                      type: 'market',
+                      image: props?.product_list[0]?.image,
+                      title: props?.product_list[0]?.name,
+                      description: props?.total,
+                      module: 'mart/dc_order_detail',
+                      data: {
+                        invoice: props.invoice,
+                        products_count: props?.product_count
+                      },
+                      url: '',
+                      buttons: {
+                        [props.dc?.user_id]: [
+                          {
+                            text: esp.lang("mart/dc_order_detail_buttons", "see_detail"),
+                            module: '',
+                            url: props?.dc?.url_attach_dc,
+                            enabled: true
+                          }
+                        ],
+                        [props?.user_id]: [
+                          {
+                            text: esp.lang("mart/dc_order_detail_buttons", "see_detail"),
+                            module: '',
+                            url: props?.dc?.url_attach,
+                            enabled: true
+                          }
+                        ]
+                      }
+                    })
+                  })
+                }} />
+            }
+
+          </>
+      }
+    </View>
+  )
+}

package/modules/mart/dc_order_detail_finish.tsx

@@ -0,0 +1,218 @@
+// withHooks
+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 { LibList } from 'esoftplay/cache/lib/list/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 { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { MarketNotice } from 'esoftplay/cache/market/notice/import';
+import { MartButton } from 'esoftplay/cache/mart/button/import';
+import { MartDc_order_detail_finish_item } from 'esoftplay/cache/mart/dc_order_detail_finish_item/import';
+import { MartHeader } from 'esoftplay/cache/mart/header/import';
+import { MartProduct_listArgs } from 'esoftplay/cache/mart/product_list/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+
+
+export interface MartDc_order_detail_finishArgs {
+  order_id: string
+}
+export interface MartDc_order_detail_finishProps {
+
+}
+
+interface ProductItem {
+  barcode: string,
+  discount: string,
+  id: string,
+  image: string,
+  name: string,
+  notes: string,
+  package: string,
+  package_label: string,
+  price: string,
+  qty: string,
+  qty_return: string,
+  total: string,
+  options: any[],
+  options_bundling: any[],
+  sku?: string,
+  saleByItems?: 0 | 1
+}
+
+export default function m(props: MartDc_order_detail_finishProps): any {
+  const { order_id } = LibNavigation.getArgsAll(props)
+  const [data, setData] = useSafeState<any>()
+
+  const renderItem = (item: any, i: number) => (
+    <MartDc_order_detail_finish_item
+      key={i}
+      {...item}
+      onSavePrice={(t) => {
+        let dt = LibObject.set(data, t)(i, 'options')
+        setData(dt)
+      }}
+      onSaveBundleItem={(t, idx) => {
+        let dt = LibObject.set(data, t)(i, 'options_bundling', idx, 'options')
+        setData(dt)
+      }}
+      onChangeSaleByItems={(t) => {
+        let dt = LibObject.set(data, t)(i, 'saleByItems')
+        setData(dt)
+      }}
+    />
+  )
+
+  const renderSkeleton = (x: any, i: number) => (
+    <View key={i} style={styleId_YrM1Y}>
+      <View style={styleId_1fmvBo} >
+        <View style={styleId_Z27J5Yb} />
+        <View style={styleId_14tcJb} >
+          <View style={styleId_UWJT7} />
+          <View style={styleId_1DXBpD} />
+        </View>
+      </View>
+      <View style={styleId_2tlMHb}>
+        <View style={styleId_1b2cvL} />
+        <View style={styleId_2o9N9m} />
+        <View style={styleId_27qjLw} >
+          <View style={styleId_1q6E8q} />
+          <View style={styleId_2q72SK} />
+        </View>
+        <View style={styleId_Z24osC}>
+          <LibIcon name='information' />
+          <View style={styleId_ZzXCLf}>
+            <View style={styleId_1PMaQ4} />
+          </View>
+        </View>
+      </View>
+      <View style={styleId_Z1X80GO}>
+        <View style={styleId_25TVVz} />
+      </View>
+    </View>
+  )
+
+  useEffect(() => {
+    getData()
+  }, [])
+
+  function getData() {
+    new LibCurl('mitra/dc_purchasing_mitra_detail_arrived/' + order_id, null,
+      (res, msg) => {
+        setData(res.map((item: any) => ({ ...item, saleByItems: 0 })))
+      }, (msg) => {
+        LibDialog.warning(esp.lang("mart/dc_order_detail_finish", "arrived_err"), msg?.message)
+      }, 1
+    )
+  }
+
+  function submit() {
+    const dt = data?.filter((t: any) => t.saleByItems == 0).map((item: ProductItem) => (
+      {
+        product_id_dc: item?.id,
+        options: item?.options?.map((x: any) => ({ ...x, upc_id: x.id }))
+      }
+    ))
+    const _dtBundle = data?.filter((t: any) => t.saleByItems == 1).map((item: any) => item.options_bundling.map((g: any) => (
+      {
+        product_id_dc: g?.id,
+        is_pieces: 1,
+        product_qty: g?.qty,
+        options: g?.options?.map((x: any) => ({ ...x, upc_id: x.id }))
+      }
+    )))
+
+    const dtBundle = [].concat(..._dtBundle)
+    const allData = [...dt, ...dtBundle]
+
+    if (allData.filter?.((t: any) => t?.options?.some?.((x: any) => !x.price)).length > 0) {
+      LibToastProperty.show(esp.lang("mart/dc_order_detail_finish", "There_is_a_product_that_has_not_been_set"))
+      return
+    }
+
+    let post = {
+      id: order_id,
+      products: JSON.stringify(allData)
+    }
+    LibProgress.show(esp.lang("mart/dc_order_detail_finish", "please_wait"))
+    new LibCurl('mitra/dc_purchasing_mitra_detail_done', post,
+      (res, msg) => {
+        LibProgress.hide()
+        LibDialog.info(esp.lang("mart/dc_order_detail_finish", "information"), msg)
+        LibNavigation.reset()
+        LibNavigation.navigate('mart/account')
+        LibNavigation.navigate<MartProduct_listArgs>('mart/product_list', { url: res?.url, title: esp.lang("mart/dc_order_detail_finish", "my_product") })
+      },
+      (msg) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("mart/dc_order_detail_finish", "done_err"), msg?.message)
+      }, 1
+    )
+  }
+
+  if (!data) {
+    return (
+      <View style={styleId_ZcMJmd} >
+        <MartHeader onlyBack title={esp.lang("mart/dc_order_detail_finish", "distribution_center")} subtitle={esp.lang("mart/dc_order_detail_finish", "complete_order")} />
+        <LibSkeleton backgroundStyle={{ height: LibStyle.height }}>
+          <View style={styleId_ZnlfMn}>
+            <LibIcon name='information' />
+            <View style={styleId_ZzXCLf}>
+              <View style={styleId_1PMaQ4} />
+              <View style={styleId_7TOJ1} />
+            </View>
+          </View>
+          {
+            [1, 1, 1, 1].map(renderSkeleton)
+          }
+        </LibSkeleton>
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }} >
+      <MartHeader onlyBack title={esp.lang("mart/dc_order_detail_finish", "distribution_center")} subtitle={esp.lang("mart/dc_order_detail_finish", "complete_order")} />
+      <LibList
+        onRefresh={getData}
+        data={data}
+        ListHeaderComponent={
+          <MarketNotice mode='info' text={esp.lang("mart/dc_order_detail_finish", "before_complete_order")} containerStyle={styleId_Z2mbA6J} />
+        }
+        renderItem={renderItem}
+      />
+      <MartButton
+        buttonStyle={styleId_dt7dA}
+        onPress={() => submit()} text={esp.lang("mart/dc_order_detail_finish", "next")} />
+    </View>
+  )
+}
+const styleId_ZcMJmd: any = { flex: 1 }
+const styleId_ZnlfMn: any = { borderWidth: 1, borderRadius: 5, flexDirection: 'row', alignItems: 'center', marginHorizontal: 15, marginTop: 10, marginBottom: 5, padding: 5 }
+const styleId_ZzXCLf: any = { flex: 1, marginLeft: 5 }
+const styleId_1PMaQ4: any = { width: '80%', height: 10, borderRadius: 10, backgroundColor: "white" }
+const styleId_7TOJ1: any = { width: '50%', marginTop: 2, height: 10, borderRadius: 10, backgroundColor: "white" }
+const styleId_YrM1Y: any = { marginHorizontal: 15, marginTop: 5, marginBottom: 5, padding: 10, borderRadius: 5, borderWidth: 1 }
+const styleId_1fmvBo: any = { flexDirection: 'row', alignItems: 'center' }
+const styleId_Z27J5Yb: any = { width: 50, height: 50, borderRadius: 5, backgroundColor: 'white' }
+const styleId_14tcJb: any = { marginLeft: 10, flex: 1 }
+const styleId_UWJT7: any = { width: '50%', height: 14, borderRadius: 10, backgroundColor: 'white' }
+const styleId_1DXBpD: any = { width: '30%', height: 14, borderRadius: 10, backgroundColor: 'white', marginTop: 4 }
+const styleId_2tlMHb: any = { marginTop: 10 }
+const styleId_1b2cvL: any = { width: '40%', height: 14, borderRadius: 10, backgroundColor: 'white' }
+const styleId_2o9N9m: any = { width: '30%', height: 14, borderRadius: 10, marginTop: 5, backgroundColor: 'white' }
+const styleId_27qjLw: any = { marginTop: 10, borderWidth: 1, borderStyle: 'dashed', borderColor: '#e6e6e6', padding: 6, borderRadius: 4 }
+const styleId_1q6E8q: any = { width: '30%', height: 14, borderRadius: 10, backgroundColor: 'white' }
+const styleId_2q72SK: any = { width: '50%', height: 14, borderRadius: 10, marginTop: 5, backgroundColor: 'white' }
+const styleId_Z24osC: any = { borderWidth: 1, borderRadius: 5, flexDirection: 'row', alignItems: 'center', marginTop: 10, padding: 5 }
+const styleId_Z1X80GO: any = { marginTop: 10, borderWidth: 1, alignItems: 'center', padding: 12, borderRadius: 5 }
+const styleId_25TVVz: any = { width: '50%', height: 14, borderRadius: 10, backgroundColor: "white" }
+const styleId_Z2mbA6J: any = { marginHorizontal: 15, marginTop: 10 }
+const styleId_dt7dA: any = { margin: 15 }

package/modules/mart/dc_order_detail_finish_bundle_item.tsx

@@ -0,0 +1,159 @@
+// withHooks
+// noPage
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInput } from 'esoftplay/cache/lib/input/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { MarketNotice } from 'esoftplay/cache/market/notice/import';
+import { MarketSlidingupProperty } from 'esoftplay/cache/market/slidingup/import';
+import { MartButton } from 'esoftplay/cache/mart/button/import';
+import esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
+
+import React from 'react';
+import { Platform, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface MartDc_order_detail_finish_bundle_itemArgs {
+
+}
+export interface MartDc_order_detail_finish_bundle_itemProps {
+  index: number,
+  title?: string,
+  image?: string,
+  par_pcs?: string,
+  par_pcs_label?: string,
+  package?: string,
+  package_label?: string,
+  upc_id?: string,
+  price: string,
+  qty?: string,
+  options: any[],
+  onChangePrice: (t: any, i: number) => void
+}
+const priceArray = useGlobalState(undefined)
+export default function m(props: MartDc_order_detail_finish_bundle_itemProps): any {
+
+  const renderBuyPrice = (x: any, i: number) => (
+    <Text key={i} allowFontScaling={false} style={styleId_1j79ff}>{LibUtils.money(Number(props?.price) / (Number(x?.pcs) * (props?.options[i - 1]?.pcs || 1)))}/{x?.pcs_label}</Text>
+  )
+
+  const renderSalePrice = (x: any, i: number) => (
+    <Text key={i} allowFontScaling={false} style={styleId_Z16b9Of}>{LibUtils.money(Number(x?.price))}/{x?.pcs_label}</Text>
+  )
+
+  const renderOptions = (x: any, index: number) => (
+    <View key={index} style={styleId_1rPRB6}>
+      <Text allowFontScaling={false} style={styleId_2hKz3I}>Harga per{String(x?.pcs_label).toLowerCase()}</Text>
+      <View style={styleId_FcJqW} >
+        <Text allowFontScaling={false} style={styleId_Z1lH1fn}>{esp.lang("mart/dc_order_detail_finish_bundle_item", "prefix_price_unit")}</Text>
+        <LibInput
+          base
+          defaultValue={String(x?.price || '')}
+          placeholder={esp.lang("mart/dc_order_detail_finish_bundle_item", "price_unit", String(x?.pcs_label).toLowerCase())}
+          maskFrom="end"
+          keyboardType="phone-pad"
+          mask={'###.###.###.###.###.###.###.###'}
+          onChangeText={(t) => { setPrice(t, x) }}
+          style={styleId_2n5q9N} />
+      </View>
+      <Text allowFontScaling={false} style={styleId_1Skf0e}>{esp.lang("mart/dc_order_detail_finish_bundle_item", "Purchase_price")}{LibUtils.money(Number(props?.price) / (Number(x?.pcs) * (props?.options[index - 1]?.pcs || 1)))}/{x?.pcs_label}</Text>
+    </View>
+  )
+
+  function setPrice(price: string, item: any) {
+    let _price: any = priceArray.get() || []
+    let findIndex = _price.findIndex((x: any) => x.id == item?.id)
+
+    if (findIndex != -1) {
+      _price = LibObject.set(_price, price)(findIndex, 'price')
+    } else {
+      _price = LibObject.push(_price, { ...item, price: price })()
+    }
+    priceArray.set(_price)
+  }
+
+  return (
+    <View style={styleId_2tlMHb}>
+      <View style={styleId_1wlhQH}>
+        <LibPicture source={{ uri: props?.image }} style={styleId_Z8ojUR} />
+        <View style={{ marginLeft: 10, flex: 1 }} >
+          <Text allowFontScaling={false} style={styleId_Z1U8tI3}>{props?.title}</Text>
+          <Text allowFontScaling={false} style={styleId_1dNs3E}>{1} x {LibUtils.money(props?.price)}</Text>
+        </View>
+      </View>
+      <View style={styleId_27qjLw} >
+        <Text allowFontScaling={false} style={styleId_Z1U8tI3}>{esp.lang("mart/dc_order_detail_finish_bundle_item", "buy_price")}</Text>
+        <View style={styleId_Z1bqCSn}>
+          {
+            props?.options?.map?.(renderBuyPrice)
+          }
+        </View>
+      </View>
+      {
+        props?.options?.some?.((x: any) => !x.price) ?
+          <MarketNotice mode="warning" text={esp.lang("mart/dc_order_detail_finish_bundle_item", "Unset_Selling_Price")} containerStyle={styleId_200b1} textStyle={styleId_Z1Ncfmd} />
+          :
+          <View style={styleId_27qjLw} >
+            <Text allowFontScaling={false} style={styleId_Z1U8tI3}>{esp.lang("mart/dc_order_detail_finish_bundle_item", "selling_price")}</Text>
+            <View style={styleId_Z1bqCSn}>
+              {
+                props.options?.map?.(renderSalePrice)
+              }
+            </View>
+          </View>
+      }
+      <TouchableOpacity onPress={() => {
+        MarketSlidingupProperty.add(
+          <View style={styleId_Z1zxfOi} >
+            <View style={styleId_12lRXe} >
+              <TouchableOpacity onPress={() => MarketSlidingupProperty.hide()} style={styleId_1hcIwd} >
+                <LibIcon name="close" size={20} />
+              </TouchableOpacity>
+              <Text allowFontScaling={false} style={styleId_Z2qGFbg}>{esp.lang("mart/dc_order_detail_finish_bundle_item", "set_selling_price")}</Text>
+            </View>
+            <View style={styleId_Z27iAru} >
+              {
+                props?.options?.map?.(renderOptions)
+              }
+              <MartButton textStyle={{ fontSize: 14 }} onPress={() => {
+                props.onChangePrice(priceArray.get(), props.index)
+                MarketSlidingupProperty.hide()
+              }} text={esp.lang("mart/dc_order_detail_finish_bundle_item", "save")} />
+            </View>
+          </View>
+        )
+        MarketSlidingupProperty.show()
+      }} style={styleId_Z23jhtG} >
+        <Text allowFontScaling={false} style={styleId_ZdkyNI}>{esp.lang("mart/dc_order_detail_finish_bundle_item", "set_selling_price")}</Text>
+      </TouchableOpacity>
+    </View>
+
+  )
+}
+const styleId_2tlMHb: any = { marginTop: 10 }
+const styleId_1wlhQH: any = { marginTop: 5, flexDirection: 'row', alignItems: 'center' }
+const styleId_Z8ojUR: any = { width: 50, height: 50, borderRadius: 5 }
+const styleId_Z1U8tI3: any = { fontSize: 10, fontFamily: 'Arial' }
+const styleId_1dNs3E: any = { fontSize: 14, fontFamily: 'ArialBold', marginTop: 5 }
+const styleId_27qjLw: any = { marginTop: 10, borderWidth: 1, borderStyle: 'dashed', borderColor: '#e6e6e6', padding: 6, borderRadius: 4 }
+const styleId_Z1bqCSn: any = { flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap', marginTop: 5 }
+const styleId_1j79ff: any = { fontSize: 12, fontFamily: 'ArialBold', marginRight: 15, lineHeight: 16 }
+const styleId_200b1: any = { marginHorizontal: 0, marginTop: 10 }
+const styleId_Z1Ncfmd: any = { fontFamily: 'Arial' }
+const styleId_Z16b9Of: any = { fontSize: 12, fontFamily: 'ArialBold', marginRight: 20, lineHeight: 16 }
+const styleId_Z1zxfOi: any = { backgroundColor: "white", paddingVertical: 10, paddingHorizontal: 15, borderTopLeftRadius: 10, borderTopRightRadius: 10 }
+const styleId_12lRXe: any = { flexDirection: "row", alignItems: "center", marginBottom: 10 }
+const styleId_1hcIwd: any = { marginRight: 10 }
+const styleId_Z2qGFbg: any = { fontFamily: 'ArialBold', fontSize: 16 }
+const styleId_Z27iAru: any = { marginHorizontal: 17 }
+const styleId_1rPRB6: any = { marginVertical: 5 }
+const styleId_2hKz3I: any = { fontFamily: 'Arial', fontSize: 12, color: '#888' }
+const styleId_FcJqW: any = { flexDirection: "row", alignItems: "center", borderBottomWidth: 1, borderBottomColor: '#f1f1f1', marginBottom: 10 }
+const styleId_Z1lH1fn: any = { fontFamily: 'Arial', fontSize: 16, marginRight: 10 }
+const styleId_2n5q9N: any = { flex: 1, paddingVertical: Platform.OS == 'ios' ? 10 : 4, fontFamily: 'Arial', fontSize: 16 }
+const styleId_1Skf0e: any = { fontFamily: 'Arial', fontSize: 10, marginTop: -5 }
+const styleId_Z23jhtG: any = { borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorPrimaryMart, marginTop: 10, padding: 10, alignItems: 'center' }
+const styleId_ZdkyNI: any = { fontSize: 12, fontFamily: 'ArialBold' }