esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/event/visitor_history_item.tsx

@@ -0,0 +1,96 @@
+// withHooks
+// noPage
+import { applyStyle } from 'esoftplay';
+import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/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 esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Pressable, Text, View } from 'react-native';
+
+
+export interface EventVisitor_history_itemProps {
+  item: any,
+  doAction: () => void
+}
+
+export default function m(props: EventVisitor_history_itemProps): any {
+  const { item } = props
+  let isInvitationDate = item?.ondate == "0000-00-00" && item?.detail?.detail_ticket?.flag?.use_code == 1
+
+  return (
+    <Pressable onPress={props.doAction} style={{ backgroundColor: '#fff', flex: 1, borderRadius: 5, overflow: 'hidden', width: LibStyle.width - 30, /* height: itemHeight, */ margin: 15, marginBottom: 0 }}>
+      <View style={{ borderLeftWidth: 20, borderLeftColor: item?.type == 1 ? item?.color : item.type == 2 ? '#d0021b' : '#1abc9c' }}>
+        <View style={{ marginLeft: -5, padding: 10, paddingBottom: 0, flex: 1 }}>
+          <Text allowFontScaling={false} style={applyStyle({ marginHorizontal: 10, fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" })}>{item.event_name}</Text>
+          <View style={applyStyle({ marginHorizontal: 10, flexDirection: 'row', /* borderBottomWidth: 1,borderBottomColor: '#9b9b9b', */ paddingBottom: 15, marginTop: 15 })}>
+            <View style={applyStyle({ width: 60, height: 60, borderRadius: 5, backgroundColor: LibStyle.colorBgGrey, ...LibStyle.elevation(2) })}>
+              <LibPicture style={applyStyle({ width: 60, height: 60, resizeMode: 'cover', borderRadius: 5, })} source={{ uri: item?.image }} />
+            </View>
+            <View style={applyStyle({ marginLeft: 14, flex: 1 })}>
+              <EventHtmltext allowFontScaling={false} numberOfLines={3} ellipsizeMode="tail" style={applyStyle({ marginBottom: 5, fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1, color: '#000' })}>{item.type == 1 ? item?.price_type?.name : item?.type_name}</EventHtmltext>
+              {
+                item.hasOwnProperty('exhibitor_name') &&
+                <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode="tail" style={applyStyle({ marginBottom: 5, fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1, color: '#000' })}>{item.exhibitor_name}</Text>
+              }
+              {
+                item.type == 1 &&
+                <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', marginBottom: 4 }}>
+                  <LibIcon name='ticket' size={18} color={"#9b9b9b"} />
+                  <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                    <Text allowFontScaling={false} style={applyStyle({ marginLeft: 5, fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1, color: "#000" })}> {esp.lang("event/visitor_history_item", "qty", item?.qty)} </Text>
+                    {
+                      item.show_ticket_status == 1 &&
+                      <Text allowFontScaling={false} style={applyStyle({ fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1, color: "#000" })}>
+                        {
+                          item?.qty_used == 0 ? esp.lang("event/visitor_history_item", "not_used")
+                            :
+                            (item.kind == "4" || item.kind == "204") ?
+                              esp.lang("event/visitor_history_item", "used_today", item?.qty_used_today)
+                              :
+                              esp.lang("event/visitor_history_item", "used", item?.qty_used)
+                        }
+                      </Text>
+                    }
+                  </View>
+                </View>
+              }
+              <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', marginBottom: 4 }}>
+                <LibIcon name='calendar' size={18} color="#9b9b9b" />
+                {
+                  item.type == 1 ?
+                    <Text allowFontScaling={false} style={applyStyle({ marginLeft: 5, fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#000" })}>
+                      {item.ondate == "0000-00-00" ? (isInvitationDate ? esp.lang("event/visitor_history_item", "use_once") : LibUtils.getDateRange(item.start_date, item.end_date)) : LibUtils.moment(item.ondate).localeFormat("DD MMMM YYYY")}
+                    </Text>
+                    :
+                    <Text allowFontScaling={false} style={applyStyle({ marginLeft: 5, fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#000" })}> {LibUtils.getDateRange(item.start_date, item.end_date)} </Text>
+
+                }
+              </View>
+            </View>
+          </View>
+
+        </View>
+
+        {
+          item.type == 1 &&
+          <View style={applyStyle({ marginTop: -10, marginBottom: -10, flexDirection: 'row', alignItems: 'center', justifyContent: 'center' })}>
+            <View style={applyStyle({ width: 25, height: 25, borderRadius: 12.5, backgroundColor: LibStyle.colorBgGrey, marginLeft: -35 })} />
+            <View style={applyStyle({ borderWidth: 2, borderColor: LibStyle.colorBgGrey, height: 1, borderStyle: 'dashed', borderRadius: 1, flex: 1 })} />
+            <View style={applyStyle({ width: 25, height: 25, borderRadius: 12.5, backgroundColor: LibStyle.colorBgGrey, marginRight: -12.5 })} />
+          </View>
+        }
+
+        {
+          item.type == 1 &&
+          <View style={{ padding: 10 }}>
+            <Text allowFontScaling={false} style={applyStyle({ textAlign: 'center', textAlignVertical: 'center', fontFamily: "ArialBold", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 4, color: LibStyle.colorRed })}>{item.code}</Text>
+          </View>
+        }
+      </View>
+    </Pressable>
+  )
+}

package/modules/event/visitor_index.tsx

@@ -0,0 +1,175 @@
+// withHooks
+import { applyStyle } from 'esoftplay';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
+import { EventVisitor_history_item } from 'esoftplay/cache/event/visitor_history_item/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibInfinite } from 'esoftplay/cache/lib/infinite/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 { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
+import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import React, { useEffect, useRef } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+export interface EventVisitor_indexArgs {
+
+}
+export interface EventVisitor_indexProps {
+
+}
+export default function m(props: EventVisitor_indexProps): any {
+  const { code } = LibNavigation.getArgsAll(props)
+  const url = 'event_history'
+  const [argsCode, setArgsCode] = useSafeState(code)
+  const [isExist, setIsExist] = useSafeState(0)
+  const ref = useRef<LibInfinite>(null)
+  let inputAccessCode = React.useRef<EventInput_rectangle>(null)
+
+  function loadButtonHistoryExist() {
+    new LibCurl('event_history_history_exists', null, (res, msg) => {
+      setIsExist(1)
+    }, (error) => {
+      setIsExist(0)
+    })
+  }
+
+  useEffect(() => {
+    loadButtonHistoryExist()
+    if (argsCode) {
+      inputAccessCode?.current?.setText(argsCode)
+      LibUtils.debounce(() => {
+        doSubmit()
+      }, 200)
+
+    }
+  }, [])
+
+  function doAction(url: string, type: string, data: any): void {
+    new LibCurl(url, null, (res, msg) => {
+
+      ref.current?.loadData()
+      if (type == '2') {
+        LibNavigation.navigate('event/visitor_input', { data: res, url: url })
+      } else if (type == '3') {
+        if (res.image == '') {
+          LibNavigation.navigate('event/visitor_edit', { data: res })
+        } else {
+          LibNavigation.navigate('staff/id_card', { data: res, withUser: 'y' })
+        }
+      } else {
+        LibNavigation.navigate('event/order_detail', { url: url })
+      }
+    }, (error) => {
+      LibDialog.warning(esp.lang("event/visitor_index", "act_err"), error?.message)
+    })
+  }
+
+  function doSubmit(): void {
+    if (!argsCode) {
+      if (inputAccessCode?.current?.getText() == '') {
+        LibToastProperty.show(esp.lang("event/visitor_index", "alert_error_not_empty_code"))
+        return
+      }
+    }
+    var post = {
+      access_code: argsCode ? argsCode : inputAccessCode?.current?.getText().toUpperCase()
+    }
+    LibProgress.show(esp.lang("event/visitor_index", "waiting_msg"))
+    new LibCurl('event_exhibitor_code', post, (res, msg) => {
+      setArgsCode(undefined) // reset code supaya pas textbox kosong tidak bisa submit
+      ref.current?.loadData()
+      inputAccessCode.current?.setText("")
+      if (res.hasOwnProperty('qty')) {
+        new LibCurl(res?.url, null, (result, msg) => {
+          LibNavigation.navigate('event/visitor_input', { data: result, msg: msg, url: res.url })
+          LibProgress.hide()
+        }, (error) => {
+          LibProgress.hide()
+        })
+      } else {
+        LibProgress.hide()
+        LibNavigation.navigate('event/visitor_edit', { from: "visitor", data: res })
+        LibDialog.info(esp.lang("event/visitor_index", "alert_success_submit"), msg);
+      }
+    }, (error) => {
+      LibProgress.hide();
+      LibDialog.warning(esp.lang("event/visitor_index", "err"), error?.message);
+    })
+  }
+
+  function renderItem(item: any) {
+    return (
+      <EventVisitor_history_item item={item} doAction={() => doAction(item.url, item.type, item)} />
+    )
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title={esp.lang("event/visitor_index", "title_input_code")} subtitle={esp.lang("event/visitor_index", "subtitle_input_code")} />
+      <LibInfinite
+        ref={ref}
+        // isDebug={1}
+        ListHeaderComponent={
+          <>
+            <View style={{ flexDirection: 'row', borderRadius: 10, backgroundColor: '#FEFBEB', borderColor: "#FFCC29", borderWidth: 1, borderStyle: 'dashed', alignContent: 'center', alignItems: 'center', margin: 15, marginBottom: 0, padding: 10 }}>
+              <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0 }} >{esp.lang("event/visitor_index", "please_input_your_exhibitor_code")}</Text>
+            </View>
+
+
+            <View style={[{ margin: 15, backgroundColor: 'white', padding: 15, paddingTop: 8 }, LibStyle.elevation(2)]}>
+              <EventLabel_input label={esp.lang("event/visitor_index", "label_input_code")} mandatory />
+              <EventInput_rectangle
+                ref={inputAccessCode}
+                placeholder={esp.lang("event/visitor_index", "input_code")}
+                style={{ borderRadius: 3, height: 35 }}
+                autoCapitalize='characters'
+                returnKeyType='go'
+                onSubmitEditing={() => {
+                  inputAccessCode.current!.blur()
+                  doSubmit()
+                }}
+                blurOnSubmit
+              />
+
+              <TouchableOpacity onPress={() => {
+                inputAccessCode.current!.blur()
+                doSubmit()
+              }}>
+                <View style={{ marginTop: 20, height: 35, borderRadius: 5, backgroundColor: "#6c432c", justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
+                  <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'white', marginRight: 13, marginLeft: 10 }} >{esp.lang("event/visitor_index", "submit")}</Text>
+                </View>
+              </TouchableOpacity>
+            </View>
+
+            <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14, margin: 15, marginBottom: 0 }} >{esp.lang("event/visitor_index", "history")}</Text>
+          </>
+        }
+        errorView={(err: any) => (
+          <View style={{ margin: 15 }}>
+            <EventMessage message={err} />
+          </View>
+        )}
+        url={url}
+        renderItem={renderItem}
+        ListEndedComponent={
+          esp.isDebug('') && isExist == 1 &&
+          <TouchableOpacity onPress={() => { LibNavigation.navigate('event/visitor_history') }}>
+            <View style={applyStyle({ marginBottom: 20, marginTop: 15, justifyContent: 'center', alignSelf: 'center', width: 104, height: 23, borderRadius: 11.5, backgroundColor: "#fff", borderStyle: "solid", borderWidth: 1, borderColor: "#e1e1e1" })}>
+              <Text allowFontScaling={false} style={applyStyle({ alignSelf: 'center', textAlign: 'center', fontFamily: "Arial", fontSize: 11, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b" })}>{esp.lang("event/visitor_index", "show")}</Text>
+            </View>
+          </TouchableOpacity>
+        }
+      />
+
+    </View >
+  )
+}

package/modules/event/visitor_input.tsx

@@ -0,0 +1,283 @@
+// withHooks
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/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 { LibInfinite } from 'esoftplay/cache/lib/infinite/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 { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
+import useSafeState from 'esoftplay/state';
+import { useRef } from 'react';
+
+import { applyStyle } from 'esoftplay';
+import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
+import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
+import useLazyState from 'esoftplay/lazy';
+import React, { useEffect } from 'react';
+import { ActivityIndicator, Platform, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+
+export interface EventVisitor_inputProps {
+  navigation: any
+}
+
+const inputsState = useGlobalState<any>({})
+
+export default function m(props: EventVisitor_inputProps): any {
+  let _data: any = LibNavigation.getArgs(props, 'data')
+  const { msg, url } = LibNavigation.getArgsAll(props)
+
+  const [data, setData, getData] = useLazyState(_data)
+  const [_msg, set_msg] = useSafeState(msg)
+  const [messageGenerate, setMessageGenerate] = useSafeState<any>()
+  const [activeTab, setActiveTab] = useSafeState(data?.list[0])
+  const [counter, setCounter] = useSafeState(1)
+  const [listClaim, setListClaim] = useSafeState()
+
+  const dialogListClaim = useRef<LibSlidingup>(null)
+
+  let _tabs: any = getData()?.list
+  function setText(list_id: string): (name: string) => void {
+    return (name) => inputsState.set(LibObject.set(inputsState.get(), name)(list_id))
+  }
+
+  // esp.log(url_invitation);
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData(): void {
+    new LibCurl(url, null, (result, msg) => {
+      set_msg(msg)
+      if (result?.hasOwnProperty('url_generate')) {
+        generateCode(result?.url_generate, true)
+      } else {
+        setData(result)()
+      }
+    }, (error) => {
+    })
+  }
+
+  function generateCode(url: string, loop: boolean) {
+    if (loop) {
+      new LibCurl(url, null, (res, msg) => {
+        generateCode(url, res?.done == 1 ? false : true)
+        setMessageGenerate(msg)
+      }, (error) => {
+        LibDialog.warningConfirm(esp.lang("event/visitor_input", "title"), error?.message, esp.lang("event/visitor_input", "resend"), () => {
+          loadData()
+        }, esp.lang("event/visitor_input", "back"), () => LibNavigation.back())
+      })
+    } else {
+      loadData()
+    }
+  }
+
+  function send(): void {
+    var post: any = undefined
+    const inputs = inputsState.get()
+    post = {
+      name: Object.values(inputs).join("|"),
+      list_id: Object.keys(inputs).join("|")
+    }
+    LibDialog.confirm(esp.lang("event/visitor_input", "confirm_title"), esp.lang("event/visitor_input", "confirm_msg"), esp.lang("event/visitor_input", "confirm_ok"), () => {
+      LibProgress.show(esp.lang("event/visitor_input", "confirm_wait"))
+      new LibCurl('event_exhibitor_staff?contact_id=' + data.contact_id, post, (res, msg) => {
+        LibProgress.hide()
+        LibDialog.info(esp.lang("event/visitor_input", "confirm_success"), msg);
+        LibNavigation.reset()
+        // BigbangIndexProperty.setTab(0)
+        // LibNavigation.navigate('bigbang/notif_index', { tabIndex: 0 }) // ini notifnya di perbarui
+      }, (error) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("event/visitor_input", "confirm_failed"), error?.message)
+      })
+    }, esp.lang("event/visitor_input", "confirm_cancel"), () => { })
+  }
+
+  function renderTabs(item: any, i: number) {
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        setActiveTab(item)
+        setCounter(counter + 1)
+      }}>
+        <View style={applyStyle({ height: 35, width: LibStyle.width / 4, alignItems: 'center', overflow: 'visible', justifyContent: 'center', backgroundColor: '#fff' })}>
+          <Text allowFontScaling={false} style={applyStyle({ width: LibStyle.width / 4, fontFamily: "Arial", fontSize: 11, fontWeight: activeTab?.id == item?.id ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: activeTab?.id == item?.id ? "#51b596" : "#c5c5c5" })}>{item.name} ({LibUtils.number(item?.qty)})</Text>
+          <View style={applyStyle({ width: (LibStyle.width / 4) - 20, height: 3, backgroundColor: activeTab?.id == item?.id ? "#51b596" : "#fff", position: 'absolute', bottom: 0 })} />
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+  function renderItem(item: any, i: any) {
+    if (activeTab?.type == "INVITE") {
+      let bgColor = Number(item.qty_used) != Number(item.qty) ? "#fff" : LibStyle.colorBgGrey
+      let borderColor = Number(item.qty_used) != Number(item.qty) ? LibStyle.colorBgGrey : "#fff"
+      return (
+        <View style={{ margin: 15, marginBottom: 0, padding: 10, borderWidth: 1.5, backgroundColor: bgColor, borderColor: borderColor, borderRadius: 5 }}>
+          <View style={{ flexDirection: 'row', flex: 1, justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", }}>
+              {esp.lang("event/visitor_input", "code_inv") + (i + 1)}
+            </Text>
+            {
+              item.hasOwnProperty("url") && item.qty_used != 0 &&
+
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#51b596" }}>{LibUtils.number(item.qty_used) + "/" + LibUtils.number(item.qty)}</Text>
+              // <View style={{ padding: 5, borderWidth: 1, borderColor: LibStyle.colorPrimary, borderRadius: 5 }}>
+              // </View>
+            }
+            <TouchableOpacity activeOpacity={item.name == "" ? 0 : 1} onPress={() => {
+              if (Number(item.qty_used) != Number(item.qty)) {
+                LibUtils.copyToClipboard(item.access_code)
+                LibToastProperty.show(esp.lang("event/visitor_input", "success_copy", item.access_code))
+              }
+            }}>
+              <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: Number(item.qty_used) == Number(item.qty) ? "#c4c4c4" : "#2980b9" })}>{item.access_code}</Text>
+                <LibIcon.Ionicons name='copy' size={16} style={applyStyle({ color: Number(item.qty_used) == Number(item.qty) ? "#c4c4c4" : "#2980b9", marginLeft: 7 })} />
+              </View>
+            </TouchableOpacity>
+          </View>
+          {
+            item.hasOwnProperty("name") &&
+            <Text allowFontScaling={false} style={{ marginTop: 5, fontFamily: "SFProText", color: '#4b4b4b' }}>{item?.name == "" ? esp.lang("event/visitor_input", "not_claimed") : item.name}</Text>
+          }
+          {
+            item.hasOwnProperty("url") &&
+            <View style={{ marginTop: 5, flexDirection: 'row', flex: 1 }}>
+              {
+                item.qty_used == 0 ?
+                  <Text allowFontScaling={false} style={{ fontFamily: "SFProText", color: '#4b4b4b' }}>{esp.lang("event/visitor_input", "not_claimed")}</Text>
+                  :
+                  <View>
+                    {/* <Text allowFontScaling={false} style={{ fontFamily: "SFProText", color: '#4b4b4b', marginBottom: 5 }}>{LibUtils.number(item.qty_used) + " sudah diklaim"}</Text> */}
+                    <TouchableOpacity onPress={() => {
+                      setListClaim(item)
+                      LibUtils.debounce(() => {
+                        dialogListClaim?.current?.show()
+                      }, 200)
+                    }} style={{ paddingHorizontal: 7, paddingVertical: 5, borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorBlue }}>
+                      <Text allowFontScaling={false} style={{ color: LibStyle.colorBlue, fontWeight: 'bold', fontSize: 12 }}>{esp.lang("event/visitor_input", "see_list_claimed")}</Text>
+                    </TouchableOpacity>
+                  </View>
+              }
+            </View>
+          }
+        </View>
+      )
+    } else {
+      return (
+        <View style={applyStyle({ marginHorizontal: 15 })} >
+          <View style={applyStyle({ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' })}>
+            <EventLabel_input label={esp.lang("event/visitor_input", "input_names", (i + 1))} />
+            <TouchableOpacity onPress={() => {
+              LibUtils.copyToClipboard(item.access_code)
+              LibToastProperty.show(esp.lang("event/visitor_input", "success_copy", item.access_code))
+            }}>
+              <View style={applyStyle({ marginTop: 12, marginRight: 3, flexDirection: 'row', justifyContent: 'center', alignContent: 'center', alignItems: 'center' })}>
+                <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: item.is_used == 1 ? "#c4c4c4" : "#2980b9" })}>{item.access_code}</Text>
+                <LibIcon.Ionicons name='copy' size={16} style={applyStyle({ color: item.is_used == 1 ? "#c4c4c4" : "#2980b9", marginLeft: 7 })} />
+              </View>
+            </TouchableOpacity>
+          </View>
+          <EventInput_rectangle
+            returnKeyType="next"
+            key={activeTab?.id + "??" + i}
+            editable={item.is_used == 0}
+            style={applyStyle({ borderRadius: 4, borderColor: '#c4c4c4', height: 35, marginTop: 8, backgroundColor: item.is_used == 1 ? "#e9e9e9" : '#fff' })}
+            defaultValue={item.name}
+            onChangeText={setText(item.list_id)}
+            placeholder={esp.lang("event/visitor_input", "placeholder_input_name", (i + 1))}
+          />
+        </View>
+      )
+    }
+  }
+
+  if (Number(getData()?.qty_generated) != Number(getData()?.qty)) {
+    return (
+      <View style={{ flex: 1, backgroundColor: '#fff' }}>
+        <EventHeader title={esp.lang("event/visitor_input", "title_input_exhibitors")} />
+        <View style={{ backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center' }}>
+          <View style={{ justifyContent: 'center', alignItems: 'center', padding: 10 }}>
+            <LibPicture source={esp.assets('img_failed_msg.png')} resizeMode="contain" style={{ width: LibStyle.width * 0.8, height: 200, resizeMode: 'contain' }} />
+            <ActivityIndicator size={'large'} color={LibStyle.colorPrimary} style={{ alignItems: 'center', justifyContent: 'center' }} />
+            <View style={{ width: LibStyle.width - 40, justifyContent: 'center', alignItems: 'center', backgroundColor: 'white', padding: 15, borderRadius: 10, marginTop: 20 }}>
+              <Text allowFontScaling={false} style={{ fontFamily: 'Arial', fontSize: 16, fontWeight: "bold", marginBottom: 5, color: "#4a4a4a", textAlign: "center" }}>{_msg}</Text>
+            </View>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontFamily: "Arial", fontSize: 14, margin: 15, marginBottom: 0 }} >{messageGenerate}</Text>
+          </View>
+        </View>
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <EventHeader title={esp.lang("event/visitor_input", "title_input_exhibitor")} subtitle={esp.lang("event/visitor_input", "total_staff", LibUtils.number(data.qty))} />
+      <LibKeyboard_avoid style={{ flex: 1 }}>
+        <>
+          {/* <ComponentTabheader titles={tabTitles} activeIndex={tabIndex} onPress={(index) => setTabIndex(index)} /> */}
+
+          <View style={{ height: 35, marginBottom: 2, flexDirection: 'row', backgroundColor: '#fff', ...LibStyle.elevation(2) }} >
+            <ScrollView horizontal showsHorizontalScrollIndicator={false} >
+              {
+                _tabs.map(renderTabs)
+              }
+            </ScrollView>
+          </View>
+          <LibInfinite
+            url={activeTab?.url}
+            // isDebug={1}
+            key={activeTab + counter}
+            // style={{ flex: 1 }}
+            removeClippedSubviews={Platform.OS == 'android'}
+            renderItem={renderItem}
+          />
+          {
+            activeTab?.type == "STAFF" &&
+            <EventButton style={{ backgroundColor: '#00b894', margin: 5 }} label={esp.lang("event/visitor_input", "save_btn")} onPress={() => { send() }} />
+          }
+        </>
+      </LibKeyboard_avoid>
+      <LibSlidingup ref={dialogListClaim}>
+        <View style={{ backgroundColor: 'white', padding: 15, height: LibStyle.height * 0.7, borderTopLeftRadius: 5, borderTopRightRadius: 5 }} >
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+            <LibTextstyle text={esp.lang("event/visitor_input", "list_claimed")} textStyle="headline" />
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#51b596" }}>{LibUtils.number(listClaim?.qty_used) + "/" + LibUtils.number(listClaim?.qty)}</Text>
+          </View>
+          <LibInfinite
+            url={listClaim?.url}
+            // isDebug={1}
+            // key={}
+            removeClippedSubviews={Platform.OS == 'android'}
+            renderItem={(item: any, i: number) => {
+              return (
+                <View key={i} style={{ padding: 10, borderBottomWidth: 1.5, borderBottomColor: LibStyle.colorBgGrey, flexDirection: 'row' }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 16 }}>{(i + 1) + ". "}</Text>
+                  <View>
+                    <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ fontSize: 16 }}>{item.name}</Text>
+                    <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail'>{item.email}</Text>
+                  </View>
+                </View>
+              )
+            }}
+          />
+        </View>
+      </LibSlidingup>
+    </View>
+  )
+}