@spot-flow/checkout-inline-js 0.1.27 → 0.1.29

package/README.md

@@ -27,21 +27,25 @@ npm install @spot-flow/checkout-inline-js
       const { CheckoutForm } = SpotflowCheckout;
       const checkout = new CheckoutForm({});
       checkout.setup({
-        email: "oludkhsdksn@gmail.com",
+        email: "oluXXXXXX@gmail.com",
         encryptionKey: "g4ryXXXXXXXXXXXX=",
         merchantKey: "sk_test_d96889XXXXXXX684adXXXXX5b69",
-        planId: "3c902af2-3333-333-xxxxxxx,
         amount: 5,
-        onSuccess: (value) => {
-          console.log("Fully Success", { value })
-        }
+        metadata: {
+          productName: "",
+          title: ""
+        },
+        amount: 20,
+        currency: "USD",
+        localCurrency: "NGN"
+       
       });
  ```
 
 Alternatively, you can include it directly in your HTML via a CDN:
 
 ```sh
-<script src="https://dr4h9151gox1m.cloudfront.net/dist/checkout-inline.js"></script>  
+<script src="https://v2.inline-checkout.spotflow.one/dist/checkout-inline.js"></script>  
 ```
 
  ```sh
@@ -57,14 +61,16 @@ Alternatively, you can include it directly in your HTML via a CDN:
       const { CheckoutForm } = SpotflowCheckout;
       const checkout = new CheckoutForm({});
       checkout.setup({
-        email: "oludkhsdksn@gmail.com",
+        email: "oluXXXXXX@gmail.com",
         encryptionKey: "g4ryXXXXXXXXXXXX=",
         merchantKey: "sk_test_d96889XXXXXXX684adXXXXX5b69",
-        planId: "3c902af2-3333-333-xxxxxxx,
-        amount: 5,
-        onSuccess: (value) => {
-          console.log("Fully Success", { value })
-        }
+        metadata: {
+          productName: "",
+          title: ""
+        },
+        amount: 20,
+        currency: "USD",
+        localCurrency: "NGN"
       });
    };
 

package/dist/api.d.ts

@@ -1,10 +1,25 @@
-import { CardPaymentRequestPayload, PaymentResponseData, AuthorizeCardPaymentRequestPayload, ValidateCardPaymentRequestPayload, PaymentRequestPayload, GetPaymentRateParams, Rate, GetMerchantPlanDetail } from './types/types';
+import { CardPaymentRequestPayload, PaymentResponseData, AuthorizeCardPaymentRequestPayload, ValidateCardPaymentRequestPayload, PaymentRequestPayload, GetPaymentRateParams, Rate, GetMerchantPlanDetail, MobileMoneyPaymentRequestPayload, GetMobileMoneyResponse, RetryPaymentPayload } from './types/types';
 
 export declare const getHeaders: (token: string, rdtCode?: string) => Headers;
-export declare const createCardPayment: (token: string, payload: CardPaymentRequestPayload, rdtCode?: string, url?: string) => Promise<PaymentResponseData>;
-export declare const authorizeCardPayment: (token: string, payload: AuthorizeCardPaymentRequestPayload, rdtCode?: string, url?: string) => Promise<PaymentResponseData>;
-export declare const validateCardPayment: (token: string, payload: ValidateCardPaymentRequestPayload, rdtCode?: string, url?: string) => Promise<PaymentResponseData>;
-export declare const createTransferPayment: (token: string, payload: PaymentRequestPayload, rdtCode?: string, url?: string) => Promise<PaymentResponseData>;
-export declare const verifyPayment: (token: string, reference: string, signal?: AbortSignal, rdtCode?: string, url?: string) => Promise<PaymentResponseData>;
+export type PaymentAPIResponse = {
+    data: PaymentResponseData;
+    headers: Headers;
+};
+export declare const createCardPayment: (token: string, payload: CardPaymentRequestPayload, rdtCode?: string, url?: string) => Promise<PaymentAPIResponse>;
+export declare const authorizeCardPayment: (token: string, payload: AuthorizeCardPaymentRequestPayload, rdtCode?: string, url?: string) => Promise<PaymentAPIResponse>;
+export declare const validateCardPayment: (token: string, payload: ValidateCardPaymentRequestPayload, rdtCode?: string, url?: string) => Promise<PaymentAPIResponse>;
+export declare const createTransferPayment: (token: string, payload: PaymentRequestPayload, rdtCode?: string, url?: string) => Promise<PaymentAPIResponse>;
+export declare const createMobileMoneyPayment: (token: string, payload: MobileMoneyPaymentRequestPayload, rdtCode?: string, url?: string) => Promise<PaymentAPIResponse>;
+export declare const verifyPayment: (token: string, reference: string, signal?: AbortSignal, rdtCode?: string, url?: string) => Promise<PaymentAPIResponse>;
 export declare function getRate(token: string, payload: GetPaymentRateParams, rdtCode?: string, url?: string): Promise<Rate>;
