@spot-flow/checkout-inline-js 0.1.49-dev.2 → 0.1.49-dev.3

package/README.md

@@ -1,78 +1,78 @@
-
-# Spotflow Checkout Inline
-
-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, [React NPM Package](https://www.npmjs.com/package/@spot-flow/react-spotflow-checkout)
-
-For Vue.js components and usage, [Vue NPM Package](https://www.npmjs.com/package/@spot-flow/vue-spotflow-checkout)
-
-For Angular components and usage, [Angular NPM Package](https://www.npmjs.com/package/@spot-flow/ng-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 @spot-flow/checkout-inline-js
-   ```
-
-## Usage
-
- ```javascript
- import { CheckoutForm } from "@spot-flow/checkout-inline-js";
-
-      const { CheckoutForm } = SpotflowCheckout;
-      const checkout = new CheckoutForm();
-      checkout.setup({
-        email: "oluXXXXXX@gmail.com",
-        encryptionKey: "g4ryXXXXXXXXXXXX=",
-        merchantKey: "sk_test_d96889XXXXXXX684adXXXXX5b69",
-        amount: 5,
-        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://v2.inline-checkout.spotflow.one/dist/checkout-inline.js"></script>  
-```
-
- ```sh
- <button onclick="openCheckout()">
-    Make Payment
- </button>
- ```
-
- ```javascript
- <script>
-
-   const openCheckout = () => {
-      const { CheckoutForm } = SpotflowCheckout;
-      const checkout = new CheckoutForm();
-      checkout.setup({
-        email: "oluXXXXXX@gmail.com",
-        encryptionKey: "g4ryXXXXXXXXXXXX=",
-        merchantKey: "sk_test_d96889XXXXXXX684adXXXXX5b69",
-        metadata: {
-          productName: "",
-          title: ""
-        },
-        amount: 20,
-        currency: "USD",
-        localCurrency: "NGN"
-      });
-   };
-
- </script>
- ```
+
+# Spotflow Checkout Inline
+
+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, [React NPM Package](https://www.npmjs.com/package/@spot-flow/react-spotflow-checkout)
+
+For Vue.js components and usage, [Vue NPM Package](https://www.npmjs.com/package/@spot-flow/vue-spotflow-checkout)
+
+For Angular components and usage, [Angular NPM Package](https://www.npmjs.com/package/@spot-flow/ng-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 @spot-flow/checkout-inline-js
+   ```
+
+## Usage
+
+ ```javascript
+ import { CheckoutForm } from "@spot-flow/checkout-inline-js";
+
+      const { CheckoutForm } = SpotflowCheckout;
+      const checkout = new CheckoutForm();
+      checkout.setup({
+        email: "oluXXXXXX@gmail.com",
+        encryptionKey: "g4ryXXXXXXXXXXXX=",
+        merchantKey: "sk_test_d96889XXXXXXX684adXXXXX5b69",
+        amount: 5,
+        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://v2.inline-checkout.spotflow.one/dist/checkout-inline.js"></script>  
+```
+
+ ```sh
+ <button onclick="openCheckout()">
+    Make Payment
+ </button>
+ ```
+
+ ```javascript
+ <script>
+
+   const openCheckout = () => {
+      const { CheckoutForm } = SpotflowCheckout;
+      const checkout = new CheckoutForm();
+      checkout.setup({
+        email: "oluXXXXXX@gmail.com",
+        encryptionKey: "g4ryXXXXXXXXXXXX=",
+        merchantKey: "sk_test_d96889XXXXXXX684adXXXXX5b69",
+        metadata: {
+          productName: "",
+          title: ""
+        },
+        amount: 20,
+        currency: "USD",
+        localCurrency: "NGN"
+      });
+   };
+
+ </script>
+ ```

package/dist/api.d.ts

@@ -1,37 +1,37 @@
-import { CardPaymentRequestPayload, PaymentResponseData, AuthorizeCardPaymentRequestPayload, ValidateCardPaymentRequestPayload, PaymentRequestPayload, GetPaymentRateParams, Rate, GetMerchantPlanDetail, MobileMoneyPaymentRequestPayload, GetMobileMoneyResponse, CreateDisputeRequest, RetryPaymentPayload, TaxQuoteResponse } from './types/types';
-
-export declare const getHeaders: (token: string, rdtCode?: string, isFile?: boolean) => Headers;
-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 uploadFile: (token: string, payload: FormData, rdtCode?: string, url?: string) => Promise<any>;
-export declare const createDispute: (token: string, payload: CreateDisputeRequest, rdtCode?: string, url?: string) => Promise<any>;
-export declare const retryPayment: (token: string, payload: RetryPaymentPayload, rdtCode?: string, url?: string) => Promise<{
-    data: PaymentResponseData;
-    headers: Headers;
-}>;
-export declare function getTaxQuotes(token: string, amount: number, currency: string, rdtCode?: string, url?: string): Promise<TaxQuoteResponse>;
-export declare const chargePayment: (token: string, reference: string, rdtCode?: string, url?: string) => Promise<{
-    headers: Headers;
-    data: PaymentResponseData;
-}>;
-export declare const translateText: (payload: {
-    text: string | Array<string>;
-    source?: string;
-    target: string;
-}) => Promise<any>;
+import { CardPaymentRequestPayload, PaymentResponseData, AuthorizeCardPaymentRequestPayload, ValidateCardPaymentRequestPayload, PaymentRequestPayload, GetPaymentRateParams, Rate, GetMerchantPlanDetail, MobileMoneyPaymentRequestPayload, GetMobileMoneyResponse, CreateDisputeRequest, RetryPaymentPayload, TaxQuoteResponse } from './types/types';
+
+export declare const getHeaders: (token: string, rdtCode?: string, isFile?: boolean) => Headers;
+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 uploadFile: (token: string, payload: FormData, rdtCode?: string, url?: string) => Promise<any>;
+export declare const createDispute: (token: string, payload: CreateDisputeRequest, rdtCode?: string, url?: string) => Promise<any>;
+export declare const retryPayment: (token: string, payload: RetryPaymentPayload, rdtCode?: string, url?: string) => Promise<{
+    data: PaymentResponseData;
+    headers: Headers;
+}>;
+export declare function getTaxQuotes(token: string, amount: number, currency: string, rdtCode?: string, url?: string): Promise<TaxQuoteResponse>;
+export declare const chargePayment: (token: string, reference: string, rdtCode?: string, url?: string) => Promise<{
+    headers: Headers;
+    data: PaymentResponseData;
+}>;
+export declare const translateText: (payload: {
+    text: string | Array<string>;
+    source?: string;
+    target: string;
+}) => Promise<any>;

package/dist/checkout-class.d.ts

@@ -1,44 +1,44 @@
-import { MainPageScreen } from './views/shared/main-page';
-import { SharedErrorScreen } from './views/shared/shared-error-page';
-import { PageLoader } from './views/shared/page-loader';
-import { SpotflowProps } from './types';
-
-declare class CheckoutForm {
-    modalContainer: HTMLDivElement;
-    mainLayout: HTMLDivElement;
-    encryption: string;
-    mainScreen: MainPageScreen;
-    private merchantConfigService;
-    mainError: SharedErrorScreen;
-    mainLoader: PageLoader;
-    private merchantPlanDetail;
-    merchantKey: string;
-    planId: string;
-    email: string;
-    amount: number;
-    name?: string;
-    rdtCode: string;
-    url: string;
-    phoneNumber?: string;
-    code: string;
-    reference: string;
-    currency: string;
-    callBackUrl: string;
-    metadata: Record<string, unknown>;
-    localCurrency: string;
-    countryCode?: string;
-    mode?: "test" | "live";
-    rawPaymentMethodTexts: Record<string, string>;
-    translatedPMTexts: Record<string, string>;
-    constructor();
-    closePayment(): void;
-    getDeviceType(): "Mobile" | "Tablet" | "Desktop";
-    setup(config: SpotflowProps): void;
-    private getAvailableChannels;
-    private getPlanDetails;
-    render(validChannels: string[], disabledChannels: string[]): void;
-    updateMethodsOptionsTexts(methods: string[]): Promise<void>;
-    showErrorIcon(): void;
-    closeModal(): void;
-}
-export { CheckoutForm };
+import { MainPageScreen } from './views/shared/main-page';
+import { SharedErrorScreen } from './views/shared/shared-error-page';
+import { PageLoader } from './views/shared/page-loader';
+import { SpotflowProps } from './types';
+
+declare class CheckoutForm {
+    modalContainer: HTMLDivElement;
+    mainLayout: HTMLDivElement;
+    encryption: string;
+    mainScreen: MainPageScreen;
+    private merchantConfigService;
+    mainError: SharedErrorScreen;
+    mainLoader: PageLoader;
+    private merchantPlanDetail;
+    merchantKey: string;
+    planId: string;
+    email: string;
+    amount: number;
+    name?: string;
+    rdtCode: string;
+    url: string;
+    phoneNumber?: string;
+    code: string;
+    reference: string;
+    currency: string;
+    callBackUrl: string;
+    metadata: Record<string, unknown>;
+    localCurrency: string;
+    countryCode?: string;
+    mode?: "test" | "live";
+    rawPaymentMethodTexts: Record<string, string>;
+    translatedPMTexts: Record<string, string>;
+    constructor();
+    closePayment(): void;
+    getDeviceType(): "Mobile" | "Tablet" | "Desktop";
+    setup(config: SpotflowProps): void;
+    private getAvailableChannels;
+    private getPlanDetails;
+    render(validChannels: string[], disabledChannels: string[]): void;
+    updateMethodsOptionsTexts(methods: string[]): Promise<void>;
+    showErrorIcon(): void;
+    closeModal(): void;
+}
+export { CheckoutForm };