@tonder.io/ionic-full-sdk 0.0.35-beta → 0.0.36-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonder.io/ionic-full-sdk",
-  "version": "0.0.35-beta",
+  "version": "0.0.36-beta",
   "description": "Tonder ionic full SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.js",

package/src/classes/3dsHandler.ts

@@ -65,19 +65,6 @@ export class ThreeDSHandler {
     }
   }
 
-  saveCheckoutId(checkoutId: any) {
-    localStorage.setItem('checkout_id', JSON.stringify(checkoutId))
-  }
-
-  removeCheckoutId() {
-    localStorage.removeItem("checkout_id")
-  }
-
-  getCurrentCheckoutId() {
-    const checkout_id = localStorage.getItem("checkout_id")
-    return checkout_id ? JSON.parse(checkout_id):null; // TODO: JSON.parse de una string?
-  }
-
   getUrlWithExpiration() {
     const status = this.getStorageItem();
     if(status) {

package/src/classes/inlineCheckout.ts

@@ -13,7 +13,7 @@ import { Business, Customer, PaymentData, OrderItem } from '@tonder.io/ionic-lit
 import { CustomerRegisterResponse, StartCheckoutResponse } from '@tonder.io/ionic-lite-sdk/dist/types/responses';
 import { StartCheckoutRequest, CreatePaymentRequest, CreateOrderRequest } from '@tonder.io/ionic-lite-sdk/dist/types/requests';
 import { InCollectorContainer } from '../helpers/skyflow';
-import { APM } from 'src/types/commons';
+import { APM } from '@tonder.io/ionic-lite-sdk/dist/types/commons';
 
 export type InlineCheckoutConstructor = {
   returnUrl: string,
@@ -26,7 +26,8 @@ export type InlineCheckoutConstructor = {
   containerId?: string,
   collectorIds?: CollectorIds,
   isOpenPaySandbox?: boolean,
-  isEnrollmentCard?: boolean
+  isEnrollmentCard?: boolean,
+  mode?: 'production' | 'stage' | 'sandbox' | 'development',
 }
 
 export class InlineCheckout {
@@ -73,6 +74,7 @@ export class InlineCheckout {
   card = {}
   currency: string = ""
   isEnrollmentCard: boolean = false
+  mode: 'production' | 'stage' | 'sandbox' | 'development' = "stage"
 
   constructor ({
     apiKey,
@@ -86,7 +88,9 @@ export class InlineCheckout {
     isOpenPaySandbox,
     isEnrollmentCard,
     renderSaveCardButton,
+    mode = 'stage',
   }: InlineCheckoutConstructor) {
+    this.mode = mode
     this.apiKeyTonder = apiKey;
     this.returnUrl = returnUrl;
     this.successUrl = successUrl;
@@ -94,7 +98,7 @@ export class InlineCheckout {
     this.renderSaveCardButton = renderSaveCardButton;
     this.callBack = callBack;
     this.customStyles = styles
-
+    this.baseUrl = this.#getBaseUrl()
     this.abortController = new AbortController()
 
     this.liteCheckout = new LiteCheckout({
@@ -134,6 +138,17 @@ export class InlineCheckout {
     this.isEnrollmentCard = isEnrollmentCard === undefined ? false : isEnrollmentCard
   }
 
+  #getBaseUrl() {
+    const modeUrls = {
+      'production': 'https://app.tonder.io',
+      'sandbox': 'https://sandbox.tonder.io',
+      'stage': 'https://stage.tonder.io',
+      'development': 'http://localhost:8000',
+    };
+
+    return modeUrls[this.mode] || modeUrls['stage']
+  }
+
   #mountPayButton() {
     if (!this.renderPaymentButton) return;
 
@@ -176,7 +191,7 @@ export class InlineCheckout {
     if (!this.renderSaveCardButton) return;
 
     const saveButton: HTMLElement | null = document.querySelector(`#${this.collectorIds.tonderSaveCardButton}`);
-
+    
     if (!saveButton) {
       console.error("Save button not found");
       return;
@@ -184,9 +199,9 @@ export class InlineCheckout {
 
 
     saveButton.style.display = "block";
-
+    
     saveButton.textContent = `Guardar`;
-
+    
     saveButton.onclick = async (event) => {
       event.preventDefault();
       await this.#handleSaveCardClick(saveButton);
@@ -255,7 +270,6 @@ export class InlineCheckout {
         this.#handleCard(data)
         const response: ErrorResponse | StartCheckoutResponse | false | undefined = await this.#checkout()
         this.process3ds.setPayload(response)
-        this.process3ds.saveCheckoutId(response && 'checkout_id' in response ? response.checkout_id:"")
         this.callBack(response);
         const payload = await this.handle3dsRedirect(response)
         if (payload) {
@@ -386,8 +400,7 @@ export class InlineCheckout {
   async resumeCheckout(response: any) {
     if (["Failed", "Declined", "Cancelled"].includes(response?.status)) {
       const routerItems = {
-        // TODO: Replace this with reponse.checkout_id
-        checkout_id: this.process3ds.getCurrentCheckoutId(),
+        checkout_id: response.checkout?.id,
       };
       const routerResponse = await this.liteCheckout.handleCheckoutRouter(
         routerItems
@@ -478,7 +491,6 @@ export class InlineCheckout {
         }
         
       }
-      
       await this.#mountAPMs();
 
       this.collectContainer = await initSkyflow(
@@ -545,6 +557,7 @@ export class InlineCheckout {
   }
 
   async #getCardTokens(tonderButton: string){
+    console.log("this.collectContainer: ", this.collectContainer)
     if(this.collectContainer && "container" in this.collectContainer && "collect" in this.collectContainer.container) {
       try {
         const collectResponseSkyflowTonder: any = await this.collectContainer?.container.collect();
@@ -561,7 +574,7 @@ export class InlineCheckout {
     try {
 
       const selector: any = document.querySelector(`#${this.collectorIds.tonderSaveCardButton}`);
-
+      
       if(selector){
         selector.disabled = disabled;
         selector.innerHTML = text
@@ -576,10 +589,9 @@ export class InlineCheckout {
         if(this.merchantData && "openpay_keys" in this.merchantData) {
           const cardTokensSkyflowTonder: any = await this.#getCardTokens(this.collectorIds.tonderSaveCardButton!);
           const customerResponse : CustomerRegisterResponse | ErrorResponse = await this.getCustomer(this.email);
-
+  
           if("auth_token" in customerResponse) {
             const { auth_token, id: cutomerId } = customerResponse;
-            console.log("cardTokensSkyflowTonder: ", cardTokensSkyflowTonder)
             await this.liteCheckout.registerCustomerCard(auth_token, { skyflow_id: cardTokensSkyflowTonder.skyflow_id });
             showMessage("Tarjeta registrada con éxito", this.collectorIds.msgNotification);
           }

package/src/helpers/constants.ts

@@ -0,0 +1,64 @@
+enum PAYMENT_METHOD {
+    SORIANA =  "SORIANA",
+    OXXO = "OXXO",
+    SPEI= "SPEI",
+    CODI= "CODI",
+    MERCADOPAGO= "MERCADOPAGO",
+    PAYPAL= "PAYPAL",
+    COMERCIALMEXICANA= "COMERCIALMEXICANA",
+    BANCOMER= "BANCOMER",
+    WALMART= "WALMART",
+    BODEGA= "BODEGA",
+    SAMSCLUB= "SAMSCLUB",
+    SUPERAMA= "SUPERAMA",
+    CALIMAX= "CALIMAX",
+    EXTRA= "EXTRA",
+    CIRCULOK= "CIRCULOK",
+    SEVEN11= "7ELEVEN",
+    TELECOMM= "TELECOMM",
+    BANORTE= "BANORTE",
+    BENAVIDES= "BENAVIDES",
+    DELAHORRO= "DELAHORRO",
+    ELASTURIANO= "ELASTURIANO",
+    WALDOS= "WALDOS",
+    ALSUPER= "ALSUPER",
+    KIOSKO= "KIOSKO",
+    STAMARIA= "STAMARIA",
+    LAMASBARATA= "LAMASBARATA",
+    FARMROMA= "FARMROMA",
+    FARMUNION= "FARMUNION",
+    FARMATODO= "FARMATODO",
+    SFDEASIS= "SFDEASIS",
+    FARM911= "FARM911",
+    FARMECONOMICAS= "FARMECONOMICAS",
+    FARMMEDICITY= "FARMMEDICITY",
+    RIANXEIRA= "RIANXEIRA",
+    WESTERNUNION= "WESTERNUNION",
+    ZONAPAGO= "ZONAPAGO",
+    CAJALOSANDES= "CAJALOSANDES",
+    CAJAPAITA= "CAJAPAITA",
+    CAJASANTA= "CAJASANTA",
+    CAJASULLANA= "CAJASULLANA",
+    CAJATRUJILLO= "CAJATRUJILLO",
+    EDPYME= "EDPYME",
+    KASNET= "KASNET",
+    NORANDINO= "NORANDINO",
+    QAPAQ= "QAPAQ",
+    RAIZ= "RAIZ",
+    PAYSER= "PAYSER",
+    WUNION= "WUNION",
+    BANCOCONTINENTAL= "BANCOCONTINENTAL",
+    GMONEY= "GMONEY",
+    GOPAY= "GOPAY",
+    WU= "WU",
+    PUNTOSHEY= "PUNTOSHEY",
+    AMPM= "AMPM",
+    JUMBOMARKET= "JUMBOMARKET",
+    SMELPUEBLO= "SMELPUEBLO",
+    BAM= "BAM",
+    REFACIL= "REFACIL",
+    ACYVALORES= "ACYVALORES"
+  }
+  
+  export { PAYMENT_METHOD }
+  

package/src/helpers/template.ts

@@ -1,6 +1,5 @@
-import { APM } from 'src/types/commons';
-import { getCardType } from './utils';
-import { getPaymentMethodDetails } from '@tonder.io/ionic-lite-sdk/dist/helpers/utils';
+import { APM } from '@tonder.io/ionic-lite-sdk/dist/types/commons';
+import { getCardType, getPaymentMethodDetails } from './utils';
 
 export type CollectorIds = {
   holderName: string,
@@ -78,6 +77,10 @@ ${external ? `` : `<style>
   font-family: "Inter", sans-serif !important;
 }
 
+.container-form {
+  padding: 25px 21px 0px 21px;
+}
+
 .expiration-year .error-custom-inputs-tonder {
   background-color: white;
   position: absolute;
@@ -92,7 +95,7 @@ ${external ? `` : `<style>
 .container-tonder {
   background-color: #F9F9F9;
   margin: 0 auto !important;
-  padding: 30px 10px 30px 10px;
+  padding: 30px 0px 30px 0px;
   overflow: hidden;
   transition: max-height 0.5s ease-out;
   max-width: 600px;
@@ -100,7 +103,7 @@ ${external ? `` : `<style>
 }
 
 .container-pay-button{
-  padding: ${!!data['renderPaymentButton'] ? '30px 25px':''};
+  padding: ${!!data['renderPaymentButton'] ? '30px 30px':''};
 }
 
 .collect-row {
@@ -230,7 +233,7 @@ ${external ? `` : `<style>
 .cards-list-container {
   display: flex;
   flex-direction: column;
-  padding: 0px 10px 0px 10px;
+  padding: 0px;
   gap: 33% 20px;
 }
 
@@ -253,6 +256,8 @@ ${external ? `` : `<style>
 .checkbox {
   margin-top: 10px;
   margin-bottom: 20px;
+  margin-left: 10px !important;
+  margin-right: 10px !important;
   width: 100%;
   text-align: left;
 }
@@ -262,12 +267,12 @@ ${external ? `` : `<style>
   justify-content: start;
   align-items: center;
   color: #1D1D1D;
-  gap: 33% 20px;
+  gap: 33% 15px;
   margin-top: 10px;
   margin-bottom: 10px;
-  padding-left: 10px;
-  padding-right: 10px;
-  width: 90%;
+  padding: 0px 30px;
+  width: 100%;
+  position: relative;
 }
 
 .pay-new-card .card-number {
@@ -289,9 +294,7 @@ ${external ? `` : `<style>
   gap: 33% 20px;
   margin-top: 10px;
   margin-bottom: 10px;
-  padding-left: 10px;
-  padding-right: 10px;
-  width: 90%;
+  width: 100%;
 }
 
 .card_selected {
@@ -409,18 +412,19 @@ export const cardItemsTemplate = (external: boolean, cards: Card[]) => {
         align-items: center;
         color: #1D1D1D;
         gap: 33% 20px;
-        margin-top: 10px;
-        margin-bottom: 10px;
-        padding-left: 10px;
-        padding-right: 10px;
-        width: 90%;
+        margin-top: 15px;
+        margin-bottom: 15px;
+        width: 100%;
       }
 
       .card-item {
+        position: relative;
         display: flex;
         justify-content: start;
         align-items: center;
-        gap: 33% 20px;
+        gap: 33% 15px;
+        border-bottom: 1px solid #e2e8f0;
+        padding: 0px 30px;
       }
 
       .card-item .card-number {
@@ -539,10 +543,11 @@ export const cardItemsTemplate = (external: boolean, cards: Card[]) => {
 }
 
 export const apmItemsTemplate = (external: boolean, apms: APM[]) => {
-
-  const apmItemsHTML = apms.reduce((_, apm) => {
+  console.log("apms here****: ", apms)
+  const apmItemsHTML = apms.reduce((total, apm) => {
     const apm_data = getPaymentMethodDetails(apm.payment_method);
     return `
+    ${total}
     <div class="apm-item" id="card_container-${apm.id}">
         <input id="${apm.id}" class="card_selected" name="card_selected" type="radio"/>
         <label class="apm-item-label" for="${apm.id}">

package/src/helpers/utils.ts

@@ -1,3 +1,4 @@
+import { PAYMENT_METHOD } from "./constants";
 import { Card } from "./template";
 import { GetCustomerCardsResponse } from "@tonder.io/ionic-lite-sdk/dist/types/responses"
 
@@ -146,4 +147,254 @@ export const getBrowserInfo = () => {
     user_agent: navigator.userAgent,
   };
   return browserInfo;
+}
+
+export const getPaymentMethodDetails = (scheme_data: string): {icon: string; label: string} => {
+  const scheme: PAYMENT_METHOD = clearSpace(scheme_data.toUpperCase()) as PAYMENT_METHOD;
+
+  const PAYMENT_METHODS_CATALOG: Partial<Record<PAYMENT_METHOD, { icon: string, label: string }>> = {
+    [PAYMENT_METHOD.SORIANA]: {
+      label: "Soriana",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/soriana.png",
+    },
+    [PAYMENT_METHOD.OXXO]: {
+      label: "Oxxo",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/oxxo.png",
+    },
+    [PAYMENT_METHOD.CODI]: {
+      label: "CoDi",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/codi.png",
+    },
+    [PAYMENT_METHOD.SPEI]: {
+      label: "SPEI",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/spei.png",
+    },
+    [PAYMENT_METHOD.PAYPAL]: {
+      label: "Paypal",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/paypal.png",
+    },
+    [PAYMENT_METHOD.COMERCIALMEXICANA]: {
+      label: "Comercial Mexicana",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/comercial_exicana.png",
+    },
+    [PAYMENT_METHOD.BANCOMER]: {
+      label: "Bancomer",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/bancomer.png",
+    },
+    [PAYMENT_METHOD.WALMART]: {
+      label: "Walmart",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/walmart.png",
+    },
+    [PAYMENT_METHOD.BODEGA]: {
+      label: "Bodega Aurrera",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/bodega_aurrera.png",
+    },
+    [PAYMENT_METHOD.SAMSCLUB]: {
+      label: "Sam´s Club",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/sams_club.png",
+    },
+    [PAYMENT_METHOD.SUPERAMA]: {
+      label: "Superama",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/superama.png",
+    },
+    [PAYMENT_METHOD.CALIMAX]: {
+      label: "Calimax",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/calimax.png",
+    },
+    [PAYMENT_METHOD.EXTRA]: {
+      label: "Tiendas Extra",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/tiendas_extra.png",
+    },
+    [PAYMENT_METHOD.CIRCULOK]: {
+      label: "Círculo K",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/circulo_k.png",
+    },
+    [PAYMENT_METHOD.SEVEN11]: {
+      label: "7 Eleven",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/7_eleven.png",
+    },
+    [PAYMENT_METHOD.TELECOMM]: {
+      label: "Telecomm",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/telecomm.png",
+    },
+    [PAYMENT_METHOD.BANORTE]: {
+      label: "Banorte",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/banorte.png",
+    },
+    [PAYMENT_METHOD.BENAVIDES]: {
+      label: "Farmacias Benavides",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_benavides.png",
+    },
+    [PAYMENT_METHOD.DELAHORRO]: {
+      label: "Farmacias del Ahorro",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_ahorro.png",
+    },
+    [PAYMENT_METHOD.ELASTURIANO]: {
+      label: "El Asturiano",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/asturiano.png",
+    },
+    [PAYMENT_METHOD.WALDOS]: {
+      label: "Waldos",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/waldos.png",
+    },
+    [PAYMENT_METHOD.ALSUPER]: {
+      label: "Alsuper",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/al_super.png",
+    },
+    [PAYMENT_METHOD.KIOSKO]: {
+      label: "Kiosko",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/kiosko.png",
+    },
+    [PAYMENT_METHOD.STAMARIA]: {
+      label: "Farmacias Santa María",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_santa_maria.png",
+    },
+    [PAYMENT_METHOD.LAMASBARATA]: {
+      label: "Farmacias la más barata",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_barata.png",
+    },
+    [PAYMENT_METHOD.FARMROMA]: {
+      label: "Farmacias Roma",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_roma.png",
+    },
+    [PAYMENT_METHOD.FARMUNION]: {
+      label: "Pago en Farmacias Unión",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_union.png",
+    },
+    [PAYMENT_METHOD.FARMATODO]: {
+      label: "Pago en Farmacias Farmatodo",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_farmatodo.png	",
+    },
+    [PAYMENT_METHOD.SFDEASIS]: {
+      label: "Pago en Farmacias San Francisco de Asís",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_san_francisco.png",
+    },
+    [PAYMENT_METHOD.FARM911]: {
+      label: "Farmacias 911",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.FARMECONOMICAS]: {
+      label: "Farmacias Economicas",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.FARMMEDICITY]: {
+      label: "Farmacias Medicity",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.RIANXEIRA]: {
+      label: "Rianxeira",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.WESTERNUNION]: {
+      label: "Western Union",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.ZONAPAGO]: {
+      label: "Zona Pago",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.CAJALOSANDES]: {
+      label: "Caja Los Andes",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.CAJAPAITA]: {
+      label: "Caja Paita",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.CAJASANTA]: {
+      label: "Caja Santa",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.CAJASULLANA]: {
+      label: "Caja Sullana",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.CAJATRUJILLO]: {
+      label: "Caja Trujillo",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.EDPYME]: {
+      label: "Edpyme",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.KASNET]: {
+      label: "KasNet",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.NORANDINO]: {
+      label: "Norandino",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.QAPAQ]: {
+      label: "Qapaq",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.RAIZ]: {
+      label: "Raiz",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.PAYSER]: {
+      label: "Paysera",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.WUNION]: {
+      label: "Western Union",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.BANCOCONTINENTAL]: {
+      label: "Banco Continental",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.GMONEY]: {
+      label: "Go money",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.GOPAY]: {
+      label: "Go pay",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.WU]: {
+      label: "Western Union",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.PUNTOSHEY]: {
+      label: "Puntoshey",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.AMPM]: {
+      label: "Ampm",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.JUMBOMARKET]: {
+      label: "Jumbomarket",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.SMELPUEBLO]: {
+      label: "Smelpueblo",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.BAM]: {
+      label: "Bam",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.REFACIL]: {
+      label: "Refacil",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD.ACYVALORES]: {
+      label: "Acyvalores",
+      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+  };
+
+  const _default = {
+    icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    label: ""
+  };
+
+  return PAYMENT_METHODS_CATALOG[scheme] || _default;
+}
+
+const clearSpace = (text: string) => {
+  return text.trim().replace(/\s+/g, '');
 }