esoftplay-event 0.0.1-v → 0.0.1-x

package/config.json

@@ -1,9 +1,9 @@
 {
   "fonts": {
-    "mono": "mono.ttf",
     "Arial": "Arial.ttf",
     "ArialBold": "ArialBold.ttf",
     "SFProText": "SFProText.ttf",
+    "mono": "mono.ttf",
     "MonoSpace": "MonoSpace.ttf",
     "DecoNumbers": "DecoNumbers.ttf",
     "digital": "digital.ttf"

package/event/order_detail.tsx

@@ -536,7 +536,7 @@ export default function m(props: EventOrder_detailProps): any {
 
         <UseCondition if={result?.is_luckydraw && result?.is_luckydraw == 2}>
           <View style={{ margin: 15, padding: 10, marginBottom: 0, justifyContent: 'center', alignContent: 'center', alignItems: 'center', borderRadius: 7, backgroundColor: LibStyle.colorBgGrey, paddingBottom: 10, ...LibStyle.elevation(3) }}>
-            <LibTextstyle textStyle='headline' text={esp.lang("event/order_detail", "already_join_lucky_draw")} style={{ color: '#c9c9c9', fontWeight: 'bold' }} />
+            <LibTextstyle textStyle='headline' text={result?.config_luckydraw != null ? esp.lang("event/order_detail", "already_follow") + result?.config_luckydraw?.title : esp.lang("event/order_detail", "already_join_lucky_draw")} style={{ color: '#c9c9c9', fontWeight: 'bold' }} />
           </View>
         </UseCondition>
 

package/event/order_lottery.tsx

@@ -15,6 +15,7 @@ import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import { useEffect } from 'react';
 
+import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import React from 'react';
 import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
@@ -97,7 +98,7 @@ export default function m(props: EventOrder_lotteryProps): any {
         <Pressable onPress={() => { }} style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center', paddingLeft: 50, marginLeft: 35, borderRadius: 5, padding: 10, backgroundColor: '#fff' }}>
           <View style={{ flex: 1, marginRight: 5, }}>
             <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode='tail' style={{ fontWeight: 'bold', fontSize: 16 }} >{item.title}</Text>
-            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ fontSize: 12, color: 'grey' }}>{item.description}</Text>
+            <EventHtmltext allowFontScaling={false} style={{ fontSize: 12, color: 'grey' }}>{item.description}</EventHtmltext>
 
             <View style={applyStyle({ marginTop: 10, alignSelf: 'flex-end', flexDirection: 'row', alignContent: 'center', alignItems: 'center' })}>
               <TouchableOpacity onPressIn={() => {

package/id.json

@@ -930,6 +930,7 @@
   "event/order_detail": {
     "Checked_within_10_minutes_after_payment_is_made": "Dicek dalam 10 menit setelah pembayaran dilakukan",
     "This_Event_Has_Changed_the_Event_Date_Please_Reschedule_or_Refund": "Event ini Mengalami Perubahan Tanggal Event, Silahkan Reschedule atau Melakukan Refund",
+    "already_follow": "Sudah mengikuti ",
     "already_join_lucky_draw": "Sudah mengikuti lucky draw",
     "back_err": "Oops",
     "back_to_homepage": "Kembali ke Halaman Utama",

package/package.json

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

package/event/countdown_animated.tsx

@@ -1,194 +0,0 @@
-// withHooks
-import esp from 'esoftplay/esp';
-import moment from 'esoftplay/moment';
-import useSafeState from 'esoftplay/state';
-import React, { useEffect, useRef } from 'react';
-import { Text, View } from 'react-native';
-import Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-
-
-export interface EventCountdown_animatedProps {
-  expired: string,
-  expiredText?: string,
-  style?: any,
-  containerStyle?: any,
-  onlyDay?: boolean,
-  onExpired?: () => void,
-  hideTimeUnit?: boolean
-}
-
-const fixSingleNumber = (number: number) => number < 10 ? '0' + number : number;
-
-type AnimatedDigitProps = {
-  value: number;
-  fontSize?: number;
-  hideIfZero?: boolean;
-  t?: number;
-};
-
-export function AnimatedDigit({
-  value,
-  fontSize = 32,
-  hideIfZero = false,
-  t = 400, // slightly longer for smoother motion
-}: AnimatedDigitProps) {
-  const translateY = useSharedValue(0);
-  const opacity = useSharedValue(1);
-  const animating = useSharedValue(false);
-
-  const [currentValue, setCurrentValue] = useSafeState(value);
-  const [nextValue, setNextValue] = useSafeState<number | null>(null);
-
-  useEffect(() => {
-    if (animating.value || value === currentValue) return;
-
-    animating.value = true;
-    runOnJS(setNextValue)(value);
-
-    // Prepare for transition
-    translateY.value = 0;
-    opacity.value = 1;
-
-    // Animate upward + fade blend for smooth rolling effect
-    translateY.value = withTiming(-fontSize, {
-      duration: t,
-      easing: Easing.out(Easing.cubic),
-    });
-
-    opacity.value = withTiming(0.3, {
-      duration: t * 0.8,
-      easing: Easing.out(Easing.quad),
-    });
-
-    // After animation completes
-    setTimeout(() => {
-      runOnJS(setCurrentValue)(value);
-      runOnJS(setNextValue)(null);
-
-      // Reset instantly below and fade back in smoothly
-      translateY.value = fontSize;
-      translateY.value = withTiming(0, {
-        duration: t * 0.8,
-        easing: Easing.out(Easing.cubic),
-      });
-      opacity.value = withTiming(1, {
-        duration: t * 0.9,
-        easing: Easing.out(Easing.cubic),
-      });
-
-      animating.value = false;
-    }, t);
-  }, [value]);
-
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{ translateY: translateY.value }],
-    opacity: opacity.value,
-  }));
-
-  return (
-    <View style={{ height: fontSize + 8, overflow: "hidden", justifyContent: "center" }} >
-      <Animated.View style={animatedStyle}>
-        {/* Current number */}
-        <Text allowFontScaling={false} style={{ fontSize, fontWeight: "bold", textAlign: "center" }}>{currentValue}</Text>
-        {/* Next number rolling from bottom */}
-        {nextValue !== null && (
-          <Text allowFontScaling={false} style={{ fontSize, fontWeight: "bold", textAlign: "center" }}>{nextValue}</Text>
-        )}
-      </Animated.View>
-    </View>
-  );
-}
-
-export default function m(props: EventCountdown_animatedProps): any {
-  const [timeLeft, setTimeLeft] = useSafeState<any>(null);
-  const timerRef = useRef<NodeJS.Timeout | null>(null);
-
-  useEffect(() => {
-    startCountdown();
-    return () => {
-      if (timerRef.current) clearTimeout(timerRef.current);
-    };
-  }, []);
-
-  function startCountdown() {
-    const loop = () => {
-      const diff = moment(props.expired).duration(moment().toDate());
-
-      if (diff <= 0) {
-        setTimeLeft(null);
-        props.onExpired?.();
-        return;
-      }
-
-      const duration = diff;
-      const newTime = {
-        days: Math.floor(duration.asDays().toString()),
-        hours: parseInt(duration.hours().toString()),
-        minutes: parseInt(duration.minutes().toString()),
-        seconds: parseInt(duration.seconds().toString())
-      };
-
-      setTimeLeft(newTime);
-      timerRef.current = setTimeout(loop, 1000);
-    };
-
-    loop();
-  }
-
-  if (!timeLeft) {
-    return (
-      <Text allowFontScaling={false} style={[props.style]}>
-        {props.expiredText || esp.lang("market/countdown", "expired")}
-      </Text>
-    );
-  }
-
-  const fontSize = props.style?.fontSize || 18;
-
-  const timeKeys = [
-    esp.lang("market/countdown", "day"),
-    esp.lang("market/countdown", "hour"),
-    esp.lang("market/countdown", "minutes"),
-    esp.lang("market/countdown", "second")
-  ];
-
-
-  const values: any = Object.values(timeLeft)
-
-  const renderNumber = (num: number, timeUnit: string, index?: number) => {
-    const str: string = String(fixSingleNumber(num));
-    const hide = index == 0 || index == 1
-
-    return (
-      <View style={{ flexDirection: 'row' }}>
-        {
-          str.length > 0 && [...str].map((d, i) => (
-            <AnimatedDigit key={i} value={Number(d)} fontSize={fontSize} hideIfZero={hide} style={props.style} />
-          ))
-        }
-        {
-          !props.hideTimeUnit && timeUnit && <Text allowFontScaling={false} style={[{ fontSize }, props.style]}> {timeUnit}</Text>
-        }
-      </View>
-    );
-  };
-
-  return (
-    <View style={[{ flexDirection: 'row', alignItems: 'center' }, props.containerStyle]}>
-      {props.onlyDay ? (
-        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-          {renderNumber(timeLeft.days, timeKeys[0])}
-        </View>
-      ) : (
-        <View style={{ flexDirection: 'row' }}>
-          {timeKeys.map((key, i) => (
-            <React.Fragment key={key}>
-              {renderNumber(values[i], timeKeys[i].charAt(0) + (i < 3 ? ' : ' : ''), i)}
-            </React.Fragment>
-          ))}
-        </View>
-      )}
-    </View>
-  );
-
-}