@spot-flow/checkout-inline-js 0.2.0 → 0.2.1-dev.1

package/dist/modules/Stablecoins.d.ts

@@ -0,0 +1,62 @@
+import { GetMerchantDetailsTax } from '../types/types';
+import { CustomerDetails } from '../types';
+
+type Props = {
+    container: HTMLElement;
+    closeModal: () => void;
+    onSuccess?: (_val?: any) => void;
+    restartTransactionProcess: () => void;
+    hidePaymentMethods: () => void;
+    showPaymentMethods: () => void;
+    customer: CustomerDetails;
+    amount: number;
+    totalAmount: number;
+    currency: string;
+    rdtCode?: string;
+    url?: string;
+    reference: string;
+    callBackUrl: string;
+    metadata: Record<string, unknown>;
+    retryingPayment: boolean;
+    token: string;
+    localCurrency: string;
+};
+declare class Stablecoins {
+    private contents;
+    private container;
+    private stableCoinsForm;
+    private successScreen;
+    private stablecoinConfirmationEnd;
+    private pageLoader;
+    private onSuccess;
+    private restartTransactionProcess;
+    private stablecoinsConfirmationProgress;
+    private _currentStep;
+    private customer;
+    private totalAmount;
+    private amount;
+    private currency;
+    private rdtCode?;
+    private url?;
+    private reference;
+    private callBackUrl;
+    private metadata;
+    private retryingPayment;
+    private warningScreen;
+    private transactionIssuesScreen;
+    private paymentResponse;
+    private paymentResponseHeaders;
+    isMaxRetriesReached: boolean;
+    private token;
+    private localCurrency;
+    errorText: string;
+    constructor({ container, restartTransactionProcess, amount, currency, customer, callBackUrl, metadata, reference, rdtCode, url, token, retryingPayment, totalAmount, localCurrency, onSuccess, }: Props);
+    get currentStep(): number;
+    set currentStep(step: number);
+    showLoader(): void;
+    setPaymentError(text: string): void;
+    goBackToMerchant(): void;
+    verifyPaymentProcess(): Promise<void>;
+    renderStablecoinsContent(values?: GetMerchantDetailsTax): void;
+}
+export default Stablecoins;

package/dist/modules/Transfer.d.ts

@@ -57,6 +57,7 @@ declare class Transfer {
     private retryingPayment;
     isMaxRetriesReached: boolean;
     isMobile: boolean;
+    errorText: string;
     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);

package/dist/types/types.d.ts

@@ -48,6 +48,12 @@ export type MobileMoneyPaymentRequestPayload = Prettify<PaymentRequestPayload &
         otp?: string;
     }>;
 }>;
