digikhata-mashreq-sdk 1.0.0 → 1.1.0

package/src/app/components/BusinessCards/Card4.js

@@ -0,0 +1,147 @@
+import React from 'react';
+import { View, Text, ImageBackground, StyleSheet } from 'react-native';
+import { COLORS, FONT_BOLD, FONT_NORMAL } from '../../themes/config';
+
+export default function Card4({
+  businessName,
+  businessCategory,
+  businessType,
+  ownerName,
+  phoneNumber,
+  email,
+  address,
+  createAddress,
+  city,
+  businessTypeDetail,
+  businessCategoryDetail,
+}) {
+  const typeData = [
+    { id: '1', title: 'Retailer/ Shop', icon: 'storefront-outline' },
+    { id: '2', title: 'Wholesaler', icon: 'restaurant-outline' },
+    { id: '3', title: 'Distributor', icon: 'business-outline' },
+    { id: '4', title: 'Manufacturer', icon: 'briefcase-outline' },
+    { id: '5', title: 'Services', icon: 'briefcase-outline' },
+    { id: '6', title: 'Other', icon: 'briefcase-outline' },
+  ];
+
+  const categoryData = [
+    { id: '1', title: 'Kirana/Grocery', icon: 'cart-outline' },
+    { id: '2', title: 'Textile/Fashion', icon: 'shirt-outline' },
+    { id: '3', title: 'Medical', icon: 'medkit-outline' },
+    { id: '4', title: 'Electronics', icon: 'tv-outline' },
+    { id: '5', title: 'Mobile', icon: 'phone-portrait-outline' },
+    { id: '6', title: 'Automobile', icon: 'car-outline' },
+    { id: '7', title: 'Sports', icon: 'bicycle-outline' },
+    { id: '8', title: 'Kids/Toys', icon: 'happy-outline' },
+    { id: '9', title: 'Hardware/Tools', icon: 'construct-outline' },
+    { id: '10', title: 'Others', icon: 'apps-outline' },
+  ];
+
+  const typeTitle =
+    typeData.find((t) => t.id === businessType)?.title || 'type';
+  const categoryTitle =
+    categoryData.find((c) => c.id === businessCategory)?.title || 'category';
+
+  return (
+    <ImageBackground
+      source={require('../../assets/businessCards/card_wall_04.jpeg')}
+      resizeMode="contain"
+      style={styles.bg}
+    >
+      <View style={styles.overlay}>
+        {/* Top Section */}
+        <View style={styles.topSection}>
+          <Text style={styles.businessName}>
+            {businessName || 'business name'}
+          </Text>
+          {businessType && businessCategory && (
+            <Text style={styles.category}>
+              {typeTitle} / {categoryTitle}
+            </Text>
+          )}
+
+          {businessTypeDetail && businessCategoryDetail && (
+            <Text style={styles.category}>
+              {businessTypeDetail} / {businessCategoryDetail}
+            </Text>
+          )}
+          <Text style={styles.ownerName}>{ownerName || 'name'}</Text>
+        </View>
+
+        {/* Middle Section */}
+        {/* <View style={styles.middleSection}>
+          <Text style={styles.ownerName}>{ownerName || 'Owner Name'}</Text>
+        </View> */}
+
+        {/* Bottom Section */}
+        <View style={styles.bottomSection}>
+          <Text style={styles.contactText}>{phoneNumber || 'number'}</Text>
+          <Text style={styles.contactText}>{email || 'email'}</Text>
+          <Text style={styles.contactTextAddress}>
+            {createAddress?.formattedAddress || address || 'address'}
+          </Text>
+          <Text style={styles.contactText}>{city || 'city'}</Text>
+        </View>
+      </View>
+    </ImageBackground>
+  );
+}
+
+const styles = StyleSheet.create({
+  bg: {
+    width: '100%',
+    height: '100%',
+    justifyContent: 'center',
+  },
+  overlay: {
+    flex: 1,
+    padding: 20,
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  topSection: {
+    alignItems: 'center',
+    marginTop: 12,
+  },
+  businessName: {
+    color: COLORS.whiteColor,
+    fontSize: 14,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+  },
+  category: {
+    color: COLORS.whiteColor,
+    fontSize: 10,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+    marginTop: 2,
+  },
+  middleSection: {
+    alignItems: 'center',
+  },
+  ownerName: {
+    color: COLORS.whiteColor,
+    fontSize: 16,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+    marginTop: 10,
+  },
+  bottomSection: {
+    alignItems: 'center',
+    marginBottom: 10,
+  },
+  contactText: {
+    color: COLORS.whiteColor,
+    fontSize: 10,
+    marginVertical: 0,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+  },
+  contactTextAddress: {
+    color: COLORS.whiteColor,
+    fontSize: 9,
+    marginVertical: 0,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+  },
+});

package/src/app/components/BusinessCards/Card5.js

@@ -0,0 +1,151 @@
+import React from 'react';
+import { View, Text, ImageBackground, StyleSheet } from 'react-native';
+import { COLORS, FONT_BOLD, FONT_NORMAL } from '../../themes/config';
+
+export default function Card5({
+  businessName,
+  businessCategory,
+  businessType,
+  ownerName,
+  phoneNumber,
+  email,
+  address,
+  createAddress,
+  city,
+  businessTypeDetail,
+  businessCategoryDetail,
+}) {
+  const typeData = [
+    { id: '1', title: 'Retailer/ Shop', icon: 'storefront-outline' },
+    { id: '2', title: 'Wholesaler', icon: 'restaurant-outline' },
+    { id: '3', title: 'Distributor', icon: 'business-outline' },
+    { id: '4', title: 'Manufacturer', icon: 'briefcase-outline' },
+    { id: '5', title: 'Services', icon: 'briefcase-outline' },
+    { id: '6', title: 'Other', icon: 'briefcase-outline' },
+  ];
+
+  const categoryData = [
+    { id: '1', title: 'Kirana/Grocery', icon: 'cart-outline' },
+    { id: '2', title: 'Textile/Fashion', icon: 'shirt-outline' },
+    { id: '3', title: 'Medical', icon: 'medkit-outline' },
+    { id: '4', title: 'Electronics', icon: 'tv-outline' },
+    { id: '5', title: 'Mobile', icon: 'phone-portrait-outline' },
+    { id: '6', title: 'Automobile', icon: 'car-outline' },
+    { id: '7', title: 'Sports', icon: 'bicycle-outline' },
+    { id: '8', title: 'Kids/Toys', icon: 'happy-outline' },
+    { id: '9', title: 'Hardware/Tools', icon: 'construct-outline' },
+    { id: '10', title: 'Others', icon: 'apps-outline' },
+  ];
+
+  const typeTitle =
+    typeData.find((t) => t.id === businessType)?.title || 'Type';
+  const categoryTitle =
+    categoryData.find((c) => c.id === businessCategory)?.title || 'Category';
+
+  return (
+    <ImageBackground
+      source={require('../../assets/businessCards/card_wall_05.jpeg')}
+      resizeMode="contain"
+      style={styles.bg}
+    >
+      <View style={styles.overlay}>
+        {/* Top Section */}
+        <View style={styles.topSection}>
+          <Text style={styles.businessName}>
+            {businessName || 'Business Name'}
+          </Text>
+          {businessType && businessCategory && (
+            <Text style={styles.category}>
+              {typeTitle} / {categoryTitle}
+            </Text>
+          )}
+
+          {businessTypeDetail && businessCategoryDetail && (
+            <Text style={styles.category}>
+              {businessTypeDetail} / {businessCategoryDetail}
+            </Text>
+          )}
+          <Text style={styles.ownerName}>{ownerName || 'name'}</Text>
+        </View>
+
+        {/* Middle Section */}
+        {/* <View style={styles.middleSection}>
+          <Text style={styles.ownerName}>{ownerName || 'Owner Name'}</Text>
+        </View> */}
+
+        {/* Bottom Section */}
+        <View style={styles.bottomSection}>
+          <Text style={styles.contactText}>{phoneNumber || 'number'}</Text>
+          <Text style={styles.contactText}>{email || 'email'}</Text>
+          <Text
+            style={styles.contactTextAddress}
+            numberOfLines={2}
+            ellipsizeMode="tail"
+          >
+            {createAddress?.formattedAddress || address || 'address'}
+          </Text>
+          <Text style={styles.contactText}>{city || 'city'}</Text>
+        </View>
+      </View>
+    </ImageBackground>
+  );
+}
+
+const styles = StyleSheet.create({
+  bg: {
+    width: '100%',
+    height: '100%',
+    justifyContent: 'center',
+  },
+  overlay: {
+    flex: 1,
+    padding: 20,
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  topSection: {
+    alignItems: 'center',
+  },
+  businessName: {
+    color: COLORS.whiteColor,
+    fontSize: 14,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+  },
+  category: {
+    color: COLORS.whiteColor,
+    fontSize: 10,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+    marginTop: 2,
+  },
+  middleSection: {
+    alignItems: 'center',
+  },
+  ownerName: {
+    color: COLORS.whiteColor,
+    fontSize: 16,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+    marginTop: 10,
+  },
+  bottomSection: {
+    alignItems: 'center',
+    marginBottom: 0,
+  },
+  contactText: {
+    color: COLORS.whiteColor,
+    fontSize: 10,
+    marginVertical: 0,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+  },
+  contactTextAddress: {
+    color: COLORS.whiteColor,
+    fontSize: 9,
+    marginVertical: 2,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'right', // ✅ text aligns right
+    width: '50%', // ✅ uses full bottomRight width
+  },
+});

package/src/app/components/BusinessCards/Card6.js

@@ -0,0 +1,157 @@
+import React from 'react';
+import { View, Text, ImageBackground, StyleSheet } from 'react-native';
+import { COLORS, FONT_BOLD, FONT_NORMAL } from '../../themes/config';
+
+export default function Card6({
+  businessName,
+  businessCategory,
+  businessCategoryDetail,
+  businessType,
+  businessTypeDetail,
+  ownerName,
+  phoneNumber,
+  email,
+  address,
+  createAddress,
+  city,
+}) {
+  console.log('businessTypeDetail', businessCategory, businessType);
+
+  const typeData = [
+    { id: '1', title: 'Retailer/ Shop', icon: 'storefront-outline' },
+    { id: '2', title: 'Wholesaler', icon: 'restaurant-outline' },
+    { id: '3', title: 'Distributor', icon: 'business-outline' },
+    { id: '4', title: 'Manufacturer', icon: 'briefcase-outline' },
+    { id: '5', title: 'Services', icon: 'briefcase-outline' },
+    { id: '6', title: 'Other', icon: 'briefcase-outline' },
+  ];
+
+  const categoryData = [
+    { id: '1', title: 'Kirana/Grocery', icon: 'cart-outline' },
+    { id: '2', title: 'Textile/Fashion', icon: 'shirt-outline' },
+    { id: '3', title: 'Medical', icon: 'medkit-outline' },
+    { id: '4', title: 'Electronics', icon: 'tv-outline' },
+    { id: '5', title: 'Mobile', icon: 'phone-portrait-outline' },
+    { id: '6', title: 'Automobile', icon: 'car-outline' },
+    { id: '7', title: 'Sports', icon: 'bicycle-outline' },
+    { id: '8', title: 'Kids/Toys', icon: 'happy-outline' },
+    { id: '9', title: 'Hardware/Tools', icon: 'construct-outline' },
+    { id: '10', title: 'Others', icon: 'apps-outline' },
+  ];
+
+  const typeTitle =
+    typeData.find((t) => t.id === businessType)?.title || 'type';
+  const categoryTitle =
+    categoryData.find((c) => c.id === businessCategory)?.title || 'category';
+
+  return (
+    <ImageBackground
+      source={require('../../assets/businessCards/card_wall_06.jpeg')}
+      resizeMode="contain"
+      style={styles.bg}
+    >
+      <View style={styles.container}>
+        {/* Top Right Section */}
+        <View style={styles.topRight}>
+          <Text style={styles.businessName}>
+            {businessName || 'business name'}
+          </Text>
+          {businessType && businessCategory && (
+            <Text style={styles.category}>
+              {typeTitle} / {categoryTitle}
+            </Text>
+          )}
+
+          {businessTypeDetail && businessCategoryDetail && (
+            <Text style={styles.category}>
+              {businessTypeDetail} / {businessCategoryDetail}
+            </Text>
+          )}
+        </View>
+
+        {/* Center Right - Owner Name */}
+        <View style={styles.centerRight}>
+          <Text style={styles.ownerName}>{ownerName || 'name'}</Text>
+        </View>
+
+        {/* Bottom Right - Contact Info */}
+        <View style={styles.bottomRight}>
+          <Text style={styles.contactText}>{phoneNumber || 'number'}</Text>
+          <Text style={styles.contactText}>{email || 'email'}</Text>
+          <Text
+            style={styles.contactTextAddress}
+            numberOfLines={2}
+            ellipsizeMode="tail"
+          >
+            {createAddress?.formattedAddress || address || 'address'}
+          </Text>
+          <Text style={styles.contactText}>{city || 'city'}</Text>
+        </View>
+      </View>
+    </ImageBackground>
+  );
+}
+
+const styles = StyleSheet.create({
+  bg: {
+    width: '100%',
+    height: '100%',
+  },
+  container: {
+    flex: 1,
+    paddingHorizontal: 20,
+  },
+  topRight: {
+    position: 'absolute',
+    top: 25,
+    right: 20,
+    alignItems: 'flex-end',
+  },
+  businessName: {
+    color: COLORS.blackColor,
+    fontSize: 14,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'right',
+  },
+  category: {
+    color: COLORS.gray,
+    fontSize: 10,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'right',
+    marginTop: 2,
+  },
+  centerRight: {
+    position: 'absolute',
+    right: 20,
+    top: '28%',
+    alignItems: 'flex-end',
+  },
+  ownerName: {
+    color: COLORS.light_golden,
+    fontSize: 16,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'right',
+  },
+  bottomRight: {
+    position: 'absolute',
+    bottom: 30,
+    right: 20,
+    alignItems: 'flex-end',
+    width: '70%', // ✅ ensures address text wraps correctly
+  },
+  contactText: {
+    color: COLORS.blackColor,
+    fontSize: 10,
+    // marginVertical: 2,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'right',
+  },
+  contactTextAddress: {
+    color: COLORS.blackColor,
+    fontSize: 9,
+    // marginVertical: 2,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'right', // ✅ text aligns right
+    width: '80%', // ✅ uses full bottomRight width
+  },
+});

package/src/app/components/BusinessCards/Card7.js

@@ -0,0 +1,146 @@
+import React from 'react';
+import { View, Text, ImageBackground, StyleSheet } from 'react-native';
+import { COLORS, FONT_BOLD, FONT_NORMAL } from '../../themes/config';
+
+export default function Card7({
+  businessName,
+  businessCategory,
+  businessType,
+  ownerName,
+  phoneNumber,
+  email,
+  address,
+  city,
+  createAddress,
+  businessTypeDetail,
+  businessCategoryDetail,
+}) {
+  const typeData = [
+    { id: '1', title: 'Retailer/ Shop', icon: 'storefront-outline' },
+    { id: '2', title: 'Wholesaler', icon: 'restaurant-outline' },
+    { id: '3', title: 'Distributor', icon: 'business-outline' },
+    { id: '4', title: 'Manufacturer', icon: 'briefcase-outline' },
+    { id: '5', title: 'Services', icon: 'briefcase-outline' },
+    { id: '6', title: 'Other', icon: 'briefcase-outline' },
+  ];
+
+  const categoryData = [
+    { id: '1', title: 'Kirana/Grocery', icon: 'cart-outline' },
+    { id: '2', title: 'Textile/Fashion', icon: 'shirt-outline' },
+    { id: '3', title: 'Medical', icon: 'medkit-outline' },
+    { id: '4', title: 'Electronics', icon: 'tv-outline' },
+    { id: '5', title: 'Mobile', icon: 'phone-portrait-outline' },
+    { id: '6', title: 'Automobile', icon: 'car-outline' },
+    { id: '7', title: 'Sports', icon: 'bicycle-outline' },
+    { id: '8', title: 'Kids/Toys', icon: 'happy-outline' },
+    { id: '9', title: 'Hardware/Tools', icon: 'construct-outline' },
+    { id: '10', title: 'Others', icon: 'apps-outline' },
+  ];
+
+  const typeTitle =
+    typeData.find((t) => t.id === businessType)?.title || 'Type';
+  const categoryTitle =
+    categoryData.find((c) => c.id === businessCategory)?.title || 'Category';
+
+  return (
+    <ImageBackground
+      source={require('../../assets/businessCards/card_wall_07.jpeg')}
+      resizeMode="contain"
+      style={styles.bg}
+    >
+      <View style={styles.overlay}>
+        {/* Top Section */}
+        <View style={styles.topSection}>
+          <Text style={styles.businessName}>
+            {businessName || 'business name'}
+          </Text>
+          {businessType && businessCategory && (
+            <Text style={styles.category}>
+              {typeTitle} / {categoryTitle}
+            </Text>
+          )}
+
+          {businessTypeDetail && businessCategoryDetail && (
+            <Text style={styles.category}>
+              {businessTypeDetail} / {businessCategoryDetail}
+            </Text>
+          )}
+          <Text style={styles.ownerName}>{ownerName || 'name'}</Text>
+        </View>
+
+        {/* Middle Section */}
+        {/* <View style={styles.middleSection}>
+          <Text style={styles.ownerName}>{ownerName || 'Owner Name'}</Text>
+        </View> */}
+
+        {/* Bottom Section */}
+        <View style={styles.bottomSection}>
+          <Text style={styles.contactText}>{phoneNumber || 'number'}</Text>
+          <Text style={styles.contactText}>{email || 'email'}</Text>
+          <Text style={styles.contactTextAddress}>
+            {createAddress?.formattedAddress || address || 'address'}
+          </Text>
+          <Text style={styles.contactText}>{city || 'city'}</Text>
+        </View>
+      </View>
+    </ImageBackground>
+  );
+}
+
+const styles = StyleSheet.create({
+  bg: {
+    width: '100%',
+    height: '100%',
+    justifyContent: 'center',
+  },
+  overlay: {
+    flex: 1,
+    padding: 20,
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  topSection: {
+    alignItems: 'center',
+  },
+  businessName: {
+    color: COLORS.whiteColor,
+    fontSize: 14,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+  },
+  category: {
+    color: COLORS.whiteColor,
+    fontSize: 10,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+    marginTop: 2,
+  },
+  middleSection: {
+    alignItems: 'center',
+  },
+  ownerName: {
+    color: COLORS.whiteColor,
+    fontSize: 16,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+    marginTop: 10,
+  },
+  bottomSection: {
+    alignItems: 'center',
+    marginBottom: 0,
+  },
+  contactText: {
+    color: COLORS.whiteColor,
+    fontSize: 10,
+    marginVertical: 0,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+  },
+  contactTextAddress: {
+    color: COLORS.whiteColor,
+    fontSize: 9,
+    marginVertical: 0,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+  },
+});