fln-espranza 0.0.42 → 0.0.44

package/components/EOption.tsx

@@ -1,98 +1,98 @@
-import React, { useState } from "react";
-import {
-  TouchableOpacity,
-  View,
-  TouchableOpacityProps,
-  Dimensions,
-  Image,
-} from "react-native";
-import tw from "../../../lib/tailwind";
-import EText from "./EText";
-import { Colors } from "../utils/Color";
-
-const ImageWidth = Dimensions.get("window").width / 2 - 18;
-const ContentWidth = Dimensions.get("window").width - 32;
-const ImageHeight = 140;
-const MediaContainerStyle = "rounded-md overflow-hidden";
-
-interface RadioButtonProps extends TouchableOpacityProps {
-  text?: string;
-  isActive: boolean;
-  imageSource?: string;
-  optionLabel: string;
-  onPress?: () => void;
-}
-const EOption = ({
-  isActive,
-  text,
-  imageSource,
-  optionLabel,
-  onPress,
-  ...props
-}: RadioButtonProps) => {
-  return (
-    <TouchableOpacity
-      style={[
-        tw`flex flex-row justify-start items-center mt-2 px-4 py-3 border rounded-lg ${
-          imageSource ? "flex-col p-0 items-start" : ""
-        }`,
-        {
-          borderColor: isActive ? Colors["secondary-base"] : Colors.border,
-          backgroundColor: isActive ? Colors["secondary-light"] : Colors.white,
-          width: imageSource ? ImageWidth - 10 : ContentWidth,
-        },
-      ]}
-      onPress={() => {
-        onPress && onPress();
-      }}
-      activeOpacity={0.7}
-      {...props}
-    >
-      {imageSource ? (
-        <View
-          style={[
-            tw`${MediaContainerStyle}`,
-            {
-              height: ImageHeight - 20,
-              width: ImageWidth - 12,
-              backgroundColor: Colors.white
-            },
-          ]}
-        >
-          <View
-            style={[
-              tw`h-8 w-8 bg-slate-300 rounded-full justify-center items-center m-2 absolute z-10`,
-            ]}
-          >
-          <EText size={"base"} style={tw`font-normal`}>
-            {optionLabel}
-          </EText>
-          </View>
-          <Image
-            style={[
-              tw`w-full mt-4`,
-              {
-                opacity: isActive ? 0.5 : 1,
-              },
-              {height: ImageHeight - 40}
-            ]}
-            source={{uri: imageSource}}
-            resizeMode="contain"
-          />
-        </View>
-      )
-            : <></>
-    }
-      {text ? (
-        <EText
-          size={"base"}
-          style={tw`font-normal ${imageSource ? "py-2 px-4" : ""}`}
-        >
-          {text}
-        </EText>
-      ) : null}
-    </TouchableOpacity>
-  ); 
-};
-
-export default EOption;
+import React, { useState } from "react";
+import {
+  TouchableOpacity,
+  View,
+  TouchableOpacityProps,
+  Dimensions,
+  Image,
+} from "react-native";
+import tw from "../../../lib/tailwind";
+import EText from "./EText";
+import { Colors } from "../utils/Color";
+
+const ImageWidth = Dimensions.get("window").width / 2 - 18;
+const ContentWidth = Dimensions.get("window").width - 32;
+const ImageHeight = 140;
+const MediaContainerStyle = "rounded-md overflow-hidden";
+
+interface RadioButtonProps extends TouchableOpacityProps {
+  text?: string;
+  isActive: boolean;
+  imageSource?: string;
+  optionLabel: string;
+  onPress?: () => void;
+}
+const EOption = ({
+  isActive,
+  text,
+  imageSource,
+  optionLabel,
+  onPress,
+  ...props
+}: RadioButtonProps) => {
+  return (
+    <TouchableOpacity
+      style={[
+        tw`flex flex-row justify-start items-center mt-2 px-4 py-3 border rounded-lg ${
+          imageSource ? "flex-col p-0 items-start" : ""
+        }`,
+        {
+          borderColor: isActive ? Colors["secondary-base"] : Colors.border,
+          backgroundColor: isActive ? Colors["secondary-light"] : Colors.white,
+          width: imageSource ? ImageWidth - 10 : ContentWidth,
+        },
+      ]}
+      onPress={() => {
+        onPress && onPress();
+      }}
+      activeOpacity={0.7}
+      {...props}
+    >
+      {imageSource ? (
+        <View
+          style={[
+            tw`${MediaContainerStyle}`,
+            {
+              height: ImageHeight - 20,
+              width: ImageWidth - 12,
+              backgroundColor: Colors.white
+            },
+          ]}
+        >
+          <View
+            style={[
+              tw`h-8 w-8 bg-slate-300 rounded-full justify-center items-center m-2 absolute z-10`,
+            ]}
+          >
+          <EText size={"base"} style={tw`font-normal`}>
+            {optionLabel}
+          </EText>
+          </View>
+          <Image
+            style={[
+              tw`w-full mt-4`,
+              {
+                opacity: isActive ? 0.5 : 1,
+              },
+              {height: ImageHeight - 40}
+            ]}
+            source={{uri: imageSource}}
+            resizeMode="contain"
+          />
+        </View>
+      )
+            : <></>
+    }
+      {text ? (
+        <EText
+          size={"base"}
+          style={tw`font-normal ${imageSource ? "py-2 px-4" : ""}`}
+        >
+          {text}
+        </EText>
+      ) : null}
+    </TouchableOpacity>
+  ); 
+};
+
+export default EOption;

