@fadyshawky/react-native-magic 2.2.1 → 2.3.0

package/template/src/common/helpers/inAppReviewHelper.ts

@@ -1,30 +0,0 @@
-import InAppReview from 'react-native-in-app-review';
-
-export function showInAppReview(
-  successAction?: () => void,
-  failAction?: (error: Error) => void,
-  onReviewNotAvailable?: () => void,
-) {
-  if (InAppReview.isAvailable()) {
-    InAppReview.RequestInAppReview()
-      .then(hasFlowFinishedSuccessfully => {
-        // for Android:
-        // The flow has finished. The API does not indicate whether the user
-        // reviewed or not, or even whether the review dialog was shown. Thus, no
-        // matter the result, we continue our app flow.
-
-        // for iOS
-        // the flow launched successfully, The API does not indicate whether the user
-        // reviewed or not, or he/she closed flow yet as Android, Thus, no
-        // matter the result, we continue our app flow.
-        if (hasFlowFinishedSuccessfully) {
-          successAction?.();
-        }
-      })
-      .catch(error => {
-        failAction?.(error);
-      });
-  } else {
-    onReviewNotAvailable?.();
-  }
-}

package/template/src/common/helpers/orientationHelpers.ts

@@ -1,25 +0,0 @@
-import Orientation, {OrientationType} from 'react-native-orientation-locker';
-import {isTablet} from '../../core/theme/commonConsts';
-
-export function getCurrentOrientation(forceOnPhone?: boolean): OrientationType {
-  if (isTablet || forceOnPhone) {
-    let result = Orientation.getInitialOrientation();
-    Orientation.getOrientation(orientation => {
-      if (orientation != null) {
-        result = orientation;
-      }
-    });
-
-    return result;
-  } else {
-    return 'PORTRAIT' as OrientationType;
-  }
-}
-
-export function setDefaultOrientation(): void {
-  if (isTablet) {
-    Orientation.unlockAllOrientations();
-  } else {
-    Orientation.lockToPortrait();
-  }
-}

package/template/src/common/helpers/shareHelpers.ts

@@ -1,47 +0,0 @@
-import {Linking} from 'react-native';
-import Share, {ShareOptions} from 'react-native-share';
-import {isAndroid, isIos} from '../../core/theme/commonConsts';
-import {
-  ShareOpenResult,
-  ShareSingleOptions,
-  ShareSingleResult,
-} from 'react-native-share/lib/typescript/src/types';
-
-export async function showShareDialog(
-  options: ShareOptions,
-  completedCallback?: (result: ShareOpenResult) => void,
-  errorCallback?: (error: Error | unknown) => void,
-) {
-  try {
-    const result = await Share.open(options);
-    completedCallback?.(result);
-  } catch (error: Error | unknown) {
-    errorCallback?.(error);
-  }
-}
-
-export async function showShareSocialDialog(
-  options: ShareSingleOptions,
-  completedCallback?: (result: ShareSingleResult) => void,
-  errorCallback?: (error: Error | unknown) => void,
-) {
-  try {
-    const result = await Share.shareSingle(options);
-    completedCallback?.(result);
-  } catch (error: Error | unknown) {
-    errorCallback?.(error);
-  }
-}
-
-export async function isPackageInstalled(
-  androidPackageName?: string,
-  iosUrl?: string,
-): Promise<boolean> {
-  if (isAndroid && androidPackageName) {
-    return (await Share.isPackageInstalled(androidPackageName)).isInstalled;
-  } else if (isIos && iosUrl) {
-    return Linking.canOpenURL(iosUrl);
-  } else {
-    throw new Error('No arguments were given or the platform is not supported');
-  }
-}

package/template/src/common/utils/FeesCaalculation.tsx

@@ -1,37 +0,0 @@
-import {
-  Service,
-  TierEntity,
-  Percent1,
-} from '../../core/store/Services/servicesState';
-
-export function initFees(service: Service, amount: string) {
-  let fee = 0;
-  if (service?.Fees) {
-    for (const f of service.Fees) {
-      if (f.AcctType && f.AcctType !== 'SDA') continue;
-      fee = fee + calculateFees(Number(amount), f.Tier as TierEntity[]);
-    }
-  }
-  return fee;
-}
-
-export function calculateFees(amount: number, tiers: TierEntity[]) {
-  if (!tiers || !amount || amount < 0) return 0;
-
-  const tier = tiers.find(t => amount >= t.LowerAmt && amount <= t.UpperAmt);
-
-  if (!tier) return 0;
-
-  const fixed = tier.FixedAmt?.Amt || 0;
-  const percent = tier.Percent?.Value ? tier.Percent.Value / 100 : 0;
-  const minPercentFee = (tier.Percent as Percent1)?.MinAmt || 0;
-  const maxPercentFee = tier.Percent?.MaxAmt || 0;
-  const calculatedPercentFee = Number((percent * amount).toFixed(2));
-
-  const percentFee = Math.min(
-    Math.max(calculatedPercentFee, minPercentFee),
-    maxPercentFee,
-  );
-
-  return fixed + percentFee;
-}