+export declare function getProviders(token: string, currency: string, rdtCode?: string, url?: string, localCurrency?: string): Promise<GetMobileMoneyResponse>;
 export declare function getCheckoutConfiguration(secret: string, planId: string, rdtCode?: string, url?: string): Promise<GetMerchantPlanDetail>;
+export declare const cancelPayment: (token: string, payload: {
+    reference: string;
+}, rdtCode?: string, url?: string) => Promise<{
+    headers: Headers;
+}>;
+export declare const retryPayment: (token: string, payload: RetryPaymentPayload, rdtCode?: string, url?: string) => Promise<{
+    data: PaymentResponseData;
+    headers: Headers;
+}>;

package/dist/apis/payment.service.d.ts

@@ -15,14 +15,18 @@ export declare class BaseService {
     protected getHeaders: (token: string, rdtCode?: string) => Headers;
 }
 type PaymentServiceProps = Props;
+export type PaymentAPIResponse = {
+    data: PaymentResponseData;
+    headers: Headers;
+};
 export declare class PaymentService extends BaseService {
     constructor(props: PaymentServiceProps);
     createCardPayment(payload: CardPaymentRequestPayload): Promise<PaymentResponseData>;
-    createUssdPayment(payload: UssdPaymentRequestPayload): Promise<PaymentResponseData>;
+    createUssdPayment(payload: UssdPaymentRequestPayload): Promise<PaymentAPIResponse>;
     validateCardPayment(payload: ValidateCardPaymentRequestPayload): Promise<PaymentResponseData>;
     authorizeCardPayment(payload: AuthorizeCardPaymentRequestPayload): Promise<PaymentResponseData>;
     createTransferPayment(payload: PaymentRequestPayload): Promise<PaymentResponseData>;
-    verifyPayment(reference: string, signal?: AbortSignal): Promise<PaymentResponseData>;
+    verifyPayment(reference: string, signal?: AbortSignal): Promise<PaymentAPIResponse>;
 }
 type RateServiceProps = Props;
 export declare class RateService extends BaseService {
@@ -37,7 +41,7 @@ export declare class MerchantConfigService extends BaseService {
      * @param planId this is the planId for the subscriptions
      * @returns {Promise<GetMerchantPlanDetail>}
      */
-    getMerchantConfig(planId: string): Promise<GetMerchantPlanDetail>;
+    getMerchantConfig(planId: string, currency: string): Promise<GetMerchantPlanDetail>;
 }
 type BankServiceProps = Props;
 export declare class BankService extends BaseService {

package/dist/checkout-class.d.ts

@@ -5,11 +5,7 @@ import { SpotflowProps } from './types';
 
 declare class CheckoutForm {
     modalContainer: HTMLDivElement;
-    currentPaymentMethod: number;
-    currentStep: number;
     mainLayout: HTMLDivElement;
-    private onSuccess;
-    private onClose;
     encryption: string;
     mainScreen: MainPageScreen;
     private merchantConfigService;
@@ -20,18 +16,21 @@ declare class CheckoutForm {
     planId: string;
     email: string;
     amount: number;
-    isMobile: boolean;
     rdtCode: string;
     url: string;
+    phoneNumber: string;
+    code: string;
     reference: string;
     currency: string;
     callBackUrl: string;
     metadata: Record<string, unknown>;
-    constructor(config: Partial<SpotflowProps>);
-    closeBTN(): void;
+    localCurrency: string;
+    constructor();
+    closePayment(): void;
     getDeviceType(): "Mobile" | "Tablet" | "Desktop";
     setup(config: Partial<SpotflowProps>): void;
     private getPlanDetails;
+    showErrorIcon(): void;
     closeModal(): void;
 }
 export { CheckoutForm };