+export type StablecoinsPaymentRequestPayload = Prettify<PaymentRequestPayload & {
+    stablecoin: Partial<{
+        asset: string;
+        chain: string;
+    }>;
+}>;
 export type AuthorizeCardPaymentRequestPayload = {
     authorization: {
         pin?: string;
@@ -102,6 +108,15 @@ export type PaymentResponseData = {
         firstSix: string;
         lastFour: string;
     };
+    stablecoin: {
+        asset: string;
+        chain: string;
+        depositAddress: string;
+        memo: string;
+        expiry: Date;
+        requiredConfirmations: number;
+        reference: string;
+    };
     ussd: {
         code: string;
         paymentCode: string;
@@ -141,6 +156,14 @@ export type BankOption = {
     name: string;
     code: string;
 };
+export type Trial = {
+    id: string;
+    pricingList: Array<{
+        type: string;
+        amount: number;
+        currency: string;
+    }>;
+};
 export type PlanDetailResponseData = {
     id: string;
     title: string;
@@ -155,6 +178,7 @@ export type PlanDetailResponseData = {
     }>;
     subscribers: number;
     subscriptions: number;
+    trial?: Trial;
 };
 export type GetMerchantPlanDetail = {
     merchantName: string;
@@ -199,6 +223,10 @@ export type RetryPaymentPayload = {
         code: string;
         phoneNumber: string;
     };
+    stablecoin?: {
+        asset: string;
+        chain: string;
+    };
 };
 export type PusherResponse = {
     amount: string;
@@ -208,7 +236,7 @@ export type PusherResponse = {
     spotflowReference: string;
     status: string;
 };
-export type PaymentChannel = "card" | "bank_transfer" | "ussd" | "mobile_money" | "eft";
+export type PaymentChannel = "card" | "bank_transfer" | "ussd" | "mobile_money" | "eft" | "stablecoin";
 export type TaxQuoteResponse = {
     id: string;
     totalAmount: number;

package/dist/types.d.ts

@@ -2,18 +2,13 @@ export type SpotflowProps = {
     rdtCode?: string;
     merchantKey: string;
     encryptionKey: string;
-    planId: string;
-    regionId?: string;
+    planId?: string;
     email: string;
     name?: string;
     phoneNumber?: string;
-    code: string;
     amount?: number;
     currency?: string;
-    onSuccess?: (_val?: any) => void;
-    onClose?: () => void;
     reference?: string;
-    onTransferConfirmationPending?: (_val?: any) => void;
     callBackUrl?: string;
     metadata?: Record<string, unknown>;
     localCurrency?: string;
@@ -28,6 +23,7 @@ export type RegionDetail = {
     cardTypes: string[];
     allowsZeros: boolean;
     icon: string;
+    language: string;
 };
 export type CustomerDetails = {
     email: string;

package/dist/utils/appenum.d.ts

@@ -6,6 +6,7 @@ export declare const currencyNameMap: {
     ZAF: string;
     USDT: string;
     KSH: string;
+    EGP: string;
 };
 export declare enum CurrencyEnum {
     NGN = "NGN",
@@ -14,5 +15,7 @@ export declare enum CurrencyEnum {
     GBP = "GBP",
     ZAF = "ZAF",
     USDT = "USDT",
-    KSH = "KSH"
+    KSH = "KSH",
+    EGP = "EGP"
 }
+export declare const LANGUAGE_LABELS: Record<string, string>;

package/dist/utils/get-region-details.d.ts

@@ -0,0 +1,4 @@
+import { RegionDetail } from '../types';
+
+export declare let currentRegion: RegionDetail;
+export declare const getCurrentRegionDetails: (currency: string, countryCode?: string) => RegionDetail | undefined;

package/dist/utils.d.ts

@@ -23,3 +23,4 @@ export declare class Toast {
     static removeToast: (toast: HTMLDivElement) => void;
 }
 export declare function getKeyEnvironment(apiKey: string): "test" | "live" | null;
+export declare function hasDuplicates(arr: string[], item: string): boolean;

package/dist/views/card/avs-validation.d.ts

@@ -8,6 +8,7 @@ type ContactDetails = {
 type Props = {
     onAction: (_evt: Event) => (_val: ContactDetails) => void;
     container: HTMLDivElement;
+    translatedTexts: Record<string, string>;
 };
 export declare class AvsValidationForm {
     container: HTMLDivElement;
@@ -15,6 +16,7 @@ export declare class AvsValidationForm {
     contactDetails: ContactDetails;
     private countries;
     private states;
+    private translatedTexts;
     constructor(props: Props);
     attachListeners(): void;
     handleInputChange(event: Event, button: HTMLButtonElement | null, stateInput?: HTMLSelectElement): void;

package/dist/views/opay/opay-authenticate.d.ts

@@ -0,0 +1,22 @@
+import { PaymentResponseData } from '../../types/types';
+import { PageLoader } from '../shared/page-loader';
+import { PaymentWarning } from '../shared/payment-warning';
+
+type Props = {
+    container: HTMLElement;
+    onAction: () => Promise<void>;
+    restartTransactionProcess: () => void;
+};
+export declare class OpayAuthenticate {
+    container: HTMLElement | Element;
+    payment: PaymentResponseData;
+    warningError: PaymentWarning;
+    pageLoader: PageLoader;
+    onAction: () => Promise<void>;
+    private restartTransactionProcess;
+    constructor(props: Props);
+    attachListener(): void;
+    renderComponent(): void;
+    render(): string;
+}
+export {};

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

@@ -1,4 +1,5 @@
 import { TestCard } from './test-card';
+import { PageLoader } from './page-loader';
 
 type Props = {
     container: HTMLDivElement;
@@ -13,6 +14,8 @@ export declare class MainFooter {
     testCardInstance: TestCard | null;
     keyEnvironment: string | null;
     isVisible: boolean;
+    mainLoader: PageLoader;
+    testCardClicks: number;
     constructor({ container, testCardContainer, keyEnvironment }: Props);
     attachListener(): void;
     renderComponent(): void;

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

@@ -1,4 +1,5 @@
-import { GetMerchantDetailsTax } from '../../types/types';
+import { GetMerchantDetailsTax, Trial } from '../../types/types';
+import { PageLoader } from './page-loader';
 
 type Props = {
     container: HTMLDivElement;
@@ -12,6 +13,9 @@ type Props = {
     isMobile: boolean;
     onClose: (notClosePayment: boolean) => void;
     currentPaymentMethod: string;
+    trialAmount?: string;
+    trial?: Trial;
+    countryCode?: string;
 };
 export declare class MainHeader {
     container: HTMLDivElement;
@@ -20,11 +24,15 @@ export declare class MainHeader {
     metadata?: Record<string, unknown>;
     currency: string;
     localCurrency?: string;
+    mainLoader: PageLoader;
+    trialAmount?: string;
+    trial?: Trial;
     merchantDetail: GetMerchantDetailsTax;
     onAction: (_val: string) => void;
     isMobile: boolean;
     onClose: (notClosePayment: boolean) => void;
     currentPaymentMethod: string;
+    countryCode?: string;
     constructor(props: Props);
     attachListeners(): void;
     renderComponent(): void;

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

@@ -6,8 +6,11 @@ import { MainHeader } from './main-header';
 import { MainFooter } from './main-footer';
 import { default as MobileMoney } from '../../modules/MobileMoney';
 import { default as Eft } from '../../modules/EFT';
+import { default as Stablecoins } from '../../modules/Stablecoins';
 import { TestCard } from './test-card';
 import { CustomerDetails } from '../../types';
+import { PageLoader } from './page-loader';
+import { default as Opay } from '../../modules/Opay';
 
 type Props = {
     container: HTMLDivElement;
@@ -18,7 +21,6 @@ type Props = {
     planId?: string;
     rdtCode?: string;
     url?: string;
-    code: string;
     reference: string;
     callBackUrl: string;
     metadata: Record<string, unknown>;
@@ -46,11 +48,12 @@ export declare class MainPageScreen {
     ussd: Ussd;
     mobileMoney: MobileMoney;
     eft: Eft;
+    opay: Opay;
+    stablecoins: Stablecoins;
     encryption: string;
     merchantKey: string;
     planId: string;
     customerDetails: CustomerDetails;
-    code: string;
     amount: number;
     rdtCode?: string;
     url?: string;
@@ -63,8 +66,10 @@ export declare class MainPageScreen {
     retryingPayment: boolean;
     totalAmount: number;
     countryCode?: string;
+    mainLoader: PageLoader;
     mode?: "test" | "live";
-    constructor({ container, customerDetails, code, encryption, merchantKey, modalContainer, amount, planId, rdtCode, url, reference, callBackUrl, metadata, localCurrency, closePayment, countryCode, mode, }: Props);
+    selectedMethods: Array<string>;
+    constructor({ container, customerDetails, encryption, merchantKey, modalContainer, amount, planId, rdtCode, url, reference, callBackUrl, metadata, localCurrency, closePayment, countryCode, mode, }: Props);
     mountScreen(values: GetMerchantDetailsTax, currency: string, validChannels: Array<string>, disabledChannels: Array<string>): void;
     private setupPaymentMethodButtons;
     attachListeners(): void;
@@ -75,6 +80,8 @@ export declare class MainPageScreen {
     setToDefaultEmptyContainer(): void;
     defaultToEmptyContainer(): void;
     switchTab(tabName: string): void;
+    private renderingPaymentMethodDetails;
+    renderTranslatedText(tabName: string): Promise<void>;
     disablePaymentMethods(name: string): void;
     enablePaymentMethods(): void;
     hidePaymentMethods(): void;

package/dist/views/shared/test-card.d.ts

@@ -1,3 +1,5 @@
+import { PageLoader } from './page-loader';
+
 type Props = {
     container: HTMLDivElement;
     closeCallback: () => void;
@@ -5,9 +7,11 @@ type Props = {
 export declare class TestCard {
     container: HTMLDivElement;
     closeCallback: () => void;
+    mainLoader: PageLoader;
     constructor({ container, closeCallback }: Props);
     render(): string;
     attachListener(): void;
-    renderComponent(): void;
+    renderComponent(clicks: number): void;
+    renderTranslatedText(): Promise<void>;
 }
 export {};

package/dist/views/stablecoins/stablecoin-confirmation-end.d.ts

@@ -0,0 +1,28 @@
+import { PaymentResponseData } from '../../types/types';
+
+type Props = {
+    container: HTMLDivElement;
+    onAction: (_val: number) => void;
+    ref: string;
+    token: string;
+    rdtCode?: string;
+    url?: string;
+    onSuccess: (_val: any) => void;
+    callBackUrl: string;
+    paymentResponse: PaymentResponseData;
+    paymentResponseHeaders: Headers;
+    paymentMethod: string;
+};
+export declare class StablecoinsConfirmationEnd {
+    container: HTMLDivElement;
+    onAction: (_val: number) => void;
+    private callBackUrl;
+    private paymentResponse;
+    private paymentResponseHeaders;
+    paymentMethod: string;
+    constructor(props: Props);
+    attachListeners(): void;
+    renderComponent(): void;
+    render(): string;
+}
+export {};

package/dist/views/{card/confirmation-progress.d.ts → stablecoins/stablecoin-confirmation.d.ts}

@@ -12,7 +12,7 @@ type Props = {
     callBackUrl: string;
     setPaymentResponses: (data: PaymentResponseData, headers: Headers) => void;
 };
-export declare class ConfirmationProgress {
+export declare class StablecoinsConfirmationProgress {
     container: HTMLDivElement;
     onAction: (_val: number) => void;
     private onSuccess;
@@ -29,7 +29,7 @@ export declare class ConfirmationProgress {
     setPaymentResponses: (data: PaymentResponseData, headers: Headers) => void;
     constructor(props: Props);
     attachListeners(): void;
-    verifyCardPayment(token: string, initialInterval: number, onSuccess: (data: PaymentAPIResponse) => void, onError: (data: PaymentAPIResponse) => void): Promise<void>;
+    verifyStablecoins(token: string, initialInterval: number, onSuccess: (data: PaymentAPIResponse) => void, onError: (data: PaymentAPIResponse) => void): Promise<void>;
     private redirectTo;
     private startTimer;
     private stopTimer;

package/dist/views/stablecoins/stablecoins-form.d.ts

@@ -0,0 +1,74 @@
+import { CustomerDetails } from '../../types';
+import { PaymentResponseData } from '../../types/types';
+import { PageLoader } from '../shared/page-loader';
+import { PaymentWarning } from '../shared/payment-warning';
+
+type Props = {
+    container: HTMLElement;
+    onAction: (value: {
+        chain: string;
+        asset: string;
+    }) => void;
+    onVerify: () => Promise<void>;
+    restartTransactionProcess: () => void;
+    merchantKey: string;
+    rdtCode?: string;
+    url?: string;
+    amount: number;
+    currency: string;
+    paymentResponse: PaymentResponseData;
+    customer: CustomerDetails;
+    totalAmount: number;
+    retryingPayment: boolean;
+    token: string;
+    reference: string;
+    metadata: Record<string, unknown>;
+    callBackUrl: string;
+    localCurrency: string;
+    onStepChange?: (step: number) => void;
+};
+export declare class StablecoinsForm {
+    container: HTMLElement | Element;
+    warningError: PaymentWarning;
+    pageLoader: PageLoader;
+    onAction: (value: {
+        chain: string;
+        asset: string;
+    }) => void;
+    onVerify: () => Promise<void>;
+    private restartTransactionProcess;
+    private chainsList;
+    private assetList;
+    private merchantKey;
+    private _currentStep;
+    private rdtCode?;
+    private url?;
+    private amount;
+    private customer;
+    private warningScreen;
+    private merchantPlanDetail;
+    private metadata;
+    private callBackUrl;
+    private reference;
+    private token;
+    private currency;
+    private paymentResponse;
+    private localCurrency;
+    private onStepChange?;
+    private retryingPayment;
+    isMaxRetriesReached: boolean;
+    errorText: string;
+    private populateSelect;
+    constructor(props: Props);
+    get currentStep(): number;
+    set currentStep(step: number);
+    copyToClipboard(text: string, element: Element): void;
+    attachListener(): void;
+    createStablecoinPayment(values: {
+        asset: string;
+        chain: string;
+    }): Promise<void>;
+    renderComponent(): void;
+    render(): string;
+}
+export {};

package/package.json

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

package/dist/views/transfer/transfer-confirmation-one.d.ts

@@ -1,13 +0,0 @@
-type Props = {
-    container: HTMLDivElement;
-    onAction: (_val: number) => void;
-};
-export declare class TransferConfirmatioOne {
-    container: HTMLDivElement;
-    onAction: (_val: number) => void;
-    constructor(props: Props);
-    attachListeners(): void;
-    renderComponent(): void;
-    render(): string;
-}
-export {};

package/dist/views/transfer/transfer-confirmation-two.d.ts

@@ -1,15 +0,0 @@
-type Props = {
-    container: HTMLDivElement;
-    onClose: () => void;
-    onAction: (_val: number) => void;
-};
-export declare class TransferConfirmationTwo {
-    container: HTMLDivElement;
-    onClose: () => void;
-    onAction: (_val: number) => void;
-    constructor(props: Props);
-    attachListeners(): void;
-    renderComponent(): void;
-    render(): string;
-}
-export {};