mainstack-payments 0.0.0 → 0.0.2

package/build/src/api/config.d.ts

@@ -0,0 +1,6 @@
+/** @format */
+declare const InitializeAPIConfig: (baseUrl: string, authMSUrl: string) => {
+    Request: import('axios').AxiosInstance;
+    AuthMSRequest: import('axios').AxiosInstance;
+};
+export default InitializeAPIConfig;

package/build/src/api/index.d.ts

@@ -0,0 +1,54 @@
+import { TMetadata } from 'types';
+
+export declare const useGetTransactionFees: ({ account_id, currency, amount, slug, }: {
+    account_id: string;
+    currency: string;
+    amount: number;
+    slug?: string | undefined;
+}, AuthMSRequest: any) => {
+    data: any;
+    isLoading: boolean;
+    refetch: () => Promise<{
+        data: {};
+        isSuccess: boolean;
+        error: {};
+    }>;
+};
+interface IInitPayment {
+    amount: number;
+    reference: string;
+    currency: string;
+    metadata: TMetadata;
+}
+export declare const useInitPayment: (Request: any) => {
+    data: any;
+    isLoading: boolean;
+    mutate: (dataParams: IInitPayment, { onSuccess, onError, }: {
+        onSuccess: (data: any) => void;
+        onError: (error: any) => void;
+    }) => Promise<any>;
+};
+interface IChargePayment {
+    amount: number;
+    currency: string;
+    callback_url?: string;
+    metadata: TMetadata;
+}
+export declare const useChargePayment: (Request: any) => {
+    data: any;
+    isLoading: boolean;
+    mutate: (dataParams: IChargePayment, { onSuccess, onError, }: {
+        onSuccess: (data: any) => void;
+        onError: (error: any) => void;
+    }) => Promise<any>;
+};
+export declare const useVerifyPayment: (reference: string, Request: any) => {
+    data: any;
+    isLoading: boolean;
+    refetch: () => Promise<{
+        data: {};
+        isSuccess: boolean;
+        error: {};
+    }>;
+};
+export {};

package/build/src/app.d.ts

@@ -0,0 +1 @@
+

package/build/src/assets/themes/baseThemes.d.ts

@@ -0,0 +1,2 @@
+/** @format */
+export declare const theme: Record<string, any>;

package/build/src/components/CheckoutForm.d.ts

