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

package/dist/views/card/isw-3ds-form.d.ts

@@ -1,21 +1,21 @@
-type ThreeDSecureDetails = {
-    jwt: string;
-    md: string;
-    acsUrl: string;
-};
-type Props = {
-    container: HTMLDivElement;
-    threeDSecureDetails: ThreeDSecureDetails;
-    onAction: (_val: number) => void;
-    onSuccess: () => void;
-};
-export declare class ISW3DSForm {
-    container: HTMLDivElement;
-    threeDSecureDetails: ThreeDSecureDetails;
-    private onAction;
-    private onSuccess;
-    constructor({ container, threeDSecureDetails, onAction, onSuccess }: Props);
-    attachListener(): void;
-    renderComponent(): void;
-}
-export {};
+type ThreeDSecureDetails = {
+    jwt: string;
+    md: string;
+    acsUrl: string;
+};
+type Props = {
+    container: HTMLDivElement;
+    threeDSecureDetails: ThreeDSecureDetails;
+    onAction: (_val: number) => void;
+    onSuccess: () => void;
+};
+export declare class ISW3DSForm {
+    container: HTMLDivElement;
+    threeDSecureDetails: ThreeDSecureDetails;
+    private onAction;
+    private onSuccess;
+    constructor({ container, threeDSecureDetails, onAction, onSuccess }: Props);
+    attachListener(): void;
+    renderComponent(): void;
+}
+export {};

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,24 +1,24 @@
-import { TestCard } from './test-card';
-import { PageLoader } from './page-loader';
-
-type Props = {
-    container: HTMLDivElement;
-    testCardContainer: HTMLDivElement;
-    keyEnvironment: string | null;
-    isVisible?: boolean;
-};
-export declare function hideTestContainer(container: HTMLElement): void;
-export declare class MainFooter {
-    container: HTMLDivElement;
-    testCardContainer: HTMLDivElement;
-    testCardInstance: TestCard | null;
-    keyEnvironment: string | null;
-    isVisible: boolean;
-    mainLoader: PageLoader;
-    testCardClicks: number;
-    constructor({ container, testCardContainer, keyEnvironment }: Props);
-    attachListener(): void;
-    renderComponent(): void;
-    render(): string;
-}
-export {};
+import { TestCard } from './test-card';
+import { PageLoader } from './page-loader';
+
+type Props = {
+    container: HTMLDivElement;
+    testCardContainer: HTMLDivElement;
+    keyEnvironment: string | null;
+    isVisible?: boolean;
+};
+export declare function hideTestContainer(container: HTMLElement): void;
+export declare class MainFooter {
+    container: HTMLDivElement;
+    testCardContainer: HTMLDivElement;
+    testCardInstance: TestCard | null;
+    keyEnvironment: string | null;
+    isVisible: boolean;
+    mainLoader: PageLoader;
+    testCardClicks: number;
+    constructor({ container, testCardContainer, keyEnvironment }: Props);
+    attachListener(): void;
+    renderComponent(): void;
+    render(): string;
+}
+export {};

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

