@spot-flow/checkout-inline-js 0.0.6 → 0.1.14

package/README.md

@@ -3,13 +3,20 @@
 
 This project is an inline library that enables users to make payments seamlessly. It integrates smoothly into your application, providing a streamlined checkout experience.
 
+For React components and usage, [link](https://github.com/Spotflow-One/react-spotflow-checkout)
+
+For Vue.js components and usage, [link](https://github.com/Spotflow-One/vue-spotflow-checkout)
+
+For Angular components and usage, [link](https://github.com/Spotflow-One/angular-spotflow-checkout)
+
+
 ## Demo
 <img width="808" alt="Screenshot 2024-07-26 at 16 05 52" src="https://github.com/user-attachments/assets/4dbb0b2e-2142-4f04-994a-5c352de7d30e">
 
 
 ## Installation
  ```sh
- npm install @spotflow/inline-js-checkout
+npm install @spot-flow/checkout-inline-js
    ```
 
 ## Usage
@@ -80,4 +87,4 @@ To build the project, run:
 npm run build
 ```
 
-This will compile the source files and generate the output in the `dist` directory.
+This will compile the source files and generate the output in the `dist` directory.

package/dist/api.d.ts

@@ -1,7 +1,9 @@
-import { CardPaymentRequestPayload, PaymentResponseData, AuthorizeCardPaymentRequestPayload, ValidateCardPaymentRequestPayload, PaymentRequestPayload } from './types/types';
+import { CardPaymentRequestPayload, PaymentResponseData, AuthorizeCardPaymentRequestPayload, ValidateCardPaymentRequestPayload, PaymentRequestPayload, GetPaymentRateParams, Rate, GetMerchantPlanDetail } from './types/types';
 
 export declare const createCardPayment: (token: string, payload: CardPaymentRequestPayload) => Promise<PaymentResponseData>;
 export declare const authorizeCardPayment: (token: string, payload: AuthorizeCardPaymentRequestPayload) => Promise<PaymentResponseData>;
 export declare const validateCardPayment: (token: string, payload: ValidateCardPaymentRequestPayload) => Promise<PaymentResponseData>;
 export declare const createTransferPayment: (token: string, payload: PaymentRequestPayload) => Promise<PaymentResponseData>;
 export declare const verifyPayment: (token: string, reference: string, signal?: AbortSignal) => Promise<PaymentResponseData>;
+export declare function getRate(token: string, payload: GetPaymentRateParams): Promise<Rate>;
+export declare function getCheckoutConfiguration(secret: string, planId: string): Promise<GetMerchantPlanDetail>;

package/dist/checkout-class.d.ts

@@ -1,30 +1,27 @@
-import { default as Card } from './modules/Card';
-import { default as Transfer } from './modules/Transfer';
-import { default as Ussd } from './modules/Ussd';
+import { MainPageScreen } from './views/shared/main-page';
+import { SharedErrorScreen } from './views/shared/shared-error-page';
+import { PageLoader } from './views/shared/page-loader';
 
 declare class CheckoutForm {
     modalContainer: HTMLDivElement;
     currentPaymentMethod: number;
     currentStep: number;
+    mainLayout: HTMLDivElement;
+    encryption: string;
     container: HTMLDivElement;
-    card: Card;
-    transfer: Transfer;
-    ussd: Ussd;
+    mainScreen: MainPageScreen;
+    mainError: SharedErrorScreen;
+    mainLoader: PageLoader;
+    private merchantPlanDetail;
     merchantKey: string;
+    planId: string;
     email: string;
     amount: number;
     isMobile: boolean;
-    constructor(merchantKey: string, email: string, amount: number);
-    attachInputListeners(): void;
-    displayTabLayout(): void;
-    private updatePaymentMethodView;
-    renderPaymentMethodContent(): void | "";
-    setCurrentPaymentMethod(index: number): void;
-    private cleanup;
-    closeModal(): void;
+    constructor(merchantKey: string, encryption: string, email: string, amount: number, planId: string);
+    closeBTN(): void;
     setup(): void;
-    private mobileContainerContent;
-    private viewMobileOptions;
-    private displayPaymentWarningText;
+    private getPlanDetails;
+    closeModal(): void;
 }
 export { CheckoutForm };