@@ -0,0 +1,15 @@
+/** @format */
+declare const CheckoutDetailsForm: ({ currency, amount, metadata, formik, isFree, showPayment, onCancel, btn_color, onPaymentComplete, Request, }: {
+    currency: string;
+    amount: number;
+    metadata?: any;
+    discount_code?: string | undefined;
+    formik: any;
+    isFree: boolean;
+    showPayment: boolean;
+    onCancel: () => void;
+    btn_color: string;
+    onPaymentComplete: (reference: string) => void;
+    Request: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CheckoutDetailsForm;

package/build/src/components/DrawerModal.d.ts

@@ -0,0 +1,10 @@
+/** @format */
+interface IModal {
+    headerText?: string;
+    isOpen: boolean;
+    onClose: () => void;
+    children: any;
+    modalBodyStyle?: any;
+}
+declare const DrawerModal: ({ isOpen, onClose, children, headerText, modalBodyStyle, }: IModal) => import("react/jsx-runtime").JSX.Element;
+export default DrawerModal;

package/build/src/components/Payment.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { TPaymentConfig } from 'types';
+
+interface IMainstackPaymentProps {
+    paymentConfig: TPaymentConfig;
+    summaryTitle?: string | ReactNode;
+    customForm?: ReactNode;
+    customFormValidation?: {
+        [key: string]: any;
+    };
+    customFormValues?: {
+        [key: string]: string;
+    };
+    onGoBack: () => void;
+    onInitializePayment?: () => void;
+    onPaymentComplete: (reference: string) => void;
+}
+declare const MainstackPayment: import('react').ForwardRefExoticComponent<IMainstackPaymentProps & import('react').RefAttributes<unknown>>;
+export default MainstackPayment;

package/build/src/components/PaystackPaymentErrorModal.d.ts

@@ -0,0 +1,6 @@
+interface PaystackPaymentErrorModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const PaystackPaymentErrorModal: ({ isOpen, onClose, }: PaystackPaymentErrorModalProps) => import("react/jsx-runtime").JSX.Element;
+export default PaystackPaymentErrorModal;

package/build/src/components/PaystackPaymentModal.d.ts

@@ -0,0 +1,8 @@
+/** @format */
+interface PaystackPaymentModalProps {
+    isOpen: boolean;
+    src: string;
+    handleCloseModal: () => void;
+}
+export declare const PaystackPaymentModal: ({ src, isOpen, handleCloseModal, }: PaystackPaymentModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/WalletPay.d.ts

@@ -0,0 +1,11 @@
+/** @format */
+declare const WalletPay: ({ currency, metadata, amount, formik, checkForErrors, onPaymentComplete, Request, }: {
+    currency: string;
+    amount: number;
+    metadata?: any;
+    formik: any;
+    checkForErrors: () => Promise<boolean>;
+    onPaymentComplete: (reference: string) => void;
+    Request: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default WalletPay;

package/build/src/constants/index.d.ts

@@ -0,0 +1,2 @@
+/** @format */
+export declare const PAYSTACK_REDIRECT_EVENT = "Payment Completed";

package/build/src/enums/currenciesEnums.d.ts

@@ -0,0 +1,6 @@
+/** @format */
+export declare enum CURRENCIES {
+    GHS = "GHS",
+    NGN = "NGN",
+    UGX = "UGX"
+}

package/build/src/hooks/useApi.d.ts

@@ -0,0 +1,22 @@
+export declare const useQuery: ({ queryFn, enabled, }: {
+    queryFn: () => Promise<any>;
+    enabled?: boolean | undefined;
+}) => {
+    data: any;
+    isLoading: boolean;
+    refetch: () => Promise<{
+        data: {};
+        isSuccess: boolean;
+        error: {};
+    }>;
+};
+export declare const useMutation: <T>({ mutationFn, }: {
+    mutationFn: (data: T) => Promise<any>;
+}) => {
+    data: any;
+    isLoading: boolean;
+    mutate: (dataParams: T, { onSuccess, onError, }: {
+        onSuccess: (data: any) => void;
+        onError: (error: any) => void;
+    }) => Promise<any>;
+};

package/build/src/hooks/usePayment.d.ts

@@ -0,0 +1,7 @@
+/** @format */
+export declare const usePayment: (currency: string) => {
+    getAmount: (curr: string, price: string | number, currencies: any, markup?: number) => number;
+    getAmountInUSD: (curr: string, price: string, currencies: any) => number;
+    getCountryNameByCurrency: () => string;
+    getCountryCurrency: (country: any) => string;
+};

package/build/src/index.d.ts

@@ -0,0 +1,3 @@
+/** @format */
+export { default as MainstackPayments } from './components/Payment';
+export { default as MainstackPaymentsProvider } from './provider';

package/build/src/pages/Home.d.ts

@@ -0,0 +1,2 @@
+/** @format */
+export default function Home(): import("react/jsx-runtime").JSX.Element;

package/build/src/pages/Index.d.ts

@@ -0,0 +1,2 @@
+declare function Index(): import("react/jsx-runtime").JSX.Element;
+export default Index;

package/build/src/pages/Login.d.ts

@@ -0,0 +1,2 @@
+/** @format */
+export default function Login(): import("react/jsx-runtime").JSX.Element;

package/build/src/pages/Page404.d.ts

@@ -0,0 +1,2 @@
+/** @format */
+export default function Page404(): import("react/jsx-runtime").JSX.Element;

package/build/src/pages/PaymentRedirect.d.ts

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

package/build/src/provider/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+
+declare const MainstackPaymentsProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MainstackPaymentsProvider;

package/build/src/routes/index.d.ts

@@ -0,0 +1,7 @@
+/** @format */
+export declare const ROUTES: {
+    HOME: string;
+    LOGIN: string;
+    NOT_FOUND: string;
+    PAYMENT_REDIRECT: string;
+};

package/build/src/types/index.d.ts

@@ -0,0 +1,35 @@
+/** @format */
+type TPaymentOption = "wallet" | "startbutton" | "stripe" | "paystack";
+type TMetadata = {
+    reference?: string;
+    actual_price?: number;
+    type: string;
+    account_id: string;
+    user_id: string;
+    product_id: string;
+    mainstack_product_type: "store" | "editor" | "bookings" | "mediakit" | "invoicing" | "hosted_courses";
+    productName: string;
+    [key: string]: any;
+};
+type TCustomizations = {
+    theme_color?: string;
+    button_label?: string;
+    font_family?: string;
+};
+type TPaymentConfig = {
+    reference: string;
+    currency: string;
+    amount: number;
+    discountAmount?: number;
+    metadata: TMetadata;
+    customizations?: TCustomizations;
+    transactionFeesSlug: string;
+    paymentOptions?: TPaymentOption[];
+    paystackRedirectUrl?: string;
+    baseUrl: string;
+    authMSUrl: string;
+    accountId: string;
+    userAllowsWalletPayment: boolean;
+    userAllowsCardPayment: boolean;
+};
+export type { TPaymentConfig, TMetadata, TCustomizations, TPaymentOption };

package/{src/utils/countries_flag.json → build/src/utils/countries_flag.json.d.ts}

@@ -1,4 +1,4 @@
-[
+declare const _default: [
   {
     "name": "Afghanistan",
     "alpha2Code": "AF",
@@ -1500,3 +1500,6 @@
     "independent": false
   }
 ]
+;
+
+export default _default;

package/{src/utils/countries_with_flags_and_currencies.json → build/src/utils/countries_with_flags_and_currencies.json.d.ts}

@@ -1,4 +1,4 @@
-[
+declare const _default: [
   {
     "name": "Afghanistan",
     "code": "AF",
@@ -4002,3 +4002,6 @@
     "flag": "https://restcountries.eu/data/zwe.svg"
   }
 ]
+;
+
+export default _default;

package/build/src/utils/formatUnderscoreText.d.ts

@@ -0,0 +1,2 @@
+/** @format */
+export declare const replaceUnderscores: (input: string) => string;

package/build/src/utils/index.d.ts

@@ -0,0 +1,3 @@
+/** @format */
+export { replaceUnderscores } from './formatUnderscoreText';
+export { stringifyPrice } from './stringifyPrice';

package/build/src/utils/stringifyPrice.d.ts

@@ -0,0 +1,4 @@
+/** @format */
+declare const roundToTwo: (num: number) => number;
+export declare const stringifyPrice: (price: any | number | bigint) => string;
+export { roundToTwo };

package/build/src/utils/validations.d.ts

@@ -0,0 +1,14 @@
+/** @format */
+import * as yup from "yup";
+export declare const VALIDATIONS: {
+    email: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    fullname: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    username: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    password: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    url: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    name: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    firstname: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    lastname: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    country: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+    message: yup.StringSchema<string, yup.AnyObject, undefined, "">;
+};

package/package.json

@@ -1,19 +1,29 @@
 {
   "name": "mainstack-payments",
   "type": "module",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "main": "build/mainstack-payments.js",
   "types": "build/src/index.d.ts",
+  "files": [
+    "build"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview --port 5001",
     "format": "prettier src -c --write && pretty-quick --staged",
     "lint": "eslint src --ext .js,.jsx,.ts,.tsx --quiet --fix",
-    "ts-error": "./node_modules/.bin/tsc",
-    "postinstall": "husky install",
-    "prepare": "husky install",
-    "scriptname": "cmd"
+    "ts-error": "tsc",
+    "install:husky": "run-script-os",
+    "install:husky:default": "[ ! -d \"/node_modules/husky/\" ] || husky install",
+    "install:husky:win32": "echo \"husky skipped\"",
+    "postinstall": "yarn install:husky",
+    "prepare": "yarn install:husky",
+    "scriptname": "cmd",
+    "prepublishOnly": "yarn build"
+  },
+  "publishConfig": {
+    "@themainstack:registry": "https://npm.pkg.github.com"
   },
   "browserslist": {
     "production": [
@@ -31,23 +41,22 @@
     "@chakra-ui/react": "^2.5.1",
     "@stripe/react-stripe-js": "^2.7.1",
     "@stripe/stripe-js": "^4.0.0",
-    "@tanstack/react-query": "^5.45.1",
     "axios": "^1.7.2",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-prettier": "^4.2.1",
     "formik": "^2.4.6",
     "framer-motion": "^10.0.1",
-    "mainstack-design-system": "^0.4.8",
     "postcode-validator": "^3.8.21",
     "prettier": "^2.8.4",
     "pretty-quick": "^3.1.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "react-paystack": "^5.0.0",
     "react-router-dom": "^6.8.1",
+    "run-script-os": "^1.1.6",
     "typescript": "^4.9.5",
     "uuid": "^10.0.0",
+    "vite-plugin-dts": "^3.9.1",
     "vite-plugin-env-compatible": "^1.1.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-svgr": "^2.4.0",
     "vite-tsconfig-paths": "^4.0.5",
     "yup": "^1.4.0"
@@ -55,6 +64,7 @@
   "devDependencies": {
     "@commitlint/cli": "17.1.2",
     "@commitlint/config-conventional": "17.1.0",
+    "@tanstack/react-query": "^5.49.2",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@types/uuid": "^10.0.0",
@@ -70,7 +80,17 @@
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.3",
-    "vite": "^4.1.0"
+    "mainstack-design-system": "^0.5.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "vite": "^4.1.0",
+    "vite-plugin-externalize-deps": "^0.8.0"
+  },
+  "peerDependencies": {
+    "@chakra-ui/react": "^2.5.1",
+    "mainstack-design-system": "^0.5.0",
+    "react": "^18",
+    "react-dom": "^18"
   },
   "description": "A React library to use Mainstack Payments",
   "repository": {

package/.env.sample

@@ -1 +0,0 @@
-REACT_APP_BASE_URL=""

package/.eslintignore

@@ -1,5 +0,0 @@
-node_modules
-build
-coverage
-vite.config.ts
-/commitlint.config.cjs

package/.eslintrc.json

@@ -1,95 +0,0 @@
-{
-  "extends": [
-    "eslint:recommended",
-    "airbnb/hooks",
-    "airbnb-typescript",
-    "plugin:react/recommended",
-    "plugin:react/jsx-runtime",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:@typescript-eslint/recommended-requiring-type-checking",
-    "prettier/prettier",
-    "prettier",
-    "plugin:prettier/recommended",
-    "plugin:import/recommended"
-  ],
-  "plugins": [
-    "react-hooks",
-    "@typescript-eslint",
-    "prettier",
-    "react",
-    "import",
-    "jsx-a11y"
-  ],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "ecmaVersion": "latest",
-    "sourceType": "module",
-    "tsconfigRootDir": ".",
-    "project": ["./tsconfig.json"]
-  },
-  "env": {
-    "browser": true,
-    "es6": true
-  },
-  "settings": {
-    "import/resolver": {
-      "typescript": {
-        "project": "./tsconfig.json"
-      }
-    },
-    "react": {
-      "version": "detect"
-    }
-  },
-  "rules": {
-    "no-var": 2,
-    "semi": 0,
-    "func-names": 0,
-    "default-param-last": 0,
-    "camelcase": 0,
-    "consistent-return": 0,
-    "no-console": 1,
-    "no-unused-expressions": 0,
-    "no-plusplus": 0,
-    "no-underscore-dangle": 0,
-    "no-nested-ternary": 0,
-    "object-shorthand": 0,
-    "class-methods-use-this": 0,
-    "import/extensions": 0,
-    "import/no-unresolved": 0,
-    "jsx-a11y/label-has-associated-control": 0,
-    "jsx-a11y/no-autofocus": 0,
-    "max-classes-per-file": 0,
-    "import/prefer-default-export": 0,
-    "import/no-extraneous-dependencies": 0,
-    "no-param-reassign": 0,
-    "no-prototype-builtins": 0,
-    "no-unsafe-optional-chaining": 0,
-    "radix": 0,
-    "react/prop-types": 0,
-    "react-hooks/rules-of-hooks": 2,
-    "react-hooks/exhaustive-deps": 0,
-    "react/no-children-prop": 0,
-    "react/jsx-key": 0,
-    "react/display-name": 0,
-    "react/react-in-jsx-scope": 0,
-    "react/no-unescaped-entities": 0,
-    "@typescript-eslint/no-empty-function": 0,
-    "@typescript-eslint/no-unsafe-assignment": 0,
-    "@typescript-eslint/restrict-template-expressions": 0,
-    "@typescript-eslint/no-unsafe-argument": 0,
-    "@typescript-eslint/no-unsafe-call": 0,
-    "@typescript-eslint/no-unsafe-member-access": 0,
-    "@typescript-eslint/ban-ts-comment": 0,
-    "@typescript-eslint/no-explicit-any": 0,
-    "@typescript-eslint/no-floating-promises": 0,
-    "@typescript-eslint/no-unsafe-return": 0,
-    "prefer-const": 1,
-    "@typescript-eslint/no-misused-promises": 0,
-    "@typescript-eslint/no-unused-vars": 1,
-    "no-sparse-arrays": 0
-  }
-}

package/.github/PULL_REQUEST_TEMPLATE.md

@@ -1,15 +0,0 @@
-### Subject / Header
-
-State the subject or header of the PR e.g Setting Up Code Base
-
-### What changed?
-
-Here state the over view of what changed. Also inculde if a command is needed to be ran after pulling. This is an example
-
-- Setting up the code base for frontend dashboard
-- Added Pull Pequest template and other file template
-- New package are added, thus the need to run `yarn install`.
-
-### Whats Remaining
-
-Here state if anything is missing that should be in the PR but its not, this so that the person reviewing the code would know whats missing and can test better

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-yarn commitlint --edit $1

package/.husky/pre-commit

@@ -1,6 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-yarn ts-error $1
-yarn format $1
-yarn lint $1

package/.prettierignore

@@ -1,7 +0,0 @@
-/dist
-/build
-/coverage
-node_modules
-/public
-/commitlint.config.cjs
-

package/.prettierrc

@@ -1,9 +0,0 @@
-{
-  "singleQuote": false,
-  "arrowParens": "always",
-  "useTabs": false,
-  "bracketSpacing": true,
-  "insertPragma": true,
-  "semi": true,
-  "tabWidth": 2
-}

package/.vscode/extensions.json

@@ -1,10 +0,0 @@
-{
-  "recommendations": [
-    "vivaxy.vscode-conventional-commits",
-    "dbaeumer.vscode-eslint",
-    "streetsidesoftware.code-spell-checker",
-    "vincaslt.highlight-matching-tag",
-    "esbenp.prettier-vscode",
-    "usernamehw.errorlens"
-  ]
-}

package/build/_redirects

@@ -1 +0,0 @@
-/* /index.html 200

package/build/manifest.json

@@ -1,15 +0,0 @@
-{
-  "short_name": "Mainstack Template",
-  "name": "This is a template to build mainstack app going forward",
-  "icons": [
-    {
-      "src": "vite.svg",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/build/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow: