@tonder.io/ionic-lite-sdk 0.0.57 → 0.0.58-beta.DEV-1845.1

package/src/types/commons.ts

@@ -1,5 +1,13 @@
 import { ICustomer } from "./customer";
 import {IProcessPaymentRequest, IStartCheckoutResponse} from "./checkout";
+import CollectorContainer from "skyflow-js/types/core/external/collect/collect-container";
+import ComposableContainer from "skyflow-js/types/core/external/collect/compose-collect-container";
+import RevealContainer from "skyflow-js/types/core/external/reveal/reveal-container";
+import CollectElement from "skyflow-js/types/core/external/collect/collect-element";
+import ComposableElement from "skyflow-js/types/core/external/collect/compose-collect-element";
+import RevealElement from "skyflow-js/types/core/external/reveal/reveal-element";
+import {LabelStyles} from "skyflow-js/types/utils/common";
+
 
 export type Business = {
   business: {
@@ -120,9 +128,29 @@ export interface IInlineLiteCheckoutOptions
       collectorIds?: {
           tdsIframe?: string
       }
+      customization?: ILiteCustomizationOptions;
+      events?: IEvents;
     }
 
-
+export interface ICardFormEvents {
+  cardHolderEvents?: IInputEvents;
+  cardNumberEvents?: IInputEvents;
+  cvvEvents?: IInputEvents;
+  monthEvents?: IInputEvents;
+  yearEvents?: IInputEvents;
+}
+export interface IInputEvents {
+  onChange?: (event: IEventSecureInput) => void;
+  onFocus?: (event: IEventSecureInput) => void;
+  onBlur?: (event: IEventSecureInput) => void;
+}
+export interface IEventSecureInput {
+  elementType: string;
+  isEmpty: boolean;
+  isFocused: boolean;
+  isValid: boolean;
+}
+export interface IEvents extends ICardFormEvents {}
 export interface IApiError {
   code: string;
   body: Record<string, string> | string;
@@ -140,3 +168,69 @@ export interface IPublicError {
 export type CustomizationOptions = {
     redirectOnComplete?: boolean
 }
+
+export interface InCollectorContainer {
+  container: CollectorContainer | ComposableContainer | RevealContainer;
+  elements: (CollectElement | ComposableElement | RevealElement)[];
+}
+
+export interface ILiteCustomizationOptions extends CustomizationOptions {
+  styles?: IStyles;
+  labels?: IFormLabels;
+  placeholders?: IFormPlaceholder;
+}
+
+export interface IFormLabels {
+  name?: string;
+  card_number?: string;
+  cvv?: string;
+  expiry_date?: string;
+  expiration_year?: string;
+  expiration_month?: string;
+}
+
+export interface IFormPlaceholder {
+  name?: string;
+  card_number?: string;
+  cvv?: string;
+  expiration_month?: string;
+  expiration_year?: string;
+}
+
+export interface IStyles {
+  cardForm?: ILiteCardFormStyles;
+}
+
+export interface ILiteCardFormStyles extends StylesBaseVariant, IElementStyle {}
+
+export interface StylesBaseVariant {
+  base?: Record<string, any>;
+}
+
+export interface IElementStyle {
+  inputStyles?: CollectInputStylesVariant;
+  labelStyles?: LabelStyles;
+  errorStyles?: StylesBaseVariant;
+}
+export interface StylesFocusVariant {
+  focus?: Record<string, any>;
+}
+
+export interface CollectInputStylesVariant
+    extends StylesBaseVariant,
+        StylesFocusVariant {
+  complete?: Record<string, any>;
+  invalid?: Record<string, any>;
+  empty?: Record<string, any>;
+  cardIcon?: Record<string, any>;
+  dropdownIcon?: Record<string, any>;
+  dropdown?: Record<string, any>;
+  dropdownListItem?: Record<string, any>;
+  global: Record<string, any>;
+}
+
+export interface CollectLabelStylesVariant
+    extends StylesBaseVariant,
+        StylesFocusVariant {
+  requiredAsterisk?: Record<string, any>;
+}

package/src/types/liteInlineCheckout.ts

@@ -223,5 +223,13 @@ export interface ILiteCheckout {
     public_key: string,
     is_sandbox: boolean,
   ): Promise<string | ErrorResponse>;
-}
 
+  /**
+   * Displays and renders card input fields in the checkout.
+   * Uses the provided configuration to show the required fields in the payment form.
+   * @param {import("./card").IMountCardFieldsRequest} event - Configuration for the card fields to render.
+   * @returns {Promise<void>} Resolves when the fields have been successfully rendered.
+   * @public
+   */
+  mountCardFields(event: import("./card").IMountCardFieldsRequest): Promise<void>;
+}

package/src/types/requests.ts

@@ -76,7 +76,7 @@ export type TokensSkyflowRequest = {
     apiKey: string;
     vault_id: string,
     vault_url: string,
-    data: {
+    data?: {
         [key: string]: any;
     }
 }

package/tests/classes/liteCheckout.test.ts

@@ -1,57 +0,0 @@
-import "../utils/defaultMock";
-import { LiteCheckout } from "../../src";
-import { constructorFields } from "../utils/defaultMock";
-import {IInlineLiteCheckoutOptions} from "../../src/types/commons";
-
-declare global {
-    interface Window {
-        OpenPay: any;
-        Skyflow: any;
-    }
-}
-
-describe("LiteCheckout", () => {
-    let checkoutConstructor: IInlineLiteCheckoutOptions,
-        liteCheckout: LiteCheckout,
-        fetchSpy: jest.SpyInstance,
-        liteCheckoutSpy: jest.SpyInstance;
-
-    beforeEach(async () => {
-        window.fetch = jest.fn();
-
-        checkoutConstructor = {
-            ...constructorFields,
-        };
-
-        liteCheckout = new LiteCheckout(constructorFields);
-
-        fetchSpy = jest.spyOn(global, "fetch");
-    });
-
-    afterEach(() => {
-        jest.restoreAllMocks();
-    });
-
-    it("Has required properties", () => {
-        expect(checkoutConstructor).toEqual(constructorFields);
-    });
-
-    it("Can instance LiteCheckout", () => {
-        expect(liteCheckout).toBeInstanceOf(LiteCheckout);
-        expect(liteCheckout.apiKeyTonder).toEqual(constructorFields.apiKey);
-        expect(liteCheckout.baseUrl).toEqual(constructorFields.baseUrl);
-        expect(liteCheckout.abortController.signal).toEqual(constructorFields.signal);
-    });
-
-
-
-
-
- 
-
-
-
-
-
-
-});

package/tests/methods/createOrder.test.ts

@@ -1,142 +0,0 @@
-import "../utils/defaultMock";
-import { LiteCheckout } from "../../src";
-import { ErrorResponse } from "../../src/classes/errorResponse";
-import { constructorFields } from "../utils/defaultMock";
-import { OrderResponseClass, OrderClass, OrderEmptyValuesResponse } from "../utils/mockClasses";
-import {IInlineLiteCheckoutOptions} from "../../src/types/commons";
-
-declare global {
-    interface Window {
-        OpenPay: any;
-        Skyflow: any;
-    }
-}
-
-describe("createOrder", () => {
-    let checkoutConstructor: IInlineLiteCheckoutOptions,
-        liteCheckout: LiteCheckout,
-        fetchSpy: jest.SpyInstance,
-        liteCheckoutSpy: jest.SpyInstance;
-
-    beforeEach(async () => {
-        window.fetch = jest.fn();
-
-        checkoutConstructor = {
-            ...constructorFields,
-        };
-
-        liteCheckout = new LiteCheckout(constructorFields);
-
-        fetchSpy = jest.spyOn(global, "fetch");
-    });
-
-    afterEach(() => {
-        jest.restoreAllMocks();
-    });
-
-    it("createOrder success", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "createOrder");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve([{ ...new OrderResponseClass() }]),
-                ok: true,
-            })
-        );
-
-        const response = await liteCheckout.createOrder({
-            ...new OrderClass(),
-        });
-
-        expect(response).toStrictEqual([{ ...new OrderResponseClass() }]);
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).toHaveBeenCalledWith({ ...new OrderClass() });
-    });
-
-    it("createOrder empty", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "createOrder");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve(),
-                ok: true,
-            })
-        );
-
-        const response = await liteCheckout.createOrder({
-            ...new OrderClass(),
-        });
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).toHaveReturned();
-        expect(response).toBeUndefined();
-    });
-
-    it("createOrder errorResponse", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "createOrder");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve(),
-                ok: false,
-                status: 400,
-            })
-        );
-        
-        let error;
-
-        try {
-            const response = await liteCheckout.createOrder({
-                ...new OrderClass(),
-            })
-        } catch (e) {
-            error = e;
-        }
-        
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(error).toBeInstanceOf(ErrorResponse);
-    });
-
-    it("createOrder empty values", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "createOrder");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve(OrderEmptyValuesResponse),
-                ok: false,
-                status: 400,
-            })
-        );
-
-        let error: ErrorResponse;
-        
-        try {
-            const response = (await liteCheckout.createOrder({
-                ...new OrderClass(),
-            })) as ErrorResponse;
-        } catch (e: any) {
-            error = e;
-            expect(error.body).toStrictEqual(OrderEmptyValuesResponse);
-        }
-    });
-
-    it("createOrder errorCatch", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "createOrder");
-
-        fetchSpy.mockRejectedValue("error");
-
-        let error: ErrorResponse;
-
-        try {
-            const response = (await liteCheckout.createOrder({
-                ...new OrderClass(),
-            })) as ErrorResponse;
-        } catch (e: any) {
-            error = e;
-            expect(error.message).toStrictEqual("error");
-            expect(error.name).toStrictEqual("catch");
-        }
-
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).rejects.toThrow();
-    });
-});

package/tests/methods/createPayment.test.ts

@@ -1,122 +0,0 @@
-import "../utils/defaultMock";
-import { LiteCheckout } from "../../src";
-import { ErrorResponse } from "../../src/classes/errorResponse";
-import { constructorFields } from "../utils/defaultMock";
-import { CreatePaymentResponseClass, CreatePaymentRequestClass } from "../utils/mockClasses";
-import {IInlineLiteCheckoutOptions} from "../../src/types/commons";
-
-
-declare global {
-    interface Window {
-        OpenPay: any;
-        Skyflow: any;
-    }
-}
-
-describe("createPayment", () => {
-    let checkoutConstructor: IInlineLiteCheckoutOptions,
-        liteCheckout: LiteCheckout,
-        fetchSpy: jest.SpyInstance,
-        liteCheckoutSpy: jest.SpyInstance;
-
-    beforeEach(async () => {
-        window.fetch = jest.fn();
-
-        checkoutConstructor = {
-            ...constructorFields,
-        };
-
-        liteCheckout = new LiteCheckout(constructorFields);
-
-        fetchSpy = jest.spyOn(global, "fetch");
-    });
-
-    afterEach(() => {
-        jest.restoreAllMocks();
-    });
-
-    it("createPayment success", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "createPayment");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve([{ ...new CreatePaymentResponseClass() }]),
-                ok: true,
-            })
-        );
-
-        const response = await liteCheckout.createPayment({
-            ...new CreatePaymentRequestClass(),
-        });
-
-        expect(response).toStrictEqual([{ ...new CreatePaymentResponseClass() }]);
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).toHaveBeenCalledWith({
-            ...new CreatePaymentRequestClass(),
-        });
-    });
-
-    it("createPayment empty", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "createPayment");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve(),
-                ok: true,
-            })
-        );
-
-        const response = await liteCheckout.createPayment({
-            ...new CreatePaymentRequestClass(),
-        });
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).toHaveReturned();
-        expect(response).toBeUndefined();
-    });
-
-    it("createPayment errorResponse", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "createPayment");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve(),
-                ok: false,
-                status: 400,
-            })
-        );
-
-        let error;
-
-        try {
-            const response = await liteCheckout.createPayment({
-                ...new CreatePaymentRequestClass(),
-            })
-        } catch (e) {
-            error = e;
-        }
-        
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(error).toBeInstanceOf(ErrorResponse);
-    });
-
-    it("createPayment errorCatch", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "createPayment");
-
-        fetchSpy.mockRejectedValue("error");
-
-        let error: ErrorResponse;
-
-        try {
-            const response = (await liteCheckout.createPayment({
-                ...new CreatePaymentRequestClass(),
-            })) as ErrorResponse;
-        } catch (e: any) {
-            error = e;
-            expect(error.message).toStrictEqual("error");
-            expect(error.name).toStrictEqual("catch");
-        }
-
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).rejects.toThrow();
-    });
-});

package/tests/methods/customerRegister.test.ts

@@ -1,119 +0,0 @@
-import "../utils/defaultMock";
-import { LiteCheckout } from "../../src";
-import { ErrorResponse } from "../../src/classes/errorResponse";
-import { constructorFields } from "../utils/defaultMock";
-import { CustomerRegisterClass } from "../utils/mockClasses";
-import {IInlineLiteCheckoutOptions} from "../../src/types/commons";
-
-
-declare global {
-    interface Window {
-        OpenPay: any;
-        Skyflow: any;
-    }
-}
-
-describe("customerRegister", () => {
-    let checkoutConstructor: IInlineLiteCheckoutOptions,
-        liteCheckout: LiteCheckout,
-        fetchSpy: jest.SpyInstance,
-        liteCheckoutSpy: jest.SpyInstance;
-
-    beforeEach(async () => {
-        window.fetch = jest.fn();
-
-        checkoutConstructor = {
-            ...constructorFields,
-        };
-
-        liteCheckout = new LiteCheckout(constructorFields);
-
-        fetchSpy = jest.spyOn(global, "fetch");
-    });
-
-    afterEach(() => {
-        jest.restoreAllMocks();
-    });
-
-    it("customerRegister success", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "customerRegister");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () =>
-                    Promise.resolve({
-                        ...new CustomerRegisterClass(),
-                    }),
-                ok: true,
-            })
-        );
-
-        const response = await liteCheckout.customerRegister("email@gmail.com");
-
-        expect(response).toStrictEqual({ ...new CustomerRegisterClass() });
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).toHaveBeenCalledWith("email@gmail.com");
-    });
-
-    it("customerRegister empty", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "customerRegister");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve(),
-                ok: true,
-            })
-        );
-
-        const response = await liteCheckout.customerRegister("email@gmail.com");
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).toHaveReturned();
-        expect(response).toBeUndefined();
-    });
-
-    it("customerRegister errorResponse", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "customerRegister");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve(),
-                ok: false,
-                status: 400,
-            })
-        );
-        
-        let error: ErrorResponse;
-
-        try {
-            const response = await liteCheckout.customerRegister(
-                "email@gmail.com"
-            )
-        } catch (e: any) {
-            error = e;
-            expect(error.code).toStrictEqual("400");
-            expect(error).toBeInstanceOf(ErrorResponse);
-        }
-
-    });
-
-    it("customerRegister errorCatch", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "customerRegister");
-
-        fetchSpy.mockRejectedValue("error");
-
-        let error: ErrorResponse;
-
-        try {
-            const response = (await liteCheckout.customerRegister(
-                "email@gmail.com"
-            )) as ErrorResponse;
-        } catch (e: any) {
-            error = e;
-            expect(error.message).toStrictEqual("error");
-            expect(error.name).toStrictEqual("catch");
-        }
-
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).rejects.toThrow();
-    });
-});

package/tests/methods/getBusiness.test.ts

@@ -1,114 +0,0 @@
-import "../utils/defaultMock";
-import { LiteCheckout } from "../../src";
-import { ErrorResponse } from "../../src/classes/errorResponse";
-import { constructorFields } from "../utils/defaultMock";
-import { BusinessClass } from "../utils/mockClasses";
-import {IInlineLiteCheckoutOptions} from "../../src/types/commons";
-
-declare global {
-    interface Window {
-        OpenPay: any;
-        Skyflow: any;
-    }
-}
-
-describe("getBusiness", () => {
-    let checkoutConstructor: IInlineLiteCheckoutOptions,
-        liteCheckout: LiteCheckout,
-        fetchSpy: jest.SpyInstance,
-        liteCheckoutSpy: jest.SpyInstance;
-
-    beforeEach(async () => {
-        window.fetch = jest.fn();
-
-        checkoutConstructor = {
-            ...constructorFields,
-        };
-
-        liteCheckout = new LiteCheckout(constructorFields);
-
-        fetchSpy = jest.spyOn(global, "fetch");
-    });
-
-    afterEach(() => {
-        jest.restoreAllMocks();
-    });
-
-    it("getBusiness success", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "getBusiness");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () =>
-                    Promise.resolve({
-                        ...new BusinessClass(),
-                    }),
-                ok: true,
-            })
-        );
-
-        const response = await liteCheckout.getBusiness();
-
-        expect(response).toStrictEqual({ ...new BusinessClass() });
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-    });
-
-    it("getBusiness empty", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "getBusiness");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve(),
-                ok: true,
-            })
-        );
-
-        const response = await liteCheckout.getBusiness();
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).toHaveReturned();
-        expect(response).toBeUndefined();
-    });
-
-    it("getBusiness errorResponse", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "getBusiness");
-
-        fetchSpy.mockImplementation(() =>
-            Promise.resolve({
-                json: () => Promise.resolve(),
-                ok: false,
-                status: 400,
-            })
-        );
-
-        let error: ErrorResponse;
-
-        try {
-            const response = (await liteCheckout.getBusiness());
-        } catch (e: any) {
-            error = e;
-            expect(error.code).toStrictEqual("400");
-            expect(error).toBeInstanceOf(ErrorResponse);
-        }
-    });
-
-    it("getBusiness errorCatch", async () => {
-        liteCheckoutSpy = jest.spyOn(liteCheckout, "getBusiness");
-
-        fetchSpy.mockRejectedValue("error");
-
-        let error: ErrorResponse;
-
-        try {
-            const response = (await liteCheckout.getBusiness());
-        } catch (e: any) {
-            error = e;
-            expect(error.message).toStrictEqual("error");
-            expect(error.name).toStrictEqual("catch");
-        }
-
-        expect(liteCheckoutSpy).toHaveBeenCalled();
-        expect(liteCheckoutSpy).rejects.toThrow();
-    });
-});
-
-