oneticket-sdk-vi 1.0.0

package/dist/src/utils/getBorderStyle.d.ts

@@ -0,0 +1,4 @@
+declare const getBorderStyle: (colors: string[]) => string | {
+    borderImage: string;
+    borderWidth: number;
+};

package/dist/src/utils/getBorderStyle.js

@@ -0,0 +1,11 @@
+"use strict";
+const getBorderStyle = (colors) => {
+    if (colors.length === 1) {
+        return colors[0]; // Single color border
+    }
+    // For multiple colors, create a gradient border
+    return {
+        borderImage: `linear-gradient(to right, ${colors.join(', ')}) 1`,
+        borderWidth: 3,
+    };
+};

package/dist/src/utils/offlineHelper.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Checks the internet connection status.
+ * @returns {Promise<boolean>} - `true` if online, `false` if offline.
+ */
+export declare const checkInternetConnection: () => Promise<boolean>;
+/**
+ * Retrieves saved offline data from AsyncStorage.
+ * @param {string} key - The key used to store the data in AsyncStorage.
+ * @returns {Promise<any>} - The saved data or an empty array if no data exists.
+ */
+export declare const getOfflineData: (key: string) => Promise<any>;
+/**
+ * Saves data to AsyncStorage for offline use.
+ * @param {string} key - The key to save data.
+ * @param {any[]} data - The data to be saved.
+ * @returns {Promise<void>} - Resolves when data is successfully saved.
+ */
+export declare const saveOfflineData: (key: string, data: any) => Promise<void>;
+export declare const removeOldTicketData: (todayDate: string) => Promise<void>;

package/dist/src/utils/offlineHelper.js

@@ -0,0 +1,109 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeOldTicketData = exports.saveOfflineData = exports.getOfflineData = exports.checkInternetConnection = void 0;
+const NetInfo = __importStar(require("@react-native-community/netinfo"));
+const async_storage_1 = __importDefault(require("@react-native-async-storage/async-storage"));
+/**
+ * Checks the internet connection status.
+ * @returns {Promise<boolean>} - `true` if online, `false` if offline.
+ */
+const checkInternetConnection = () => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    const state = yield NetInfo.fetch();
+    return (_a = state.isConnected) !== null && _a !== void 0 ? _a : false; // Checks if the device is connected to the internet
+});
+exports.checkInternetConnection = checkInternetConnection;
+/**
+ * Retrieves saved offline data from AsyncStorage.
+ * @param {string} key - The key used to store the data in AsyncStorage.
+ * @returns {Promise<any>} - The saved data or an empty array if no data exists.
+ */
+const getOfflineData = (key) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const storedData = yield async_storage_1.default.getItem(key);
+        if (!storedData)
+            return null;
+        const parsedData = JSON.parse(storedData);
+        const todayDate = new Date().toISOString().split('T')[0];
+        // Check if the saved data is from today
+        if (parsedData.date === todayDate) {
+            return parsedData.data;
+        }
+        // If not from today, clear it
+        yield async_storage_1.default.removeItem(key);
+        return null;
+    }
+    catch (error) {
+        console.error('Error fetching offline data:', error);
+        return null;
+    }
+});
+exports.getOfflineData = getOfflineData;
+/**
+ * Saves data to AsyncStorage for offline use.
+ * @param {string} key - The key to save data.
+ * @param {any[]} data - The data to be saved.
+ * @returns {Promise<void>} - Resolves when data is successfully saved.
+ */
+const saveOfflineData = (key, data) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const todayDate = new Date().toISOString().split('T')[0]; // Get today's date in YYYY-MM-DD format
+        const dataToSave = { date: todayDate, data };
+        // console.log("data to save,", dataToSave)
+        yield async_storage_1.default.setItem(key, JSON.stringify(dataToSave));
+    }
+    catch (error) {
+        console.error('Error saving offline data:', error);
+    }
+});
+exports.saveOfflineData = saveOfflineData;
+const removeOldTicketData = (todayDate) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const keys = yield async_storage_1.default.getAllKeys();
+        const todayTicketKeys = keys.filter((key) => key.includes(todayDate)); // Get keys related to today
+        const outdatedTicketKeys = keys.filter((key) => !key.includes(todayDate)); // Get keys not related to today
+        // Remove the outdated ticket data
+        if (outdatedTicketKeys.length > 0) {
+            yield async_storage_1.default.multiRemove(outdatedTicketKeys);
+        }
+    }
+    catch (error) {
+        console.error('Error removing outdated ticket data:', error);
+    }
+});
+exports.removeOldTicketData = removeOldTicketData;

