@spot-flow/checkout-inline-js 0.1.33-dev.4 → 0.1.33-dev.6

package/dist/modules/Card.d.ts

@@ -1,5 +1,5 @@
 import { PaymentAPIResponse } from '../api';
-import { GetMerchantPlanDetail } from '../types/types';
+import { GetMerchantDetailsTax } from '../types/types';
 
 type Props = {
     container: HTMLElement;
@@ -7,6 +7,7 @@ type Props = {
     encryption: string;
     email: string;
     amount: number;
+    totalAmount: number;
     switchTab: (val: number) => void;
     planId: string;
     onSuccess?: (_val?: any) => void;
@@ -40,6 +41,7 @@ declare class Card {
     private email;
     private token;
     private amount;
+    private totalAmount;
     private encryption;
     private currency;
     private _currentStep;
@@ -60,7 +62,7 @@ declare class Card {
     private retryingPayment;
     isMaxRetriesReached: boolean;
     isMobile: boolean;
-    constructor({ amount, container, email, encryption, planId, token, currency, rdtCode, url, reference, onSuccess, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, onClose, restartTransactionProcess, retryingPayment, }: Props);
+    constructor({ amount, totalAmount, container, email, encryption, planId, token, currency, rdtCode, url, reference, onSuccess, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, onClose, restartTransactionProcess, retryingPayment, }: Props);
     get currentStep(): number;
     set currentStep(step: number);
     submitCardDetails(e: Event, _values: {
@@ -79,7 +81,7 @@ declare class Card {
     verifyPayment(onSuccess: (data: PaymentAPIResponse) => void, onError: (data: PaymentAPIResponse) => void): Promise<void>;
     verifyPaymentProcess(): Promise<void>;
     goBackToMerchant(): void;
-    renderCardContent(values?: GetMerchantPlanDetail): void;
+    renderCardContent(values?: GetMerchantDetailsTax): void;
     private redirectTo;
     private displayButtonText;
 }

package/dist/modules/EFT.d.ts

@@ -1,10 +1,11 @@
-import { GetMerchantPlanDetail } from '../types/types';
+import { GetMerchantDetailsTax } from '../types/types';
 
 type Props = {
     container: HTMLElement;
     token: string;
     email: string;
     amount: number;
+    totalAmount: number;
     switchTab: (val: number) => void;
     onSuccess?: (_val?: any) => void;
     currency: string;
@@ -31,9 +32,9 @@ declare class Eft {
     private email;
     private token;
     private amount;
+    private totalAmount;
     private currency;
     private _currentStep;
-    private activeRef;
     private rdtCode?;
     private url?;
     private reference;
@@ -49,7 +50,7 @@ declare class Eft {
     isMobile: boolean;
     private paymentResponse;
     private paymentResponseHeaders;
-    constructor({ amount, container, email, token, currency, rdtCode, url, reference, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, restartTransactionProcess, retryingPayment, }: Props);
+    constructor({ amount, totalAmount, container, email, token, currency, rdtCode, url, reference, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, restartTransactionProcess, retryingPayment, }: Props);
     get currentStep(): number;
     set currentStep(step: number);
     showLoader(): void;
@@ -58,6 +59,6 @@ declare class Eft {
     createEftPayment(): Promise<void>;
     private redirectToOzow;
     verifyPaymentProcess(): Promise<void>;
-    renderEftContent(values?: GetMerchantPlanDetail): void;
+    renderEftContent(values?: GetMerchantDetailsTax): void;
 }
 export default Eft;

package/dist/modules/MobileMoney.d.ts

@@ -1,4 +1,4 @@
-import { GetMerchantPlanDetail } from '../types/types';
+import { GetMerchantDetailsTax } from '../types/types';
 import { PageLoader } from '../views/shared/page-loader';
 
 type Props = {
@@ -7,6 +7,7 @@ type Props = {
     email: string;
     onSuccess?: (_val?: any) => void;
     amount: number;
+    totalAmount: number;
     rdtCode?: string;
     metadata: Record<string, unknown>;
     url?: string;
@@ -42,6 +43,7 @@ declare class MobileMoney {
     private activeRef;
     private warningScreen;
     private amount;
+    private totalAmount;
     private url?;
     private reference;
     private metadata;
@@ -50,7 +52,7 @@ declare class MobileMoney {
     private token;
     private callBackUrl;
     private rdtCode?;
-    merchantDetails: GetMerchantPlanDetail;
+    merchantDetails: GetMerchantDetailsTax;
     private onClose;
     private hidePaymentMethods;
     private showPaymentMethods;
@@ -61,7 +63,7 @@ declare class MobileMoney {
     private retryingPayment;
     isMaxRetriesReached: boolean;
     isMobile: boolean;
-    constructor({ container, merchantKey, localCurrency, metadata, callBackUrl, rdtCode, reference, onSuccess, url, email, amount, token, currency, disablePaymentMethods, hidePaymentMethods, showPaymentMethods, onClose, restartTransactionProcess, retryingPayment, }: Props);
+    constructor({ container, merchantKey, localCurrency, metadata, callBackUrl, rdtCode, reference, onSuccess, url, email, amount, totalAmount, token, currency, disablePaymentMethods, hidePaymentMethods, showPaymentMethods, onClose, restartTransactionProcess, retryingPayment, }: Props);
     get currentStep(): number;
     set currentStep(step: number);
     attachInputListeners(): void;
@@ -73,6 +75,6 @@ declare class MobileMoney {
     submitOtp(e: Event, values: string): void;
     verifyPaymentProcess(): Promise<void>;
     goBackToMerchant(): void;
-    renderMobileMoneyContent(values?: GetMerchantPlanDetail): void;
+    renderMobileMoneyContent(values?: GetMerchantDetailsTax): void;
 }
 export default MobileMoney;

package/dist/modules/Transfer.d.ts

@@ -1,4 +1,4 @@
-import { GetMerchantPlanDetail } from '../types/types';
+import { GetMerchantDetailsTax } from '../types/types';
 import { PageLoader } from '../views/shared/page-loader';
 
 type Props = {
@@ -7,6 +7,7 @@ type Props = {
     token: string;
     email: string;
     amount: number;
+    totalAmount: number;
     currency: string;
     rdtCode?: string;
     url?: string;
@@ -35,6 +36,7 @@ declare class Transfer {
     private token;
     private currency;
     private amount;
+    private totalAmount;
     private rdtCode?;
     private url?;
     private reference;
@@ -54,7 +56,7 @@ declare class Transfer {
     private retryingPayment;
     isMaxRetriesReached: boolean;
     isMobile: boolean;
-    constructor({ amount, closeModal, container, email, token, currency, rdtCode, url, reference, callBackUrl, metadata, localCurrency, disablePaymentMethods, restartTransactionProcess, hidePaymentMethods, retryingPayment, }: Props);
+    constructor({ amount, totalAmount, closeModal, container, email, token, currency, rdtCode, url, reference, callBackUrl, metadata, localCurrency, disablePaymentMethods, restartTransactionProcess, hidePaymentMethods, retryingPayment, }: Props);
     get currentStep(): number;
     set currentStep(step: number);
     attachInputListeners(): void;
@@ -62,7 +64,7 @@ declare class Transfer {
     verifyTransfer(): Promise<void>;
     createTransfer(): Promise<void>;
     goBackToMerchant(): void;
-    renderTransferContent(values?: GetMerchantPlanDetail): void;
+    renderTransferContent(values?: GetMerchantDetailsTax): void;
     private stopTimer;
     stopProgressBar(): void;
     copyToClipboard(text: string, element: Element): void;

package/dist/modules/Ussd.d.ts

@@ -1,10 +1,11 @@
-import { GetMerchantPlanDetail } from '../types/types';
+import { GetMerchantDetailsTax } from '../types/types';
 
 type Props = {
     container: HTMLElement;
     onSuccess?: (_val?: any) => void;
     secret: string;
     amount: number;
+    totalAmount: number;
     currency: string;
     reference: string;
     email?: string;
@@ -24,6 +25,7 @@ declare class Ussd {
     private selectedCode?;
     private secret;
     private amount;
+    private totalAmount;
     private currency;
     private email?;
     private pageLoader;
@@ -45,17 +47,17 @@ declare class Ussd {
     private callBackUrl;
     private metadata;
     private localCurrency;
-    merchantDetails: GetMerchantPlanDetail;
+    merchantDetails: GetMerchantDetailsTax;
     private hidePaymentMethods;
     private showPaymentMethods;
     disablePaymentMethods: (name: string) => void;
-    constructor({ container, onSuccess, secret, amount, currency, email, reference, rdtCode, url, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, disablePaymentMethods, }: Props);
+    constructor({ container, onSuccess, secret, amount, totalAmount, currency, email, reference, rdtCode, url, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, disablePaymentMethods, }: Props);
     get currentStep(): number;
     set currentStep(step: number);
     private onCodeSelect;
     private validate;
     private redirectTo;
-    renderUssdContent(values?: GetMerchantPlanDetail): void;
+    renderUssdContent(values?: GetMerchantDetailsTax): void;
     handleSelectChange(_e: Event): void;
 }
 export default Ussd;

package/dist/types/types.d.ts

@@ -16,6 +16,7 @@ export type PaymentRequestPayload = {
     callBackUrl?: string;
     metadata?: Record<string, unknown>;
     isCheckout: boolean;
+    taxQuoteId?: string;
 };
 export type CardDetails = {
     pan: string;
@@ -98,6 +99,8 @@ export type PaymentResponseData = {
         code: string;
         paymentCode: string;
     };
+    totalLocalAmount?: number;
+    totalTaxAmount?: number;
 };
 export interface Authorization {
     mode: string;
@@ -156,6 +159,7 @@ export type GetMerchantPlanDetail = {
         channel: PaymentChannel;
         amount: number;
     }>;
+    taxEnabled: boolean;
 };
 export type GetBanksRequestParams = {
     ussd: boolean;
@@ -194,3 +198,11 @@ export type PusherResponse = {
     status: string;
 };
 export type PaymentChannel = "card" | "bank_transfer" | "ussd" | "mobile_money" | "eft";
+export type TaxQuoteResponse = {
+    id: string;
+    totalAmount: number;
+};
+export type GetMerchantDetailsTax = GetMerchantPlanDetail & {
+    totalAmount?: number;
+    taxQuoteId?: string;
+};

package/dist/views/eft/authenticate.d.ts

@@ -5,14 +5,6 @@ import { PaymentWarning } from '../shared/payment-warning';
 type Props = {
     container: HTMLElement;
     onAction: () => Promise<void>;
-    ref: string;
-    merchantKey: string;
-    rdtCode?: string;
-    url?: string;
-    currency: string;
-    amount: number;
-    localCurrency?: string;
-    rate?: number;
     restartTransactionProcess: () => void;
 };
 export declare class EftAuthenticate {
@@ -20,13 +12,6 @@ export declare class EftAuthenticate {
     payment: PaymentResponseData;
     warningError: PaymentWarning;
     pageLoader: PageLoader;
-    localCurrency?: string;
-    rate?: number;
-    amount: number;
-    merchantKey: string;
-    rdtCode?: string;
-    url?: string;
-    currency: string;
     onAction: () => Promise<void>;
     private restartTransactionProcess;
     constructor(props: Props);

package/dist/views/mobile-money/mobile-money-form.d.ts

@@ -16,6 +16,7 @@ type Props = {
     url?: string;
     currency: string;
     amount: number;
+    totalAmount: number;
     localCurrency?: string;
     rate?: number;
     restartTransactionProcess: () => void;
@@ -28,6 +29,7 @@ export declare class MobileMoneyForm {
     localCurrency?: string;
     rate?: number;
     amount: number;
+    totalAmount: number;
     private onAction;
     private switchScreen;
     private merchantKey;
@@ -35,6 +37,7 @@ export declare class MobileMoneyForm {
     private url?;
     private currency;
     private restartTransactionProcess;
+    private countryCode;
     constructor(props: Props);
     private validateForm;
     attachListener(): void;

package/dist/views/shared/main-header.d.ts

@@ -1,4 +1,4 @@
-import { GetMerchantPlanDetail } from '../../types/types';
+import { GetMerchantDetailsTax } from '../../types/types';
 
 type Props = {
     container: HTMLDivElement;
@@ -7,7 +7,7 @@ type Props = {
     metadata?: Record<string, unknown>;
     currency: string;
     localCurrency?: string;
-    merchantDetail: GetMerchantPlanDetail;
+    merchantDetail: GetMerchantDetailsTax;
     onAction: (_val: string) => void;
     isMobile: boolean;
     onClose: (notClosePayment: boolean) => void;
@@ -20,7 +20,7 @@ export declare class MainHeader {
     metadata?: Record<string, unknown>;
     currency: string;
     localCurrency?: string;
-    merchantDetail: GetMerchantPlanDetail;
+    merchantDetail: GetMerchantDetailsTax;
     onAction: (_val: string) => void;
     isMobile: boolean;
     onClose: (notClosePayment: boolean) => void;

package/dist/views/shared/main-page.d.ts

@@ -1,7 +1,7 @@
 import { default as Card } from '../../modules/Card';
 import { default as Transfer } from '../../modules/Transfer';
 import { default as Ussd } from '../../modules/Ussd';
-import { GetMerchantPlanDetail } from '../../types/types';
+import { GetMerchantDetailsTax } from '../../types/types';
 import { MainHeader } from './main-header';
 import { MainFooter } from './main-footer';
 import { default as MobileMoney } from '../../modules/MobileMoney';
@@ -58,8 +58,9 @@ export declare class MainPageScreen {
     localCurrency: string;
     closePayment: () => void;
     retryingPayment: boolean;
+    totalAmount: number;
     constructor({ container, email, phoneNumber, code, encryption, merchantKey, modalContainer, amount, planId, rdtCode, url, reference, callBackUrl, metadata, localCurrency, closePayment, }: Props);
-    mountScreen(values: GetMerchantPlanDetail, currency: string, validChannels: Array<string>, disabledChannels: Array<string>): void;
+    mountScreen(values: GetMerchantDetailsTax, currency: string, validChannels: Array<string>, disabledChannels: Array<string>): void;
     private setupPaymentMethodButtons;
     attachListeners(): void;
     closeBTN(notClosePayment: boolean): void;

package/dist/views/shared/payment-success.d.ts

@@ -14,7 +14,6 @@ export declare class PaymentSuccess {
     rate?: number;
     message?: string;
     constructor({ container, amount, currency, localCurrency, rate, message, }: Props);
-    attachListener(): void;
     renderComponent(): void;
     render(): string;
 }

package/dist/views/ussd/ussd-bank-detail-form.d.ts

@@ -11,6 +11,7 @@ type Props = {
     localCurrency?: string;
     rate?: number;
     amount: number;
+    totalAmount: number;
 };
 export declare class UssdBankDetailForm {
     container: HTMLElement | Element;
@@ -22,6 +23,7 @@ export declare class UssdBankDetailForm {
     localCurrency?: string;
     rate?: number;
     amount: number;
+    totalAmount: number;
     constructor(props: Props);
     attachListerner(): void;
     private validateForm;

package/dist/views/ussd/ussd-view-code.d.ts

@@ -7,6 +7,7 @@ type Props = {
     secret: string;
     currency: string;
     amount: number;
+    totalAmount: number;
     email: string;
     reference: string;
     rdtCode?: string;
@@ -27,7 +28,6 @@ export declare class UssdViewCode {
     private ussd_detail?;
     private reference;
     private email?;
-    private abortController;
     private activeRef;
     private pageLoader;
     private callBackUrl;
@@ -37,7 +37,6 @@ export declare class UssdViewCode {
     constructor(props: Props);
     private makePayment;
     attachListener(): void;
-    verifyPayment(): void;
     renderComponent(): void;
     render(): string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spot-flow/checkout-inline-js",
-  "version": "0.1.33-dev.4",
+  "version": "0.1.33-dev.6",
   "description": "",
   "main": "dist/checkout-inline.js",
   "module": "dist/checkout-inline.es.js",