esoftplay-event 0.0.2-x → 0.0.2-y

package/event/additional_new.tsx

@@ -1,8 +1,8 @@
 // withHooks
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
 import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDatepicker } from 'esoftplay/cache/lib/datepicker/import';
@@ -453,7 +453,7 @@ export default function m(props: EventAdditional_newProps): any {
                       {
                         form?.error &&
                         <>
-                          <ComponentMessage message={form?.message || "Gagal memuat data"}
+                          <EventMessage message={form?.message || "Gagal memuat data"}
                             children={
                               <EventButton label='Coba lagi' onPress={() => {
                                 setReload(reload + 1)()

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/loading_page.tsx

@@ -1,6 +1,6 @@
 // withHooks
 
-import { ComponentDialog_custom } from 'esoftplay/cache/component/dialog_custom/import';
+import { EventDialog_custom } from 'esoftplay/cache/event/dialog_custom/import';
 import { EventDistribution_lock } from 'esoftplay/cache/event/distribution_lock/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventPayment_subscribeProperty } from 'esoftplay/cache/event/payment_subscribe/import';
@@ -120,7 +120,7 @@ export default function m(props: EventLoading_pageProps): any {
       // )
     } else if (error?.status_code == "PY0254") {
       LibDialog.custom(
-        <ComponentDialog_custom
+        <EventDialog_custom
           showCountdown
           icon={"close-circle"}
           color={LibStyle.colorRed}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay-event",
-  "version": "0.0.2-x",
+  "version": "0.0.2-y",
   "description": "event module on esoftplay framework",
   "main": "index.js",
   "scripts": {