package/dist/src/utils/queryString.d.ts

@@ -0,0 +1 @@
+export declare function convertToQueryString(data: any): string;

package/dist/src/utils/queryString.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToQueryString = void 0;
+function convertToQueryString(data) {
+    let queryStr = "";
+    for (let key in data) {
+        if (data.hasOwnProperty(key) && data[key] !== "" && data[key] !== null) {
+            if (queryStr !== "") {
+                queryStr += "&";
+            }
+            queryStr += `${encodeURIComponent(key)}=${encodeURIComponent(data[key])}`;
+        }
+    }
+    return queryStr;
+}
+exports.convertToQueryString = convertToQueryString;

package/dist/src/utils/toastHelpers.d.ts

@@ -0,0 +1,5 @@
+export declare const showToast: {
+    success: (message: string, subMessage?: string) => void;
+    error: (message: string, subMessage?: string) => void;
+    info: (message: string, subMessage?: string) => void;
+};

package/dist/src/utils/toastHelpers.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showToast = void 0;
+const react_native_toast_message_1 = __importDefault(require("react-native-toast-message"));
+exports.showToast = {
+    success: (message, subMessage) => {
+        react_native_toast_message_1.default.show({
+            type: 'success',
+            text1: message,
+            text2: subMessage,
+            visibilityTime: 4000,
+            autoHide: true,
+            topOffset: 50,
+        });
+    },
+    error: (message, subMessage) => {
+        react_native_toast_message_1.default.show({
+            type: 'error',
+            text1: message,
+            text2: subMessage,
+            visibilityTime: 5000,
+            autoHide: true,
+            topOffset: 50,
+        });
+    },
+    info: (message, subMessage) => {
+        react_native_toast_message_1.default.show({
+            type: 'info',
+            text1: message,
+            text2: subMessage,
+            visibilityTime: 3000,
+            autoHide: true,
+            topOffset: 50,
+        });
+    },
+};

package/index.ts

@@ -0,0 +1,29 @@
+export {default as MetroApp} from "./App";
+
+export type SdkConfig = {
+  sdkKey: string;
+  environment: 'preprod' | 'production';
+  user: {
+    name: string;
+    phoneNumber: number;
+    email?: string;
+  };
+};
+let sdkConfig: SdkConfig | null = null;
+export const initializeSdk = (config: SdkConfig) => {
+  if (!config.sdkKey || !config.environment || !config.user?.name || !config.user?.phoneNumber) {
+    throw new Error('[SDK] Missing required configuration fields.');
+  }
+  if (sdkConfig) {
+    console.warn('[SDK] Already initialized. Re-initialization is ignored.');
+    return;
+  }
+  sdkConfig = config;
+  console.log('[SDK] Initialized with config:', config);
+};
+export const getSdkConfig = (): SdkConfig => {
+  if (!sdkConfig) {
+    throw new Error('[SDK] SDK not initialized. Please call initializeSdk() first.');
+  }
+  return sdkConfig;
+};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "oneticket-sdk-vi",
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.71.0",
+    "@react-native-async-storage/async-storage": "^2.1.0",
+    "@react-native-community/netinfo": "^11.4.1",
+    "@react-navigation/bottom-tabs": "^6.6.1",
+    "@react-navigation/native": "^6.1.18",
+    "@react-navigation/native-stack": "^6.11.0",
+    "@tanstack/react-query": "^5.56.2",
+    "@types/react-native-razorpay": "^2.2.5",
+    "axios": "^1.7.7",
+    "react-native-element-dropdown": "^2.12.2",
+    "react-native-gesture-handler": "^2.22.0",
+    "react-native-razorpay": "^2.3.0",
+    "react-native-safe-area-context": "^4.14.1",
+    "react-native-screens": "^3.34.0",
+    "react-native-size-matters": "^0.4.2",
+    "react-native-svg": "^15.7.1",
+    "react-native-swiper": "^1.6.0",
+    "react-native-toast-message": "^2.2.1",
+    "react-native-webview": "^13.13.5"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.6",
+    "react": "18.3.1",
+    "react-native": "0.76.9",
+    "typescript": "5.0.4"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs"
+}