package/template/src/common/utils/printData.tsx

@@ -1,161 +0,0 @@
-import moment from 'moment';
-import {Service} from '../../core/store/Services/servicesState';
-import {ServiceProvider} from '../../core/store/Providers/providersState';
-
-const localization = {
-  serialNumber: 'الرقم التسلسلي',
-  serviceName: 'اسم الخدمة',
-  providerName: 'اسم المقدم',
-  customerNumber: 'رقم العميل',
-  value: 'القيمة',
-  serviceCost: 'تكلفة الخدمة',
-  operationNumber: 'رقم العملية',
-  referenceNumber: 'الرقم المرجعي',
-  time: 'الوقت',
-  total: 'الإجمالي',
-  expiryDate: 'تاريخ الانتهاء',
-  dueDate: 'الموعد المستحق',
-  issueDate: 'تاريخ الإصدار',
-  quantity: 'الكمية',
-  vatValue: 'القسيمة',
-};
-
-export const makePrintData = ({
-  service,
-  BillingAcct,
-  provider,
-  billInfo,
-  amuont,
-  fees,
-  quantity,
-  vatValue,
-}: {
-  service: Service;
-  BillingAcct: string;
-  provider: ServiceProvider;
-  billInfo: any;
-  amuont: string;
-  fees: number;
-  quantity: string;
-  vatValue: string;
-}) => {
-  let newData = [];
-  newData.push({
-    value: 'logo',
-    type: 'image',
-  });
-
-  newData.push({
-    value: service?.Name,
-    type: 'header2',
-  });
-  if (billInfo?.BillLabel) {
-    newData.push({
-      value: billInfo?.BillLabel,
-      type: 'header2',
-    });
-  }
-  newData.push({
-    value: provider?.BillerName,
-    type: 'header2',
-  });
-
-  if (BillingAcct) {
-    newData.push({
-      value: BillingAcct,
-      type: 'body',
-      label: localization['customerNumber'],
-    });
-  }
-  // response?.PmtInfo?.ExtraBillingAcctKeys?.ExtraBillingAcctKey?.forEach(
-  // 	(item: any) => {
-  // 		newData.push({
-  // 			value: item.Value,
-  // 			type: 'extra_description'
-  // 		});
-  // 	}
-  // );
-
-  if (!!vatValue) {
-    newData.push({
-      value: `${vatValue}`,
-      label: localization['vatValue'],
-      type: 'body',
-    });
-  }
-  if (quantity) {
-    newData.push({
-      value: `${quantity}`,
-      label: localization['quantity'],
-      type: 'body',
-    });
-  }
-  newData.push({
-    value: `${amuont} EGP`,
-    label: localization['value'],
-    type: 'body',
-  });
-
-  if (fees?.toString() !== '0') {
-    newData.push({
-      value: `${fees?.toString()} EGP`,
-      label: localization['serviceCost'],
-      type: 'body',
-    });
-  }
-  newData.push({
-    value: moment().format('YYYY-MM-DD HH:mm'),
-    label: localization['time'],
-    type: 'body',
-  });
-
-  newData.push({
-    value: quantity
-      ? `${(Number(quantity) * (Number(amuont) + Number(fees)))?.toFixed(
-          2,
-        )} EGP`
-      : `${(Number(amuont) + Number(fees))?.toString()} EGP`,
-    label: localization['total'],
-    type: 'body_title',
-  });
-
-  if (billInfo?.DueDt) {
-    newData.push({
-      value: billInfo?.DueDt,
-      type: 'body',
-      label: localization['dueDate'],
-    });
-  }
-
-  if (billInfo?.IssueDt) {
-    newData.push({
-      value: billInfo?.IssueDt,
-      type: 'body',
-      label: localization['issueDate'],
-    });
-  }
-
-  if (billInfo?.ExtraBillInfo) {
-    newData.push({
-      value: billInfo?.ExtraBillInfo,
-      type: 'description',
-      label: '',
-    });
-  }
-
-  if (!!service?.meta?.note) {
-    newData.push({
-      value: service?.meta?.note,
-      type: 'description',
-    });
-  }
-
-  if (!!service?.meta?.explain) {
-    newData.push({
-      value: service?.meta?.explain,
-      type: 'description',
-    });
-  }
-
-  return newData;
-};

package/template/src/common/validations/examples/TextInputWithValidation.tsx