@@ -1,37 +1,37 @@
-import { GetMerchantDetailsTax } from '../../types/types';
-import { PageLoader } from './page-loader';
-
-type Props = {
-    container: HTMLDivElement;
-    email: string;
-    amount?: number;
-    metadata?: Record<string, unknown>;
-    currency: string;
-    localCurrency?: string;
-    merchantDetail: GetMerchantDetailsTax;
-    onAction: (_val: string) => void;
-    isMobile: boolean;
-    onClose: (notClosePayment: boolean) => void;
-    currentPaymentMethod: string;
-};
-export declare class MainHeader {
-    container: HTMLDivElement;
-    email: string;
-    amount: number;
-    metadata?: Record<string, unknown>;
-    currency: string;
-    localCurrency?: string;
-    mainLoader: PageLoader;
-    merchantDetail: GetMerchantDetailsTax;
-    onAction: (_val: string) => void;
-    isMobile: boolean;
-    onClose: (notClosePayment: boolean) => void;
-    currentPaymentMethod: string;
-    constructor(props: Props);
-    attachListeners(): void;
-    renderComponent(): void;
-    translate(text: string): Promise<any>;
-    renderPaymentOptions(container: HTMLDivElement): void;
-    render(): string;
-}
-export {};
+import { GetMerchantDetailsTax } from '../../types/types';
+import { PageLoader } from './page-loader';
+
+type Props = {
+    container: HTMLDivElement;
+    email: string;
+    amount?: number;
+    metadata?: Record<string, unknown>;
+    currency: string;
+    localCurrency?: string;
+    merchantDetail: GetMerchantDetailsTax;
+    onAction: (_val: string) => void;
+    isMobile: boolean;
+    onClose: (notClosePayment: boolean) => void;
+    currentPaymentMethod: string;
+};
+export declare class MainHeader {
+    container: HTMLDivElement;
+    email: string;
+    amount: number;
+    metadata?: Record<string, unknown>;
+    currency: string;
+    localCurrency?: string;
+    mainLoader: PageLoader;
+    merchantDetail: GetMerchantDetailsTax;
+    onAction: (_val: string) => void;
+    isMobile: boolean;
+    onClose: (notClosePayment: boolean) => void;
+    currentPaymentMethod: string;
+    constructor(props: Props);
+    attachListeners(): void;
+    renderComponent(): void;
+    translate(text: string): Promise<any>;
+    renderPaymentOptions(container: HTMLDivElement): void;
+    render(): string;
+}
+export {};

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

