digikhata-mashreq-sdk 1.0.0 → 1.1.0

package/src/app/themes/config.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import {
-    Platform,
-    Dimensions,
-    useWindowDimensions,
-    Image,
-    I18nManager,
+  Platform,
+  Dimensions,
+  useWindowDimensions,
+  Image,
+  I18nManager,
 } from 'react-native';
 import {
-    widthPercentageToDP,
-    heightPercentageToDP,
+  widthPercentageToDP,
+  heightPercentageToDP,
 } from 'react-native-responsive-screen';
 import AntDesign from 'react-native-vector-icons/AntDesign';
 import Entypo from 'react-native-vector-icons/Entypo';
@@ -27,75 +27,251 @@ export const MOBILE_HEIGHT = Dimensions.get('window').height;
 
 //COLORS USED IN APPLICATION
 export const COLORS = {
-    primaryColor: '#FF5F00',
-    textColor: '#333333',
-    backgroundColor: '#F2F2F2',
-    primaryRGB: 'rgba(90,44,102,',
-    secondaryColor: '#FCBF11',
-    territoryColor: '#9D4DB3',
-    primaryColor2: '#9E2654',
-    secondaryColor2: '#BC2E65',
-    territoryColor2: '#D34D80',
-    lightGrey: '#F1F1F1',
-    darkGrey: '#9B9B9B',
-    grey: '#cccccc',
-    gray: 'rgb(211,211,211)',
-    blackColor: '#000',
-    whiteColor: '#ffffff',
-    borderColor: '#E7E7E7',
-    redColor: '#E6344A',
-    greenColor: '#21CE99',
-    yellowColor: '#FEA503',
-    circle1: '#9e2654',
-    circle2: '#a83c65',
-    circle3: '#b15176',
-    circle4: '#bb6787',
-    circle5: '#c57d98',
-    primary_circle1: '#5a2c66',
-    primary_circle2: '#6b4175',
-    primary_circle3: '#7b5685',
-    primary_circle4: '#8c6b94',
-    dark_orange: '#D28C64',
-    primaryGreen: '#6BC9B9',
-    primaryRed: '#E71E25',
-    primaryOrange: '#F36B10',
-    primaryYellow: '#FCD100',
-    dark_golden: '#b58146',
+  primaryColor: '#E74424',
+  textColor: '#333333',
+  backgroundColor: '#F2F2F2',
+  primaryRGB: 'rgba(90,44,102,',
+  primaryBase: '#fff1e8',
+  secondaryColor: '#ff6b20',
+  territoryColor: '#9D4DB3',
+  primaryColor2: '#9E2654',
+  secondaryColor2: '#BC2E65',
+  territoryColor2: '#D34D80',
+  lightGrey: '#F1F1F1',
+  darkGrey: '#7c7c7c',
+  grey: '#ada9a3',
+  gray: '#ada9a3',
+  lightGray: '#ada9a3',
+  blackColor: '#4c4c4c',
+  whiteColor: '#ffffff',
+  borderColor: '#E7E7E7',
+  redColor: '#AC0B11',
+  lightRedColor: '#ffe5e5',
+  greenColor: '#127C22',
+  lightGreenColor: '#E6F9EC',
+  yellowColor: '#F0AA3B',
+  brightYellow: '#fcbe12',
+  sunnyOrange: '#f59c1c',
+  circle1: '#9e2654',
+  circle2: '#a83c65',
+  circle3: '#b15176',
+  circle4: '#bb6787',
+  circle5: '#c57d98',
+  primary_circle1: '#5a2c66',
+  primary_circle2: '#6b4175',
+  primary_circle3: '#7b5685',
+  primary_circle4: '#8c6b94',
+  dark_orange: '#D28C64',
+  primaryGreen: '#6BC9B9',
+  primaryRed: '#E71E25',
+  primaryOrange: '#F36B10',
+  primaryYellow: '#FCD100',
+  dark_golden: '#b58146',
+  light_golden: '#FDB35E',
+  iconBG: '#f2f2f2',
+  gradient_red:'#ff0008ff',
+  gradient_green:'#33b246ff'
 };
 
 // export const mainLogo = require("../assets/images/maiLogo.png");
 // export const mainLogoBlack = require("../assets/images/mianLogoBlack.png");
 
