@tonder.io/ionic-lite-sdk 0.0.35-beta.7 → 0.0.36-beta.1

package/src/classes/BaseInlineCheckout.ts

@@ -1,356 +0,0 @@
-import { ThreeDSHandler } from "./3dsHandler";
-import { ErrorResponse } from "./errorResponse";
-import { fetchBusiness } from "../data/businessApi";
-import { injectMercadoPagoSecurity } from "../helpers/mercadopago";
-import { TONDER_URL_BY_MODE } from "../shared/constants/tonderUrl";
-import {
-  createOrder,
-  createPayment,
-  startCheckoutRouter,
-} from "../data/checkoutApi";
-import { getOpenpayDeviceSessionID } from "../data/openPayApi";
-import { getBrowserInfo } from "../helpers/utils";
-import { registerOrFetchCustomer } from "../data/customerApi";
-import {
-  Business,
-  ICustomer,
-  IItem,
-  IInlineCheckoutBaseOptions,
-  IConfigureCheckout,
-  IProcessPaymentRequest,
-  IStartCheckoutResponse,
-  StartCheckoutResponse,
-  ICardFields,
-} from "../types";
-export class BaseInlineCheckout {
-  baseUrl = "";
-  cartTotal = "0";
-  process3ds: ThreeDSHandler;
-  mode?: "production" | "sandbox" | "stage" | "development" | undefined;
-  apiKeyTonder: string;
-  returnUrl: string;
-  callBack?: ((response: any) => void) | undefined;
-  merchantData?: Business;
-  abortController: AbortController;
-
-  firstName?: string;
-  lastName?: string;
-  country?: string;
-  address?: string;
-  city?: string;
-  state?: string;
-  postCode?: string;
-  email?: string;
-  phone?: string;
-  customer?: ICustomer;
-
-  cartItems?: IItem[];
-  metadata = {};
-  card? = {};
-  currency?: string = "";
-
-  #customerData?: Record<string, any>;
-
-  constructor({
-    mode = "stage",
-    apiKey,
-    apiKeyTonder,
-    returnUrl,
-    callBack = () => {},
-  }: IInlineCheckoutBaseOptions) {
-    this.apiKeyTonder = apiKey || apiKeyTonder || "";
-    this.returnUrl = returnUrl;
-    this.callBack = callBack;
-    this.mode = mode;
-    this.baseUrl = TONDER_URL_BY_MODE[this.mode] || TONDER_URL_BY_MODE["stage"];
-    this.abortController = new AbortController();
-    this.process3ds = new ThreeDSHandler({
-      apiKey: apiKey,
-      baseUrl: this.baseUrl,
-    });
-  }
-
-  configureCheckout(data: IConfigureCheckout) {
-    if ("customer" in data) this.#handleCustomer(data["customer"]);
-  }
-
-  async verify3dsTransaction() {
-    const result3ds = await this.process3ds.verifyTransactionStatus();
-    const resultCheckout = await this.#resumeCheckout(result3ds);
-    this.process3ds.setPayload(resultCheckout);
-    return this._handle3dsRedirect(resultCheckout);
-  }
-
-  payment(data: IProcessPaymentRequest): Promise<IStartCheckoutResponse> {
-    return new Promise(async (resolve, reject) => {
-      try {
-        this.#handleCustomer(data.customer);
-        this._setCartTotal(data.cart?.total);
-        this.#setCartItems(data.cart?.items);
-        this.#handleMetadata(data);
-        this.#handleCurrency(data);
-        this.#handleCard(data);
-        const response = await this._checkout(data);
-        this.process3ds.setPayload(response);
-        if (this.callBack) this.callBack!(response);
-        const payload = await this._handle3dsRedirect(response);
-        if (payload) {
-          resolve(response);
-        }
-      } catch (error) {
-        reject(error);
-      }
-    });
-  }
-
-  async _initializeCheckout() {
-    const business_response = await this._fetchMerchantData();
-
-    if (
-      !!business_response &&
-      !!business_response.mercado_pago &&
-      business_response.mercado_pago.active
-    ) {
-      injectMercadoPagoSecurity();
-    }
-  }
-
-  async _checkout(data: any): Promise<any> {
-    throw new Error(
-      "The #checkout method should be implement in child classes.",
-    );
-  }
-
-  _setCartTotal(total: string | number) {
-    throw new Error(
-      "The #setCartTotal method should be implement in child classes.",
-    );
-  }
-
-  async _getCustomer(signal: AbortSignal | null = null) {
-    if (!!this.#customerData) return this.#customerData!;
-
-    this.#customerData = await registerOrFetchCustomer(
-      this.baseUrl,
-      this.apiKeyTonder,
-      this.customer!,
-      signal,
-    );
-    return this.#customerData!;
-  }
-
-  async _handleCheckout({
-    card,
-    payment_method,
-    customer,
-    isSandbox,
-  }: {
-    card?: string;
-    payment_method?: string;
-    customer: Record<string, any>;
-    isSandbox?: boolean;
-  }) {
-    const { openpay_keys, reference, business } = this.merchantData!;
-    const total = Number(this.cartTotal);
-    try {
-      let deviceSessionIdTonder;
-      if (
-        !deviceSessionIdTonder &&
-        openpay_keys.merchant_id &&
-        openpay_keys.public_key
-      ) {
-        deviceSessionIdTonder = await getOpenpayDeviceSessionID(
-          openpay_keys.merchant_id,
-          openpay_keys.public_key,
-          isSandbox,
-          this.abortController.signal,
-        );
-      }
-
-      const { id, auth_token } = customer;
-
-      const orderItems = {
-        business: this.apiKeyTonder,
-        client: auth_token,
-        billing_address_id: null,
-        shipping_address_id: null,
-        amount: total,
-        status: "A",
-        reference: reference,
-        is_oneclick: true,
-        items: this.cartItems!,
-      };
-      const jsonResponseOrder = await createOrder(
-        this.baseUrl,
-        this.apiKeyTonder,
-        orderItems,
-      );
-
-      // Create payment
-      const now = new Date();
-      const dateString = now.toISOString();
-
-      const paymentItems = {
-        business_pk: business.pk,
-        client_id: id,
-        amount: total,
-        date: dateString,
-        order_id: jsonResponseOrder.id,
-      };
-      const jsonResponsePayment = await createPayment(
-        this.baseUrl,
-        this.apiKeyTonder,
-        paymentItems,
-      );
-
-      // Checkout router
-      const routerItems = {
-        name: this.firstName || "",
-        last_name: this.lastName || "",
-        email_client: this.email,
-        phone_number: this.phone,
-        return_url: this.returnUrl,
-        id_product: "no_id",
-        quantity_product: 1,
-        id_ship: "0",
-        instance_id_ship: "0",
-        amount: total,
-        title_ship: "shipping",
-        description: "transaction",
-        device_session_id: deviceSessionIdTonder ? deviceSessionIdTonder : null,
-        token_id: "",
-        order_id: jsonResponseOrder.id,
-        business_id: business.pk,
-        payment_id: jsonResponsePayment.pk,
-        source: "sdk",
-        metadata: this.metadata,
-        browser_info: getBrowserInfo(),
-        currency: this.currency!,
-        ...(!!payment_method ? { payment_method } : { card }),
-      };
-
-      const jsonResponseRouter = await startCheckoutRouter(
-        this.baseUrl,
-        this.apiKeyTonder,
-        routerItems,
-      );
-
-      if (jsonResponseRouter) {
-        return jsonResponseRouter;
-      } else {
-        return false;
-      }
-    } catch (error) {
-      console.log(error);
-      throw error;
-    }
-  }
-
-  async _fetchMerchantData() {
-    try {
-      if (!this.merchantData) {
-        this.merchantData = await fetchBusiness(
-          this.baseUrl,
-          this.apiKeyTonder,
-          this.abortController.signal,
-        );
-      }
-      return this.merchantData;
-    } catch (e) {
-      return this.merchantData;
-    }
-  }
-
-  #handleCustomer(customer: ICustomer) {
-    if (!customer) return;
-
-    this.firstName = customer?.firstName;
-    this.lastName = customer?.lastName;
-    this.country = customer?.country;
-    this.address = customer?.street;
-    this.city = customer?.city;
-    this.state = customer?.state;
-    this.postCode = customer?.postCode;
-    this.email = customer?.email;
-    this.phone = customer?.phone;
-    this.customer = customer;
-  }
-
-  #setCartItems(items: IItem[]) {
-    this.cartItems = items;
-  }
-
-  #handleMetadata(data: { metadata?: any }) {
-    this.metadata = data?.metadata;
-  }
-
-  #handleCurrency(data: { currency?: string }) {
-    this.currency = data?.currency;
-  }
-
-  #handleCard(data: { card?: ICardFields | string }) {
-    this.card = data?.card;
-  }
-
-  // TODO: Make private after remove deprecated functions of liteCheckout
-  async _handle3dsRedirect(
-    response: ErrorResponse | StartCheckoutResponse | false | undefined,
-  ) {
-    const iframe =
-      response && "next_action" in response
-        ? response?.next_action?.iframe_resources?.iframe
-        : null;
-
-    if (iframe) {
-      this.process3ds
-        .loadIframe()!
-        .then(() => {
-          //TODO: Check if this will be necessary on the frontend side
-          // after some the tests in production, since the 3DS process
-          // doesn't works properly on the sandbox environment
-          // setTimeout(() => {
-          //   process3ds.verifyTransactionStatus();
-          // }, 10000);
-          this.process3ds.verifyTransactionStatus();
-        })
-        .catch((error) => {
-          console.log("Error loading iframe:", error);
-        });
-    } else {
-      const redirectUrl = this.process3ds.getRedirectUrl();
-      if (redirectUrl) {
-        this.process3ds.redirectToChallenge();
-      } else {
-        return response;
-      }
-    }
-  }
-
-  async #resumeCheckout(response: any) {
-    // Stop the routing process if the transaction is either hard declined or successful
-    if (response?.decline?.error_type === "Hard") {
-      return response;
-    }
-
-    if (["Success", "Authorized"].includes(response?.transaction_status)) {
-      return response;
-    }
-
-    if (response) {
-      const routerItems = {
-        checkout_id: response.checkout?.id,
-      };
-
-      try {
-        return await startCheckoutRouter(
-          this.baseUrl,
-          this.apiKeyTonder,
-          routerItems,
-        );
-      } catch (error) {
-        // throw error
-      }
-      return response;
-    }
-  }
-}