package/components/EOtpInputBox.tsx

@@ -1,49 +1,49 @@
-import { View, Image, TextInput, TextInputProps } from "react-native";
-import React, { useState } from "react";
-import EText from "./EText";
-import tw from "../lib/tailwind";
-import { AtSymbolIcon } from "react-native-heroicons/outline";
-import { Colors } from "../utils/Color";
-
-interface EInputProps extends TextInputProps {
-  label?: string;
-  icon?:string;
-  val?: string;
-  setVal?: any;
-  maxLength?: number;
-  reff?: any;
-}
-
-export default function EOtpInput({label, icon,val,setVal, maxLength, reff, ...props }:EInputProps) {
-  const [hasFocus, setHasFocus] = useState(false);
-  return (
-    <View>
-      <EText size="sm" style={tw`font-bold opacity-50`}>
-        {label}
-      </EText>
-      <View
-        style={tw`bg-[${Colors["primary-light"]}] h-12 rounded-lg px-4 flex-row items-center border border-blue-100 ${
-          hasFocus ? `border-black bg-white shadow-lg shadow-blue-400` : ""
-        }`}
-      >
-        {icon ? <Image
-          source={icon}
-          style={[
-            tw`mr-2 opacity-40 ${hasFocus ? "opacity-100 tint-blue-700" : ""}`,
-            { width: 24, height: 24 },
-          ]}
-        /> : null}
-        <TextInput
-          {...props}
-          style={[tw`flex-1 text-base`, { lineHeight: 20 }]}
-          onFocus={() => setHasFocus(!hasFocus)}
-          onBlur={() => setHasFocus(!hasFocus)}
-          placeholderTextColor={"#AEB3BC"}
-          onChangeText={(val) => setVal(val)}
-          maxLength={maxLength} 
-          ref={reff}
-        />
-      </View>
-    </View>
-  );
-}
+import { View, Image, TextInput, TextInputProps } from "react-native";
+import React, { useState } from "react";
+import EText from "./EText";
+import tw from "../lib/tailwind";
+import { AtSymbolIcon } from "react-native-heroicons/outline";
+import { Colors } from "../utils/Color";
+
+interface EInputProps extends TextInputProps {
+  label?: string;
+  icon?:string;
+  val?: string;
+  setVal?: any;
+  maxLength?: number;
+  reff?: any;
+}
+
+export default function EOtpInput({label, icon,val,setVal, maxLength, reff, ...props }:EInputProps) {
+  const [hasFocus, setHasFocus] = useState(false);
+  return (
+    <View>
+      <EText size="sm" style={tw`font-bold opacity-50`}>
+        {label}
+      </EText>
+      <View
+        style={tw`bg-[${Colors["primary-light"]}] h-12 rounded-lg px-4 flex-row items-center border border-blue-100 ${
+          hasFocus ? `border-black bg-white shadow-lg shadow-blue-400` : ""
+        }`}
+      >
+        {icon ? <Image
+          source={icon}
+          style={[
+            tw`mr-2 opacity-40 ${hasFocus ? "opacity-100 tint-blue-700" : ""}`,
+            { width: 24, height: 24 },
+          ]}
+        /> : null}
+        <TextInput
+          {...props}
+          style={[tw`flex-1 text-base`, { lineHeight: 20 }]}
+          onFocus={() => setHasFocus(!hasFocus)}
+          onBlur={() => setHasFocus(!hasFocus)}
+          placeholderTextColor={"#AEB3BC"}
+          onChangeText={(val) => setVal(val)}
+          maxLength={maxLength} 
+          ref={reff}
+        />
+      </View>
+    </View>
+  );
+}

package/components/EPageDescription.tsx

@@ -1,19 +1,19 @@
-import React from 'react'
-import tw from '../lib/tailwind'
-import { Colors } from '../utils/Color';
-import EText from './EText';
-
-interface IProps{
-    text: string;
-}
-
-export default function EPageDescription({text}: IProps) {
-  return (
-    <EText
-        size='sm'
-        style={[tw`font-normal`, {color: Colors['text-body']}]}
-    >
-        {text}
-    </EText>
-  )
-}
+import React from 'react'
+import tw from '../lib/tailwind'
+import { Colors } from '../utils/Color';
+import EText from './EText';
+
+interface IProps{
+    text: string;
+}
+
+export default function EPageDescription({text}: IProps) {
+  return (
+    <EText
+        size='sm'
+        style={[tw`font-normal`, {color: Colors['text-body']}]}
+    >
+        {text}
+    </EText>
+  )
+}

