@spot-flow/checkout-inline-js 0.1.40 → 0.1.41-dev.1

package/dist/modules/Card.d.ts

@@ -1,11 +1,12 @@
 import { PaymentAPIResponse } from '../api';
 import { CardDetailValueType, GetMerchantDetailsTax } from '../types/types';
+import { CustomerDetails } from '../types';
 
 type Props = {
     container: HTMLElement;
     token: string;
     encryption: string;
-    email: string;
+    customer: CustomerDetails;
     amount: number;
     totalAmount: number;
     switchTab: (val: number) => void;
@@ -38,7 +39,7 @@ declare class Card {
     private container;
     private onSuccess;
     private planId;
-    private email;
+    private customer;
     private token;
     private amount;
     private totalAmount;
@@ -63,7 +64,7 @@ declare class Card {
     private retryingPayment;
     isMaxRetriesReached: boolean;
     isMobile: boolean;
-    constructor({ amount, totalAmount, container, email, encryption, planId, token, currency, rdtCode, url, reference, onSuccess, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, onClose, restartTransactionProcess, retryingPayment, }: Props);
+    constructor({ amount, totalAmount, container, customer, 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: CardDetailValueType): Promise<void>;

package/dist/modules/EFT.d.ts

@@ -1,9 +1,10 @@
 import { GetMerchantDetailsTax } from '../types/types';
+import { CustomerDetails } from '../types';
 
 type Props = {
     container: HTMLElement;
     token: string;
-    email: string;
+    customer: CustomerDetails;
     amount: number;
     totalAmount: number;
     switchTab: (val: number) => void;
@@ -29,7 +30,7 @@ declare class Eft {
     private warningScreen;
     private transactionIssuesScreen;
     private container;
-    private email;
+    private customer;
     private token;
     private amount;
     private totalAmount;
@@ -50,7 +51,7 @@ declare class Eft {
     isMobile: boolean;
     private paymentResponse;
     private paymentResponseHeaders;
-    constructor({ amount, totalAmount, container, email, token, currency, rdtCode, url, reference, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, restartTransactionProcess, retryingPayment, }: Props);
+    constructor({ amount, totalAmount, container, customer, token, currency, rdtCode, url, reference, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, restartTransactionProcess, retryingPayment, }: Props);
     get currentStep(): number;
     set currentStep(step: number);
     showLoader(): void;

package/dist/modules/MobileMoney.d.ts

@@ -1,10 +1,11 @@
 import { GetMerchantDetailsTax } from '../types/types';
 import { PageLoader } from '../views/shared/page-loader';
+import { CustomerDetails } from '../types';
 
 type Props = {
     container: HTMLElement;
     closeModal: () => void;
-    email: string;
+    customer: CustomerDetails;
     onSuccess?: (_val?: any) => void;
     amount: number;
     totalAmount: number;
@@ -15,7 +16,7 @@ type Props = {
     callBackUrl: string;
     merchantKey: string;
     localCurrency: string;
-    phoneNumber: string;
+    name?: string;
     code: string;
     currency: string;
     token: string;
@@ -40,7 +41,7 @@ declare class MobileMoney {
     mainLoader: PageLoader;
     private _currentStep;
     private successScreen;
-    private email?;
+    private customer;
     private activeRef;
     private warningScreen;
     private amount;
@@ -65,7 +66,7 @@ declare class MobileMoney {
     isMaxRetriesReached: boolean;
     isMobile: boolean;
     countryCode?: string;
-    constructor({ container, merchantKey, localCurrency, metadata, callBackUrl, rdtCode, reference, onSuccess, url, email, amount, totalAmount, token, currency, disablePaymentMethods, hidePaymentMethods, showPaymentMethods, onClose, restartTransactionProcess, retryingPayment, countryCode, }: Props);
+    constructor({ container, merchantKey, localCurrency, metadata, callBackUrl, rdtCode, reference, onSuccess, url, customer, amount, totalAmount, token, currency, disablePaymentMethods, hidePaymentMethods, showPaymentMethods, onClose, restartTransactionProcess, retryingPayment, countryCode, }: Props);
     get currentStep(): number;
     set currentStep(step: number);
     attachInputListeners(): void;

package/dist/modules/Transfer.d.ts

@@ -1,11 +1,12 @@
 import { GetMerchantDetailsTax } from '../types/types';
 import { PageLoader } from '../views/shared/page-loader';
+import { CustomerDetails } from '../types';
 
 type Props = {
     container: HTMLElement;
     closeModal: () => void;
     token: string;
-    email: string;
+    customer: CustomerDetails;
     amount: number;
     totalAmount: number;
     currency: string;
@@ -24,7 +25,7 @@ declare class Transfer {
     private container;
     private contents;
     private closeModal;
-    private email;
+    private customer;
     private transferDetails;
     private transferConfirmationProgress;
     private transferConfirmationEnd;
@@ -56,7 +57,7 @@ declare class Transfer {
     private retryingPayment;
     isMaxRetriesReached: boolean;
     isMobile: boolean;
-    constructor({ amount, totalAmount, closeModal, container, email, token, currency, rdtCode, url, reference, callBackUrl, metadata, localCurrency, disablePaymentMethods, restartTransactionProcess, hidePaymentMethods, retryingPayment, }: Props);
+    constructor({ amount, totalAmount, closeModal, container, customer, token, currency, rdtCode, url, reference, callBackUrl, metadata, localCurrency, disablePaymentMethods, restartTransactionProcess, hidePaymentMethods, retryingPayment, }: Props);
     get currentStep(): number;
     set currentStep(step: number);
     attachInputListeners(): void;

package/dist/modules/Ussd.d.ts

@@ -1,4 +1,5 @@
 import { GetMerchantDetailsTax } from '../types/types';
+import { CustomerDetails } from '../types';
 
 type Props = {
     container: HTMLElement;
@@ -8,7 +9,7 @@ type Props = {
     totalAmount: number;
     currency: string;
     reference: string;
-    email?: string;
+    customer: CustomerDetails;
     rdtCode?: string;
     url?: string;
     closeModal: () => void;
@@ -27,7 +28,7 @@ declare class Ussd {
     private amount;
     private totalAmount;
     private currency;
-    private email?;
+    private customer;
     private pageLoader;
     private reference;
     private onSuccess;
@@ -51,7 +52,7 @@ declare class Ussd {
     private hidePaymentMethods;
     private showPaymentMethods;
     disablePaymentMethods: (name: string) => void;
-    constructor({ container, onSuccess, secret, amount, totalAmount, currency, email, reference, rdtCode, url, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, disablePaymentMethods, }: Props);
+    constructor({ container, onSuccess, secret, amount, totalAmount, currency, customer, reference, rdtCode, url, callBackUrl, metadata, localCurrency, hidePaymentMethods, showPaymentMethods, disablePaymentMethods, }: Props);
     get currentStep(): number;
     set currentStep(step: number);
     private onCodeSelect;

package/dist/types/types.d.ts

@@ -1,3 +1,5 @@
+import { CustomerDetails } from '../types';
+
 export type Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
@@ -13,11 +15,7 @@ export type PaymentRequestPayload = {
     channel?: string;
     currency: string;
     localCurrency?: string;
-    customer: {
-        email?: string;
-        name?: string;
-        phoneNumber?: string;
-    };
+    customer: CustomerDetails;
     reference: string;
     planId?: string;
     callBackUrl?: string;

package/dist/types.d.ts

@@ -5,16 +5,14 @@ export type SpotflowProps = {
     planId: string;
     regionId?: string;
     email: string;
-    phone?: string;
-    phoneNumber: string;
+    name?: string;
+    phoneNumber?: string;
     code: string;
     amount?: number;
     currency?: string;
     onSuccess?: (_val?: any) => void;
     onClose?: () => void;
     reference?: string;
-    firstname?: string;
-    lastname?: string;
     onTransferConfirmationPending?: (_val?: any) => void;
     callBackUrl?: string;
     metadata?: Record<string, unknown>;
@@ -30,3 +28,8 @@ export type RegionDetail = {
     allowsZeros: boolean;
     icon: string;
 };
+export type CustomerDetails = {
+    email: string;
+    name?: string;
+    phoneNumber?: string;
+};

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

@@ -7,18 +7,17 @@ import { MainFooter } from './main-footer';
 import { default as MobileMoney } from '../../modules/MobileMoney';
 import { default as Eft } from '../../modules/EFT';
 import { TestCard } from './test-card';
+import { CustomerDetails } from '../../types';
 
 type Props = {
     container: HTMLDivElement;
     modalContainer: HTMLDivElement;
     merchantKey: string;
     encryption: string;
-    email: string;
     amount?: number;
     planId?: string;
     rdtCode?: string;
     url?: string;
-    phoneNumber: string;
     code: string;
     reference: string;
     callBackUrl: string;
@@ -26,6 +25,7 @@ type Props = {
     localCurrency: string;
     countryCode?: string;
     closePayment: () => void;
+    customerDetails: CustomerDetails;
 };
 export declare class MainPageScreen {
     validChannels: Array<string>;
@@ -48,8 +48,7 @@ export declare class MainPageScreen {
     encryption: string;
     merchantKey: string;
     planId: string;
-    email: string;
-    phoneNumber: string;
+    customerDetails: CustomerDetails;
     code: string;
     amount: number;
     rdtCode?: string;
@@ -63,7 +62,7 @@ export declare class MainPageScreen {
     retryingPayment: boolean;
     totalAmount: number;
     countryCode?: string;
-    constructor({ container, email, phoneNumber, code, encryption, merchantKey, modalContainer, amount, planId, rdtCode, url, reference, callBackUrl, metadata, localCurrency, closePayment, countryCode, }: Props);
+    constructor({ container, customerDetails, code, encryption, merchantKey, modalContainer, amount, planId, rdtCode, url, reference, callBackUrl, metadata, localCurrency, closePayment, countryCode, }: Props);
     mountScreen(values: GetMerchantDetailsTax, currency: string, validChannels: Array<string>, disabledChannels: Array<string>): void;
     private setupPaymentMethodButtons;
     attachListeners(): void;

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

@@ -1,3 +1,4 @@
+import { CustomerDetails } from '../../types';
 import { BankOption } from '../../types/types';
 
 type Props = {
@@ -8,7 +9,7 @@ type Props = {
     currency: string;
     amount: number;
     totalAmount: number;
-    email: string;
+    customer: CustomerDetails;
     reference: string;
     rdtCode?: string;
     url?: string;
@@ -27,7 +28,7 @@ export declare class UssdViewCode {
     private amount;
     private ussd_detail?;
     private reference;
-    private email?;
+    private customer;
     private activeRef;
     private pageLoader;
     private callBackUrl;

package/package.json

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