@airxpay/sdk-ui 1.0.0

package/dist/contexts/AirXPayProvider.js

@@ -0,0 +1,154 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AirXPayConsumer = exports.useIsAirXPayReady = exports.useAirXPayConfig = exports.useAirXPaySafe = exports.useAirXPay = exports.AirXPayProvider = void 0;
+const react_1 = __importStar(require("react"));
+// Context with professional error handling
+const AirXPayContext = (0, react_1.createContext)(null);
+AirXPayContext.displayName = "AirXPayContext";
+const AirXPayProvider = ({ config, children, enableLogging = __DEV__, }) => {
+    // Validate configuration on mount
+    (0, react_1.useEffect)(() => {
+        const validationErrors = [];
+        // Validate baseUrl
+        if (!config.baseUrl) {
+            validationErrors.push("baseUrl is required");
+        }
+        else {
+            try {
+                new URL(config.baseUrl);
+            }
+            catch {
+                validationErrors.push("baseUrl must be a valid URL (e.g., https://api.airxpay.com)");
+            }
+        }
+        // Validate publicKey
+        if (!config.publicKey) {
+            validationErrors.push("publicKey is required");
+        }
+        else if (typeof config.publicKey !== "string") {
+            validationErrors.push("publicKey must be a string");
+        }
+        else if (config.publicKey.length < 20) {
+            validationErrors.push("publicKey appears to be invalid. Please check your API key.");
+        }
+        // Throw error if validation fails
+        if (validationErrors.length > 0) {
+            const errorMessage = [
+                "AirXPayProvider Configuration Error:",
+                ...validationErrors.map((err) => `  • ${err}`),
+                "",
+                "Received config:",
+                `  • baseUrl: ${config.baseUrl || "missing"}`,
+                `  • publicKey: ${config.publicKey ? `${config.publicKey.substring(0, 8)}...` : "missing"}`,
+            ].join("\n");
+            if (enableLogging) {
+                console.error("❌ AirXPay:", errorMessage);
+            }
+            throw new Error(errorMessage);
+        }
+        // Log success in development
+        if (enableLogging) {
+            console.log("%c✅ AirXPay Provider Initialized", "color: #10b981; font-weight: bold;", {
+                baseUrl: config.baseUrl,
+                publicKey: `${config.publicKey.substring(0, 8)}...`,
+            });
+        }
+    }, [config, enableLogging]);
+    return (<AirXPayContext.Provider value={config}>{children}</AirXPayContext.Provider>);
+};
+exports.AirXPayProvider = AirXPayProvider;
+exports.AirXPayProvider.displayName = "AirXPayProvider";
+// Professional hook with clear error messages
+const useAirXPay = () => {
+    const context = (0, react_1.useContext)(AirXPayContext);
+    if (!context) {
+        const errorMessage = [
+            "❌ useAirXPay: Hook must be used within an AirXPayProvider",
+            "",
+            "This error occurs when:",
+            "  1. Your component tree is not wrapped in <AirXPayProvider>",
+            "  2. You have multiple React roots in your application",
+            "  3. The provider is conditionally rendered",
+            "",
+            "Solution:",
+            "  • Wrap your root component with AirXPayProvider:",
+            "",
+            "    <AirXPayProvider",
+            "      config={{",
+            '        baseUrl: "https://api.airxpay.com",',
+            '        publicKey: "your_public_key_here"',
+            "      }}",
+            "    >",
+            "      <App />",
+            "    </AirXPayProvider>",
+            "",
+            "  • Verify the provider is not inside a conditional or loop",
+            `  • Component location: ${new Error().stack?.split("\n")[2]?.trim() || "unknown"}`,
+        ].join("\n");
+        // Log with styling in development
+        if (__DEV__) {
+            console.error("%c❌ AirXPay Context Error", "color: #ef4444; font-size: 14px; font-weight: bold;", "\n" + errorMessage);
+        }
+        throw new Error(errorMessage);
+    }
+    return context;
+};
+exports.useAirXPay = useAirXPay;
+// Helper: Check if config exists without throwing
+const useAirXPaySafe = () => {
+    try {
+        return (0, exports.useAirXPay)();
+    }
+    catch {
+        return null;
+    }
+};
+exports.useAirXPaySafe = useAirXPaySafe;
+// Helper: Access specific config value
+const useAirXPayConfig = (key) => {
+    const config = (0, exports.useAirXPaySafe)();
+    return config?.[key];
+};
+exports.useAirXPayConfig = useAirXPayConfig;
+// Helper: Check if provider is properly configured
+const useIsAirXPayReady = () => {
+    const config = (0, exports.useAirXPaySafe)();
+    return !!(config?.baseUrl && config?.publicKey);
+};
+exports.useIsAirXPayReady = useIsAirXPayReady;
+// Export context consumer for advanced use cases
+exports.AirXPayConsumer = AirXPayContext.Consumer;
+exports.default = exports.AirXPayProvider;

