esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/lib/utils.ts

@@ -0,0 +1,365 @@
+// noPage
+// withObject
+
+//moveup for formatting currency with lang
+import { LibLocale } from 'esoftplay/cache/lib/locale/import';
+import esp from 'esoftplay/esp';
+import useGlobalState from 'esoftplay/global';
+import moment from "esoftplay/moment";
+import * as Application from 'expo-application';
+import * as Clipboard from 'expo-clipboard';
+import * as SecureStore from 'expo-secure-store';
+import { Linking, Platform, Share } from "react-native";
+import shorthash from "shorthash";
+const Buffer = require('buffer/').Buffer
+const isEqual = require("react-fast-compare");
+
+export interface LibUtilsDate {
+  year: string,
+  month: string,
+  date: string,
+}
+
+export type LibUtilsTravelMode = 'driving' | 'walking'
+let installationIdDefault
+const installationId = useGlobalState(installationIdDefault, { persistKey: 'deviceId', loadOnInit: true })
+const cache = useGlobalState<any>({ inDebounce: undefined })
+export default {
+  checkUndefined(obj: any, cursorsAsString: string): boolean {
+    var args = cursorsAsString.split('.')
+    for (var i = 0; i < args.length; i++) {
+      if (!obj || !obj.hasOwnProperty(args[i])) {
+        return false;
+      }
+      obj = obj[args[i]];
+    }
+    return true;
+  },
+  debounce(func: () => any, delay: number): void {
+    clearTimeout(cache.get()?.inDebounce)
+    cache.set({ ...cache.get(), inDebounce: setTimeout(() => func(), delay) })
+  },
+  decodeBase64(chipper: string): string {
+    return Buffer.from(chipper, 'base64').toString('ascii')
+  },
+  encodeBase64(plain: string): string {
+    return Buffer.from(plain, 'ascii').toString('base64')
+  },
+  qrGenerate(string: string, size?: number): string {
+    size = size || 20
+    return 'http://qrcode.kaywa.com/img.php?s=' + size + '&d=' + string
+  },
+  uniqueArray(array: any[]): any[] {
+    let cleanArray: any[] = []
+    array.forEach((item) => {
+      if (cleanArray.filter((ca) => isEqual(ca, item)).length == 0) {
+        cleanArray.push(item)
+      }
+    })
+    return cleanArray
+  },
+  getArgs(props: any, key: string, defOutput?: any): any {
+    if (defOutput == undefined) {
+      defOutput = "";
+    }
+    return props?.route?.params?.[key] || defOutput;
+  },
+  getArgsAll<S>(props: any, defOutput?: any): S {
+    if (defOutput == undefined) {
+      defOutput = "";
+    }
+    return props?.route?.params || defOutput;
+  },
+  objectToUrlParam(obj: any): string {
+    return Object.keys(obj).map((key, index) => {
+      let out = ''
+      out += index == 0 ? '?' : '&'
+      out += [key] + '=' + obj[key]
+      return out
+    }).join('')
+  },
+  moment(date?: string, locale?: any) {
+    if (locale) {
+      moment().locale(locale)
+    }
+    return moment(date)
+  },
+  getUrlParams(url: string): any {
+    let hashes = url.slice(url.indexOf('?') + 1).split('&')
+    let params = {}
+    hashes.map(hash => {
+      let [key, val] = hash.split('=')
+      params[key] = decodeURIComponent(val)
+    })
+    return params
+  },
+  getTimezoneByConfig(datetime?: Date | string): string {
+    let timezone = esp.config("timezone")
+    if (!datetime) {
+      datetime = new Date()
+    }
+    return moment(datetime).tz(timezone).format('YYYY-MM-DD HH:mm:ss')
+  },
+  getRatingValue(rating: string): number {
+    return rating?.split?.(',')?.map?.((item) => parseInt(item))?.reduce?.((acc, curr, index) => acc + (curr * (index + 1)))
+  },
+  getRatingCount(rating: string): number {
+    return rating?.split?.(',')?.map?.((item) => parseInt(item))?.reduce?.((acc, curr) => acc + curr)
+  },
+  getRating(rating: string, decimalPlaces?: number): string {
+    if (decimalPlaces == undefined) {
+      decimalPlaces = 1
+    }
+    return (this.getRatingValue(rating) / this.getRatingCount(rating))?.toFixed?.(decimalPlaces)
+  },
+  money(value: string | number, currency?: string): string {
+    if (!value) value = 0;
+
+    let numberValue = typeof value === "number" ? value : parseFloat(value);
+
+    // Dapatkan locale & tentukan currency
+    const locale = LibLocale.state().get();
+    if (!currency) {
+      currency = locale === "id" ? "Rp" : "IDR";
+    }
+
+    // Cek apakah IDR/Rp → format Indonesia
+    const isIDR = currency === "IDR" || currency === "Rp";
+
+    // Jika IDR, bulatkan angkanya
+    numberValue = isIDR ? Math.round(numberValue) : numberValue;
+
+    // Format dasar
+    const isInteger = Number.isInteger(numberValue);
+    let val = numberValue.toFixed(isIDR ? 0 : isInteger ? 0 : 2);
+
+    // Pisahkan jadi integer dan decimal
+    const parts = val.split(".");
+    let integerPart = parts[0];
+    const decimalPart = parts[1] || "";
+
+    // Format ribuan
+    integerPart = isIDR
+      ? integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ".") // ribuan titik
+      : integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ","); // ribuan koma
+
+    // Gabungkan dengan desimal sesuai format
+    val = decimalPart && !isIDR
+      ? `${integerPart}.${decimalPart}`
+      : integerPart;
+
+    return currency.replace(/\./g, "") + " " + val;
+  },
+  numberAbsolute(toNumber: string | number): number {
+    let _toNumber = typeof toNumber == 'string' ? Number(toNumber) : toNumber
+    return Math.abs(_toNumber || 0)
+  },
+  number(toNumber: string | number): string {
+    if (!toNumber) toNumber = '0'
+    var toNumb = typeof toNumber === "number" ? toNumber.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,") : parseInt(toNumber).toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,")
+    return String(toNumb).replace(/,/g, ".");
+  },
+  countDays(start: string | Date, end: string | Date): number {
+    var _start = start instanceof Date ? start.getTime() : new Date(start).getTime()
+    var _end = end instanceof Date ? end.getTime() : new Date(end).getTime()
+    var diff = Math.abs(_end - _start)
+    var oneDay = 1000 * 60 * 60 * 24
+    var day = Math.floor(diff / oneDay)
+    return day
+  },
+  getDateTimeSeconds(start: string | Date, end: string | Date): number {
+    var mStart = start instanceof Date ? start : moment(start).toDate()
+    var mEnd = end instanceof Date ? end : moment(end).toDate()
+    var stampStart = mStart.getTime()
+    var stampEnd = mEnd.getTime()
+    if (stampStart >= stampEnd) {
+      return 0
+    } else {
+      return Math.round((stampEnd - stampStart) / 1000)
+    }
+  },
+  ucwords(str: string): string {
+    return str?.replace?.(/\w\S*/g, function (txt) {
+      return txt?.charAt?.(0)?.toUpperCase?.() + txt?.substr?.(1)?.toLowerCase?.();
+    });
+  },
+  getCurrentDateTime(format?: string): string {
+    if (!format) {
+      format = "YYYY-MM-DD kk:mm:ss";
+    }
+    moment().locale(esp.langId());
+    return String(moment(new Date()).format(format))
+  },
+  getDateRange(start_date: string, end_date: string, separator?: string, format?: LibUtilsDate): string {
+    if (!separator) {
+      separator = ' - '
+    }
+    let _format: any = format || {}
+    if (!format) {
+      _format.year = ' YYYY'
+      _format.month = ' MMMM'
+      _format.date = 'DD'
+    }
+    let out = ''
+    if (start_date == end_date) {
+      out = moment(start_date).format(_format.date + _format.month + _format.year)
+    } else {
+      var ds = moment(start_date).toDate()
+      var de = moment(end_date).toDate()
+      if (ds.getFullYear() == de.getFullYear()) {
+        if (ds.getMonth() == de.getMonth()) {
+          out = moment(start_date).format(_format.date) + separator + moment(end_date).format(_format.date) + moment(start_date).format(_format.month + _format.year)
+        } else {
+          out = moment(start_date).format(_format.date + _format.month) + separator + moment(end_date).format(_format.date + _format.month) + moment(start_date).format(_format.year)
+        }
+      } else {
+        out = moment(start_date).format(_format.date + _format.month + _format.year) + separator + moment(end_date).format(_format.date + _format.month + _format.year)
+      }
+    }
+    return out
+  },
+  getDateAsFormat(input: string, format?: string): string {
+    if (!format) {
+      format = "dddd, DD MMMM YYYY";
+    }
+    moment().locale(esp.langId());
+    return moment(input).format(format)
+  },
+  telTo(number: string | number): void {
+    if (typeof number == "string")
+      number = number.match(/\d+/g)?.join('')
+    Linking.openURL("tel:" + number)
+  },
+  smsTo(number: string | number, message?: string): void {
+    if (typeof number == 'string')
+      number = number.match(/\d+/g)?.join('')
+    if (!message) {
+      message = "";
+    }
+    var sparator = Platform.OS == "ios" ? "&" : "?"
+    Linking.openURL("sms:" + number + sparator + "body=" + message)
+  },
+  mailTo(email: string, subject?: string, message?: string): void {
+    if (!subject) {
+      subject = "";
+    }
+    if (!message) {
+      message = "";
+    }
+    Linking.openURL("mailto:" + email + "?subject=" + subject + "&body=" + message)
+  },
+  waTo(number: string, message?: string): void {
+    number = number.match(/\d+/g)?.join('')
+    if (!message) {
+      message = "";
+    }
+    Linking.openURL("https://api.whatsapp.com/send?phone=" + number + "&text=" + encodeURI(message))
+  },
+  mapTo(title: string, latlong: string): void {
+    Linking.openURL("http://maps.google.com/maps?q=loc:" + latlong + "(" + title + ")")
+  },
+  isValidLatLong(latlong: string): boolean {
+    let _latlong: any = latlong
+    let valid = true
+    if (valid && !_latlong.includes(',')) {
+      valid = false
+    }
+    if (valid && Math.abs(_latlong.split(',')[0] * 1) > 90) {
+      valid = false
+    }
+    if (valid && Math.abs(_latlong.split(',')[1] * 1) > 180) {
+      valid = false
+    }
+    return valid
+  },
+  mapDirectionTo(latlongFrom: string, latlongTo: string, travelmode: LibUtilsTravelMode): void {
+    if (!this.isValidLatLong(latlongFrom)) {
+      return esp.modProp("lib/toast").show(esp.lang("lib/utils", "toas_latlongfrom"))
+    }
+    if (!this.isValidLatLong(latlongTo)) {
+      return esp.modProp("lib/toast").show(esp.lang("lib/utils", "toas_latlongto"))
+    }
+    Linking.openURL("https://www.google.com/maps/dir/?api=1&travelmode="
+      + travelmode
+      + "&dir_action=navigate&destination="
+      + encodeURI(latlongTo)
+      + "&origin="
+      + encodeURI(latlongFrom))
+  },
+  copyToClipboard(string: string): Promise<any> {
+    return new Promise((r) => {
+      Clipboard.setStringAsync(string)
+      r(true)
+    })
+  },
+  colorAdjust(hex: string, lum: number): string {
+    hex = hex.replace(/[^0-9a-f]/gi, "");
+    if (hex.length < 6) {
+      hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+    }
+    lum = lum || 0;
+    var rgb = "#", c, i;
+    for (i = 0; i < 3; i++) {
+      c = parseInt(hex.substr(i * 2, 2), 16);
+      c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16);
+      rgb += ("00" + c).substr(c.length);
+    }
+    return rgb;
+  },
+  escapeRegExp(str: string): string {
+    return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+  },
+  hexToRgba(hex: string, alpha: number): string {
+    var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    hex = hex.replace(shorthandRegex, (m, r, g, b) => { return r + r + g + g + b + b; });
+    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    if (result)
+      return "rgba(" + parseInt(result[1], 16) + "," + parseInt(result[2], 16) + "," + parseInt(result[3], 16) + "," + alpha + ")"
+    return hex
+  },
+  shorten(string: string): string {
+    return shorthash.unique(string)
+  },
+  share(url: string, message?: string): void {
+    Share.share({
+      message: url + (message ? ('\n' + message) : "")
+    });
+  },
+  getInstallationID(): Promise<string> {
+    return new Promise(async (resolve, reject) => {
+      let out = installationId.get()
+      if (!out) {
+        if (Platform.OS == "android")
+          resolve(String(Application.androidId || Application.getAndroidId()))
+        if (Platform.OS == "ios") {
+          let code = await SecureStore.getItemAsync('installationId');
+          if (!code) {
+            code = ('xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+              var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
+              return v.toString(16);
+            }))
+          }
+          installationId.set(code);
+          SecureStore.setItemAsync('installationId', String(code));
+          resolve(code);
+        }
+      }
+      resolve(out)
+    })
+  },
+  sprintf(string: string, ...stringToBe: any[]): string {
+    function spf(string: string, index: number) {
+      if (stringToBe[index] != undefined) {
+        string = string.replace("%s", stringToBe[index])
+        if (string.includes("%s")) {
+          return spf(string, index + 1)
+        }
+      }
+      return string
+    }
+    if (string.includes("%s")) {
+      string = spf(string, 0)
+    }
+    return string
+  }
+}