package/src/assets/icons/BackIcon.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type BackIconProps = {
+    size?: number;
+    color?: string;
+};
+
+const BackIcon: React.FC<BackIconProps> = ({ size = 24, color = 'black' }) => {
+    return (
+        <Svg
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke={color}
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        >
+            <Path d="M19 12H5" />
+            <Path d="M12 19l-7-7 7-7" />
+        </Svg>
+    );
+};
+
+export default BackIcon;

package/src/assets/icons/BellIcon.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type BellIconProps = {
+    size?: number;
+    color?: string;
+};
+
+const BellIcon: React.FC<BellIconProps> = ({ size = 24, color = 'black' }) => {
+    return (
+        <Svg
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke={color}
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        >
+            {/* Bell shape */}
+            <Path d="M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9" />
+            {/* Bell's ringer */}
+            <Path d="M13.73 21a2 2 0 0 1-3.46 0" />
+        </Svg>
+    );
+};
+
+export default BellIcon;

package/src/assets/icons/BusIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SvgXml } from 'react-native-svg';
+
+interface BusIconProps {
+    color?: string;
+    size?: number;
+}
+
+const BusIcon: React.FC<BusIconProps> = ({
+    color = '#000',
+    size = 24,
+}) => {
+    const BusSvg = `
+    <svg fill=${color} height=${size} width=${size} viewBox="0 -8 72 72" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>bus-front</title><path d="M12,16.8h1.6v9.6H12a1.6,1.6,0,0,1-1.6-1.6V18.4A1.6,1.6,0,0,1,12,16.8Zm48,0H58.4v9.6H60a1.6,1.6,0,0,0,1.6-1.6V18.4A1.6,1.6,0,0,0,60,16.8Zm-4.8-3.2V42.4A3.2,3.2,0,0,1,52,45.6v3.2A3.2,3.2,0,0,1,48.8,52H45.6a3.2,3.2,0,0,1-3.2-3.2V45.6H29.6v3.2A3.2,3.2,0,0,1,26.4,52H23.2A3.2,3.2,0,0,1,20,48.8V45.6a3.2,3.2,0,0,1-3.2-3.2V13.6A9.6,9.6,0,0,1,26.4,4H45.6A9.6,9.6,0,0,1,55.2,13.6ZM29.6,10.4H42.4V7.2H29.6ZM26.4,39.2a3.2,3.2,0,1,0-3.2,3.2A3.2,3.2,0,0,0,26.4,39.2Zm25.6,0a3.2,3.2,0,1,0-3.2,3.2A3.2,3.2,0,0,0,52,39.2Zm0-25.6H20V32.8H52V13.6Z"></path></g></svg>
+    `;
+
+    return <SvgXml xml={BusSvg} />;
+};
+
+export default BusIcon;

package/src/assets/icons/CalendarIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SvgXml } from 'react-native-svg';
+
+interface CalendarIconProps {
+    color?: string;
+    size?: number;
+}
+
+const CalendarIcon: React.FC<CalendarIconProps> = ({
+    color = '#000',
+    size = 24,
+}) => {
+    const CalendarSvg = `
+    <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill=${color} height=${size} width=${size}><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .st0{fill:${color};} </style> <g> <path class="st0" d="M164.893,89.791c13.875,0,25.126-11.243,25.126-25.134V25.118C190.019,11.252,178.768,0,164.893,0 s-25.135,11.252-25.135,25.118v39.538C139.758,78.548,151.018,89.791,164.893,89.791z"></path> <path class="st0" d="M350.184,89.791c13.867,0,25.126-11.243,25.126-25.134V25.118C375.31,11.252,364.05,0,350.184,0 c-13.875,0-25.135,11.252-25.135,25.118v39.538C325.048,78.548,336.309,89.791,350.184,89.791z"></path> <path class="st0" d="M437.25,35.807h-39.865v28.849c0,26.04-21.169,47.218-47.201,47.218c-26.032,0-47.209-21.178-47.209-47.218 V35.807h-90.881v28.849c0,26.04-21.178,47.218-47.2,47.218c-26.032,0-47.21-21.178-47.21-47.218V35.807H74.75 c-38.977,0-70.575,31.599-70.575,70.575v335.043C4.175,480.401,35.773,512,74.75,512H437.25c38.976,0,70.575-31.599,70.575-70.575 V106.382C507.825,67.406,476.226,35.807,437.25,35.807z M473.484,441.425c0,19.978-16.256,36.235-36.235,36.235H74.75 c-19.979,0-36.235-16.257-36.235-36.235V150.984h434.969V441.425z"></path> <rect x="174.928" y="382.512" class="st0" width="63.591" height="63.591"></rect> <rect x="174.928" y="283.96" class="st0" width="63.591" height="63.591"></rect> <rect x="76.385" y="382.512" class="st0" width="63.582" height="63.591"></rect> <rect x="76.385" y="283.96" class="st0" width="63.582" height="63.591"></rect> <rect x="372.032" y="185.417" class="st0" width="63.583" height="63.582"></rect> <rect x="273.48" y="185.417" class="st0" width="63.591" height="63.582"></rect> <polygon class="st0" points="350.041,293.216 331.127,278.51 296.686,322.811 276.238,306.454 261.273,325.142 300.677,356.673 "></polygon> <rect x="372.032" y="283.96" class="st0" width="63.583" height="63.591"></rect> <rect x="273.48" y="382.512" class="st0" width="63.591" height="63.591"></rect> <rect x="174.928" y="185.417" class="st0" width="63.591" height="63.582"></rect> </g> </g></svg>
+    `;
+
+    return <SvgXml xml={CalendarSvg} />;
+};
+
+export default CalendarIcon;

