esoftplay-event 0.0.2 → 0.0.3

package/event/detail2.tsx

@@ -1,14 +1,12 @@
 // withHooks
 import { applyStyle } from 'esoftplay';
-import { EventFirebase_socket } from 'esoftplay/cache/event/firebase_socket/import';
+import { EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
-import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
 import { EventSlider } from 'esoftplay/cache/event/slider/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
 import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -17,11 +15,12 @@ import { LibVideoProperty } from 'esoftplay/cache/lib/video/import';
 import { LibWebview } from 'esoftplay/cache/lib/webview/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import { UseDeeplinkProperty } from 'esoftplay/cache/use/deeplink/import';
-import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import { useEffect } from 'react';
 
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import moment from 'esoftplay/moment';
 import React from 'react';
 import { Linking, Pressable, Text, TouchableOpacity, View } from 'react-native';
 import MapView, { Marker } from 'react-native-maps';
@@ -33,53 +32,76 @@ export interface EventDetail2Args {
 export interface EventDetail2Props {
 
 }
-export default function m(props: EventDetail2Props): any {
-  const { url } = LibNavigation.getArgsAll(props)
+
+const stateFeePlatform = useGlobalState({})
+// {
+//   fee_platform_amount
+//   fee_platform_type
+//   show_fee_percentage
+// }
+export function stateSetFeePlatform(): useGlobalReturn<any> {
+  return stateFeePlatform
+}
+
+const stateSubscribe = useGlobalState({})
+// {
+// is_subscribed
+// is_subscribed_default
+// is_subscribed_label
+// }
+export function stateSetSubscribe(): useGlobalReturn<any> {
+  return stateSubscribe
+}
 
 
-  const { isInPricingQueueConfig } = EventFirebase_socket()
+export default function m(props: EventDetail2Props): any {
+  const [result, setResult] = useSafeState<any>(undefined)
+  const url = LibNavigation.getArgs(props, 'url')
   const [deeplinkParams] = UseDeeplinkProperty.params.useState()
-  const [result, setResult] = useSafeState()
   const [priority, setPriority] = useSafeState(false)
-  const user = UserClass.state().get()
 
   useEffect(() => {
     loadData()
   }, [])
 
-  function loadData() {
-    new LibCurl("v2/event_detail?event_id=443", null, (res, msg) => {
-      res.images = res?.images.map((url: string) => ({ image: url }));
-      setResult(res)
-      esp.log(res);
-    }, (error) => {
-      LibDialog.warning(esp.lang("event/detail", "load_failed"), error?.message)
-      LibNavigation.back()
-    })
-  }
-
-  function loadDataConfig(url: string) {
-    LibProgress.show("Mohon tunggu")
+  moment().locale('id')
+  function loadData(): void {
+    // CacheHit.doHit(url)
     new LibCurl(url, null, (res, msg) => {
-      esp.log(res);
-      LibProgress.hide()
-      // return
-      LibNavigation.navigate(
-        user?.config?.tester == 1 ?
-          'event/ticket_list2'
-          :
-          (res?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list'),
-        {
-          url: res.url_price,
-          is_multiprice: res?.multiprice == 1 ? 1 : 0,
+      esp.modProp("event/countdown").eventURI.set(url)
+      EventFirebase_socketProperty.eventIdQueue.set(res.id)
+      setResult(res)
+      if (res.allotment) {
+        esp.modProp("event/firebase_socket").userIdKeyReplacer.set({
+          t: Number(res.allotment.t),
+          s: Number(res.allotment.s),
+          priority: 1
         })
+        setPriority(true)
+      } else {
+        setPriority(false)
+      }
+
+      let fee_platform: any = {
+        fee_platform_amount: res?.fee_platform_amount,
+        fee_platform_type: res?.fee_platform_type,
+        show_fee_percentage: res?.config?.show_fee_percentage,
+      }
+      stateFeePlatform.set(fee_platform)
 
+      let subscribed = {
+        is_subscribed: res?.config?.is_subscribed,
+        is_subscribed_default: res?.config?.is_subscribed_default,
+        is_subscribed_label: res?.config?.is_subscribed_label
+      }
+      stateSubscribe.set(subscribed)
     }, (error) => {
-      LibProgress.hide()
       LibDialog.warning(esp.lang("event/detail", "load_failed"), error?.message)
+      LibNavigation.back()
     })
   }
 
+
   if (!result) {
     let itemWidth = LibStyle.width - 60
     return (
@@ -268,7 +290,7 @@ export default function m(props: EventDetail2Props): any {
                       <View style={{ height: 35, borderRadius: 17, backgroundColor: LibStyle.colorLightGrey, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
                         <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'black', marginHorizontal: 10 }} >
                           {
-                            esp.lang("event/detail", "text_book_on", LibUtils.moment(result.start_booking).serverFormat('DD MMMM YYYY H:mm:ss', result?.timezone), result?.timezone_locale || "")
+                            esp.lang("event/detail", "text_book_on", moment(result.start_booking).serverFormat('DD MMMM YYYY H:mm:ss', result?.timezone), result?.timezone_locale || "")
                           }
                         </Text>
                       </View>
@@ -279,45 +301,25 @@ export default function m(props: EventDetail2Props): any {
                   {
                     result?.url_artist != "" &&
                     <TouchableOpacity onPress={() => {
-                      // LibNavigation.navigate('event/artist', { title: result?.title, url: result?.url_artist, has_addition: result?.has_addition })
                       LibNavigation.navigate('event/artist', {
                         title: result?.title,
                         url: result?.url_artist,
                         has_addition: result?.has_addition
                       })
-                    }} style={applyStyle({ width: (LibStyle.width - 30) * 0.5, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 16, backgroundColor: 'white', flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
+                    }} style={applyStyle({ width: (LibStyle.width - 30) * 0.5, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 5, backgroundColor: 'white', flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                       <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: LibStyle.colorGreen })} >{esp.lang("event/detail", "line_up")}</Text>
                     </TouchableOpacity>
                   }
                   <TouchableOpacity onPress={() => {
-                    EventIndexProperty.isLogin(async () => {
-                      if (isInPricingQueueConfig(result.id)) {
-                        await LibNavigation.navigateForResult('event/queue_pricing', { event_id: result?.id })
-                      }
-                      loadDataConfig(result?.url_config)
-                      return
-                      LibNavigation.navigate(
-                        user?.config?.tester == 1 ?
-                          'event/ticket_list2'
-                          :
-                          (result?.config?.hasOwnProperty('multiprice') && result?.config?.multiprice == 1 ? 'event/ticket_list2' : 'event/ticket_list'),
+                    esp.modProp("event/index").isLogin(async () => {
+                      LibNavigation.navigate('event/ticket_list_new',
                         {
-                          url: result.url_price,
-                          fee_platform: {
-                            fee_platform_amount: result?.fee_platform_amount,
-                            fee_platform_type: result?.fee_platform_type,
-                          },
-                          subscribed: {
-                            is_subscribed: result?.config?.is_subscribed,
-                            is_subscribed_default: result?.config?.is_subscribed_default,
-                            is_subscribed_label: result?.config?.is_subscribed_label
-                          },
-                          show_fee_percentage: result?.config?.show_fee_percentage,
+                          url: result?.url_price_v2,
                           is_multiprice: result?.config?.multiprice == 1 ? 1 : 0,
                         })
-                    })
 
-                  }} style={applyStyle({ width: result?.url_artist != "" ? (LibStyle.width - 30) * 0.5 : LibStyle.width - 20, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 16, backgroundColor: LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
+                    })
+                  }} style={applyStyle({ width: result?.url_artist != "" ? (LibStyle.width - 30) * 0.5 : LibStyle.width - 20, borderWidth: 2, borderColor: LibStyle.colorGreen, height: 40, borderRadius: 5, backgroundColor: LibStyle.colorGreen, flexDirection: 'row', alignItems: 'center', alignContent: 'center', justifyContent: 'center', paddingHorizontal: 9 })} >
                     <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: "#fff" })} >{esp.lang("event/detail", "text_buy_ticket")}</Text>
                   </TouchableOpacity>
                   <UseCondition if={priority} >

package/event/dialog_custom.tsx

@@ -0,0 +1,67 @@
+// withHooks
+
+import { EventCountdown_timestamp } from 'esoftplay/cache/event/countdown_timestamp/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { Pressable, Text, View } from 'react-native';
+
+
+export interface EventDialog_customArgs {
+
+}
+export interface EventDialog_customProps {
+  icon: any,
+  msg: string,
+  color: any
+  showCountdown?: boolean
+  onPressCancel: () => void,
+  onPressOK: () => void
+}
+
+export default function m(props: EventDialog_customProps): any {
+  const expTimestamp = Date.now() + 1000 * 60
+  const [timer] = useSafeState<number>(expTimestamp)
+  const [show, setShow] = useSafeState<boolean>(props?.showCountdown || false)
+
+  return (
+    <View style={{}}>
+      <View style={{ marginTop: 16, marginHorizontal: 10 }} >
+        <View style={{ alignItems: 'center', justifyContent: 'center' }} >
+          {props.icon && <View style={{ marginBottom: 30 }} ><LibIcon name={props.icon} size={70} color={props.color} /></View>}
+          {props.msg && <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", lineHeight: 19, letterSpacing: 0, textAlign: "center", color: "#4a4a4a" }}>{props.msg || ''}</Text>}
+        </View>
+      </View>
+      <View style={{ flexDirection: 'row', marginTop: 30, paddingHorizontal: 10 }} >
+        <Pressable onPress={props.onPressCancel} style={{ flex: 1, height: 40, alignItems: 'center', justifyContent: 'center' }} >
+          <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 15 }}>{esp.lang("event/randomseat", "back")}</Text>
+          {/* <LibTextstyle textStyle="body" text={esp.lang("event/randomseat", "back")} /> */}
+        </Pressable>
+        <Pressable onPress={() => {
+          if (!show) {
+            props?.onPressOK?.()
+            setShow(x => !x)
+          }
+        }} style={{ flex: 1, height: 40, backgroundColor: LibStyle.colorRed, opacity: show ? 0.8 : 1, borderRadius: 25, alignItems: 'center', justifyContent: 'center', flexDirection: "row" }} >
+          <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 15, color: '#fff' }}>{esp.lang("component/dialog_custom", "try_again")}</Text>
+
+          {
+            show &&
+            <>
+              <Text style={{ fontWeight: 'bold', fontSize: 15, color: '#fff' }}>{" ("}</Text>
+              <EventCountdown_timestamp
+                onExpired={() => {
+                  setShow(x => !x)
+                }}
+                expiredTimestamp={timer}
+                style={{ color: "#fff", fontWeight: 'bold' }} />
+              <Text style={{ fontWeight: 'bold', fontSize: 15, color: '#fff' }}>{")"}</Text>
+            </>
+          }
+        </Pressable>
+      </View>
+    </View>
+  )
+}

package/event/exchange_ticket_list.tsx

@@ -14,6 +14,7 @@ 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 { UseCondition } from 'esoftplay/cache/use/condition/import';
 import { UserClass } from 'esoftplay/cache/user/class/import';
@@ -55,6 +56,10 @@ export default function m(props: EventExchange_ticket_listProps): any {
     return 0
   }
 
+  function isEmptyObject(obj: any) {
+    return JSON.stringify(obj) === "{}";
+  }
+
   return (
     <View style={{ flex: 1, }}>
       <EventHeader title={esp.lang("event/exchange_ticket", "exchange_history")} />
@@ -156,20 +161,24 @@ export default function m(props: EventExchange_ticket_listProps): any {
       <EventButton
         style={{ margin: 10 }}
         label={esp.lang("event/tms_log", "btn_close")} onPress={() => {
-          LibDialog.confirm(esp.lang("event/tms_log", "send_title"), "Kirim laporan scan exchange tiket ke admin?", esp.lang("event/tms_log", "send_ok"), () => {
-            LibProgress.show("Loading..")
-            sendTm("#closing_exchange\n" + JSON.stringify({
-              domain: esp.config('domain'),
-              tms_name: UserClass.state().get('name'),
-              email: UserClass.state().get('email'),
-              event_name: EventTms_dashboardProperty.closingDataState()?.get()?.event_name,
-              data: EventExchange_ticketProperty.stateExchangeLog.get()
-            }, undefined, 2), '-1001737180019', undefined, () => {
-              EventExchange_ticketProperty.stateExchangeLog.reset()
-              LibProgress.hide()
-            })
-
-          }, esp.lang("event/tms_log", "send_no"), () => { })
+          if (isEmptyObject(log)) {
+            LibToastProperty.show(esp.lang("event/tms_log", "empty_data"))
+          } else {
+            LibDialog.confirm(esp.lang("event/tms_log", "send_title"), "Kirim laporan scan exchange tiket ke admin?", esp.lang("event/tms_log", "send_ok"), () => {
+              LibProgress.show("Loading..")
+              sendTm("#closing_exchange\n" + JSON.stringify({
+                domain: esp.config('domain'),
+                tms_name: UserClass.state().get('name'),
+                email: UserClass.state().get('email'),
+                event_name: EventTms_dashboardProperty.closingDataState()?.get()?.event_name,
+                data: EventExchange_ticketProperty.stateExchangeLog.get()
+              }, undefined, 2), '-1001737180019', undefined, () => {
+                EventExchange_ticketProperty.stateExchangeLog.reset()
+                LibProgress.hide()
+              })
+
+            }, esp.lang("event/tms_log", "send_no"), () => { })
+          }
 
         }} />
 

package/event/exchange_ticket_result.tsx

@@ -123,7 +123,7 @@ export default function m(props: EventExchange_ticket_resultProps): any {
                   <View style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center', padding: 5 }}>
                     <View style={{ flex: 1, }}>
                       <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode="tail" style={{ fontSize: 16, fontWeight: 'bold', color: "#000" }}>{item?.title} </Text>
-                      <Text allowFontScaling={false} style={{ fontSize: 18, marginTop: 4, letterSpacing: 1 }}>{item?.qty} Item</Text>
+                      <Text allowFontScaling={false} style={{ fontSize: 18, marginTop: 4, letterSpacing: 1 }}>{item?.list?.filter?.((x: any) => x?.is_exchanged == 0)?.length || 0} {esp.lang("event/exchange_ticket_result", "available")}</Text>
                     </View>
                     {
                       item?.list?.[0].is_exchanged == 0 &&

package/event/firebase_socket.ts

@@ -117,7 +117,7 @@ export default function useFirebaseSocket() {
       return
     }
 
-    if (userIdKeyReplacer.get()?.priority == 1) {
+    if (userIdKeyReplacer.get()?.priority == 1 && userIdKeyReplacer.get()?.t) {
       const coll = collection(db, [getEventPath(), path, event_id].join('/'));
       const q = query(coll, orderBy('t', 'asc'), where("t", "==", userIdKeyReplacer.get().t));
       getDocs(q).then((doc) => {
@@ -168,17 +168,19 @@ export default function useFirebaseSocket() {
   // get weather function
 
   function getQueue(path: string, event_id: string, _limit: number, cb: (idx: number, key: string) => void) {
-    const instance: any = esp.mod("firestore/index")().instance()
-    const db = getFirestore(instance)
-    const coll = collection(db, [getEventPath(), path, event_id].join('/'));
-    const q = query(coll, orderBy('s', 'asc'), where("s", "<", userIdKeyReplacer.get().s));
+    if (userIdKeyReplacer.get()?.s) {
+      const instance: any = esp.mod("firestore/index")().instance()
+      const db = getFirestore(instance)
+      const coll = collection(db, [getEventPath(), path, event_id].join('/'));
+      const q = query(coll, orderBy('s', 'asc'), where("s", "<", userIdKeyReplacer.get().s));
+      getCountFromServer(q).then((v) => {
+        cb(v.data().count, userIdKeyReplacer.get().id)
+      }).catch((e) => {
+        getQueue(path, event_id, _limit, cb)
+        console.log({ e })
+      })
+    }
 
-    getCountFromServer(q).then((v) => {
-      cb(v.data().count, userIdKeyReplacer.get().id)
-    }).catch((e) => {
-      getQueue(path, event_id, _limit, cb)
-      console.log({ e })
-    })
     // /* cleanup */
     // const cdate = getDateTimebyGmt7().getTime()
     // if (!cdate) {
@@ -227,7 +229,7 @@ export default function useFirebaseSocket() {
     }
   }
 
-  function isInPricingQueueConfig(event_id: string) {
+  function isInPricingQueueConfig(event_id: string): boolean {
     return eventQueueConfig.get(event_id) && eventQueueConfig.get(event_id).limit > 0
   }
 

package/event/htmltext.tsx

@@ -9,15 +9,11 @@ export interface EventHtmltextProps extends TextProps {
 export default function m({ style, children, ...props }: EventHtmltextProps): JSX.Element {
   const renderChildren = (child: ReactNode) => {
     if (typeof child === 'string') {
-      return parseHtmlText(child).map((part, index) => (
+      return parseRecursive(child).map((part, index) => (
         <Text key={index} style={[style, part.style]}>
-          {part.text}
+          {part.children}
         </Text>
       ));
-    } else if (React.isValidElement(child)) {
-      return React.cloneElement(child, {
-        style: [style, child.props.style], // Merge styles properly
-      });
     } else if (Array.isArray(child)) {
       return child.map((nestedChild, index) => (
         <React.Fragment key={index}>{renderChildren(nestedChild)}</React.Fragment>
@@ -29,32 +25,48 @@ export default function m({ style, children, ...props }: EventHtmltextProps): JS
   return <Text {...props}>{renderChildren(children)}</Text>;
 }
 
-const parseHtmlText = (htmlString: string) => {
-  const regex = /(<b>(.*?)<\/b>)|(<i>(.*?)<\/i>)|(<u>(.*?)<\/u>)|(<br\s*\/?>)/g;
-  let parts = [];
-  let lastIndex = 0;
+interface ParsedPart {
+  children: ReactNode;
+  style: TextStyle;
+}
 
-  htmlString.replace(regex, (match, bold, boldText, italic, italicText, underline, underlineText, br, index) => {
-    if (index > lastIndex) {
-      parts.push({ text: htmlString.substring(lastIndex, index), style: {} });
-    }
+const parseRecursive = (htmlString: string): ParsedPart[] => {
+  const regex = /<(b|i|u|span|br)(?:\s+style=["']color:\s*(.*?)["'])?\s*>(.*?)<\/\1>|<br\s*\/?>/i;
+  const match = htmlString.match(regex);
 
-    if (boldText) {
-      parts.push({ text: boldText, style: { fontWeight: 'bold' } });
-    } else if (italicText) {
-      parts.push({ text: italicText, style: { fontStyle: 'italic' } });
-    } else if (underlineText) {
-      parts.push({ text: underlineText, style: { textDecorationLine: 'underline' } });
-    } else if (br) {
-      parts.push({ text: '\n', style: {} });
-    }
+  if (!match) {
+    return [{ children: htmlString, style: {} }];
+  }
+
+  const parts: ParsedPart[] = [];
+  const [fullMatch, tag, color, content] = match;
+  const index = match.index!;
 
-    lastIndex = index + match.length;
-    return match;
-  });
+  if (index > 0) {
+    parts.push({ children: htmlString.substring(0, index), style: {} });
+  }
+  let currentStyle: TextStyle = {};
+  switch (tag?.toLowerCase()) {
+    case 'b': currentStyle.fontWeight = 'bold'; break;
+    case 'i': currentStyle.fontStyle = 'italic'; break;
+    case 'u': currentStyle.textDecorationLine = 'underline'; break;
+    case 'span': if (color) currentStyle.color = color.trim(); break;
+    case 'br':
+      parts.push({ children: '\n', style: {} });
+      break;
+  }
+
+  if (tag !== 'br' && content !== undefined) {
+    const nestedParts = parseRecursive(content).map(p => ({
+      ...p,
+      style: { ...currentStyle, ...p.style }
+    }));
+    parts.push(...nestedParts);
+  }
 
-  if (lastIndex < htmlString.length) {
-    parts.push({ text: htmlString.substring(lastIndex), style: {} });
+  const remaining = htmlString.substring(index + fullMatch.length);
+  if (remaining) {
+    parts.push(...parseRecursive(remaining));
   }
 
   return parts;

package/event/index.tsx

@@ -74,12 +74,18 @@ export function isLogin(isLogin: () => void, isLogout?: () => void): void {
 }
 
 const ticketState = useGlobalState<any>(undefined, { persistKey: 'bigbang_card_tiket_cache1', isUserData: true, inFile: true, loadOnInit: true })
-export const reload = useGlobalSubscriber()
-
 export function stateTicketCache(): useGlobalReturn<any> {
   return ticketState
 }
 
+const bookedAddons = useGlobalState<any>({}, { persistKey: 'event_detail_addons_booked2', isUserData: true, inFile: true, loadOnInit: true })
+export function stateBookedAddonsCache(): useGlobalReturn<any> {
+  return bookedAddons
+}
+
+export const reload = useGlobalSubscriber()
+
+
 const state = useGlobalState<any>(undefined, { persistKey: 'bigbang/event', inFile: true })
 
 export default function m(props: EventIndexProps): any {

package/event/label_input.tsx

@@ -5,7 +5,7 @@ import { Text, View } from 'react-native';
 
 
 export interface EventLabel_inputArgs {
-  
+
 }
 export interface EventLabel_inputProps {
   mandatory?: boolean,
@@ -16,7 +16,7 @@ export interface EventLabel_inputProps {
 export default function m(props: EventLabel_inputProps): any {
   return (
     <View style={{ flexDirection: 'row', marginTop: 16 }}>
-      <Text allowFontScaling={false} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.labelColor ? props.labelColor : "#9b9b9b", }}>{props.label}</Text>
+      <Text allowFontScaling={false} numberOfLines={1} style={{ fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.labelColor ? props.labelColor : "#9b9b9b", }}>{props.label}</Text>
       {props.mandatory && <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.mandatoryColor ? props.mandatoryColor : "#d0021b" }}> *</Text>}
     </View>
   )