@@ -1,101 +1,103 @@
-import { default as Card } from '../../modules/Card';
-import { default as Transfer } from '../../modules/Transfer';
-import { default as Ussd } from '../../modules/Ussd';
-import { GetMerchantDetailsTax } from '../../types/types';
-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 { TestCard } from './test-card';
-import { CustomerDetails } from '../../types';
-import { PageLoader } from './page-loader';
-
-type Props = {
-    container: HTMLDivElement;
-    modalContainer: HTMLDivElement;
-    merchantKey: string;
-    encryption: string;
-    amount?: number;
-    planId?: string;
-    rdtCode?: string;
-    url?: string;
-    reference: string;
-    callBackUrl: string;
-    metadata: Record<string, unknown>;
-    localCurrency: string;
-    countryCode?: string;
-    closePayment: () => void;
-    customerDetails: CustomerDetails;
-    mode?: "test" | "live";
-};
-export declare class MainPageScreen {
-    validChannels: Array<string>;
-    disabledChannels: Array<string>;
-    selectedChannel: string;
-    modalContainer: HTMLDivElement;
-    currentPaymentMethod: string;
-    mainLayout: HTMLDivElement;
-    mainHeader: MainHeader;
-    mainFooter: MainFooter;
-    testCard: TestCard;
-    private merchantPlanDetail;
-    mainScreen: MainPageScreen;
-    currency: string;
-    card: Card;
-    transfer: Transfer;
-    ussd: Ussd;
-    mobileMoney: MobileMoney;
-    eft: Eft;
-    encryption: string;
-    merchantKey: string;
-    planId: string;
-    customerDetails: CustomerDetails;
-    amount: number;
-    rdtCode?: string;
-    url?: string;
-    reference: string;
-    isMobile: boolean;
-    callBackUrl: string;
-    metadata: Record<string, unknown>;
-    localCurrency: string;
-    closePayment: () => void;
-    retryingPayment: boolean;
-    totalAmount: number;
-    countryCode?: string;
-    mainLoader: PageLoader;
-    mode?: "test" | "live";
-    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;
-    closeBTN(notClosePayment: boolean): void;
-    private updatePaymentMethodView;
-    private renderPaymentMethodContent;
-    private setCurrentPaymentMethod;
-    setToDefaultEmptyContainer(): void;
-    defaultToEmptyContainer(): void;
-    switchTab(tabName: string): void;
-    private renderingPaymentMethodDetails;
-    renderTranslatedText(tabName: string): Promise<void>;
-    disablePaymentMethods(name: string): void;
-    enablePaymentMethods(): void;
-    hidePaymentMethods(): void;
-    showPaymentMethods(): void;
-    private cleanup;
-    closeModal(func?: Function): void;
-    setupParent(func?: Function): void;
-    render(): string;
-}
-export {};
-/**
- *
- *
-  .content {
-    @apply hidden;
-  }
-
-  .content.active {
-    @apply block;
-  }
- */
+import { default as Card } from '../../modules/Card';
+import { default as Transfer } from '../../modules/Transfer';
+import { default as Ussd } from '../../modules/Ussd';
+import { GetMerchantDetailsTax } from '../../types/types';
+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 { TestCard } from './test-card';
+import { CustomerDetails } from '../../types';
+import { PageLoader } from './page-loader';
+import { default as Opay } from '../../modules/Opay';
+
+type Props = {
+    container: HTMLDivElement;
+    modalContainer: HTMLDivElement;
+    merchantKey: string;
+    encryption: string;
+    amount?: number;
+    planId?: string;
+    rdtCode?: string;
+    url?: string;
+    reference: string;
+    callBackUrl: string;
+    metadata: Record<string, unknown>;
+    localCurrency: string;
+    countryCode?: string;
+    closePayment: () => void;
+    customerDetails: CustomerDetails;
+    mode?: "test" | "live";
+};
+export declare class MainPageScreen {
+    validChannels: Array<string>;
+    disabledChannels: Array<string>;
+    selectedChannel: string;
+    modalContainer: HTMLDivElement;
+    currentPaymentMethod: string;
+    mainLayout: HTMLDivElement;
+    mainHeader: MainHeader;
+    mainFooter: MainFooter;
+    testCard: TestCard;
+    private merchantPlanDetail;
+    mainScreen: MainPageScreen;
+    currency: string;
+    card: Card;
+    transfer: Transfer;
+    ussd: Ussd;
+    mobileMoney: MobileMoney;
+    eft: Eft;
+    opay: Opay;
+    encryption: string;
+    merchantKey: string;
+    planId: string;
+    customerDetails: CustomerDetails;
+    amount: number;
+    rdtCode?: string;
+    url?: string;
+    reference: string;
+    isMobile: boolean;
+    callBackUrl: string;
+    metadata: Record<string, unknown>;
+    localCurrency: string;
+    closePayment: () => void;
+    retryingPayment: boolean;
+    totalAmount: number;
+    countryCode?: string;
+    mainLoader: PageLoader;
+    mode?: "test" | "live";
+    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;
+    closeBTN(notClosePayment: boolean): void;
+    private updatePaymentMethodView;
+    private renderPaymentMethodContent;
+    private setCurrentPaymentMethod;
+    setToDefaultEmptyContainer(): void;
+    defaultToEmptyContainer(): void;
+    switchTab(tabName: string): void;
+    private renderingPaymentMethodDetails;
+    renderTranslatedText(tabName: string): Promise<void>;
+    disablePaymentMethods(name: string): void;
+    enablePaymentMethods(): void;
+    hidePaymentMethods(): void;
+    showPaymentMethods(): void;
+    private cleanup;
+    closeModal(func?: Function): void;
+    setupParent(func?: Function): void;
+    render(): string;
+}
+export {};
+/**
+ *
+ *
+  .content {
+    @apply hidden;
+  }
+
+  .content.active {
+    @apply block;
+  }
+ */

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

@@ -1,6 +1,6 @@
-export declare class SharedErrorScreen {
-    container: HTMLDivElement;
-    constructor(container: HTMLDivElement);
-    renderContent(errorText: string, actionLink?: string): void;
-    render(): string;
-}
+export declare class SharedErrorScreen {
+    container: HTMLDivElement;
+    constructor(container: HTMLDivElement);
+    renderContent(errorText: string, actionLink?: string): void;
+    render(): string;
+}

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

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

package/package.json

