mainstack-payments 2.0.6 → 2.0.8

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TItemList } from 'types';
+import { IAppliedFee, TItemList } from 'types';
 
 type IProps = {
     summaryTitle: string | ReactNode;
@@ -19,12 +19,7 @@ type IProps = {
     };
     transactionFees: {
         totalAmountPlusFees: number;
-        applied_fees: Array<{
-            _id: number;
-            display_name: string;
-            amount: number;
-            extra: number;
-        }>;
+        applied_fees?: IAppliedFee[];
         transactionFeeValue: number;
     };
     isSingleColumn: boolean;

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

@@ -1,5 +1,5 @@
-/** @format */
-/// <reference types="react" />
+import { ITransactionFeesResponse } from 'types';
+
 interface WalletPayProps {
     currency: string;
     amount: number;
@@ -7,12 +7,17 @@ interface WalletPayProps {
     formik: any;
     checkForErrors: () => Promise<boolean>;
     onPaymentComplete: (payload: object) => void;
+    ProductRequest: any;
     PaymentRequest: any;
     stripeCountry: string;
     onInitializePayment?: (e: object) => Promise<{
         terminate?: boolean;
     }>;
     onToggleWallet: () => void;
+    subAmount: number;
+    totalAmount: number;
+    feesResponse?: ITransactionFeesResponse;
+    ip: string;
 }
-declare const WalletPay: import('react').MemoExoticComponent<({ currency, metadata, amount, formik, checkForErrors, onPaymentComplete, PaymentRequest, stripeCountry, onInitializePayment, onToggleWallet, }: WalletPayProps) => import("react/jsx-runtime").JSX.Element>;
+declare const WalletPay: import('react').MemoExoticComponent<({ currency, metadata, amount, formik, checkForErrors, onPaymentComplete, ProductRequest, PaymentRequest, stripeCountry, onInitializePayment, onToggleWallet, subAmount, totalAmount, feesResponse, ip, }: WalletPayProps) => import("react/jsx-runtime").JSX.Element>;
 export default WalletPay;

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

@@ -1,25 +1,31 @@
-export interface IFetchResponse {
-    data: any;
+/** Shape returned by `refetch()` — mirrors the old callback contract. */
+export interface IFetchResult<TData> {
+    data: TData | undefined;
     isSuccess: boolean;
-    error: any;
+    error: unknown;
 }
-export declare const useQuery: ({ queryFn, enabled, dependingOn, }: {
-    queryFn: () => Promise<any>;
-    enabled?: boolean | undefined;
-    dependingOn?: any[] | undefined;
-}) => {
-    data: any;
+export interface IQueryResult<TData> {
+    data: TData | undefined;
     isLoading: boolean;
-    refetch: () => Promise<IFetchResponse>;
-    error: any;
-};
-export declare const useMutation: <T>({ mutationFn, }: {
-    mutationFn: (data: T) => Promise<any>;
-}) => {
-    data: any;
+    error: unknown;
+    /** Re-runs the query and returns a result object with `{ isSuccess, data, error }`. */
+    refetch: () => Promise<IFetchResult<TData>>;
+}
+export declare const useQuery: <TData = unknown>({ queryFn, enabled, dependingOn, }: {
+    /** Should return the already-unwrapped data value (not the full axios response). */
+    queryFn: () => Promise<TData>;
+    enabled?: boolean | undefined;
+    dependingOn?: unknown[] | undefined;
+}) => IQueryResult<TData>;
+export interface IMutationResult<TInput, TData> {
+    data: TData | undefined;
     isLoading: boolean;
-    mutate: (dataParams: T, { onSuccess, onError, }: {
-        onSuccess: (data: any) => void;
-        onError: (error: any) => void;
-    }) => Promise<any>;
-};
+    mutate: (params: TInput, callbacks: {
+        onSuccess: (data: TData) => void;
+        onError: (error: unknown) => void;
+    }) => Promise<TData>;
+}
+export declare const useMutation: <TInput, TData = unknown>({ mutationFn, }: {
+    /** Should return the already-unwrapped data value (not the full axios response). */
+    mutationFn: (data: TInput) => Promise<TData>;
+}) => IMutationResult<TInput, TData>;

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

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

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

@@ -4,4 +4,5 @@ export declare const ROUTES: {
     LOGIN: string;
     NOT_FOUND: string;
     PAYMENT_REDIRECT: string;
+    RECEIPT: string;
 };

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

@@ -1,8 +1,25 @@
 /** @format */
+export declare enum EStatusCode {
+    StatusCode200 = 200,
+    StatusCode201 = 201,
+    StatusCode304 = 304,
+    StatusCode400 = 400,
+    StatusCode401 = 401,
+    StatusCode403 = 403,
+    StatusCode404 = 404,
+    StatusCode409 = 409,
+    StatusCode500 = 500
+}
+/** Shape every backend endpoint returns. Callers receive `T` directly after unwrapping. */
+export interface IApiResponse<T = unknown> {
+    statusCode: EStatusCode;
+    message: string;
+    data?: T;
+}
 type TPaymentOption = "wallet" | "startbutton" | "stripe" | "paystack" | "crypto" | "cashapp";
 type TPaymentMode = "card" | "transfer" | "mobile_money";
 type TPaymentModel = "ips" | "default";
-declare enum EPaymentMethods {
+export declare enum EPaymentMethods {
     CARD = "card",
     GOOGLE_PAY = "google_pay",
     APPLE_PAY = "apple_pay",
@@ -169,6 +186,7 @@ export interface ITransactionFeesResponse {
     appliedFees: IAppliedFee[];
     appliedFeeIds: string[];
     tax: any;
+    isZeroDecimalCurrency?: boolean;
 }
 export interface IOrderAmount {
     currency: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mainstack-payments",
   "type": "module",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "main": "build/mainstack-payments.js",
   "types": "build/src/index.d.ts",
   "style": "build/index.css",

package/build/CryptoPayments-D0V_H65D.js

@@ -1,114 +0,0 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import { u as I, a as v, C as S, v as b, b as E } from "./index-D6I8egaA.js";
-import { BodyText as z, ChevronRightIcon as N, toast as $ } from "mainstack-design-system";
-import { u as j } from "./payments-B3Hm80pK.js";
-import { useState as B } from "react";
-const M = (i) => /* @__PURE__ */ o(
-  "svg",
-  {
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...i,
-    children: [
-      /* @__PURE__ */ a("g", { clipPath: "url(#clip0_2605_970)", children: /* @__PURE__ */ a(
-        "path",
-        {
-          d: "M16 32C7.163 32 0 24.837 0 16C0 7.163 7.163 0 16 0C24.837 0 32 7.163 32 16C32 24.837 24.837 32 16 32ZM21.002 9.855L21.812 6.614L19.216 5.968L18.573 8.543C18.1498 8.40049 17.7157 8.29247 17.275 8.22L17.919 5.645L15.323 5L14.513 8.241C11.53 8.783 9.004 10.978 8.233 14.064C7.462 17.15 8.659 20.27 11.037 22.144L10.227 25.386L12.823 26.032L13.466 23.457C13.8892 23.5995 14.3233 23.7075 14.764 23.78L14.12 26.355L16.716 27L17.526 23.759C18.575 23.5709 19.5756 23.1744 20.4687 22.593C21.3619 22.0116 22.1294 21.2571 22.726 20.374L19.879 19.666C19.2215 20.3303 18.4022 20.8116 17.5018 21.0624C16.6014 21.3132 15.6512 21.3248 14.745 21.096C11.879 20.384 10.125 17.524 10.828 14.709C11.531 11.894 14.427 10.19 17.294 10.903C18.2012 11.1247 19.0347 11.5798 19.7118 12.223C20.3889 12.8663 20.8861 13.6753 21.154 14.57L24 15.278C23.8889 14.2194 23.5663 13.1938 23.0513 12.2623C22.5363 11.3307 21.8394 10.5121 21.002 9.855Z",
-          fill: "#131316"
-        }
-      ) }),
-      /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", { id: "clip0_2605_970", children: /* @__PURE__ */ a("rect", { width: "32", height: "32", fill: "white" }) }) })
-    ]
-  }
-), q = ({
-  ProductRequest: i,
-  PaymentRequest: C,
-  metadata: f,
-  amount: m,
-  currency: c,
-  redirectUrl: l,
-  checkForErrors: u
-}) => {
-  const d = j(), { mutate: g, isLoading: w } = I(i), { mutate: L, isLoading: P } = v(C), [_, r] = B(!1), p = w || P || _, x = async () => {
-    var y;
-    const s = b(), h = {
-      ...f,
-      reference: s
-    };
-    try {
-      await g(
-        E({
-          metadata: h,
-          amount: m,
-          currency: c
-        }),
-        {
-          onSuccess: (t) => {
-          },
-          onError: (t) => {
-            var n;
-            throw ((n = t == null ? void 0 : t.raw) == null ? void 0 : n.message) ?? t;
-          }
-        }
-      );
-      const { client_secret: e } = await L(
-        {
-          amount: m,
-          currency: c,
-          metadata: h,
-          is_crypto_payment: !0
-        },
-        {
-          onSuccess: (t) => {
-          },
-          onError: (t) => {
-            var n;
-            throw ((n = t == null ? void 0 : t.raw) == null ? void 0 : n.message) ?? t;
-          }
-        }
-      );
-      if (d) {
-        r(!0);
-        const { error: t } = await d.confirmPayment({
-          clientSecret: e,
-          confirmParams: {
-            payment_method_data: {
-              // @ts-ignore
-              type: "crypto"
-            },
-            return_url: l.includes("?") ? `${l}&reference=${s}` : `${l}?reference=${s}`
-          }
-        });
-        if (t)
-          throw new Error(t.message ?? "Couldn't load wallet integration");
-      }
-    } catch (e) {
-      r(!1), console.error(e), $.error({
-        title: "",
-        description: ((y = e == null ? void 0 : e.raw) == null ? void 0 : y.message) ?? (e == null ? void 0 : e.message) ?? e ?? "We couldn't complete your payment"
-      });
-    }
-  };
-  return /* @__PURE__ */ a(
-    S,
-    {
-      onClick: async () => {
-        await u() || x();
-      },
-      disabled: p,
-      isLoading: p,
-      children: /* @__PURE__ */ o("div", { className: "mpl:flex mpl:justify-between mpl:w-full mpl:items-center", children: [
-        /* @__PURE__ */ o("div", { className: "mpl:flex mpl:items-center mpl:gap-12", children: [
-          /* @__PURE__ */ a(M, { className: "mpl:size-32" }),
-          /* @__PURE__ */ a(z, { size: "extrasmall", weight: "medium", children: "Stablecoins & Crypto" })
-        ] }),
-        /* @__PURE__ */ a(N, { className: "mpl:size-20" }),
-        " "
-      ] })
-    }
-  );
-};
-export {
-  q as default
-};