package/modules/lib/version.tsx

@@ -0,0 +1,87 @@
+
+import { LibComponent } from 'esoftplay/cache/lib/component/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 { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibUpdaterProperty } from 'esoftplay/cache/lib/updater/import';
+import esp from 'esoftplay/esp';
+import * as Application from 'expo-application';
+
+import React from 'react';
+import { BackHandler, ImageBackground, Linking, Platform, TouchableOpacity } from 'react-native';
+export interface LibVersionProps {
+
+}
+export interface LibVersionState {
+
+}
+
+export default class m extends LibComponent<LibVersionProps, LibVersionState> {
+
+  static appVersion(): string {
+    let version: any = Application.nativeBuildVersion
+    return version
+  }
+
+  static showDialog(title: string, message: string, link: string, onOk: (link: string) => void, onCancel: () => void): void {
+    LibDialog.confirm(title, message, 'Update', () => onOk(link), 'Nanti', onCancel)
+  }
+
+  static closeApp(): void {
+    if (Platform.OS == 'ios') {
+      // Updates.reload()
+    } else {
+      BackHandler.exitApp()
+    }
+  }
+
+  static toStore(link: string): void {
+    Linking.openURL(link)
+  }
+
+  static onDone(res: any, msg: string): void {
+    const { title, version, android, ios, version_publish } = res
+    const link = Platform.OS == 'ios' ? ios : android
+
+    function isAvailableNewVersion(newVersion: string): boolean {
+      let oldVersion = m.appVersion()
+      return newVersion > oldVersion
+    }
+
+    if (isAvailableNewVersion(version) && !__DEV__) {
+      Linking.openURL(link)
+      LibNavigation.backToRoot()
+      LibNavigation.replace("lib/version", { res, msg: msg == 'success' ? 'Update to a new version now' : msg })
+    } else {
+      const currentVersion = esp.config('publish_id')
+      if (currentVersion < version_publish && !__DEV__) {
+        LibUpdaterProperty.check((isNew) => { if (isNew) LibUpdaterProperty.install() })
+        LibNavigation.reset("lib/version_view")
+      }
+    }
+  }
+
+  static check(): void {
+    new LibCurl("public_version", null, m.onDone)
+  }
+
+  render(): any {
+    const { res: { title, version, android, ios }, msg } = LibNavigation.getArgsAll<any>(this.props)
+    const link = Platform.OS == 'ios' ? ios : android
+    return (
+      <ImageBackground source={esp.assets("splash.png")} blurRadius={100} style={{ flex: 1, justifyContent: 'center', alignItems: 'center', borderStartColor: 'white', paddingHorizontal: 17 }} >
+        <LibIcon.SimpleLineIcons name="info" size={60} />
+        <LibTextstyle textStyle="headline" text={title || 'A new version is available'} style={{ textAlign: 'center', marginTop: 10 }} />
+        <LibTextstyle textStyle="callout" text={msg} style={{ textAlign: 'center', marginTop: 10, color: '#333' }} />
+        <TouchableOpacity
+          onPress={() => { Linking.openURL(link) }}
+          style={{ marginTop: 20, borderRadius: 10, paddingHorizontal: 17, paddingVertical: 10, backgroundColor: LibStyle.colorPrimary }} >
+          <LibTextstyle textStyle="body" text={esp.lang("lib/version", "btn_update")} />
+        </TouchableOpacity>
+      </ImageBackground>
+    )
+  }
+}

package/modules/lib/version_view.tsx

@@ -0,0 +1,26 @@
+// withHooks
+
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import esp from 'esoftplay/esp';
+import React from 'react';
+import { ActivityIndicator, ImageBackground, View } from 'react-native';
+
+export interface LibVersion_viewArgs {
+
+}
+export interface LibVersion_viewProps {
+
+}
+export default function m(props: LibVersion_viewProps): any {
+
+  return (
+    <ImageBackground source={esp.assets('splash.png')} style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }} >
+      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }} >
+        <LibTextstyle style={{ textAlign: 'center' }} textStyle='headline' text={esp.lang("lib/version_view", "msg")} />
+      </View>
+      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }} >
+        <ActivityIndicator size={'large'} />
+      </View>
+    </ImageBackground>
+  )
+}

package/modules/lib/video.tsx

@@ -0,0 +1,44 @@
+// withHooks
+
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import WebView from 'react-native-webview';
+
+export interface LibVideoProps {
+  code: string
+}
+
+export function getUrlThumbnail(code: string): string {
+  return 'https://img.youtube.com/vi/' + code + '/sddefault.jpg'
+}
+
+export default function m(props: LibVideoProps): any {
+  const code = LibNavigation.getArgs(props, 'code', props.code)
+  return (
+    <View style={{ flex: 1, backgroundColor: '#000', paddingTop: LibStyle.STATUSBAR_HEIGHT }} >
+      <LibStatusbar style="dark" />
+      <TouchableOpacity style={{ padding: 16 }} onPress={() => LibNavigation.back()} >
+        <LibIcon name="close" size={24} color="white" />
+      </TouchableOpacity>
+      <View style={{ flex: 1, justifyContent: 'center' }} >
+        {
+          code && code != '' ?
+            <View style={{ height: LibStyle.width * 9 / 16 }} >
+              <WebView
+                style={{ height: LibStyle.width * 9 / 16, width: LibStyle.width }}
+                source={{ uri: "https://www.youtube.com/embed/" + code + "?rel=0&autoplay=1&showinfo=0&controls=1&modestbranding=1" }}
+              />
+            </View>
+            :
+            <Text style={{ fontSize: 20, color: 'white', textAlign: 'center' }} >{esp.lang("lib/video", "not_available")}</Text>
+        }
+      </View>
+    </View>
+  )
+}