package/src/assets/icons/ChangeIcon.tsx

@@ -0,0 +1,61 @@
+import React from 'react';
+import Svg, { Path, Rect } from 'react-native-svg';
+
+type ChangeIconProps = {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+};
+
+const ChangeIcon: React.FC<ChangeIconProps> = ({ size = 24, color = 'black', strokeWidth = 4 }) => {
+    return (
+        <Svg
+            width={size}
+            height={size}
+            viewBox="0 0 48 48"
+            fill="none"
+        >
+            {/* Background rectangle (if needed, can be omitted) */}
+            <Rect
+                width="48"
+                height="48"
+                fill="white"
+                fillOpacity="0.01"
+            />
+            {/* First arrow */}
+            <Path
+                d="M18 31H38V5"
+                stroke={color}
+                strokeWidth={strokeWidth}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            {/* Second arrow */}
+            <Path
+                d="M30 21H10V43"
+                stroke={color}
+                strokeWidth={strokeWidth}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            {/* Arrowhead at the top-right */}
+            <Path
+                d="M44 11L38 5L32 11"
+                stroke={color}
+                strokeWidth={strokeWidth}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            {/* Arrowhead at the bottom-left */}
+            <Path
+                d="M16 37L10 43L4 37"
+                stroke={color}
+                strokeWidth={strokeWidth}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </Svg>
+    );
+};
+
+export default ChangeIcon;

package/src/assets/icons/ChatIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type ChatIconProps = {
+    color?: string;
+    size?: number;
+};
+
+const ChatIcon: React.FC<ChatIconProps> = ({ color = '#000000', size = 24 }) => {
+    return (
+        <Svg
+            width={size}
+            height={size}
+            viewBox="0 0 32 32"
+            fill="none"
+        >
+            <Path
+                d="M25.042 18.672v-12.487c0-1.234-1-2.236-2.236-2.236h-19.571c-1.235-0.001-2.236 1.001-2.236 2.236v12.487c0 1.235 1.001 2.236 2.236 2.236h3.729v5.137l5.704-5.137h10.137c1.237 0 2.237-1.001 2.237-2.236zM28.765 8.858h-2.798c0 0 0 9.972 0 10.909s-1.216 2.142-2.153 2.142-10.945 0.055-10.945 0.055c0 1.235 1.001 1.986 2.236 1.986h4.309l5.622 5.102-0.007-5.102h3.736c1.236 0 2.236-0.751 2.236-1.986v-10.932c0-1.234-1-2.174-2.236-2.174z"
+                fill={color}
+            />
+        </Svg>
+    );
+};
+
+export default ChatIcon;

package/src/assets/icons/ChevronDownIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type ChevronDownIconProps = {
+    size?: number;
+    color?: string;
+};
+
+const ChevronDownIcon: React.FC<ChevronDownIconProps> = ({ size = 24, color = 'black' }) => {
+    return (
+        <Svg
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke={color}
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        >
+            <Path d="M6 9l6 6 6-6" />
+        </Svg>
+    );
+};
+
+export default ChevronDownIcon;