@@ -1,64 +1,64 @@
-{
-  "name": "@spot-flow/checkout-inline-js",
-  "version": "0.1.49-dev.2",
-  "description": "",
-  "main": "dist/checkout-inline.js",
-  "module": "dist/checkout-inline.es.js",
-  "source": "src/index.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "vite",
-    "build": "vite build",
-    "prepare": "husky",
-    "commitlint": "commitlint --edit",
-    "lint-yarn": "eslint '**/*.{js,ts,tsx}'",
-    "format": "prettier --write",
-    "lint:fix": "yarn lint --fix"
-  },
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "devDependencies": {
-    "@commitlint/cli": "^19.4.0",
-    "@commitlint/config-conventional": "^19.2.2",
-    "@types/mixpanel-browser": "^2.50.2",
-    "@types/node": "^20.14.9",
-    "autoprefixer": "^10.4.19",
-    "eslint-config-prettier": "^9.1.0",
-    "husky": "^9.1.5",
-    "lint-staged": "^15.2.9",
-    "postcss": "^8.4.39",
-    "prettier": "^3.3.3",
-    "tailwindcss": "^3.4.4",
-    "tailwindcss-scoped-preflight": "^3.4.3",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.2",
-    "vite-plugin-css-injected-by-js": "^3.5.1",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-tsconfig-paths": "^5.0.1"
-  },
-  "author": "Oluwatomisin Jimoh <jayoluwatosin@gmail.com>",
-  "license": "ISC",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Spotflow-One/spotflow-checkout-inline"
-  },
-  "homepage": "https://github.com/Spotflow-One/spotflow-checkout-inline",
-  "bugs": {
-    "url": "https://github.com/Spotflow-One/spotflow-checkout-inline/issues"
-  },
-  "keywords": [
-    "cdn",
-    "spotflow",
-    "checkout",
-    "inline",
-    "payment"
-  ],
-  "dependencies": {
-    "mixpanel-browser": "^2.55.1",
-    "pusher-js": "^8.4.0"
-  }
-}
+{
+  "name": "@spot-flow/checkout-inline-js",
+  "version": "0.1.49-dev.3",
+  "description": "",
+  "main": "dist/checkout-inline.js",
+  "module": "dist/checkout-inline.es.js",
+  "source": "src/index.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "vite",
+    "build": "vite build",
+    "prepare": "husky",
+    "commitlint": "commitlint --edit",
+    "lint-yarn": "eslint '**/*.{js,ts,tsx}'",
+    "format": "prettier --write",
+    "lint:fix": "yarn lint --fix"
+  },
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@commitlint/cli": "^19.4.0",
+    "@commitlint/config-conventional": "^19.2.2",
+    "@types/mixpanel-browser": "^2.50.2",
+    "@types/node": "^20.14.9",
+    "autoprefixer": "^10.4.19",
+    "eslint-config-prettier": "^9.1.0",
+    "husky": "^9.1.5",
+    "lint-staged": "^15.2.9",
+    "postcss": "^8.4.39",
+    "prettier": "^3.3.3",
+    "tailwindcss": "^3.4.4",
+    "tailwindcss-scoped-preflight": "^3.4.3",
+    "typescript": "^5.5.3",
+    "vite": "^5.3.2",
+    "vite-plugin-css-injected-by-js": "^3.5.1",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-tsconfig-paths": "^5.0.1"
+  },
+  "author": "Oluwatomisin Jimoh <jayoluwatosin@gmail.com>",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Spotflow-One/spotflow-checkout-inline"
+  },
+  "homepage": "https://github.com/Spotflow-One/spotflow-checkout-inline",
+  "bugs": {
+    "url": "https://github.com/Spotflow-One/spotflow-checkout-inline/issues"
+  },
+  "keywords": [
+    "cdn",
+    "spotflow",
+    "checkout",
+    "inline",
+    "payment"
+  ],
+  "dependencies": {
+    "mixpanel-browser": "^2.55.1",
+    "pusher-js": "^8.4.0"
+  }
+}