-export const FONT_NORMAL = "29LTBukra-Regular";
-export const FONT_MEDIUM = "29LTBukra-Medium";
-export const FONT_BOLD = "29LTBukra-Bold";
+export const FONT_NORMAL = 'Roboto-Regular';
+export const FONT_MEDIUM = 'Roboto-Medium';
+export const FONT_BOLD = 'Roboto-Bold';
 
+// 📝 Typography sizes for your mobile app
 export const TEXT_SIZES = {
-    h1: 7,
-    h2: 6,
-    h3: 5,
-    info_1: 4,
-    info_2: 3.5,
+  // Headlines
+  HEADLINE_1: 28, // Main screen titles / hero headers
+  HEADLINE_2: 24, // Section titles
+  HEADLINE_3: 20, // Subheadings / card titles
+  Top_Bar_Heading: 20,
+  Normal_Heading: 16,
+  Bottom_Sheet_Heading: 18,
+
+  // Body & secondary text
+  BODY: 15, // Main body copy
+  SECONDARY_BODY: 13, // Supporting / secondary text
+  DISCLAIMER: 11, // Legal text, footnotes
+
+  // Buttons
+  BUTTON_TEXT: 16, // Primary buttons
+  FLOATING_BUTTON_TEXT: 14, // Floating buttons / smaller labels
+
+  // Captions / labels
+  CAPTION: 12, // Field labels, helper text,
+
+  BORDER_RADIUS: 15,
+  BUTTON_HEIGHT: 50,
+  CARD_AMOUNT:15,
+  TRANSACTION_AMOUNT:14,
+  TABLE_LABELS:13,
+};
+
+export const Button_Text_SIZES = {
+  Button_Text: 14,
+};
+
+export const Input_Field_SIZES = {
+  Input_Field: 60,
+  Input_Height: 64,
+  Input_Font_Size: 15,
+};
+
+// 🎨 Icon sizes for your mobile app
+export const ICON_SIZES = {
+  NAVIGATION: 24, // Toolbar / navigation icons
+  INLINE: 18, // Inline with body text
+  ACTION: 28, // CTA icons / action buttons
+  FAB_ICON: 24, // Icon inside floating action button
+  HERO: 56, // Large hero / splash icons
 };
 
 export const EXPENSE_COLORS = [
-    'tomato',
-    'orange',
-    '#FF7F50',
-    'gold',
-    'yellow',
-    '#90EE90',
-    'green',
-    '#A84420',
-    '#FFC600',
-    '#FE5000',
-    '#12B347',
-    '#E8A20C',
-    '#E6A467',
+  'tomato',
+  'orange',
+  '#FF7F50',
+  'gold',
+  'yellow',
+  '#90EE90',
+  'green',
+  '#A84420',
+  '#FFC600',
+  '#FE5000',
+  '#12B347',
+  '#E8A20C',
+  '#E6A467',
 ];
 
 //MONTHS
 export const MONTHS = [
+  'Jan',
+  'Feb',
+  'Mar',
+  'Apr',
+  'May',
+  'Jun',
+  'Jul',
+  'Aug',
+  'Sep',
+  'Oct',
+  'Nov',
+  'Dec',
+];
+
+export const DAYS = [
+  { value: 'Sunday', label: 'Sunday' },
+  { value: 'Monday', label: 'Monday' },
+  { value: 'Tuesday', label: 'Tuesday' },
+  { value: 'Wednesday', label: 'Wednesday' },
+  { value: 'Thursday', label: 'Thursday' },
+  { value: 'Friday', label: 'Friday' },
+  { value: 'Saturday', label: 'Saturday' },
+];
+
+export function getAvatar(name) {
+  if (!name) return '';
+
+  const words = name.trim().split(' ');
+
+  if (words.length === 1) {
+    return words[0][0].toUpperCase();
+  } else {
+    return (words[0][0] + ' ' + words[1][0]).toUpperCase();
+  }
+}
+
+export function formatDateTime(dateTimeStr) {
+  const inputDate = new Date(dateTimeStr?.replace(' ', 'T')); // Convert to ISO format
+  const now = new Date();
+
+  const isToday = inputDate.toDateString() === now.toDateString();
+
+  const yesterday = new Date();
+  yesterday.setDate(now.getDate() - 1);
+  const isYesterday = inputDate.toDateString() === yesterday.toDateString();
+
+  const optionsTime = { hour: '2-digit', minute: '2-digit', hour12: true };
+  const formattedTime = inputDate.toLocaleTimeString('en-US', optionsTime);
+
+  if (isToday) return `Today • ${formattedTime}`;
+  if (isYesterday) return `Yesterday • ${formattedTime}`;
+
+  const optionsDate = {
+    weekday: 'short',
+    day: '2-digit',
+    month: 'short',
+    year: '2-digit',
+  };
+  const formattedDate = inputDate.toLocaleDateString('en-US', optionsDate);
+
+  return `${formattedDate} • ${formattedTime}`;
+}
+
+export function mergeDateTime(dateObj) {
+  const date = new Date(dateObj.date);
+  const time = new Date(dateObj.time);
+
+  // Merge date part from `date` and time part from `time`
+  date.setHours(time.getHours(), time.getMinutes(), time.getSeconds());
+
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+}
+
+export const isPdfFile = (uri) => {
+  if (!uri) return false;
+
+  const lowerUri = uri.toLowerCase();
+
+  // If ends with .pdf
+  if (lowerUri.endsWith('.pdf')) return true;
+
+  // If no extension in the path
+  const filename = lowerUri.split('/').pop(); // get last part after /
+  return !filename.includes('.'); // true if no "." in filename
+};
+
+export const formatPhoneNumber = (phoneNumber) => {
+  if (!phoneNumber) return '';
+
+  // Remove spaces and hyphens first
+  let cleaned = phoneNumber.replace(/[-\s]/g, '');
+
+  // If starts with + (country code) → leave as is
+  if (cleaned.startsWith('+')) {
+    return cleaned;
+  }
+
+  // If starts with 0 → replace with +92 (Pakistan)
+  if (cleaned.startsWith('0')) {
+    cleaned = '+92' + cleaned.slice(1);
+  }
+
+  return cleaned;
+};
+
+export const formatShortDate = (dateString) => {
+  // Create a Date object from the string
+  const date = new Date(dateString);
+
+  // Get day, month and 2-digit year
+  const day = date.getDate(); // 1–31
+  const month = date.toLocaleString('en-GB', { month: 'short' }); // Jan–Dec
+  const year = date.getFullYear().toString().slice(-2); // last two digits of year
+
+  return `${day} ${month} ${year}`; // e.g. 21 Sep 25
+};
+
+export function formatMyDate(dateTimeString) {
+  const months = [
     'Jan',
     'Feb',
     'Mar',
@@ -108,78 +284,219 @@ export const MONTHS = [
     'Oct',
     'Nov',
     'Dec',
-];
+  ];
 
-export const DAYS = [
-    { value: 'Sunday', label: 'Sunday' },
-    { value: 'Monday', label: 'Monday' },
-    { value: 'Tuesday', label: 'Tuesday' },
-    { value: 'Wednesday', label: 'Wednesday' },
-    { value: 'Thursday', label: 'Thursday' },
-    { value: 'Friday', label: 'Friday' },
-    { value: 'Saturday', label: 'Saturday' },
-];
+  // Make sure to parse date correctly
+  const date = new Date(dateTimeString.replace(' ', 'T')); // safer for iOS too
 
-export function getAvatar(name) {
-    if (!name) return "";
+  const day = date.getDate();
+  const month = months[date.getMonth()];
+  const year = date.getFullYear();
 
-    const words = name.trim().split(" ");
+  return `${day} ${month} ${year}`;
+}
 
-    if (words.length === 1) {
-        return words[0][0].toUpperCase();
-    } else {
-        return (words[0][0] + " " + words[1][0]).toUpperCase();
-    }
+export function toISOStringUTC(dateTimeString) {
+  // Replace space with 'T' to make it ISO-compatible
+  const isoLike = dateTimeString.replace(' ', 'T');
+
+  // Create Date object (local time interpreted)
+  const date = new Date(isoLike);
+
+  // Convert to proper UTC ISO string
+  return date.toISOString();
 }
 
-export function formatDateTime(dateTimeStr) {
-    const inputDate = new Date(dateTimeStr.replace(" ", "T")); // Convert to ISO format
-    const now = new Date();
+export function fromJsDateToSql(dateTimeString) {
+  const date = new Date(dateTimeString);
+  const time = new Date(dateTimeString);
 
-    const isToday = inputDate.toDateString() === now.toDateString();
+  // Merge date part from `date` and time part from `time`
+  date.setHours(time.getHours(), time.getMinutes(), time.getSeconds());
 
-    const yesterday = new Date();
-    yesterday.setDate(now.getDate() - 1);
-    const isYesterday = inputDate.toDateString() === yesterday.toDateString();
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
 
-    const optionsTime = { hour: '2-digit', minute: '2-digit', hour12: true };
-    const formattedTime = inputDate.toLocaleTimeString('en-US', optionsTime);
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+}
+
+export function addCommas(number) {
+  return number.toLocaleString('en-US');
+}
 
-    if (isToday) return `Today • ${formattedTime}`;
-    if (isYesterday) return `Yesterday • ${formattedTime}`;
+export function formatDateTimeShort(dateTimeStr) {
+  // Ensure string is ISO-compatible
+  const inputDate = new Date(dateTimeStr?.replace(' ', 'T'));
 
-    const optionsDate = { weekday: 'short', day: '2-digit', month: 'short', year: '2-digit' };
-    const formattedDate = inputDate.toLocaleDateString('en-US', optionsDate);
+  // Date options (Fri, 19 Sep 25)
+  const optionsDate = {
+    weekday: 'short', // Fri
+    day: '2-digit', // 19
+    month: 'short', // Sep
+    year: '2-digit', // 25
+  };
+  const formattedDate = inputDate.toLocaleDateString('en-US', optionsDate);
 
-    return `${formattedDate} • ${formattedTime}`;
+  // Time options (12:00 AM)
+  const optionsTime = {
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: true,
+  };
+  const formattedTime = inputDate.toLocaleTimeString('en-US', optionsTime);
+
+  return `${formattedDate} • ${formattedTime}`;
 }
 
-export function mergeDateTime(dateObj) {
-    const date = new Date(dateObj.date);
-    const time = new Date(dateObj.time);
+function toDateOnly(ms) {
+  const d = new Date(ms);
+  d.setHours(0, 0, 0, 0);
+  return d;
+}
 
-    // Merge date part from `date` and time part from `time`
-    date.setHours(time.getHours(), time.getMinutes(), time.getSeconds());
+export function calculatePendingInstallments(installments, nowMs = Date.now()) {
+  const nowDate = toDateOnly(nowMs);
+  const day = 24 * 60 * 60 * 1000;
 
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const day = String(date.getDate()).padStart(2, "0");
-    const hours = String(date.getHours()).padStart(2, "0");
-    const minutes = String(date.getMinutes()).padStart(2, "0");
-    const seconds = String(date.getSeconds()).padStart(2, "0");
+  return installments.map((item) => {
+    if (Number(item?.active) !== 1) {
+      return { ...item, pendingInstallments: 0 };
+    }
+
+    // Define interval by payment mode
+    let interval;
+    switch ((item.payment_mode || '').toLowerCase()) {
+      case 'daily':
+        interval = 1;
+        break;
+      case 'weekly':
+        interval = 7;
+        break;
+      case 'monthly':
+        interval = 30;
+        break;
+      default:
+        interval = 1;
+    }
+
+    const startDate = toDateOnly(item.start_date);
+    const lastEntryDate = item.last_entry_date ? toDateOnly(item.last_entry_date) : null;
+
+    // if current date < start_date → no installments yet
+    if (nowDate < startDate) {
+      return { ...item, pendingInstallments: 0 };
+    }
+
+    // Convert both dates to days since epoch (no time comparison)
+    const daysSinceStart = Math.floor((nowDate - startDate) / day);
+    const daysSinceLastEntry = lastEntryDate ? Math.floor((lastEntryDate - startDate) / day) : -1;
 
-    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    // how many installments should’ve happened till today
+    const shouldHaveOccurred = Math.floor(daysSinceStart / interval) + 1;
+
+    // how many have been processed
+    const processedCount = daysSinceLastEntry >= 0 ? Math.floor(daysSinceLastEntry / interval) + 1 : 0;
+
+    // pending = difference
+    let pending = shouldHaveOccurred - processedCount;
+    if (pending < 0) pending = 0;
+
+    // don’t exceed total remaining
+    const remaining = (Number(item.total) || 0) - processedCount;
+    if (pending > remaining) pending = Math.max(0, remaining);
+
+    return {
+      clientId: item.clientId,
+      payment_mode: item.payment_mode,
+      pendingInstallments: pending,
+      amountPerInstallment: item.amount,
+      totalInstallments: item.total,
+      start_date: item.start_date,
+    };
+  });
 }
 
-export const isPdfFile = (uri) => {
-    if (!uri) return false;
+export const getCurrentMonthName = () => {
+  const months = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
+  ];
+
+  const date = new Date();
+  const monthName = months[date.getMonth()];
+  return monthName; // ✅ return instead of just logging
+};
 
-    const lowerUri = uri.toLowerCase();
+export function formatTime(datetime) {
+  if (!datetime) return '';
 
-    // If ends with .pdf
-    if (lowerUri.endsWith(".pdf")) return true;
+  // Convert "YYYY-MM-DD HH:mm:ss" into Date object
+  const date = new Date(datetime.replace(' ', 'T'));
+
+  // Extract hours and minutes
+  let hours = date.getHours();
+  let minutes = date.getMinutes();
+
+  // Determine AM/PM
+  const ampm = hours >= 12 ? 'PM' : 'AM';
+
+  // Convert to 12-hour format
+  hours = hours % 12;
+  hours = hours ? hours : 12; // 0 -> 12
+
+  // Pad minutes
+  minutes = minutes < 10 ? '0' + minutes : minutes;
+
+  return `${hours}:${minutes} ${ampm}`;
+}
+
+export function getMonthRange() {
+  const today = new Date();
+
+  // Start of month (1st day, same month/year)
+  const startDate = new Date(today.getFullYear(), today.getMonth(), 1);
+
+  // End date = today
+  const endDate = new Date(
+    today.getFullYear(),
+    today.getMonth(),
+    today.getDate()
+  );
+
+  return { startDate, endDate };
+}
+
+export const getCurrentMonthNameBill = () => {
+  const months = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+  ];
 
-    // If no extension in the path
-    const filename = lowerUri.split("/").pop(); // get last part after /
-    return !filename.includes("."); // true if no "." in filename
+  const date = new Date();
+  const monthName = months[date.getMonth()];
+  return monthName; // ✅ return instead of just logging
 };