esoftplay-event 0.0.0-a

package/event/voucher.tsx

@@ -0,0 +1,149 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentLabel_input } from 'esoftplay/cache/component/label_input/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/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 { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React, { useEffect } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface EventVoucherArgs {
+  defaultCode?: string
+  event_id: number,
+  price_id: string,
+  from?: string,
+  ondate?: string
+  qty?: string
+  bundling_id?: string //untuk registrasi pos, kiriman dari pos/pricing_payment
+}
+export interface EventVoucherProps {
+
+}
+export default function m(props: EventVoucherProps): any {
+  let { event_id, price_id, from, defaultCode, bundling_id, ondate, qty }: any = LibNavigation.getArgsAll(props)
+  let [result, setResult] = useSafeState<any>()
+  let [showText, setShowText] = useSafeState<boolean>(false)
+  let voucherCode = React.useRef<LibInput>(null)
+
+  useEffect(() => {
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  function checkVoucher() {
+    let post = {
+      voucher_code: voucherCode.current!.getText(),
+      event_id: event_id,
+      price_id: price_id,
+      ondate: ondate,
+      qty: qty
+    }
+
+
+    let url = "event_booking_voucher_check"
+
+    LibProgress.show(esp.lang("event/voucher", "check_wait"))
+    new LibCurl(url, post, (res, msg) => {
+      setShowText(true)
+      setResult(res)
+      LibProgress.hide()
+    }, (error) => {
+      LibDialog.warning("Oops", error?.message)
+      setShowText(false)
+      LibProgress.hide()
+
+    }, 1)
+  }
+
+  function checkVoucherPos() {
+    let post = {
+      code: voucherCode.current!.getText(),
+      bundling_id: bundling_id || ""
+    }
+
+    let url = "pos_discount_check"
+
+    LibProgress.show(esp.lang("event/voucher", "check_wait"))
+    new LibCurl(url, post, (res, msg) => {
+      setShowText(true)
+      setResult(res)
+      LibProgress.hide()
+    }, (error) => {
+      LibDialog.warning("Oops", error?.message)
+      setShowText(false)
+      LibProgress.hide()
+
+    }, 1)
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("event/voucher", "header")} />
+      <ScrollView>
+        <View style={{ margin: 15, marginTop: 0 }}>
+          <ComponentLabel_input label={esp.lang("event/voucher", "voucher_or_referral_code")} mandatory />
+        </View>
+        <View testID='input_voucher'>
+          <LibInput
+            ref={voucherCode}
+            label=""
+            editable={showText ? false : true}
+            defaultValue={defaultCode}
+            autoCapitalize={"characters"}
+            returnKeyType="go"
+            onSubmitEditing={() => {
+              if (from == 'pos/pricing_payment') /* untuk register pos, bawa props bundling_id: bundling yg dipilih saat register */ {
+                checkVoucherPos()
+              } else {
+                checkVoucher()
+              }
+            }}
+            style={{ marginTop: -20, backgroundColor: LibStyle.colorGrey, letterSpacing: 0, fontSize: 30, textAlign: 'center' }} />
+        </View>
+        {
+          showText &&
+          <Text allowFontScaling={false} style={{ marginLeft: 15, fontFamily: "Arial", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorPrimary }} >{esp.lang("bigbang/payment", "text_alert")}</Text>
+        }
+        <ComponentTouchable testID='use_voucher' onPress={() => {
+          if (!showText) {
+            if (from == 'pos/pricing_payment') /* untuk register pos, bawa props bundling_id: bundling yg dipilih saat register */ {
+              checkVoucherPos()
+            } else {
+              checkVoucher()
+            }
+          }
+        }}>
+          <View style={{ alignSelf: 'flex-end', marginRight: 15, marginBottom: 10, marginLeft: 10, width: 68, height: 35, borderRadius: 3, backgroundColor: showText ? '#8e8e8e' : LibStyle.colorGreen, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#fff' }}>{esp.lang("bigbang/payment", "button_use")}</Text>
+          </View>
+        </ComponentTouchable>
+
+      </ScrollView>
+      {
+        result &&
+        <ComponentTouchable testID='claim_now' onPress={() => {
+          if (result) {
+            let data = {
+              ...result,
+              code: voucherCode?.current?.getText()
+            }
+            LibNavigation.sendBackResult(data)
+          }
+        }}>
+          <View style={{ marginHorizontal: 15, marginVertical: 10, height: 35, borderRadius: 17.5, backgroundColor: result ? "#00b894" : LibStyle.colorGrey, alignItems: 'center', justifyContent: 'center', flexDirection: 'row' }} >
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#fff' }} >{esp.lang("bigbang/payment", "claim")}</Text>
+          </View>
+        </ComponentTouchable>
+      }
+
+    </View>
+  )
+}

package/event/voucher_multi.tsx

@@ -0,0 +1,181 @@
+// withHooks
+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 { LibInput } from 'esoftplay/cache/lib/input/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/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 { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import { useEffect, useRef } from 'react';
+
+import React from 'react';
+import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventVoucher_multiArgs {
+
+}
+export interface EventVoucher_multiProps {
+
+}
+
+export type DataTicket = Array<{
+  "list_id": string,
+  "date_id": number,
+  "ondate": string,
+  "price_id": string,
+  "price": string,
+  "quota": string,
+  "quota_used": string,
+  "show_limit": number,
+  "status": number,
+  "show_price": number,
+  "currency": string,
+  "schedule": {
+    "info": string,
+    "artist": [],
+  },
+  "selected": number,
+  "qty": string,
+  "seat_autopick": number,
+  "use_seat": string,
+  "type": string,
+  "tax": string,
+  "term": Array<string>,
+}>
+
+export default function m(props: EventVoucher_multiProps): any {
+  const { dataTicket, event_id } = LibNavigation.getArgsAll(props)
+  let [data, setData, getData] = useSafeState<any>(dataTicket)
+  let [dataPost, setDataPost, getDataPost] = useSafeState<any>()
+  let voucherCode = useRef<LibInput>(null)
+  const dialogInput = useRef<LibSlidingup>(null)
+
+
+  useEffect(() => {
+    // dialogInput.current?.show()
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  function checkVoucher() {
+    let post = {
+      voucher_code: voucherCode.current!.getText(),
+      event_id: event_id,
+      price_id: getDataPost().price_id,
+      ondate: getDataPost().ondate,
+      qty: dataTicket?.qty
+    }
+
+
+    let url = "event_booking_voucher_check"
+    LibProgress.show(esp.lang("event/voucher", "check_wait"))
+    new LibCurl(url, post, (res, msg) => {
+      let newRes = {
+        voucher_code: post?.voucher_code,
+        ...res
+      }
+      // setResult(res)
+      let a = LibObject.set(getData(), newRes)(getDataPost().index, 'voucher')
+      setData(a)
+      LibProgress.hide()
+      LibToastProperty.show(msg)
+      dialogInput?.current?.hide()
+    }, (error) => {
+      LibDialog.warning("Oops", error?.message)
+      LibProgress.hide()
+
+    }, 1)
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <ComponentHeader title={esp.lang("event/voucher", "header")} />
+      <LibKeyboard_avoid style={{ flex: 1, marginBottom: 15 }}>
+        <ScrollView>
+          {
+            data?.length > 0 && data?.map((item: any, i: number) => {
+              return (
+                <View style={{ borderRadius: 5, margin: 5, backgroundColor: '#fff' }}>
+
+                  <View style={{ margin: 15, marginTop: 0 }}>
+                    <View style={{ marginTop: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
+                      <Text allowFontScaling={false} style={{ flex: 1, fontWeight: 'bold' }}>{">"} {item.type}</Text>
+                      {
+                        item.hasOwnProperty('voucher') &&
+                        <TouchableOpacity onPress={() => {
+                          let a = LibObject.removeKeys(getData(), ['voucher'])(i)
+                          setData(a)
+                        }} style={{ flex: 1 }}>
+                          <LibIcon name='close-circle' style={{ alignSelf: 'flex-end' }} color={LibStyle.colorRed} />
+                        </TouchableOpacity>
+                      }
+                    </View>
+                    <TouchableOpacity testID='voucher' onPress={() => {
+                      let post = {
+                        index: i,
+                        price_id: item.price_id,
+                        ondate: item.ondate,
+                        type: item.type
+                      }
+                      setDataPost(post)
+                      dialogInput.current?.show()
+                    }} style={{ flex: 1, borderRadius: 10, borderColor: item.hasOwnProperty('voucher') ? LibStyle.colorGreen : "#c9c9c9", borderWidth: 1, backgroundColor: '#fff', padding: 7, marginTop: 10, marginBottom: 0, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+                      <Text allowFontScaling={false} style={{ flexWrap: 'wrap', marginLeft: 15, fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 13, letterSpacing: 0, textAlign: "left", color: item.hasOwnProperty('voucher') ? LibStyle.colorGreen : "#707070" }}>
+                        {item.hasOwnProperty('voucher') ? esp.lang("bigbang/payment", "success_use_code") : esp.lang("bigbang/payment", "input_code")}
+                        {item.hasOwnProperty('voucher') && <Text style={{ color: item.hasOwnProperty('voucher') ? LibStyle.colorGreen : "#000", fontWeight: 'bold' }}> {item?.voucher?.voucher_code}</Text>}
+                      </Text>
+                      <LibIcon name="chevron-right" color={item.hasOwnProperty('voucher') ? LibStyle.colorGreen : "#000"} />
+                    </TouchableOpacity>
+                  </View>
+                </View>
+              )
+            })
+          }
+        </ScrollView>
+      </LibKeyboard_avoid>
+      <ComponentTouchable testID='claim_now' onPress={() => {
+        LibNavigation.sendBackResult(getData())
+      }}>
+        <View style={{ marginHorizontal: 15, marginVertical: 10, height: 35, borderRadius: 17.5, backgroundColor: "#00b894", alignItems: 'center', justifyContent: 'center', flexDirection: 'row' }} >
+          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#fff' }} >{esp.lang("bigbang/payment", "claim")}</Text>
+        </View>
+      </ComponentTouchable>
+
+      <LibSlidingup ref={dialogInput} >
+        <View style={[{ maxHeight: LibStyle.height * 0.7, borderTopLeftRadius: 10, borderTopRightRadius: 10, backgroundColor: '#fff' }]}>
+          <View style={{ padding: 16, paddingBottom: 0, flexDirection: 'row', alignItems: 'center' }} >
+            <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "ArialBold", fontSize: 18, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/voucher", "voucher_or_referral_code")}</Text>
+            <Pressable onPress={() => dialogInput.current?.hide()} >
+              <LibIcon name='close' />
+            </Pressable>
+          </View>
+          <Text allowFontScaling={false} style={{ marginLeft: 16, marginTop: 10, fontSize: 14, fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{getDataPost()?.type}</Text>
+
+          <LibInput
+            ref={voucherCode}
+            label=""
+            autoCapitalize={"characters"}
+            returnKeyType="go"
+            onSubmitEditing={() => {
+              checkVoucher()
+            }}
+            style={{ backgroundColor: LibStyle.colorGrey, letterSpacing: 0, fontSize: 30, textAlign: 'center' }} />
+          <TouchableOpacity testID='use_voucher' onPress={() => {
+            checkVoucher()
+          }} style={{ alignSelf: 'flex-end', marginBottom: 15, marginRight: 15, width: 68, height: 35, borderRadius: 3, backgroundColor: LibStyle.colorGreen, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#fff' }}>{esp.lang("bigbang/payment", "button_use")}</Text>
+          </TouchableOpacity>
+        </View>
+
+      </LibSlidingup>
+    </View>
+  )
+}