@tonder.io/ionic-lite-sdk 0.0.26-beta → 0.0.29-beta

package/README.md

@@ -437,6 +437,84 @@ const jsonResponseRouter = await liteCheckout.startCheckoutRouter(
 
 ## Take actions on base to the checkout router response
 
+# Checkout router full
+
+<font size="4">This method integrate the create order, create payment and checkout router methods into one method, the info required to this method is:</font>
+
+```typescript
+
+const returnUrl = "http://localhost:8100/payment/success";
+
+let checkoutData = {
+  customer: {
+    name: "Jhon",
+    lastname: "Doe",
+    email: "john.c.calhoun@examplepetstore.com",
+    phone: "+58452258525"
+  },
+  order: {
+    items: [
+      {
+        description: "Test product description",
+        quantity: 1,
+        price_unit: 25,
+        discount: 1,
+        taxes: 12,
+        product_reference: 89456123,
+        name: "Test product",
+        amount_total: 25
+      }
+    ]
+  },
+  return_url: returnUrl,
+  total: 25,
+  isSandbox: true,
+  metadata: {},
+  currency: "MXN",
+  skyflowTokens: {
+    cardholder_name: "",
+    card_number: "",
+    expiration_year: "",
+    expiration_month: "",
+    cvv: "",
+    skyflow_id: ""
+  }
+}
+
+```
+
+<font size="4">It is required get the skyflow tokens to add it to the checkout router method, the values of the variable skyflowFields come from your html form</font>
+
+```typescript
+
+const merchantData: any = await liteCheckout.getBusiness();
+
+const { vault_id, vault_url } = merchantData;
+
+const skyflowFields = {
+  card_number: this.paymentForm.value.cardNumber,
+  cvv: this.paymentForm.value.cvv,
+  expiration_month: this.paymentForm.value.month,
+  expiration_year: this.paymentForm.value.expirationYear,
+  cardholder_name: this.paymentForm.value.name
+}
+
+const skyflowTokens = await liteCheckout.getSkyflowTokens({
+  vault_id: vault_id,
+  vault_url: vault_url,
+  data: skyflowFields
+})
+
+checkoutData.skyflowTokens = skyflowTokens;
+
+const jsonResponseRouter: any = await liteCheckout.startCheckoutRouterFull(
+  checkoutData
+);
+
+```
+
+<font size="4">The response is the same to the startCheckoutRouter method. Take actions on base to the checkout router response</font>
+
 # Customer Cards(Register)
 
 ## Register customer card

package/dist/classes/liteCheckout.d.ts

@@ -1,5 +1,5 @@
 import CollectContainer from "skyflow-js/types/core/external/collect/collect-container";
-import { CreateOrderRequest, CreatePaymentRequest, RegisterCustomerCardRequest, StartCheckoutRequest, TokensRequest } from "../types/requests";
+import { CreateOrderRequest, CreatePaymentRequest, RegisterCustomerCardRequest, StartCheckoutRequest, TokensRequest, StartCheckoutFullRequest } from "../types/requests";
 import { GetBusinessResponse, CustomerRegisterResponse, CreateOrderResponse, CreatePaymentResponse, StartCheckoutResponse, GetCustomerCardsResponse, RegisterCustomerCardResponse } from "../types/responses";
 import { ErrorResponse } from "./errorResponse";
 declare global {
@@ -23,6 +23,7 @@ export declare class LiteCheckout implements LiteCheckoutConstructor {
     createOrder(orderItems: CreateOrderRequest): Promise<CreateOrderResponse | ErrorResponse>;
     createPayment(paymentItems: CreatePaymentRequest): Promise<CreatePaymentResponse | ErrorResponse>;
     startCheckoutRouter(routerData: StartCheckoutRequest): Promise<StartCheckoutResponse | ErrorResponse>;
+    startCheckoutRouterFull(routerFullData: StartCheckoutFullRequest): Promise<StartCheckoutResponse | ErrorResponse>;
     getSkyflowTokens({ vault_id, vault_url, data, }: TokensRequest): Promise<any | ErrorResponse>;
     getVaultToken(): Promise<string>;
     getFieldsPromise(data: any, collectContainer: CollectContainer): Promise<Promise<boolean>[]>;

package/dist/helpers/utils.d.ts

@@ -1,3 +1,9 @@
-export declare const createObserver: ({ target }: {
-    target: string;
-}) => Promise<any>;
+export declare const getBrowserInfo: () => {
+    javascript_enabled: boolean;
+    time_zone: number;
+    language: string;
+    color_depth: number | null;
+    screen_width: number | null;
+    screen_height: number | null;
+    user_agent: string;
+};

package/dist/index.js

@@ -1 +1 @@
-import e from"skyflow-js";function t(e,t,o,r){return new(o||(o=Promise))((function(i,n){function s(e){try{a(r.next(e))}catch(e){n(e)}}function d(e){try{a(r.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(s,d)}a((r=r.apply(e,t||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;class o{constructor({code:e,body:t,name:o,message:r,stack:i}){this.code=e,this.body=t,this.name=o,this.message=r,this.stack=i}}class r{constructor({signal:e,baseUrlTonder:t,apiKeyTonder:o}){this.baseUrlTonder=t,this.signal=e,this.apiKeyTonder=o}getOpenpayDeviceSessionID(e,o,r){return t(this,void 0,void 0,(function*(){try{let t=yield window.OpenPay;return t.setId(e),t.setApiKey(o),t.setSandboxMode(r),yield t.deviceData.setup({signal:this.signal})}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}getBusiness(){return t(this,void 0,void 0,(function*(){try{const e=yield fetch(`${this.baseUrlTonder}/api/v1/payments/business/${this.apiKeyTonder}`,{headers:{Authorization:`Token ${this.apiKeyTonder}`},signal:this.signal});if(e.ok)return yield e.json();throw yield this.buildErrorResponse(e)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}customerRegister(e){return t(this,void 0,void 0,(function*(){try{const t=`${this.baseUrlTonder}/api/v1/customer/`,o={email:e},r=yield fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Token ${this.apiKeyTonder}`},signal:this.signal,body:JSON.stringify(o)});if(r.ok)return yield r.json();throw yield this.buildErrorResponse(r)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}createOrder(e){return t(this,void 0,void 0,(function*(){try{const t=`${this.baseUrlTonder}/api/v1/orders/`,o=e,r=yield fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Token ${this.apiKeyTonder}`},body:JSON.stringify(o)});if(r.ok)return yield r.json();throw yield this.buildErrorResponse(r)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}createPayment(e){return t(this,void 0,void 0,(function*(){try{const t=`${this.baseUrlTonder}/api/v1/business/${e.business_pk}/payments/`,o=e,r=yield fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Token ${this.apiKeyTonder}`},body:JSON.stringify(o)});if(r.ok)return yield r.json();throw yield this.buildErrorResponse(r)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}startCheckoutRouter(e){return t(this,void 0,void 0,(function*(){try{const t=`${this.baseUrlTonder}/api/v1/checkout-router/`,o=e,r=yield fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Token ${this.apiKeyTonder}`},body:JSON.stringify(o)});if(r.ok)return yield r.json();throw yield this.buildErrorResponse(r)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}getSkyflowTokens({vault_id:o,vault_url:r,data:i}){return t(this,void 0,void 0,(function*(){const n=e.init({vaultID:o,vaultURL:r,getBearerToken:()=>t(this,void 0,void 0,(function*(){return yield this.getVaultToken()})),options:{logLevel:e.LogLevel.ERROR,env:e.Env.DEV}}).container(e.ContainerType.COLLECT),s=yield this.getFieldsPromise(i,n);if((yield Promise.all(s)).some((e=>!e)))throw this.buildErrorResponseFromCatch(Error("Ocurrió un error al montar los campos de la tarjeta"));try{const e=yield n.collect();if(e)return e.records[0].fields;throw this.buildErrorResponseFromCatch(Error("Por favor, verifica todos los campos de tu tarjeta"))}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}getVaultToken(){var e;return t(this,void 0,void 0,(function*(){try{const t=yield fetch(`${this.baseUrlTonder}/api/v1/vault-token/`,{method:"GET",headers:{Authorization:`Token ${this.apiKeyTonder}`},signal:this.signal});if(t.ok)return null===(e=yield t.json())||void 0===e?void 0:e.token;throw new Error(`HTTPCODE: ${t.status}`)}catch(e){throw new Error(`Failed to retrieve bearer token; ${"string"==typeof e?e:e.message}`)}}))}getFieldsPromise(e,o){return t(this,void 0,void 0,(function*(){const t=yield this.getFields(e,o);return t?t.map((t=>new Promise((o=>{var r;const i=document.createElement("div");i.hidden=!0,i.id=`id-${t.key}`,null===(r=document.querySelector("body"))||void 0===r||r.appendChild(i),setTimeout((()=>{t.element.mount(`#id-${t.key}`),setInterval((()=>{if(t.element.isMounted()){const r=e[t.key];return t.element.update({value:r}),o(t.element.isMounted())}}),120)}),120)})))):[]}))}registerCustomerCard(e,o){return t(this,void 0,void 0,(function*(){try{const t=yield fetch(`${this.baseUrlTonder}/api/v1/cards/`,{method:"POST",headers:{Authorization:`Token ${e}`,"Content-Type":"application/json"},signal:this.signal,body:JSON.stringify(o)});if(t.ok)return yield t.json();throw yield this.buildErrorResponse(t)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}getCustomerCards(e,o=""){return t(this,void 0,void 0,(function*(){try{const t=yield fetch(`${this.baseUrlTonder}/api/v1/cards/${o}`,{method:"GET",headers:{Authorization:`Token ${e}`,"Content-Type":"application/json"},signal:this.signal});if(t.ok)return yield t.json();throw yield this.buildErrorResponse(t)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}deleteCustomerCard(e,o=""){return t(this,void 0,void 0,(function*(){try{const t=yield fetch(`${this.baseUrlTonder}/api/v1/cards/${o}`,{method:"DELETE",headers:{Authorization:`Token ${e}`,"Content-Type":"application/json"},signal:this.signal});if(t.ok)return!0;throw yield this.buildErrorResponse(t)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}buildErrorResponseFromCatch(e){return new o({code:(null==e?void 0:e.status)?e.status:e.code,body:null==e?void 0:e.body,name:e?"string"==typeof e?"catch":e.name:"Error",message:e?"string"==typeof e?e:e.message:"Error",stack:"string"==typeof e?void 0:e.stack})}buildErrorResponse(e,r=void 0){return t(this,void 0,void 0,(function*(){let t,i,n="Error";e&&"json"in e&&(t=yield null==e?void 0:e.json()),e&&"status"in e&&(i=e.status.toString()),e&&"text"in e&&(n=yield e.text());return new o({code:i,body:t,name:i,message:n,stack:r})}))}getFields(o,r){return t(this,void 0,void 0,(function*(){return yield Promise.all(Object.keys(o).map((o=>t(this,void 0,void 0,(function*(){return{element:yield r.create({table:"cards",column:o,type:e.ElementType.INPUT_FIELD}),key:o}})))))}))}}export{r as LiteCheckout};
+import e from"skyflow-js";function t(e,t,i,r){return new(i||(i=Promise))((function(o,n){function s(e){try{a(r.next(e))}catch(e){n(e)}}function d(e){try{a(r.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,d)}a((r=r.apply(e,t||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;class i{constructor({code:e,body:t,name:i,message:r,stack:o}){this.code=e,this.body=t,this.name=i,this.message=r,this.stack=o}}class r{constructor({signal:e,baseUrlTonder:t,apiKeyTonder:i}){this.baseUrlTonder=t,this.signal=e,this.apiKeyTonder=i}getOpenpayDeviceSessionID(e,i,r){return t(this,void 0,void 0,(function*(){try{let t=yield window.OpenPay;return t.setId(e),t.setApiKey(i),t.setSandboxMode(r),yield t.deviceData.setup({signal:this.signal})}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}getBusiness(){return t(this,void 0,void 0,(function*(){try{const e=yield fetch(`${this.baseUrlTonder}/api/v1/payments/business/${this.apiKeyTonder}`,{headers:{Authorization:`Token ${this.apiKeyTonder}`},signal:this.signal});if(e.ok)return yield e.json();throw yield this.buildErrorResponse(e)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}customerRegister(e){return t(this,void 0,void 0,(function*(){try{const t=`${this.baseUrlTonder}/api/v1/customer/`,i={email:e},r=yield fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Token ${this.apiKeyTonder}`},signal:this.signal,body:JSON.stringify(i)});if(r.ok)return yield r.json();throw yield this.buildErrorResponse(r)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}createOrder(e){return t(this,void 0,void 0,(function*(){try{const t=`${this.baseUrlTonder}/api/v1/orders/`,i=e,r=yield fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Token ${this.apiKeyTonder}`},body:JSON.stringify(i)});if(r.ok)return yield r.json();throw yield this.buildErrorResponse(r)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}createPayment(e){return t(this,void 0,void 0,(function*(){try{const t=`${this.baseUrlTonder}/api/v1/business/${e.business_pk}/payments/`,i=e,r=yield fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Token ${this.apiKeyTonder}`},body:JSON.stringify(i)});if(r.ok)return yield r.json();throw yield this.buildErrorResponse(r)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}startCheckoutRouter(e){return t(this,void 0,void 0,(function*(){try{const t=`${this.baseUrlTonder}/api/v1/checkout-router/`,i=e,r=yield fetch(t,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Token ${this.apiKeyTonder}`},body:JSON.stringify(i)});if(r.ok)return yield r.json();throw yield this.buildErrorResponse(r)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}startCheckoutRouterFull(e){return t(this,void 0,void 0,(function*(){try{const{order:t,total:r,customer:o,skyflowTokens:n,return_url:s,isSandbox:d,metadata:a,currency:l}=e,h=yield this.getBusiness(),c=yield this.customerRegister(o.email);if(c&&"auth_token"in c&&h&&"reference"in h){const e={business:this.apiKeyTonder,client:c.auth_token,billing_address_id:null,shipping_address_id:null,amount:r,reference:h.reference,is_oneclick:!0,items:t.items},u=yield this.createOrder(e),y=(new Date).toISOString();if("id"in u&&"id"in c&&"business"in h){const e={business_pk:h.business.pk,amount:r,date:y,order_id:u.id,client_id:c.id},t=yield this.createPayment(e);let i;const{openpay_keys:p,business:m}=h;p.merchant_id&&p.public_key&&(i=yield this.getOpenpayDeviceSessionID(p.merchant_id,p.public_key,d));const v={card:n,name:n.cardholder_name,last_name:o.lastname,email_client:o.email,phone_number:o.phone,return_url:s,id_product:"no_id",quantity_product:1,id_ship:"0",instance_id_ship:"0",amount:r,title_ship:"shipping",description:"transaction",device_session_id:i||null,token_id:"",order_id:"id"in u&&u.id,business_id:m.pk,payment_id:"pk"in t&&t.pk,source:"sdk",metadata:a,browser_info:{javascript_enabled:!0,time_zone:(new Date).getTimezoneOffset(),language:navigator.language||"en-US",color_depth:window.screen?window.screen.colorDepth:null,screen_width:window.screen?window.screen.width*window.devicePixelRatio||window.screen.width:null,screen_height:window.screen?window.screen.height*window.devicePixelRatio||window.screen.height:null,user_agent:navigator.userAgent},currency:l};return yield this.startCheckoutRouter(v)}throw new i({code:"500",body:u,name:"Keys error",message:"Order response errors"})}throw new i({code:"500",body:h,name:"Keys error",message:"Merchant or customer reposne errors"})}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}getSkyflowTokens({vault_id:i,vault_url:r,data:o}){return t(this,void 0,void 0,(function*(){const n=e.init({vaultID:i,vaultURL:r,getBearerToken:()=>t(this,void 0,void 0,(function*(){return yield this.getVaultToken()})),options:{logLevel:e.LogLevel.ERROR,env:e.Env.DEV}}).container(e.ContainerType.COLLECT),s=yield this.getFieldsPromise(o,n);if((yield Promise.all(s)).some((e=>!e)))throw this.buildErrorResponseFromCatch(Error("Ocurrió un error al montar los campos de la tarjeta"));try{const e=yield n.collect();if(e)return e.records[0].fields;throw this.buildErrorResponseFromCatch(Error("Por favor, verifica todos los campos de tu tarjeta"))}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}getVaultToken(){var e;return t(this,void 0,void 0,(function*(){try{const t=yield fetch(`${this.baseUrlTonder}/api/v1/vault-token/`,{method:"GET",headers:{Authorization:`Token ${this.apiKeyTonder}`},signal:this.signal});if(t.ok)return null===(e=yield t.json())||void 0===e?void 0:e.token;throw new Error(`HTTPCODE: ${t.status}`)}catch(e){throw new Error(`Failed to retrieve bearer token; ${"string"==typeof e?e:e.message}`)}}))}getFieldsPromise(e,i){return t(this,void 0,void 0,(function*(){const t=yield this.getFields(e,i);return t?t.map((t=>new Promise((i=>{var r;const o=document.createElement("div");o.hidden=!0,o.id=`id-${t.key}`,null===(r=document.querySelector("body"))||void 0===r||r.appendChild(o),setTimeout((()=>{t.element.mount(`#id-${t.key}`),setInterval((()=>{if(t.element.isMounted()){const r=e[t.key];return t.element.update({value:r}),i(t.element.isMounted())}}),120)}),120)})))):[]}))}registerCustomerCard(e,i){return t(this,void 0,void 0,(function*(){try{const t=yield fetch(`${this.baseUrlTonder}/api/v1/cards/`,{method:"POST",headers:{Authorization:`Token ${e}`,"Content-Type":"application/json"},signal:this.signal,body:JSON.stringify(i)});if(t.ok)return yield t.json();throw yield this.buildErrorResponse(t)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}getCustomerCards(e,i=""){return t(this,void 0,void 0,(function*(){try{const t=yield fetch(`${this.baseUrlTonder}/api/v1/cards/${i}`,{method:"GET",headers:{Authorization:`Token ${e}`,"Content-Type":"application/json"},signal:this.signal});if(t.ok)return yield t.json();throw yield this.buildErrorResponse(t)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}deleteCustomerCard(e,i=""){return t(this,void 0,void 0,(function*(){try{const t=yield fetch(`${this.baseUrlTonder}/api/v1/cards/${i}`,{method:"DELETE",headers:{Authorization:`Token ${e}`,"Content-Type":"application/json"},signal:this.signal});if(t.ok)return!0;throw yield this.buildErrorResponse(t)}catch(e){throw this.buildErrorResponseFromCatch(e)}}))}buildErrorResponseFromCatch(e){return new i({code:(null==e?void 0:e.status)?e.status:e.code,body:null==e?void 0:e.body,name:e?"string"==typeof e?"catch":e.name:"Error",message:e?"string"==typeof e?e:e.message:"Error",stack:"string"==typeof e?void 0:e.stack})}buildErrorResponse(e,r=void 0){return t(this,void 0,void 0,(function*(){let t,o,n="Error";e&&"json"in e&&(t=yield null==e?void 0:e.json()),e&&"status"in e&&(o=e.status.toString()),e&&"text"in e&&(n=yield e.text());return new i({code:o,body:t,name:o,message:n,stack:r})}))}getFields(i,r){return t(this,void 0,void 0,(function*(){return yield Promise.all(Object.keys(i).map((i=>t(this,void 0,void 0,(function*(){return{element:yield r.create({table:"cards",column:i,type:e.ElementType.INPUT_FIELD}),key:i}})))))}))}}export{r as LiteCheckout};

package/dist/types/requests.d.ts

@@ -57,3 +57,27 @@ export type TokensRequest = {
         [key: string]: any;
     };
 };
+export type StartCheckoutFullRequest = {
+    order: {
+        items: OrderItem[];
+    };
+    total: number;
+    customer: {
+        name: string;
+        lastname: string;
+        email: string;
+        phone: string;
+    };
+    skyflowTokens: {
+        cardholder_name: string;
+        card_number: string;
+        cvv: string;
+        expiration_year: string;
+        expiration_month: string;
+        skyflow_id: string;
+    };
+    return_url: string;
+    isSandbox: boolean;
+    metadata: any;
+    currency: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonder.io/ionic-lite-sdk",
-  "version": "0.0.26-beta",
+  "version": "0.0.29-beta",
   "description": "Tonder ionic lite SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/classes/liteCheckout.ts

@@ -2,9 +2,10 @@ import Skyflow from "skyflow-js";
 import CollectContainer from "skyflow-js/types/core/external/collect/collect-container";
 import CollectElement from "skyflow-js/types/core/external/collect/collect-element";
 import { Business } from "../types/commons";
-import { CreateOrderRequest, CreatePaymentRequest, RegisterCustomerCardRequest, StartCheckoutRequest, TokensRequest } from "../types/requests";
+import { CreateOrderRequest, CreatePaymentRequest, RegisterCustomerCardRequest, StartCheckoutRequest, TokensRequest, StartCheckoutFullRequest } from "../types/requests";
 import { GetBusinessResponse, CustomerRegisterResponse, CreateOrderResponse, CreatePaymentResponse, StartCheckoutResponse, GetVaultTokenResponse, IErrorResponse, GetCustomerCardsResponse, RegisterCustomerCardResponse } from "../types/responses";
 import { ErrorResponse } from "./errorResponse";
+import { getBrowserInfo } from "../helpers/utils";
 
 declare global {
   interface Window {
@@ -149,6 +150,127 @@ export class LiteCheckout implements LiteCheckoutConstructor {
     }
   }
 
+  async startCheckoutRouterFull(routerFullData: StartCheckoutFullRequest): Promise<StartCheckoutResponse | ErrorResponse> {
+    
+    try {
+
+      const { 
+        order, 
+        total, 
+        customer, 
+        skyflowTokens, 
+        return_url, 
+        isSandbox, 
+        metadata, 
+        currency 
+      } = routerFullData;
+
+      const merchantResult = await this.getBusiness();
+
+      const customerResult : CustomerRegisterResponse | ErrorResponse = await this.customerRegister(customer.email);
+
+      if(customerResult && "auth_token" in customerResult && merchantResult && "reference" in merchantResult) {
+
+        const orderData: CreateOrderRequest = {
+          business: this.apiKeyTonder,
+          client: customerResult.auth_token,
+          billing_address_id: null,
+          shipping_address_id: null,
+          amount: total,
+          reference: merchantResult.reference,
+          is_oneclick: true,
+          items: order.items,
+        };
+
+        const orderResult = await this.createOrder(orderData);
+
+        const now = new Date();
+
+        const dateString = now.toISOString();
+
+        if("id" in orderResult && "id" in customerResult && "business" in merchantResult) {
+
+          const paymentItems: CreatePaymentRequest = {
+            business_pk: merchantResult.business.pk,
+            amount: total,
+            date: dateString,
+            order_id: orderResult.id,
+            client_id: customerResult.id
+          };
+
+          const paymentResult = await this.createPayment(
+            paymentItems
+          );
+
+          let deviceSessionIdTonder: any;
+
+          const { openpay_keys, business } = merchantResult
+
+          if (openpay_keys.merchant_id && openpay_keys.public_key) {
+            deviceSessionIdTonder = await this.getOpenpayDeviceSessionID(
+              openpay_keys.merchant_id,
+              openpay_keys.public_key,
+              isSandbox
+            );
+          }
+
+          const routerItems: StartCheckoutRequest = {
+            card: skyflowTokens,
+            name: skyflowTokens.cardholder_name,
+            last_name: customer.lastname,
+            email_client: customer.email,
+            phone_number: customer.phone,
+            return_url: return_url,
+            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: ("id" in orderResult) && orderResult.id,
+            business_id: business.pk,
+            payment_id: ("pk" in paymentResult) && paymentResult.pk,
+            source: 'sdk',
+            metadata: metadata,
+            browser_info: getBrowserInfo(),
+            currency: currency
+          };
+
+          const checkoutResult = await this.startCheckoutRouter(routerItems);
+
+          return checkoutResult;
+          
+        } else {
+
+          throw new ErrorResponse({
+            code: "500",
+            body: orderResult as any,
+            name: "Keys error",
+            message: "Order response errors"
+          } as IErrorResponse)
+        
+        }
+      
+      } else {
+
+        throw new ErrorResponse({
+          code: "500",
+          body: merchantResult as any,
+          name: "Keys error",
+          message: "Merchant or customer reposne errors"
+        } as IErrorResponse)
+      
+      }
+    } catch (e) {
+      
+      throw this.buildErrorResponseFromCatch(e);
+    
+    }
+  }
+
   async getSkyflowTokens({
     vault_id,
     vault_url,

package/src/helpers/utils.ts

@@ -1,37 +1,12 @@
-export const createObserver = ({ target }: { target: string }): Promise<any> => {
-
-  return new Promise((resolve, reject) => {
-
-    let hasChanged = false;
-
-    // Select the node that will be observed for mutations
-    const targetNode: any = document.querySelector(target);
-
-    // Options for the observer (which mutations to observe)
-    const config = { attributes: true, childList: true, subtree: true };
-
-    // Callback function to execute when mutations are observed
-    const callback = (mutationList: any, observer: MutationObserver) => {
-      for (const mutation of mutationList) {
-        if (mutation.type === "childList") {
-          hasChanged = true;
-          resolve(mutation)
-        }
-      }
-    };
-
-    // Create an observer instance linked to the callback function
-    const observer = new MutationObserver(callback);
-
-    // Start observing the target node for configured mutations
-    observer.observe(targetNode, config);
-
-    window.setTimeout(() => {
-      if (!hasChanged) {
-        reject("Mounting error");
-      }
-    }, 5000);
-
-  })
-
-} 
+export const getBrowserInfo = () => {
+  const browserInfo = {
+    javascript_enabled: true,  // Assumed since JavaScript is running
+    time_zone: new Date().getTimezoneOffset(),
+    language: navigator.language || 'en-US', // Fallback to 'en-US'
+    color_depth: window.screen ? window.screen.colorDepth : null,
+    screen_width: window.screen ? window.screen.width * window.devicePixelRatio || window.screen.width : null,
+    screen_height: window.screen ? window.screen.height * window.devicePixelRatio || window.screen.height : null,
+    user_agent: navigator.userAgent,
+  };
+  return browserInfo;
+}

package/src/types/requests.ts

@@ -62,4 +62,29 @@ export type TokensRequest = {
     data: {
         [key: string]: any;
     }
+}
+
+export type StartCheckoutFullRequest = {
+    order: {
+        items: OrderItem[];
+    };
+    total: number;
+    customer: {
+        name: string;
+        lastname: string;
+        email: string;
+        phone: string;
+    };
+    skyflowTokens: {
+        cardholder_name: string;
+        card_number: string;
+        cvv: string;
+        expiration_year: string;
+        expiration_month: string;
+        skyflow_id: string;
+    };
+    return_url: string;
+    isSandbox: boolean;
+    metadata: any;
+    currency: string;
 }

package/tests/methods/startCheckoutRouterFull.test.ts

@@ -0,0 +1,139 @@
+import "../utils/defaultMock";
+import { LiteCheckout } from "../../src";
+import { ErrorResponse } from "../../src/classes/errorResponse";
+import { LiteCheckoutConstructor } from "../../src/classes/liteCheckout";
+import { IErrorResponse } from "../../src/types/responses";
+import { constructorFields } from "../utils/defaultMock";
+import { StartCheckoutResponseClass, StartCheckoutFullRequestClass, BusinessClass, CustomerRegisterClass, OrderResponseClass, CreatePaymentResponseClass } from "../utils/mockClasses";
+
+declare global {
+    interface Window {
+        OpenPay: any;
+        Skyflow: any;
+    }
+}
+
+describe("startCheckoutRouterFull", () => {
+    let checkoutConstructor: LiteCheckoutConstructor,
+        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("startCheckoutRouterFull success", async () => {
+
+        liteCheckout.getBusiness = jest
+        .fn()
+        .mockImplementation(() => Promise.resolve({ ...new BusinessClass().mockObject }));
+
+        liteCheckout.customerRegister = jest
+        .fn()
+        .mockImplementation(() => Promise.resolve({ ...new CustomerRegisterClass().mockObject }));
+
+        liteCheckout.createOrder = jest
+        .fn()
+        .mockImplementation(() => Promise.resolve({ ...new OrderResponseClass().mockObject }));
+
+        liteCheckout.createPayment = jest
+        .fn()
+        .mockImplementation(() => Promise.resolve({ ...new CreatePaymentResponseClass().mockObject }));
+
+        liteCheckoutSpy = jest.spyOn(liteCheckout, "startCheckoutRouterFull");
+
+        fetchSpy.mockImplementation(() =>
+            Promise.resolve({
+                json: () => Promise.resolve([{ ...new StartCheckoutResponseClass() }]),
+                ok: true,
+            })
+        );
+
+        const response = await liteCheckout.startCheckoutRouterFull({ ...new StartCheckoutFullRequestClass().mockObject, });
+
+        expect(response).toStrictEqual([{ ...new StartCheckoutResponseClass() }]);
+        expect(liteCheckoutSpy).toHaveBeenCalled();
+    });
+
+    it("startCheckoutRouterFull empty", async () => {
+        liteCheckoutSpy = jest.spyOn(liteCheckout, "startCheckoutRouterFull");
+
+        fetchSpy.mockImplementation(() =>
+            Promise.resolve({
+                json: () => Promise.resolve(),
+                ok: true,
+            })
+        );
+
+        let error: ErrorResponse;
+
+        try {
+            const response = (await liteCheckout.startCheckoutRouterFull({
+                ...new StartCheckoutFullRequestClass().mockObject,
+            })) as IErrorResponse;
+        } catch (e: any) {
+            error = e;
+            expect(error.code).toStrictEqual("500");
+            expect(error).toBeInstanceOf(ErrorResponse);
+        }
+
+    });
+
+    it("startCheckoutRouterFull errorResponse", async () => {
+        liteCheckoutSpy = jest.spyOn(liteCheckout, "startCheckoutRouterFull");
+
+        fetchSpy.mockImplementation(() =>
+            Promise.resolve({
+                json: () => Promise.resolve(),
+                ok: false,
+                status: 400,
+            })
+        );
+
+        let error: ErrorResponse;
+
+        try {
+            const response = (await liteCheckout.startCheckoutRouterFull({
+                ...new StartCheckoutFullRequestClass(),
+            })) as IErrorResponse;
+        } catch (e: any) {
+            error = e;
+            expect(error.code).toStrictEqual("400");
+            expect(error).toBeInstanceOf(ErrorResponse);
+        }
+    });
+
+    it("startCheckoutRouterFull errorCatch", async () => {
+        liteCheckoutSpy = jest.spyOn(liteCheckout, "startCheckoutRouterFull");
+
+        fetchSpy.mockRejectedValue("error");
+
+        let error: ErrorResponse;
+
+        try {
+            const response = (await liteCheckout.startCheckoutRouterFull({
+                ...new StartCheckoutFullRequestClass(),
+            })) as IErrorResponse;
+        } catch (e: any) {
+            error = e;
+            expect(error.message).toStrictEqual("error");
+            expect(error.name).toStrictEqual("catch");
+        }
+        
+        expect(liteCheckoutSpy).toHaveBeenCalled();
+        expect(liteCheckoutSpy).rejects.toThrow();
+    });
+});

package/tests/utils/mockClasses.ts

@@ -4,7 +4,8 @@ import {
     CreatePaymentRequest,
     RegisterCustomerCardRequest,
     StartCheckoutRequest,
-    TokensRequest
+    TokensRequest,
+    StartCheckoutFullRequest
 } from "../../src/types/requests";
 import {
     CreateOrderResponse,
@@ -499,6 +500,55 @@ export class StartCheckoutResponseClass implements StartCheckoutResponse {
     }
 }
 
+export class StartCheckoutFullRequestClass implements StartCheckoutFullRequest {
+    order!: { items: OrderItem[]; };
+    return_url!: string;
+    total!: number;
+    skyflowTokens!: { cardholder_name: string; card_number: string; cvv: string; expiration_year: string; expiration_month: string; skyflow_id: string; };
+    customer!: { name: string; lastname: string; email: string; phone: string; };
+    isSandbox!: boolean;
+    currency!: string;
+    metadata!: any;
+
+    get mockObject(): StartCheckoutFullRequest {
+        return {
+            order: {
+                items: [
+                    {
+                        description: "string",
+                        quantity: 25,
+                        price_unit: 25,
+                        discount: 0,
+                        taxes: 0,
+                        product_reference: 25,
+                        name: "Product text",
+                        amount_total: 25
+                    }
+                ]
+            },
+            return_url: "string",
+            total: 25,
+            skyflowTokens: { 
+                cardholder_name: "string", 
+                card_number: "string", 
+                cvv: "string", 
+                expiration_year: "string", 
+                expiration_month: "string", 
+                skyflow_id: "string", 
+            },
+            customer: { 
+                name: "string", 
+                lastname: "string", 
+                email: "string", 
+                phone: "string", 
+            },
+            isSandbox: true,
+            currency: "MXN",
+            metadata: null
+        };
+    }
+}
+
 export class TokensRequestClass implements TokensRequest {
     vault_id!: string;
     vault_url!: string;