package/src/data/businessApi.ts

@@ -1,18 +0,0 @@
-import { GetBusinessResponse } from "../types";
-
-export async function fetchBusiness(
-  baseUrl: string,
-  apiKey: string,
-  signal: AbortSignal,
-): Promise<GetBusinessResponse> {
-  const getBusiness = await fetch(
-    `${baseUrl}/api/v1/payments/business/${apiKey}`,
-    {
-      headers: {
-        Authorization: `Token ${apiKey}`,
-      },
-      signal: signal,
-    },
-  );
-  return await getBusiness.json();
-}

package/src/data/cardApi.ts

@@ -1,89 +0,0 @@
-import {
-  buildErrorResponse,
-  buildErrorResponseFromCatch,
-} from "../helpers/utils";
-import {
-  ICustomerCardsResponse,
-  ISaveCardResponse,
-  ISaveCardSkyflowRequest,
-} from "../types";
-import { MESSAGES } from "../shared/constants/messages";
-
-export async function fetchCustomerCards(
-  baseUrl: string,
-  customerToken: string,
-  businessId: string | number,
-  signal = null,
-): Promise<ICustomerCardsResponse> {
-  try {
-    const url = `${baseUrl}/api/v1/business/${businessId}/cards/`;
-    const response = await fetch(url, {
-      method: "GET",
-      headers: {
-        Authorization: `Token ${customerToken}`,
-        "Content-Type": "application/json",
-      },
-      signal,
-    });
-    if (response.ok) return await response.json();
-    const res_json = await response.json();
-
-    throw await buildErrorResponse(response, res_json);
-  } catch (error) {
-    throw buildErrorResponseFromCatch(error);
-  }
-}
-
-export async function saveCustomerCard(
-  baseUrl: string,
-  customerToken: string,
-  businessId: string | number,
-  data: ISaveCardSkyflowRequest,
-): Promise<ISaveCardResponse> {
-  try {
-    const url = `${baseUrl}/api/v1/business/${businessId}/cards/`;
-    const response = await fetch(url, {
-      method: "POST",
-      headers: {
-        Authorization: `Token ${customerToken}`,
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify(data),
-    });
-
-    if (response.ok) return await response.json();
-
-    const res_json = await response.json();
-
-    throw await buildErrorResponse(response, res_json);
-  } catch (error) {
-    throw buildErrorResponseFromCatch(error);
-  }
-}
-
-export async function removeCustomerCard(
-  baseUrl: string,
-  customerToken: string,
-  skyflowId = "",
-  businessId: string | number,
-): Promise<string> {
-  try {
-    const url = `${baseUrl}/api/v1/business/${businessId}/cards/${skyflowId}`;
-
-    const response = await fetch(url, {
-      method: "DELETE",
-      headers: {
-        Authorization: `Token ${customerToken}`,
-        "Content-Type": "application/json",
-      },
-    });
-
-    if (response.status === 204) return MESSAGES.cardSaved;
-    if (response.ok && "json" in response) return await response.json();
-    const res_json = await response.json();
-
-    throw await buildErrorResponse(response, res_json);
-  } catch (error) {
-    throw buildErrorResponseFromCatch(error);
-  }
-}

package/src/data/checkoutApi.ts

@@ -1,87 +0,0 @@
-declare const MP_DEVICE_SESSION_ID: string | undefined;
-
-import {
-  CreateOrderRequest,
-  CreatePaymentRequest,
-  IStartCheckoutIdRequest,
-  IStartCheckoutRequest,
-} from "../types";
-
-export async function createOrder(
-  baseUrl: string,
-  apiKey: string,
-  orderItems: CreateOrderRequest,
-) {
-  const url = `${baseUrl}/api/v1/orders/`;
-  const data = orderItems;
-  const response = await fetch(url, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Token ${apiKey}`,
-    },
-    body: JSON.stringify(data),
-  });
-  if (response.status === 201) {
-    return await response.json();
-  } else {
-    throw new Error(`Error: ${response.statusText}`);
-  }
-}
-
-export async function createPayment(
-  baseUrl: string,
-  apiKey: string,
-  paymentItems: CreatePaymentRequest,
-) {
-  const url = `${baseUrl}/api/v1/business/${paymentItems.business_pk}/payments/`;
-  const data = paymentItems;
-  const response = await fetch(url, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Token ${apiKey}`,
-    },
-    body: JSON.stringify(data),
-  });
-  if (response.status >= 200 && response.status <= 299) {
-    return await response.json();
-  } else {
-    throw new Error(`Error: ${response.statusText}`);
-  }
-}
-
-export async function startCheckoutRouter(
-  baseUrl: string,
-  apiKey: string,
-  routerItems: IStartCheckoutRequest | IStartCheckoutIdRequest,
-) {
-  try {
-    const url = `${baseUrl}/api/v1/checkout-router/`;
-    const data = routerItems;
-    const response = await fetch(url, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Token ${apiKey}`,
-      },
-      body: JSON.stringify({
-        ...data,
-        ...(typeof MP_DEVICE_SESSION_ID !== "undefined"
-          ? { mp_device_session_id: MP_DEVICE_SESSION_ID }
-          : {}),
-      }),
-    });
-    if (response.status >= 200 && response.status <= 299) {
-      return await response.json();
-    } else {
-      const errorResponse = await response.json();
-      const error = new Error("Failed to start checkout router");
-      // @ts-ignore
-      error.details = errorResponse;
-      throw error;
-    }
-  } catch (error) {
-    throw error;
-  }
-}

package/src/data/customerApi.ts

@@ -1,31 +0,0 @@
-import { CustomerRegisterResponse } from "../types";
-
-export async function registerOrFetchCustomer(
-  baseUrl: string,
-  apiKey: string,
-  customer: Record<string, any>,
-  signal: AbortSignal | null = null,
-): Promise<CustomerRegisterResponse> {
-  const url = `${baseUrl}/api/v1/customer/`;
-  const data = {
-    email: customer.email,
-    first_name: customer?.firstName,
-    last_name: customer?.lastName,
-    phone: customer?.phone,
-  };
-  const response = await fetch(url, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Token ${apiKey}`,
-    },
-    signal: signal,
-    body: JSON.stringify(data),
-  });
-
-  if (response.status === 201) {
-    return await response.json();
-  } else {
-    throw new Error(`Error: ${response.statusText}`);
-  }
-}