package/src/assets/icons/ChevronLeftIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type ChevronLeftIconProps = {
+    size?: number;
+    color?: string;
+};
+
+const ChevronLeftIcon: React.FC<ChevronLeftIconProps> = ({ size = 24, color = 'black' }) => {
+    return (
+        <Svg
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke={color}
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        >
+            <Path d="M15 18l-6-6 6-6" />
+        </Svg>
+    );
+};
+
+export default ChevronLeftIcon;

package/src/assets/icons/ChevronRightIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type ChevronRightIconProps = {
+    size?: number;
+    color?: string;
+};
+
+const ChevronRightIcon: React.FC<ChevronRightIconProps> = ({ size = 24, color = 'black' }) => {
+    return (
+        <Svg
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke={color}
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        >
+            <Path d="M9 18l6-6-6-6" />
+        </Svg>
+    );
+};
+
+export default ChevronRightIcon;

package/src/assets/icons/ChevronUpIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+type ChevronUpIconProps = {
+    size?: number;
+    color?: string;
+};
+
+const ChevronUpIcon: React.FC<ChevronUpIconProps> = ({ size = 24, color = 'black' }) => {
+    return (
+        <Svg
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke={color}
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        >
+            <Path d="M18 15l-6-6-6 6" />
+        </Svg>
+    );
+};
+
+export default ChevronUpIcon;

package/src/assets/icons/CloseIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SvgXml } from 'react-native-svg';
+
+interface CloseIconProps {
+    color?: string;
+    size?: number;
+}
+
+const CloseIcon: React.FC<CloseIconProps> = ({
+    color = '#000000',
+    size = 24,
+}) => {
+    const CloseSvg = `
+    <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="Menu / Close_SM"> <path id="Vector" d="M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16" stroke="${color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g> </g></svg>
+    `;
+
+    return <SvgXml xml={CloseSvg} />;
+};
+
+export default CloseIcon;

package/src/assets/icons/DeleteIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SvgXml } from 'react-native-svg';
+
+interface DeleteIconProps {
+    color?: string;
+    size?: number;
+}
+
+const DeleteIcon: React.FC<DeleteIconProps> = ({
+    color = '#000000',
+    size = 24,
+}) => {
+    const DeleteSvg = `
+    <svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="${color}" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M5.755,20.283,4,8H20L18.245,20.283A2,2,0,0,1,16.265,22H7.735A2,2,0,0,1,5.755,20.283ZM21,4H16V3a1,1,0,0,0-1-1H9A1,1,0,0,0,8,3V4H3A1,1,0,0,0,3,6H21a1,1,0,0,0,0-2Z"></path></g></svg>
+    `;
+
+    return <SvgXml xml={DeleteSvg} />;
+};
+
+export default DeleteIcon;

package/src/assets/icons/ErrorIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SvgXml } from 'react-native-svg';
+
+interface ErrorIconProps {
+    color?: string;
+    size?: number;
+}
+
+const ErrorIcon: React.FC<ErrorIconProps> = ({
+    color = '#000',
+    size = 24,
+}) => {
+    const errorSvg = `
+    <svg fill=${color} height=${size} width=${size} viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#dc2626"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>error-filled</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="add" fill="#dc2626" transform="translate(42.666667, 42.666667)"> <path d="M213.333333,3.55271368e-14 C331.136,3.55271368e-14 426.666667,95.5306667 426.666667,213.333333 C426.666667,331.136 331.136,426.666667 213.333333,426.666667 C95.5306667,426.666667 3.55271368e-14,331.136 3.55271368e-14,213.333333 C3.55271368e-14,95.5306667 95.5306667,3.55271368e-14 213.333333,3.55271368e-14 Z M262.250667,134.250667 L213.333333,183.168 L164.416,134.250667 L134.250667,164.416 L183.168,213.333333 L134.250667,262.250667 L164.416,292.416 L213.333333,243.498667 L262.250667,292.416 L292.416,262.250667 L243.498667,213.333333 L292.416,164.416 L262.250667,134.250667 Z" id="Combined-Shape"> </path> </g> </g> </g></svg>
+    `;
+
+    return <SvgXml xml={errorSvg} />;
+};
+
+export default ErrorIcon;