@@ -1,229 +0,0 @@
-import React, {useState} from 'react';
-import {View, TextInput, Text, StyleSheet} from 'react-native';
-import {
-  regexValidation,
-  patterns,
-  ValidationResult,
-  requiredValidation,
-  runValidations,
-} from '../regexValidator';
-
-interface TextInputWithValidationProps {
-  label: string;
-  placeholder?: string;
-  value: string;
-  onChangeText: (text: string) => void;
-  secureTextEntry?: boolean;
-  validationType?:
-    | 'email'
-    | 'password'
-    | 'phone'
-    | 'name'
-    | 'username'
-    | 'numeric'
-    | 'price'
-    | 'custom';
-  customRegex?: RegExp;
-  customErrorMessage?: string;
-  required?: boolean;
-  minLength?: number;
-}
-
-/**
- * A reusable text input component with built-in validation
- */
-const TextInputWithValidation: React.FC<TextInputWithValidationProps> = ({
-  label,
-  placeholder,
-  value,
-  onChangeText,
-  secureTextEntry = false,
-  validationType = 'custom',
-  customRegex,
-  customErrorMessage,
-  required = false,
-  minLength,
-}) => {
-  const [touched, setTouched] = useState(false);
-  const [validationResult, setValidationResult] = useState<ValidationResult>({
-    isValid: true,
-    message: '',
-  });
-
-  // Get the appropriate regex based on validation type
-  const getRegexForType = (): RegExp => {
-    switch (validationType) {
-      case 'email':
-        return patterns.EMAIL;
-      case 'password':
-        return patterns.PASSWORD;
-      case 'phone':
-        return patterns.PHONE;
-      case 'name':
-        return patterns.NAME;
-      case 'username':
-        return patterns.USERNAME;
-      case 'numeric':
-        return patterns.NUMERIC;
-      case 'price':
-        return patterns.PRICE;
-      case 'custom':
-        return customRegex || /^.*$/; // Allow anything if no custom regex
-      default:
-        return /^.*$/;
-    }
-  };
-
-  // Get the default error message based on validation type
-  const getDefaultErrorMessage = (): string => {
-    switch (validationType) {
-      case 'email':
-        return 'Please enter a valid email address';
-      case 'password':
-        return 'Password must be at least 8 characters with uppercase, lowercase, and number';
-      case 'phone':
-        return 'Please enter a valid phone number';
-      case 'name':
-        return 'Please enter a valid name';
-      case 'username':
-        return 'Username must be 3-20 characters (letters, numbers, underscores)';
-      case 'numeric':
-        return 'Please enter numbers only';
-      case 'price':
-        return 'Please enter a valid price (e.g., 10.99)';
-      default:
-        return customErrorMessage || 'Invalid input';
-    }
-  };
-
-  // Validate the input when it loses focus
-  const handleBlur = () => {
-    setTouched(true);
-
-    // Build validations array
-    const validations = [];
-
-    // Add required validation if needed
-    if (required) {
-      validations.push((val: string) =>
-        requiredValidation(val, 'This field is required'),
-      );
-    }
-
-    // Add pattern validation if it's not empty
-    validations.push((val: string) => {
-      // Skip empty validation if not required
-      if (!required && (!val || val.trim() === '')) {
-        return {isValid: true, message: ''};
-      }
-      return regexValidation(val, getRegexForType(), getDefaultErrorMessage());
-    });
-
-    // Run all validations
-    const result = runValidations(value, validations);
-    setValidationResult(result);
-  };
-
-  return (
-    <View style={styles.container}>
-      <Text style={styles.label}>{label}</Text>
-      <TextInput
-        style={[
-          styles.input,
-          touched && !validationResult.isValid && styles.inputError,
-        ]}
-        placeholder={placeholder}
-        value={value}
-        onChangeText={onChangeText}
-        onBlur={handleBlur}
-        secureTextEntry={secureTextEntry}
-      />
-      {touched && !validationResult.isValid && (
-        <Text style={styles.errorText}>{validationResult.message}</Text>
-      )}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    marginBottom: 16,
-  },
-  label: {
-    fontSize: 16,
-    marginBottom: 8,
-    fontWeight: '500',
-  },
-  input: {
-    borderWidth: 1,
-    borderColor: '#ccc',
-    borderRadius: 4,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    fontSize: 16,
-  },
-  inputError: {
-    borderColor: '#ff3b30',
-  },
-  errorText: {
-    color: '#ff3b30',
-    fontSize: 14,
-    marginTop: 4,
-  },
-});
-
-export default TextInputWithValidation;
-
-// Usage Example:
-/*
-import { TextInputWithValidation } from 'src/common/validations/examples';
-
-const MyForm = () => {
-  const [email, setEmail] = useState('');
-  const [password, setPassword] = useState('');
-  const [phone, setPhone] = useState('');
-  const [customField, setCustomField] = useState('');
-
-  return (
-    <View>
-      <TextInputWithValidation
-        label="Email"
-        placeholder="Enter your email"
-        value={email}
-        onChangeText={setEmail}
-        validationType="email"
-        required
-      />
-      
-      <TextInputWithValidation
-        label="Password"
-        placeholder="Enter your password"
-        value={password}
-        onChangeText={setPassword}
-        validationType="password"
-        required
-        secureTextEntry
-      />
-      
-      <TextInputWithValidation
-        label="Phone Number"
-        placeholder="Enter your phone number"
-        value={phone}
-        onChangeText={setPhone}
-        validationType="phone"
-      />
-      
-      <TextInputWithValidation
-        label="Product ID"
-        placeholder="Enter product ID"
-        value={customField}
-        onChangeText={setCustomField}
-        validationType="custom"
-        customRegex={/^PRD-[0-9]{6}$/}
-        customErrorMessage="Product ID must be in format PRD-123456"
-        required
-      />
-    </View>
-  );
-};
-*/