package/src/data/openPayApi.ts

@@ -1,12 +0,0 @@
-export async function getOpenpayDeviceSessionID(
-  merchant_id: string,
-  public_key: string,
-  isSandbox: boolean = true,
-  signal: AbortSignal | null = null,
-): Promise<string> {
-  let openpay = await window.OpenPay;
-  openpay.setId(merchant_id);
-  openpay.setApiKey(public_key);
-  openpay.setSandboxMode(isSandbox);
-  return await openpay.deviceData.setup({ signal });
-}

package/src/data/paymentMethodApi.ts

@@ -1,37 +0,0 @@
-import {
-  buildErrorResponse,
-  buildErrorResponseFromCatch,
-} from "../helpers/utils";
-import { IPaymentMethodResponse } from "../types";
-
-export async function fetchCustomerAPMs(
-  baseUrl: string,
-  apiKey: string,
-  params = {
-    status: "active",
-    pagesize: "10000",
-  },
-  signal = null,
-): Promise<IPaymentMethodResponse> {
-  try {
-    const queryString = new URLSearchParams(params).toString();
-
-    const response = await fetch(
-      `${baseUrl}/api/v1/payment_methods?${queryString}`,
-      {
-        method: "GET",
-        headers: {
-          Authorization: `Token ${apiKey}`,
-          "Content-Type": "application/json",
-        },
-        signal,
-      },
-    );
-
-    if (response.ok) return await response.json();
-    const res_json = await response.json();
-    throw await buildErrorResponse(response, res_json);
-  } catch (error) {
-    throw buildErrorResponseFromCatch(error);
-  }
-}

package/src/data/skyflowApi.ts

@@ -1,20 +0,0 @@
-export async function getVaultToken(
-  baseUrl: string,
-  apiKey: string,
-  signal = null,
-) {
-  const response = await fetch(`${baseUrl}/api/v1/vault-token/`, {
-    method: "GET",
-    headers: {
-      Authorization: `Token ${apiKey}`,
-    },
-    signal: signal,
-  });
-
-  if (response.ok) {
-    const responseBody = await response.json();
-    return responseBody.token;
-  } else {
-    throw new Error("Failed to retrieve bearer token");
-  }
-}