mainstack-payments 2.0.2 → 2.0.4

package/build/{CashAppPayment-ByktxjXA.js → CashAppPayment-BghcQZPY.js}

@@ -1,17 +1,17 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { u as I, a as A, v as N, C as S } from "./index-BWm87vgg.js";
-import { toast as z, BodyText as B, ChevronRightIcon as E } from "mainstack-design-system";
-import { u as H } from "./payments-CjiNVkeO.js";
-import { memo as $, useState as b, useCallback as P } from "react";
-const j = (i) => /* @__PURE__ */ m(
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { u as A, a as b, v as N, b as S, C as z } from "./index-OyliAwvi.js";
+import { toast as B, BodyText as E, ChevronRightIcon as H } from "mainstack-design-system";
+import { u as $ } from "./payments-B3Hm80pK.js";
+import { memo as j, useState as M, useCallback as P } from "react";
+const R = (m) => /* @__PURE__ */ l(
   "svg",
   {
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...i,
+    ...m,
     children: [
-      /* @__PURE__ */ m("g", { clipPath: "url(#clip0_3703_1664)", children: [
+      /* @__PURE__ */ l("g", { clipPath: "url(#clip0_3703_1664)", children: [
         /* @__PURE__ */ a(
           "path",
           {
@@ -32,43 +32,42 @@ const j = (i) => /* @__PURE__ */ m(
       /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", { id: "clip0_3703_1664", children: /* @__PURE__ */ a("rect", { width: "32", height: "32", rx: "16", fill: "white" }) }) })
     ]
   }
-), M = $(
+), k = j(
   ({
-    Request: i,
+    ProductRequest: m,
+    PaymentRequest: L,
     metadata: C,
-    amount: c,
-    currency: o,
-    redirectUrl: l,
+    amount: o,
+    currency: c,
+    redirectUrl: s,
     checkForErrors: h
   }) => {
-    const p = H(), { mutate: r, isLoading: L } = I(i), { mutate: f, isLoading: _ } = A(i), [v, d] = b(!1), u = L || _ || v, y = P(async () => {
+    const p = $(), { mutate: f, isLoading: v } = A(m), { mutate: r, isLoading: x } = b(L), [_, d] = M(!1), u = v || x || _, y = P(async () => {
       var w;
-      const n = N(), g = {
+      const i = N(), g = {
         ...C,
-        reference: n
+        reference: i
       };
       try {
-        await r(
-          {
-            amount: c,
-            reference: n,
-            currency: o,
+        await f(
+          S({
             metadata: g,
-            is_cashapp_payment: !0
-          },
+            amount: o,
+            currency: c
+          }),
           {
             onSuccess: (e) => {
             },
             onError: (e) => {
-              var s;
-              throw ((s = e == null ? void 0 : e.raw) == null ? void 0 : s.message) ?? e;
+              var n;
+              throw ((n = e == null ? void 0 : e.raw) == null ? void 0 : n.message) ?? e;
             }
           }
         );
-        const { client_secret: t } = await f(
+        const { client_secret: t } = await r(
           {
-            amount: c,
-            currency: o,
+            amount: o,
+            currency: c,
             metadata: g,
             is_cashapp_payment: !0
           },
@@ -76,8 +75,8 @@ const j = (i) => /* @__PURE__ */ m(
             onSuccess: (e) => {
             },
             onError: (e) => {
-              var s;
-              throw ((s = e == null ? void 0 : e.raw) == null ? void 0 : s.message) ?? e;
+              var n;
+              throw ((n = e == null ? void 0 : e.raw) == null ? void 0 : n.message) ?? e;
             }
           }
         );
@@ -90,7 +89,7 @@ const j = (i) => /* @__PURE__ */ m(
                 // @ts-ignore
                 type: "cashapp"
               },
-              return_url: l.includes("?") ? `${l}&reference=${n}` : `${l}?reference=${n}`
+              return_url: s.includes("?") ? `${s}&reference=${i}` : `${s}?reference=${i}`
             }
           });
           if (e)
@@ -99,41 +98,41 @@ const j = (i) => /* @__PURE__ */ m(
             );
         }
       } catch (t) {
-        d(!1), console.error(t), z.error({
+        d(!1), console.error(t), B.error({
           title: "",
           description: ((w = t == null ? void 0 : t.raw) == null ? void 0 : w.message) ?? (t == null ? void 0 : t.message) ?? t ?? "We couldn't complete your payment"
         });
       }
     }, [
       p,
-      r,
       f,
-      c,
+      r,
       o,
+      c,
       C,
-      l,
+      s,
       d
-    ]), x = P(async () => {
+    ]), I = P(async () => {
       await h() || y();
     }, [h, y]);
     return /* @__PURE__ */ a(
-      S,
+      z,
       {
-        onClick: x,
+        onClick: I,
         disabled: u,
         isLoading: u,
-        children: /* @__PURE__ */ m("div", { className: "mpl:flex mpl:justify-between mpl:w-full mpl:items-center", children: [
-          /* @__PURE__ */ m("div", { className: "mpl:flex mpl:items-center mpl:gap-12", children: [
-            /* @__PURE__ */ a(j, { className: "mpl:size-32" }),
-            /* @__PURE__ */ a(B, { size: "extrasmall", weight: "medium", children: "Cash App Pay" })
+        children: /* @__PURE__ */ l("div", { className: "mpl:flex mpl:justify-between mpl:w-full mpl:items-center", children: [
+          /* @__PURE__ */ l("div", { className: "mpl:flex mpl:items-center mpl:gap-12", children: [
+            /* @__PURE__ */ a(R, { className: "mpl:size-32" }),
+            /* @__PURE__ */ a(E, { size: "extrasmall", weight: "medium", children: "Cash App Pay" })
           ] }),
-          /* @__PURE__ */ a(E, { className: "mpl:size-20" })
+          /* @__PURE__ */ a(H, { className: "mpl:size-20" })
         ] })
       }
     );
   }
 );
-M.displayName = "CashAppPayment";
+k.displayName = "CashAppPayment";
 export {
-  M as default
+  k as default
 };

package/build/{CryptoPayments-BkqcfMtz.js → CryptoPayments-eVW9ZpTq.js}

@@ -1,9 +1,9 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { u as x, a as v, C as I, v as S } from "./index-BWm87vgg.js";
-import { BodyText as E, ChevronRightIcon as z, toast as N } from "mainstack-design-system";
-import { u as $ } from "./payments-CjiNVkeO.js";
-import { useState as b } from "react";
-const j = (i) => /* @__PURE__ */ l(
+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-OyliAwvi.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",
@@ -21,42 +21,41 @@ const j = (i) => /* @__PURE__ */ l(
       /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", { id: "clip0_2605_970", children: /* @__PURE__ */ a("rect", { width: "32", height: "32", fill: "white" }) }) })
     ]
   }
-), W = ({
-  Request: i,
-  metadata: C,
-  amount: c,
-  currency: m,
-  redirectUrl: o,
-  checkForErrors: f
+), q = ({
+  ProductRequest: i,
+  PaymentRequest: C,
+  metadata: f,
+  amount: m,
+  currency: c,
+  redirectUrl: l,
+  checkForErrors: u
 }) => {
-  const r = $(), { mutate: u, isLoading: g } = x(i), { mutate: w, isLoading: L } = v(i), [P, d] = b(!1), p = g || L || P, _ = async () => {
+  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 n = S(), h = {
-      ...C,
-      reference: n
+    const s = b(), h = {
+      ...f,
+      reference: s
     };
     try {
-      await u(
-        {
-          amount: c,
-          reference: n,
-          currency: m,
+      await g(
+        E({
           metadata: h,
-          is_crypto_payment: !0
-        },
+          amount: m,
+          currency: c
+        }),
         {
           onSuccess: (t) => {
           },
           onError: (t) => {
-            var s;
-            throw ((s = t == null ? void 0 : t.raw) == null ? void 0 : s.message) ?? t;
+            var n;
+            throw ((n = t == null ? void 0 : t.raw) == null ? void 0 : n.message) ?? t;
           }
         }
       );
-      const { client_secret: e } = await w(
+      const { client_secret: e } = await L(
         {
-          amount: c,
-          currency: m,
+          amount: m,
+          currency: c,
           metadata: h,
           is_crypto_payment: !0
         },
@@ -64,52 +63,52 @@ const j = (i) => /* @__PURE__ */ l(
           onSuccess: (t) => {
           },
           onError: (t) => {
-            var s;
-            throw ((s = t == null ? void 0 : t.raw) == null ? void 0 : s.message) ?? t;
+            var n;
+            throw ((n = t == null ? void 0 : t.raw) == null ? void 0 : n.message) ?? t;
           }
         }
       );
-      if (r) {
-        d(!0);
-        const { error: t } = await r.confirmPayment({
+      if (d) {
+        r(!0);
+        const { error: t } = await d.confirmPayment({
           clientSecret: e,
           confirmParams: {
             payment_method_data: {
               // @ts-ignore
               type: "crypto"
             },
-            return_url: o.includes("?") ? `${o}&reference=${n}` : `${o}?reference=${n}`
+            return_url: l.includes("?") ? `${l}&reference=${s}` : `${l}?reference=${s}`
           }
         });
         if (t)
           throw new Error(t.message ?? "Couldn't load wallet integration");
       }
     } catch (e) {
-      d(!1), console.error(e), N.error({
+      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(
-    I,
+    S,
     {
       onClick: async () => {
-        await f() || _();
+        await u() || x();
       },
       disabled: p,
       isLoading: p,
-      children: /* @__PURE__ */ l("div", { className: "mpl:flex mpl:justify-between mpl:w-full mpl:items-center", children: [
-        /* @__PURE__ */ l("div", { className: "mpl:flex mpl:items-center mpl:gap-12", children: [
-          /* @__PURE__ */ a(j, { className: "mpl:size-32" }),
-          /* @__PURE__ */ a(E, { size: "extrasmall", weight: "medium", children: "Stablecoins & Crypto" })
+      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(z, { className: "mpl:size-20" }),
+        /* @__PURE__ */ a(N, { className: "mpl:size-20" }),
         " "
       ] })
     }
   );
 };
 export {
-  W as default
+  q as default
 };

package/build/api/config.d.ts

@@ -0,0 +1,10 @@
+/** @format */
+declare const InitializeAPIConfig: (baseUrl: string, paymentBaseUrl: string, productBaseUrl: string, feeBaseUrl: string, customHeaders?: {
+    [key: string]: string | boolean;
+} | undefined) => {
+    Request: import('axios').AxiosInstance;
+    PaymentRequest: import('axios').AxiosInstance;
+    ProductRequest: import('axios').AxiosInstance;
+    FeeRequest: import('axios').AxiosInstance;
+};
+export default InitializeAPIConfig;

package/build/api/index.d.ts

@@ -0,0 +1,121 @@
+import { IInitPayment, IInitPaymentResponse, ITransactionFeesResponse, TAPIMetadata, TPaymentMethods } from 'types';
+
+interface IGetTransactionFeesPayload {
+    merchantId: string;
+    currencyCode: string;
+    amount: number;
+    types: string[];
+    address?: {
+        country?: string;
+        postal_code?: string;
+    };
+    ip?: string;
+    appName?: string;
+    quantity?: number;
+}
+export declare const useGetTransactionFees: (payload: IGetTransactionFeesPayload, FeeRequest: any) => {
+    data: any;
+    isLoading: boolean;
+    refetch: () => Promise<import('hooks/useApi').IFetchResponse>;
+    error: any;
+};
+export declare const useInitPayment: (ProductRequest: any) => {
+    data: any;
+    isLoading: boolean;
+    mutate: (dataParams: IInitPayment, { onSuccess, onError, }: {
+        onSuccess: (data: any) => void;
+        onError: (error: any) => void;
+    }) => Promise<any>;
+};
+export declare const buildInitPaymentPayload: ({ metadata, amount, currency, countryISO, totalAmount, }: {
+    metadata: any;
+    amount: number;
+    currency: string;
+    countryISO?: string | undefined;
+    totalAmount?: number | undefined;
+}) => IInitPayment;
+export declare const buildChargePaymentPayload: ({ initResponse, feesResponse, metadata, currency, callbackUrl, paymentToken, paymentMethodId, ip, paymentMethod, }: {
+    initResponse: IInitPaymentResponse;
+    feesResponse: ITransactionFeesResponse;
+    metadata: any;
+    currency: string;
+    callbackUrl?: string | undefined;
+    paymentToken?: string | undefined;
+    paymentMethodId?: string | undefined;
+    ip?: string | undefined;
+    paymentMethod?: "crypto" | "cashapp" | "card" | "transfer" | "mobile_money" | "google_pay" | "apple_pay" | "bank_transfer" | "ussd" | "payattitude" | "qr" | "wechat_pay" | undefined;
+}) => IChargePayment;
+export interface IChargePayment {
+    orderId?: string;
+    reference?: string;
+    iPAddress?: string;
+    paymentMethod?: string;
+    paymentToken?: string;
+    customerPaymentMethodId?: string;
+    callbackUrl?: string;
+    amount: {
+        currency: string;
+        value: number;
+    };
+    feeAmount?: {
+        currency: string;
+        value: number;
+    };
+    feeIds?: string[];
+    merchantId: string;
+    customer?: {
+        email?: string;
+        phone?: string;
+        name?: string;
+    };
+    metadata?: Record<string, any>;
+    source?: string;
+    payment_method_id?: string;
+}
+export declare const useChargePayment: (PaymentRequest: any) => {
+    data: any;
+    isLoading: boolean;
+    mutate: (dataParams: IChargePayment, { onSuccess, onError, }: {
+        onSuccess: (data: any) => void;
+        onError: (error: any) => void;
+    }) => Promise<any>;
+};
+interface IIntentPayment {
+    amount: number;
+    currency: string;
+    payment_method_id?: string;
+    metadata: TAPIMetadata;
+    is_crypto_payment?: boolean;
+    is_cashapp_payment?: boolean;
+}
+export declare const useIntentPayment: (Request: any) => {
+    data: any;
+    isLoading: boolean;
+    mutate: (dataParams: IIntentPayment, { 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<import('hooks/useApi').IFetchResponse>;
+    error: any;
+};
+interface IApplyDiscount {
+    discount_code: string;
+    product_id: string;
+    account_id: string;
+    currency: string;
+    store_id: string;
+    cart_id?: string;
+    ticket_payload?: string;
+    payment_plan_id?: string;
+}
+export declare const useApplyDiscount: ({ discount_code, product_id, account_id, currency, store_id, ticket_payload, cart_id, payment_plan_id, }: IApplyDiscount, Request: any) => {
+    data: any;
+    isLoading: boolean;
+    refetch: () => Promise<import('hooks/useApi').IFetchResponse>;
+    error: any;
+};
+export {};

package/build/{src/components → components}/CheckoutForm.d.ts

@@ -1,6 +1,7 @@
+import { IChargePayment } from 'api';
 import { TCustomizations, TPaymentModel } from 'types';
 
-declare const CheckoutDetailsForm: ({ currency, amount, metadata, formik, isFree, showPayment, showCheckoutForm, onCancel, btn_color, onPaymentComplete, Request, paymentModel, callbackUrl, setIframeUrl, isEuroCurrencies, paymentWidth, customizations, onGoBack, Styles, }: {
+declare const CheckoutDetailsForm: ({ currency, amount, metadata, formik, isFree, showPayment, showCheckoutForm, onCancel, btn_color, onPaymentComplete, PaymentRequest, paymentModel, callbackUrl, buildChargePayload, setIframeUrl, isEuroCurrencies, paymentWidth, customizations, onGoBack, Styles, }: {
     currency: string;
     amount: number;
     metadata?: any;
@@ -11,9 +12,13 @@ declare const CheckoutDetailsForm: ({ currency, amount, metadata, formik, isFree
     onCancel: () => void;
     btn_color: string;
     onPaymentComplete: (payload: object) => void;
-    Request: any;
+    PaymentRequest: any;
     paymentModel: TPaymentModel;
     callbackUrl?: string | undefined;
+    buildChargePayload: (params: {
+        paymentToken?: string;
+        paymentMethodId?: string;
+    }) => IChargePayment | null;
     setIframeUrl: (payload: {
         url: string;
         reference: string;

package/build/{src/components → components}/PaymentOptions/CashAppPayment.d.ts

@@ -1,12 +1,13 @@
 /** @format */
 /// <reference types="react" />
 interface CashAppPaymentProps {
-    Request: any;
+    ProductRequest: any;
+    PaymentRequest: any;
     metadata: any;
     amount: number;
     currency: string;
     redirectUrl: string;
     checkForErrors: () => Promise<boolean>;
 }
-declare const CashAppPayment: import('react').MemoExoticComponent<({ Request, metadata, amount, currency, redirectUrl, checkForErrors, }: CashAppPaymentProps) => import("react/jsx-runtime").JSX.Element>;
+declare const CashAppPayment: import('react').MemoExoticComponent<({ ProductRequest, PaymentRequest, metadata, amount, currency, redirectUrl, checkForErrors, }: CashAppPaymentProps) => import("react/jsx-runtime").JSX.Element>;
 export default CashAppPayment;

package/build/components/PaymentOptions/CryptoPayments.d.ts

@@ -0,0 +1,12 @@
+/** @format */
+interface CryptoPaymentsProps {
+    ProductRequest: any;
+    PaymentRequest: any;
+    metadata: any;
+    amount: number;
+    currency: string;
+    redirectUrl: string;
+    checkForErrors: () => Promise<boolean>;
+}
+declare const CryptoPayments: ({ ProductRequest, PaymentRequest, metadata, amount, currency, redirectUrl, checkForErrors, }: CryptoPaymentsProps) => import("react/jsx-runtime").JSX.Element;
+export default CryptoPayments;

package/build/{src/components → components}/WalletPay.d.ts

@@ -7,12 +7,12 @@ interface WalletPayProps {
     formik: any;
     checkForErrors: () => Promise<boolean>;
     onPaymentComplete: (payload: object) => void;
-    Request: any;
+    PaymentRequest: any;
     stripeCountry: string;
     onInitializePayment?: (e: object) => Promise<{
         terminate?: boolean;
     }>;
     onToggleWallet: () => void;
 }
-declare const WalletPay: import('react').MemoExoticComponent<({ currency, metadata, amount, formik, checkForErrors, onPaymentComplete, Request, stripeCountry, onInitializePayment, onToggleWallet, }: WalletPayProps) => import("react/jsx-runtime").JSX.Element>;
+declare const WalletPay: import('react').MemoExoticComponent<({ currency, metadata, amount, formik, checkForErrors, onPaymentComplete, PaymentRequest, stripeCountry, onInitializePayment, onToggleWallet, }: WalletPayProps) => import("react/jsx-runtime").JSX.Element>;
 export default WalletPay;

package/build/hooks/usePaystackPayment.d.ts

@@ -0,0 +1,21 @@
+import { IChargePayment } from 'api';
+import { AxiosInstance } from 'axios';
+import { IInitPayment, IInitPaymentResponse } from 'types';
+
+interface IProps {
+    ProductRequest: AxiosInstance;
+    PaymentRequest: AxiosInstance;
+}
+interface IMakePaymentArgs {
+    initPayload: IInitPayment;
+    buildChargePayload: (initResponse: IInitPaymentResponse) => IChargePayment;
+    handleChargeSuccess: (data: object) => void;
+    handleChargeError: (err?: object) => void;
+    handleInitError: (err?: object) => void;
+}
+export declare function usePaystackPayment({ ProductRequest, PaymentRequest }: IProps): {
+    makePaystackPayment: ({ initPayload, buildChargePayload, handleChargeError, handleInitError, handleChargeSuccess, }: IMakePaymentArgs) => void;
+    isInitializingPayment: boolean;
+    isChargingCard: boolean;
+};
+export {};