@vindhq/sloud-payment-sdk 1.0.0

package/dist/src/services/utils/widgetConfig.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Utility function to get the current base URL based on widget configuration
+ * @returns The appropriate base URL for API calls
+ */
+export declare const getBaseURL: () => string;
+/**
+ * Utility function to check if widget is in local environment
+ * @returns boolean indicating if widget is in local environment
+ */
+export declare const isLocalEnvironment: () => boolean;
+/**
+ * Utility function to get widget configuration
+ * @returns Current widget options or null if not set
+ */
+export declare const getWidgetConfiguration: () => import("../index").WidgetOptions;
+/**
+ * Debug utility to log current widget options state
+ * @returns void
+ */
+export declare const debugWidgetOptions: () => void;

package/dist/src/svg_components/ArrowLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ArrowLeftIcon: (props?: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ArrowLeftIcon;

package/dist/src/svg_components/BankTransferIcon.d.ts

@@ -0,0 +1,2 @@
+declare const BankTransferIcon: (props?: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default BankTransferIcon;

package/dist/src/svg_components/CancelIcon.d.ts

@@ -0,0 +1,7 @@
+interface ICancelIcon {
+    fillColor: string;
+    height?: number;
+    width?: number;
+}
+declare const CancelIcon: ({ fillColor, height, width }: ICancelIcon) => JSX.Element;
+export default CancelIcon;

package/dist/src/svg_components/CardIcon.d.ts

@@ -0,0 +1,2 @@
+declare const CardIcon: (props?: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default CardIcon;

package/dist/src/svg_components/CloseIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CloseIcon: ({ color, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default CloseIcon;

package/dist/src/svg_components/CopyIcon.d.ts

@@ -0,0 +1,2 @@
+declare const CopyIcon: () => import("react/jsx-runtime").JSX.Element;
+export default CopyIcon;

package/dist/src/svg_components/EyeCloseIcon.d.ts

@@ -0,0 +1,5 @@
+interface IEyeCloseIcon {
+    fillColor: string;
+}
+declare const EyeCloseIcon: ({ fillColor }: IEyeCloseIcon) => JSX.Element;
+export default EyeCloseIcon;

package/dist/src/svg_components/EyeOpenIcon.d.ts

@@ -0,0 +1,5 @@
+interface IEyeOpenIcon {
+    fillColor: string;
+}
+declare const EyeOpenIcon: ({ fillColor }: IEyeOpenIcon) => JSX.Element;
+export default EyeOpenIcon;

package/dist/src/svg_components/SloudIcon.d.ts

@@ -0,0 +1,2 @@
+declare const SloudIcon: (props?: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SloudIcon;

package/dist/src/utils/enums/AxiosErrorCodes.d.ts

@@ -0,0 +1,7 @@
+export declare enum EnumErrorCodes {
+    BadRquest = 400,
+    NotFound = 404,
+    Unauthorized = 401,
+    Forbidden = 403,
+    ServerError = 500
+}

package/dist/src/utils/enums/AxiosMethods.d.ts

@@ -0,0 +1,7 @@
+export declare enum EnumAxiosMethod {
+    Get = "get",
+    Post = "post",
+    Put = "put",
+    Patch = "patch",
+    Delete = "delete"
+}

package/dist/src/utils/helpers/classNames.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Conditionally combines class names from an object.
+ * @param classes - An object where keys are class names and values are booleans.
+ * @returns A space-separated string of class names.
+ */
+declare const classNames: (classes: Record<string, boolean>) => string;
+export default classNames;

package/dist/src/utils/helpers/formatCurrency.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Formats a numeric value into Nigerian Naira currency format.
+ *
+ * @param value - The amount to format (number or numeric string).
+ * @param currencyCode - Optional ISO 4217 currency code (default: 'NGN').
+ * @param locale - Optional BCP 47 locale string (default: 'en-NG').
+ * @returns A currency-formatted string, e.g. ₦12,500.00
+ */
+declare const formatCurrency: (value?: number | string, currencyCode?: string, locale?: string, showDecimals?: boolean) => string;
+export default formatCurrency;

package/dist/src/utils/helpers/phoneDefaults.d.ts

@@ -0,0 +1,3 @@
+import type { CountryCode } from 'libphonenumber-js';
+export declare const getDefaultCountryFromSettings: () => CountryCode;
+export declare const getDefaultPrefixFromCountry: (country: CountryCode) => string;

package/dist/src/utils/helpers/validatePhone.d.ts

@@ -0,0 +1,7 @@
+import type { CountryCode } from 'libphonenumber-js';
+interface PhoneValidationOptions {
+    country?: CountryCode;
+    strictPrefix?: string;
+}
+declare const validatePhone: (phone?: string, opts?: PhoneValidationOptions) => boolean;
+export default validatePhone;

package/dist/src/utils/image_utils/index.d.ts

@@ -0,0 +1,9 @@
+export declare const IMAGES: {
+    backgroundMock: string;
+    success: string;
+    waiting: string;
+    maintenance: string;
+    sloudEmblem: string;
+    sloudLogo: string;
+    noImageFallback: string;
+};

package/dist/src/utils/storage/index.d.ts

@@ -0,0 +1,9 @@
+export declare const AppStorage: {
+    setItem: (key: string, value: string) => void;
+    getItem: (key: string) => string | null;
+    removeItem: (key: string) => void;
+};
+export declare const AppStorageKeys: {
+    Store: string;
+    Bag: string;
+};

package/dist/src/widget.d.ts

@@ -0,0 +1,27 @@
+export interface PaymentWidgetOptions {
+    public_key: string;
+    isLocalEnv?: boolean;
+    amount: number;
+    first_name: string;
+    last_name: string;
+    phone_number: string;
+    email: string;
+}
+export default class PaymentWidget {
+    private options;
+    private container;
+    private root;
+    constructor(options: PaymentWidgetOptions);
+    /**
+     * Creates the container div if it doesn’t exist.
+     */
+    private ensureContainer;
+    /**
+     * Renders the widget popup.
+     */
+    showPopup(): void;
+    /**
+     * Optionally allow hiding/unmounting the widget.
+     */
+    hidePopup(): void;
+}

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@vindhq/sloud-payment-sdk",
+  "version": "1.0.0",
+  "description": "A custom payment SDK for seamless payment processing integration",
+  "license": "MIT",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "payment",
+    "payment-sdk",
+    "payment-gateway",
+    "payment-widget",
+    "react",
+    "payment-processing",
+    "checkout",
+    "payment-form",
+    "sloud",
+    "payment-integration",
+    "fintech"
+  ],
+  "scripts": {
+    "prebuild": "rm -rf dist",
+    "build": "rollup --config rollup.config.ts --configPlugin typescript && rollup --config rollup.config.dts.ts --configPlugin typescript && npm run postbuild",
+    "postbuild": "rm -rf dist/rollup.config.d.ts dist/rollup.config.dts.d.ts dist/src",
+    "dev": "rollup --config rollup.config.ts --configPlugin typescript -w"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vindhq/Payment-Widget.git"
+  },
+  "bugs": {
+    "url": "https://github.com/vindhq/Payment-Widget/issues"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@rollup/plugin-url": "^8.0.1",
+    "@types/node": "^24.5.2",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@types/yup": "^0.32.0",
+    "postcss": "^8.5.6",
+    "rollup": "^4.5.0",
+    "rollup-plugin-dts": "^6.2.3",
+    "rollup-plugin-livereload": "^2.0.5",
+    "rollup-plugin-polyfill-node": "^0.13.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-serve": "^3.0.0",
+    "rollup-plugin-visualizer": "^6.0.5",
+    "sass": "^1.69.5",
+    "ts-node": "^10.9.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.2.2"
+  },
+  "dependencies": {
+    "axios": "^1.12.2",
+    "formik": "^2.4.6",
+    "libphonenumber-js": "^1.12.23",
+    "react-hot-toast": "^2.6.0",
+    "react-loading-skeleton": "^3.5.0",
+    "react-phone-number-input": "^3.4.12",
+    "yup": "^1.7.1"
+  }
+}