package/modules/lib/webview.tsx

@@ -0,0 +1,172 @@
+/*  */
+// noPage
+import { LibComponent } from 'esoftplay/cache/lib/component/import';
+import esp from 'esoftplay/esp';
+import React from "react";
+import { Animated, Dimensions, Linking, Platform } from "react-native";
+import { WebView } from 'react-native-webview';
+let { width } = Dimensions.get("window");
+
+//modify webview error:  https://github.com/facebook/react-native/issues/10865
+//ini nanti kalo yang di master sudah di fix, bisa di hapus
+
+export interface LibWebviewSourceProps {
+  uri?: string,
+  html?: string
+}
+
+export interface LibWebviewProps {
+  defaultHeight?: number,
+  source: LibWebviewSourceProps,
+  needAnimate?: boolean,
+  AnimationDuration?: number,
+  needAutoResetHeight?: boolean,
+  maxWidth?: number,
+  onMessage?: any,
+  bounces?: any,
+  onLoadEnd?: any,
+  style?: any,
+  scrollEnabled?: any,
+  automaticallyAdjustContentInsets?: any,
+  scalesPageToFit?: any,
+  onFinishLoad: () => void
+}
+
+export interface LibWebviewState {
+  height: number | undefined,
+  source: any,
+  isFinish: boolean
+}
+
+class ewebview extends LibComponent<LibWebviewProps, LibWebviewState> {
+  props: LibWebviewProps
+  state: LibWebviewState
+  _animatedValue: any;
+  webview: any;
+  heightMessage: any;
+
+  static defaultProps = {
+    needAnimate: true,
+    AnimationDuration: 500,
+    defaultHeight: 100,
+    needAutoResetHeight: true
+  };
+
+  constructor(props: LibWebviewProps) {
+    const config = esp.config();
+
+    super(props);
+    this.props = props
+    this.state = {
+      height: props.defaultHeight,
+      isFinish: false,
+      source: props.source && props.source.hasOwnProperty("html") ? { html: config.webviewOpen + props.source.html + config.webviewClose } : props.source,
+    };
+    this._animatedValue = new Animated.Value(1);
+    this.gotoShow = this.gotoShow.bind(this)
+    this.webview = React.createRef()
+    this.getMessageFromWebView = this.getMessageFromWebView.bind(this)
+    this.resetHeight = this.resetHeight.bind(this)
+    this.resetSmallHeight = this.resetSmallHeight.bind(this)
+  }
+
+  static getDerivedStateFromProps(nextProps, prevState) {
+    const config = esp.config();
+    return { source: nextProps.source && nextProps.source.hasOwnProperty("html") ? { html: config.webviewOpen + nextProps.source.html + config.webviewClose } : nextProps.source }
+  }
+
+  gotoShow(): void {
+    if (this.props.needAnimate) this._animatedValue.setValue(0);
+    Animated.timing(this._animatedValue, {
+      toValue: 1,
+      duration: this.props.AnimationDuration,
+      useNativeDriver: true
+    }).start();
+  }
+
+  getMessageFromWebView(event: any): void {
+    let message = event.nativeEvent.data;
+    const wbHeight = message.split('-')[1]
+    const wbWidth = message.split('-')[0]
+    let height = wbHeight
+    if (this.props.maxWidth) {
+      height = this.props.maxWidth * wbHeight / wbWidth
+      if (Platform.OS == 'ios')
+        height = height - 50
+    }
+    if (this.heightMessage === undefined || this.heightMessage === null || this.heightMessage === "") {
+      this.heightMessage = height;
+      if (this.props.needAutoResetHeight) {
+        this.resetHeight();
+      }
+    }
+    if (this.props.onMessage !== undefined) {
+      this.props.onMessage(event);
+    }
+  }
+
+  resetHeight(): void {
+    if (this.heightMessage === undefined || this.heightMessage === null || this.heightMessage === "") {
+      return;
+    }
+    let message = this.heightMessage;
+    let height = message;
+    this.setState({
+      height: (parseInt(height) + 50)
+    });
+    this.gotoShow();
+  }
+
+  resetSmallHeight(): void {
+    this.setState({
+      height: this.props.defaultHeight
+    });
+    this.gotoShow();
+  }
+
+  render(): any {
+    let { bounces, onLoadEnd, style, scrollEnabled, automaticallyAdjustContentInsets, scalesPageToFit, onMessage, ...otherprops } = this.props;
+    return (
+      <Animated.View style={{ height: this.state.height, overflow: "hidden" }}>
+        <WebView
+          {...otherprops}
+          cacheEnabled={false}
+          ref={(e: any) => this.webview = e}
+          source={this.state.source}
+          bounces={bounces !== undefined ? bounces : true}
+          javaScriptEnabled
+          // androidHardwareAccelerationDisabled={true}
+          onNavigationStateChange={(event) => {
+            if (this.state.isFinish) {
+              this.webview.stopLoading();
+              Linking.openURL(event.url);
+            }
+          }}
+          onShouldStartLoadWithRequest={(request: any) => {
+            if (request?.url !== "about:blank") {
+              Linking.openURL(request.url)
+              return false
+            } else return true
+          }}
+          injectedJavaScript={'window.ReactNativeWebView.postMessage(document.body.scrollWidth+"-"+document.body.scrollHeight)'}
+          onLoadEnd={() => {
+            if (this.props.onFinishLoad !== undefined)
+              setTimeout(() => {
+                this.setState({ isFinish: true })
+                this.props.onFinishLoad()
+              }, 1000)
+          }}
+          style={[{ width: width, height: this.state.height }, style !== undefined ? style : {}]}
+          scrollEnabled={scrollEnabled !== undefined ? scrollEnabled : false}
+          automaticallyAdjustContentInsets={automaticallyAdjustContentInsets !== undefined ? automaticallyAdjustContentInsets : true}
+          scalesPageToFit={scalesPageToFit !== undefined ? scalesPageToFit : true}
+          onMessage={this.getMessageFromWebView.bind(this)}>
+        </WebView>
+      </Animated.View>
+    );
+  }
+}
+
+export default ewebview;
+
+