package/dist/hooks/SellerOnboarding.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const SellerOnboarding_1 = __importDefault(require("../components/ui/SellerOnboard/SellerOnboarding"));
+const SellerOnboarding = (props) => {
+    return <SellerOnboarding_1.default {...props}/>;
+};
+exports.default = SellerOnboarding;

package/dist/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SellerOnboarding = exports.AirXPayProvider = exports.AirXPay = void 0;
+var airxpay_1 = require("./sdk/airxpay");
+Object.defineProperty(exports, "AirXPay", { enumerable: true, get: function () { return airxpay_1.AirXPay; } });
+var AirXPayProvider_1 = require("./contexts/AirXPayProvider");
+Object.defineProperty(exports, "AirXPayProvider", { enumerable: true, get: function () { return AirXPayProvider_1.AirXPayProvider; } });
+var SellerOnboarding_1 = require("./hooks/SellerOnboarding");
+Object.defineProperty(exports, "SellerOnboarding", { enumerable: true, get: function () { return __importDefault(SellerOnboarding_1).default; } });

package/dist/sdk/airxpay.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AirXPay = void 0;
+const seller_1 = require("../api/seller");
+class AirXPay {
+    constructor(config) {
+        if (!config.baseUrl)
+            throw new Error("Base URL is required");
+        if (!config.publicKey)
+            throw new Error("Public key is required");
+        this.baseUrl = config.baseUrl;
+        this.publicKey = config.publicKey;
+    }
+    async initialize() {
+        return await (0, seller_1.verifyPublicKey)(this.baseUrl, this.publicKey);
+    }
+}
+exports.AirXPay = AirXPay;

package/dist/types/sellertypes.js

@@ -0,0 +1,4 @@
+"use strict";
+// types/sellertypes.ts
+Object.defineProperty(exports, "__esModule", { value: true });
+// This file defines the TypeScript types and interfaces related to sellers in the system, including their KYC status, bank details, and onboarding process. These types will be used throughout the application to ensure type safety and consistency when working with seller data.

package/dist/types/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@airxpay/sdk-ui",
+  "version": "1.0.0",
+  "description": "AirXPay Initialization UI Components for React & React Native",
+  "author": "Tafseel Khan",
+  "license": "MIT",
+
+  "main": "dist/index.js",
+
+  "files": [
+    "dist"
+  ],
+
+  "scripts": {
+    "build": "tsc --project tsconfig.json --outDir dist --declaration false",
+    "prepare": "npm run build"
+  },
+
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.72"
+  },
+
+  "dependencies": {
+    "axios": "^1.13.5"
+  },
+
+  "devDependencies": {
+    "@react-native-community/datetimepicker": "^8.6.0",
+    "@types/react": "^19.2.14",
+    "expo-image-picker": "^17.0.10",
+    "expo-linear-gradient": "^15.0.8",
+    "react": "^19.2.4",
+    "react-native": "^0.84.0",
+    "react-native-country-picker-modal": "^2.0.0",
+    "react-native-paper": "^5.15.0",
+    "typescript": "^5.9.3"
+  },
+
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tafseelkhan/airxpay-initialization-ui.git"
+  },
+
+  "keywords": [
+    "airxpay",
+    "react-native",
+    "seller-onboarding",
+    "payments",
+    "ui"
+  ],
+
+  "bugs": {
+    "url": "https://github.com/tafseelkhan/airxpay-initialization-ui/issues"
+  },
+
+  "homepage": "https://github.com/tafseelkhan/airxpay-initialization-ui#readme"
+}