@koomipay/react 2.1.0 → 2.1.2

package/dist/cjs/types/components/GooglePayComponent.d.ts

@@ -1,20 +1,14 @@
-import { DefaultPaymentMethodComponentProps } from "./CheckoutContainer";
-export type GooglePayMethodPayload = {
-    type: 'googlepay';
-    googlePayToken: string;
-    browserInfo: any;
-};
+import { CheckoutAmount, ConfirmPaymentOptions, KoomiPayClient, PaymentResultPayload } from "../lib/client";
 export type AdyenGooglePayButtonType = "plain" | "buy" | "book" | "checkout" | "donate" | "order" | "pay" | "subscribe";
-export type GooglePaySubmitPayload = {
-    paymentMethod: GooglePayMethodPayload;
-    isValid: boolean;
-};
-export type PaymentResultPayload = {
-    resultCode: string;
-    action: any;
-    message?: string;
-};
-export type GooglePayComponentProps = DefaultPaymentMethodComponentProps & {
-    submitPayment?: (payload: GooglePaySubmitPayload) => Promise<PaymentResultPayload>;
-};
-export default function GooglePayComponent({ client, paymentMethod, submitPayment, countryCode, amount }: GooglePayComponentProps): import("react/jsx-runtime").JSX.Element;
+export type GooglePayComponentProps = {
+    onValid?: (isValid: boolean) => void;
+    client?: KoomiPayClient;
+    amount?: CheckoutAmount;
+    countryCode?: string;
+    onPaymentError?: (message?: string) => void;
+    onPaymentComplete?: (payload: PaymentResultPayload) => void;
+    paymentMethod: any;
+    showPayButton?: boolean;
+    onSubmit?: (confirm: (payload: ConfirmPaymentOptions) => Promise<void>) => void;
+};
+export default function GooglePayComponent({ client, onValid, paymentMethod, onPaymentError, onPaymentComplete, countryCode, amount, showPayButton, onSubmit, }: GooglePayComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/POSComponent.d.ts

@@ -1,4 +1,4 @@
-import { DefaultPaymentMethodComponentProps, KoomiPaymentMethod } from "./CheckoutContainer";
+import { KoomiPaymentMethod, DefaultPaymentMethodComponentProps } from "../lib/client";
 export type CardPaymentMethodPayload = {
     type: string;
     brand?: string;

package/dist/cjs/types/components/QrPayComponent.d.ts

@@ -1,13 +1,26 @@
-import { DefaultPaymentMethodComponentProps, KoomiPaymentMethod } from "./CheckoutContainer";
-import { QrOptions } from "./CheckoutContainer";
+/// <reference types="react" />
+import { CheckoutAmount, ConfirmPaymentOptions, KoomiPayClient, KoomiPaymentMethod, PaymentResultPayload } from "src/lib/client";
 export type KoomiQrPaymentMethod = KoomiPaymentMethod & {
     type: string;
+    options: QrPaymentOptions;
 };
-export type QrPayComponentProps = DefaultPaymentMethodComponentProps & {
-    onComplete: (success: boolean, error?: any) => void;
-    onFail: (error: any) => void;
-    options: QrOptions;
-    actionData?: any;
-    loadingContext?: string;
+export type QrPaymentOptions = {
+    qrCodeSize?: string;
+    countdownTime?: number;
 };
-export default function QrPayComponent({ client, paymentMethod, amount, countryCode, onComplete, onFail, options, loadingContext, actionData, }: QrPayComponentProps): import("react/jsx-runtime").JSX.Element;
+export type QrPayComponentProps = {
+    onValid?: (isValid: boolean) => void;
+    client?: KoomiPayClient;
+    amount?: CheckoutAmount;
+    countryCode?: string;
+    onPaymentError?: (message?: string) => void;
+    onPaymentComplete?: (payload?: PaymentResultPayload) => void;
+    paymentMethod: any;
+    showPayButton?: boolean;
+    onSubmit?: (confirm: (payload: ConfirmPaymentOptions) => Promise<void>) => void;
+};
+export type QrPayComponentRef = {
+    submit: () => void;
+};
+export declare const QrPayComponent: import("react").ForwardRefExoticComponent<QrPayComponentProps & import("react").RefAttributes<QrPayComponentRef>>;
+export default QrPayComponent;

package/dist/cjs/types/components/RedirectPayComponent.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { CheckoutAmount, ConfirmPaymentOptions, KoomiPayClient, PaymentResultPayload } from "src/lib/client";
+export type RedirectPayComponentProps = {
+    onValid?: (isValid: boolean) => void;
+    client?: KoomiPayClient;
+    amount?: CheckoutAmount;
+    countryCode?: string;
+    onPaymentError?: (message?: string) => void;
+    onPaymentComplete?: (payload?: PaymentResultPayload) => void;
+    paymentMethod: any;
+    showPayButton?: boolean;
+    onSubmit?: (confirm: (payload: ConfirmPaymentOptions) => Promise<void>) => void;
+    onRedirect?: (url: string) => void;
+};
+export type RedirectPayComponentRef = {
+    submit: () => void;
+};
+export declare const RedirectPayComponent: import("react").ForwardRefExoticComponent<RedirectPayComponentProps & import("react").RefAttributes<RedirectPayComponentRef>>;
+export default RedirectPayComponent;

package/dist/cjs/types/components/RedirectShopperInIframe.d.ts

@@ -0,0 +1,6 @@
+export default function RedirectShopperInIframe({ url, onRedirectComplete, }: {
+    url: string;
+    onRedirectComplete: (data: {
+        redirectResult: any;
+    }) => Promise<void>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/index.d.ts

@@ -1,6 +1,12 @@
-export { CheckoutContainer } from "./components/CheckoutContainer";
 export { CardComponent } from "./components/CardComponent";
 export { PaymentMethod } from "./components/PaymentMethod";
 export { createClient } from "./lib/client";
+export type { CardComponentRef, } from "./components/CardComponent";
+export type { QrPayComponentRef } from "./components/QrPayComponent";
+export type { KoomiPayClient } from "./lib/client";
 import GooglePayComponent from "./components/GooglePayComponent";
-export { GooglePayComponent };
+import ApplePayComponent from "./components/ApplePayComponent";
+import QrPayComponent from "./components/QrPayComponent";
+import RedirectShopperInIframe from "./components/RedirectShopperInIframe";
+import RedirectPayComponent from "./components/RedirectPayComponent";
+export { GooglePayComponent, ApplePayComponent, QrPayComponent, RedirectShopperInIframe, RedirectPayComponent };

package/dist/cjs/types/lib/client.d.ts

@@ -1,7 +1,6 @@
-import { KoomiPaymentMethod } from "src/components/CheckoutContainer";
 export type CheckoutPayload = {
     orderID: String;
-    returnUrl: String;
+    returnUrl?: String;
     items?: CheckoutItem[];
     amount: NonNullable<CheckoutAmount>;
     paymentMethod: object;
@@ -19,7 +18,7 @@ export type CheckoutItem = {
     quantity: NonNullable<number>;
     price: NonNullable<number>;
 };
-export declare function createClient({ apiKey }: any): KoomiPayClient;
+export declare function createClient({ apiKey, apiUrl, countryCode }: KoomipayClientOptions): KoomiPayClient;
 export type ClientConfiguration = {
     baseApiUri: string;
     assetHost: string;
@@ -27,9 +26,7 @@ export type ClientConfiguration = {
     clientKey: string;
 };
 export type GetPaymentMethodArgs = {
-    amount?: CheckoutAmount;
     countryCode?: String;
-    merchantOrigin?: String;
 };
 export type PaymentMethodResponse = {
     success?: Boolean;
@@ -38,7 +35,7 @@ export type PaymentMethodResponse = {
     paymentMethods?: KoomiPaymentMethod[];
 };
 export type TokenizeCardPayload = {
-    returnUrl: String;
+    returnUrl?: String;
     paymentMethod: object;
     RequestedTestAcquirerResponseCode?: number;
 };
@@ -46,23 +43,69 @@ export type GetTokensPayload = {
     shopperReference: string;
 };
 export type CreateTokenPayload = {
-    returnUrl: string;
+    returnUrl?: string;
     paymentMethod: object;
     RequestedTestAcquirerResponseCode?: number;
     browserInfo: object;
     setupIntent: string;
 };
-export declare class KoomiPayClient {
-    apiUrl: string;
+export type KoomipayClientOptions = {
     apiKey: string;
+    countryCode?: string;
+    apiUrl?: string;
+};
+export type OrderItem = {
+    productID: string;
+    productName: string;
+    quantity: number;
+    price: number;
+};
+export type ConfirmPaymentOptions = {
+    amount?: {
+        value: number;
+        currency: string;
+    };
+    orderID?: string;
+    items?: OrderItem[];
+    autoCapture?: boolean;
+    metadata?: Record<string, any>;
+    returnUrl?: string;
+};
+export type PaymentResultPayload = {
+    resultCode: string;
+    action: any;
+    message?: string;
+};
+export type KoomiPaymentMethod = {
+    type: string;
+    name: string;
+    [key: string]: any;
+};
+export type DefaultPaymentMethodComponentProps = {
+    client?: KoomiPayClient;
+    amount?: CheckoutAmount;
+    onValid?: (isValid: boolean) => void;
+    onChange?: (args: any) => void;
+    countryCode?: string;
+    paymentMethod: KoomiPaymentMethod | null;
+};
+export declare class KoomiPayClient {
+    private apiUrl;
+    private apiKey;
+    private countryCode;
+    private fetchConfig;
+    private paymentMethods;
     config: any;
-    constructor(opts: any);
-    getConfig(): any;
+    constructor(opts: KoomipayClientOptions);
+    isAvailable(): Promise<void>;
+    getConfig(): Promise<any>;
+    private getBaseApiUri;
     getApiKey(): string;
-    initConfig(): Promise<void>;
-    getPaymentMethods(args: GetPaymentMethodArgs): Promise<PaymentMethodResponse>;
+    getPaymentMethods(): KoomiPaymentMethod[];
+    private initConfig;
+    private fetchPaymentConfig;
+    private fetchPaymentMethods;
     checkout(payload: CheckoutPayload): Promise<import("axios").AxiosResponse<any, any, {}>>;
-    instantCheckout(payload: CheckoutPayload): Promise<import("axios").AxiosResponse<any, any, {}>>;
     submitAdditionalDetails(payload: any): Promise<import("axios").AxiosResponse<any, any, {}>>;
     tokenizeCard(payload: TokenizeCardPayload): Promise<import("axios").AxiosResponse<any, any, {}>>;
     getTokens(payload: GetTokensPayload): Promise<import("axios").AxiosResponse<any, any, {}>>;

package/dist/cjs/types/utils/format.d.ts

@@ -1,2 +1,6 @@
 export declare function classNames(classNameHash: object): string;
 export declare function classNameObject(classNameString: string): {};
+export declare function formatAmount({ amount, currency }: {
+    amount: number;
+    currency: string;
+}): string;