package/components/EPillButton.tsx

@@ -1,33 +1,33 @@
-import React from "react";
-import { TouchableOpacity, View } from "react-native";
-import tw from "../lib/tailwind";
-import { Colors } from "../utils/Color";
-import EText from "./EText";
-
-interface IProps {
-  title: string;
-  active?: boolean;
-  onPress?: () => void;
-}
-
-export default function EPillButton({ title, active, onPress }: IProps) {
-  return (
-    <TouchableOpacity
-      style={[
-        tw`px-4 py-3 mr-2 border rounded-lg border-slate-300`,
-        {
-          backgroundColor: active ? Colors["secondary-base"] : "transparent",
-          borderColor: active ? Colors["secondary-base"] : Colors["border"],
-        },
-      ]}
-      onPress={onPress}
-    >
-      <EText
-        size={"base"}
-        style={tw`font-normal ${active ? "text-white" : "text-slate-500"}`}
-      >
-        {title}
-      </EText>
-    </TouchableOpacity>
-  );
-}
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+import tw from "../lib/tailwind";
+import { Colors } from "../utils/Color";
+import EText from "./EText";
+
+interface IProps {
+  title: string;
+  active?: boolean;
+  onPress?: () => void;
+}
+
+export default function EPillButton({ title, active, onPress }: IProps) {
+  return (
+    <TouchableOpacity
+      style={[
+        tw`px-4 py-3 mr-2 border rounded-lg border-slate-300`,
+        {
+          backgroundColor: active ? Colors["secondary-base"] : "transparent",
+          borderColor: active ? Colors["secondary-base"] : Colors["border"],
+        },
+      ]}
+      onPress={onPress}
+    >
+      <EText
+        size={"base"}
+        style={tw`font-normal ${active ? "text-white" : "text-slate-500"}`}
+      >
+        {title}
+      </EText>
+    </TouchableOpacity>
+  );
+}

package/components/EProfile.tsx

@@ -1,62 +1,58 @@
-import React from "react";
-import { View } from "react-native";
-import tw from "../lib/tailwind";
-import { Colors } from "../utils/Color";
-import Avatar from "./Avatar";
-import EText from "./EText";
-
-interface IProps {
-  name: string;
-  subjectName?: string;
-  border?: boolean;
-  children?: JSX.Element;
-  titleSize: string;
-  subTitleSize: string;
-}
-
-export default function EProfile({
-  name,
-  subjectName,
-  border,
-  children,
-  titleSize,
-  subTitleSize,
-}: IProps) {
-  return (
-    <View
-      style={[
-        tw`flex-row items-center justify-between py-3 ${
-          border ? "border-b" : ""
-        }`,
-        { borderBottomColor: Colors.border },
-      ]}
-    >
-      <View style={tw`flex-row items-center`}>
-        <Avatar
-          size="sm"
-          source={""}
-          nameFirstLetter={name.split(" ")[0].charAt(0)}
-        />
-        <View style={tw`ml-3`}>
-          <EText
-            style={[
-              tw`font-bold text-slate-800 mb-0.5 capitalize ${titleSize}`,
-              { color: Colors["text-primary"] },
-            ]}
-          >
-            {name}
-          </EText>
-          {subjectName ? (
-            <EText
-              size="sm"
-              style={[tw` ${subTitleSize}`, { color: Colors["text-body"] }]}
-            >
-              {subjectName}
-            </EText>
-          ) : null}
-        </View>
-      </View>
-      {children ? <>{children}</> : null}
-    </View>
-  );
-}
+import React from "react";
+import { View } from "react-native";
+import tw from "../lib/tailwind";
+import { Colors } from "../utils/Color";
+import Avatar from "./Avatar";
+import EText from "./EText";
+
+interface IProps {
+  name: string;
+  subjectName?: string;
+  border?: boolean;
+  children?: JSX.Element;
+}
+
+export default function EProfile({
+  name,
+  subjectName,
+  border,
+  children,
+}: IProps) {
+  return (
+    <View
+      style={[
+        tw`flex-row items-center justify-between py-3 ${
+          border ? "border-b" : ""
+        }`,
+        { borderBottomColor: Colors.border },
+      ]}
+    >
+      <View style={tw`flex-row items-center`}>
+        <Avatar
+          size="sm"
+          source={""}
+          nameFirstLetter={name.split(" ")[0].charAt(0)}
+        />
+        <View style={tw`ml-3`}>
+          <EText
+            style={[
+              tw`font-bold text-slate-800 mb-0.5 capitalize`,
+              { color: Colors["text-primary"] },
+            ]}
+          >
+            {name}
+          </EText>
+          {subjectName ? (
+            <EText
+              size="sm"
+              style={[tw` `, { color: Colors["text-body"] }]}
+            >
+              {subjectName}
+            </EText>
+          ) : null}
+        </View>
+      </View>
+      {children ? <>{children}</> : null}
+    </View>
+  );
+}