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

package/.gitlab-ci.yml

@@ -1,29 +1,29 @@
-image: grupoapok/awscli:18
-
-stages:
-  - test
-  - deploy
-
-test:
-  stage: test
-  only:
-    - development
-  before_script:
-    - npm install
-  script:
-    - npm run test
-
-deploy:
-  stage: deploy
-  only:
-    - tags
-  before_script:
-    - |
-      {
-        echo "@tonder.io:registry=https://registry.npmjs.org/"
-        echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}"
-      } | tee -a .npmrc
-  script:
-    - npm install
-    - npm run build
+image: grupoapok/awscli:18
+
+stages:
+  - test
+  - deploy
+
+test:
+  stage: test
+  only:
+    - development
+  before_script:
+    - npm install
+  script:
+    - npm run test
+
+deploy:
+  stage: deploy
+  only:
+    - tags
+  before_script:
+    - |
+      {
+        echo "@tonder.io:registry=https://registry.npmjs.org/"
+        echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}"
+      } | tee -a .npmrc
+  script:
+    - npm install
+    - npm run build
     - npm publish --access=public

package/README.md

@@ -1,202 +1,221 @@
-# Tonder SDK
-
-Tonder SDK Lite to integrate REST service
-
-## Installation
-
-You can install using NPM
-```bash
-npm i @tonder.io/ionic-lite-sdk
-```
-
-Add dependencies to the root of the app (index.html)
-```html
-<script src=https://openpay.s3.amazonaws.com/openpay.v1.min.js></script>
-<script src=https://openpay.s3.amazonaws.com/openpay-data.v1.min.js></script>
-```
-
-## Usage
-## Import LiteCheckout class
-```javascript
-import { LiteCheckout } from "@tonder.io/ionic-lite-sdk"
-```
-## Create instance
-
-```javascript
-const liteCheckout = new LiteCheckout({ 
-  signal, 
-  baseUrlTonder, 
-  apiKeyTonder
-})
-
-// To verify a 3ds transaction you can use the following method
-// It should be called after the injectCheckout method
-// The response status will be one of the following
-// ['Declined', 'Cancelled', 'Failed', 'Success', 'Pending', 'Authorized']
-
-inlineCheckout.verify3dsTransaction().then(response => {
-  console.log('Verify 3ds response', response)
-})
-```
-
-| Property        | Type          | Description                                                             |
-|:---------------:|:-------------:|:-----------------------------------------------------------------------:|
-| signal          | AborSignal    | Signal from AbortController instance if it need cancel request          |
-| baseUrlTonder   | string        | Live server: http://stage.tonder.io                                     |
-|                 |               | Mock Server: https://stoplight.io/mocks/tonder/tonder-api-v1-2/3152148  |
-| apiKeyTonder    | string        | You can take this from you Tonder Dashboard                             |
-|                 |               |                                                                         |
-
-# Class methods
-
-# Checkout router
-
-```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">Take actions on base to the checkout router response</font>
-
-# Customer Cards(Register)
-
-## Register customer card
-
-```typescript
-
-customer_auth_token: string;
-
-data: {
-    skyflow_id: string;
-};
-
-const jsonResponseOrder = await liteCheckout.registerCustomerCard(
-  customer_auth_token,
-  data
-);
-```
-
-## Return register customer card
-```typescript
-{
-    skyflow_id: string;
-    user_id: number;
-}
-```
-
-# Customer Cards(Get)
-
-## Get customer cards
-
-```typescript
-
-customer_auth_token: string;
-
-query: string = "?ordering=<string>&search=<string>";
-
-const jsonResponseOrder = await liteCheckout.getCustomerCards(
-  customer_auth_token,
-  query
-);
-```
-
-## Return get customer cards
-```typescript
-{
-    user_id: number,
-    cards: [
-        {
-            fields: {
-                card_number: string,
-                cardholder_name: string,
-                cvv: string,
-                expiration_month: string,
-                expiration_year: string,
-                skyflow_id: string
-            }
-        }
-    ]
-}
-```
-
-## Delete customer card
-
-```typescript
-
-const deleted: boolean = await liteCheckout.deleteCustomerCard(
-  customer_auth_token,
-  skyflow_id
-);
-
-```
-
-## License
-
-[MIT](https://choosealicense.com/licenses/mit/)
+# Tonder SDK
+
+Tonder SDK Lite to integrate REST service
+
+## Installation
+
+You can install using NPM
+```bash
+npm i @tonder.io/ionic-lite-sdk
+```
+
+Add dependencies to the root of the app (index.html)
+```html
+<script src=https://openpay.s3.amazonaws.com/openpay.v1.min.js></script>
+<script src=https://openpay.s3.amazonaws.com/openpay-data.v1.min.js></script>
+```
+
+## Usage
+## Import LiteCheckout class
+```javascript
+import { LiteCheckout } from "@tonder.io/ionic-lite-sdk"
+```
+## Create instance
+
+```javascript
+const liteCheckout = new LiteCheckout({ 
+  signal, 
+  baseUrlTonder, 
+  publicApiKeyTonder
+})
+
+// To verify a 3ds transaction you can use the following method
+// It should be called after the injectCheckout method
+// The response status will be one of the following
+// ['Declined', 'Cancelled', 'Failed', 'Success', 'Pending', 'Authorized']
+
+inlineCheckout.verify3dsTransaction().then(response => {
+  console.log('Verify 3ds response', response)
+})
+```
+
+| Property        | Type          | Description                                                             |
+|:---------------:|:-------------:|:-----------------------------------------------------------------------:|
+| signal          | AborSignal    | Signal from AbortController instance if it need cancel request          |
+| baseUrlTonder   | string        | Live server: http://stage.tonder.io                                     |
+|                 |               | Mock Server: https://stoplight.io/mocks/tonder/tonder-api-v1-2/3152148  |
+| publicApiKeyTonder    | string        | You can take this from you Tonder Dashboard                             |
+|                 |               |                                                                         |
+
+# Class methods
+
+# Checkout router
+
+```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">Take actions on base to the checkout router response</font>
+
+# Customer Cards(Register)
+
+## Request secure token
+
+```typescript
+
+const jsonResponse = await liteCheckout.getSecureToken(
+  secretApiKey //You can take this from you Tonder Dashboard 
+);
+
+```
+
+## Return secure token
+
+```typescript
+{
+    access: string;
+}
+```
+
+## Register customer card
+
+```typescript
+
+customer_auth_token: string;
+
+data: {
+    skyflow_id: string;
+};
+
+const jsonResponseOrder = await liteCheckout.registerCustomerCard(
+  secureToken
+  customer_auth_token,
+  data
+);
+```
+
+## Return register customer card
+```typescript
+{
+    skyflow_id: string;
+    user_id: number;
+}
+```
+
+# Customer Cards(Get)
+
+## Get customer cards
+
+```typescript
+
+customer_auth_token: string;
+
+query: string = "?ordering=<string>&search=<string>";
+
+const jsonResponseOrder = await liteCheckout.getCustomerCards(
+  customer_auth_token,
+  query
+);
+```
+
+## Return get customer cards
+```typescript
+{
+    user_id: number,
+    cards: [
+        {
+            fields: {
+                card_number: string,
+                cardholder_name: string,
+                cvv: string,
+                expiration_month: string,
+                expiration_year: string,
+                skyflow_id: string
+            }
+        }
+    ]
+}
+```
+
+## Delete customer card
+
+```typescript
+
+const deleted: boolean = await liteCheckout.deleteCustomerCard(
+  customer_auth_token,
+  skyflow_id
+);
+
+```
+
+## License
+
+[MIT](https://choosealicense.com/licenses/mit/)

package/dist/classes/errorResponse.d.ts

@@ -1,4 +1,4 @@
-import { IErrorResponse } from "../types";
+import { IErrorResponse } from "../types/responses";
 export declare class ErrorResponse implements IErrorResponse {
     code?: string | undefined;
     body?: string | undefined;

package/dist/classes/liteCheckout.d.ts

@@ -1,71 +1,47 @@
+import CollectContainer from "skyflow-js/types/core/external/collect/collect-container";
+import { APM, Business } from "../types/commons";
+import { CreateOrderRequest, CreatePaymentRequest, RegisterCustomerCardRequest, StartCheckoutRequest, TokensRequest, StartCheckoutFullRequest, StartCheckoutIdRequest } from "../types/requests";
+import { GetSecureTokenResponse, GetBusinessResponse, CustomerRegisterResponse, CreateOrderResponse, CreatePaymentResponse, StartCheckoutResponse, GetCustomerCardsResponse, RegisterCustomerCardResponse } from "../types/responses";
 import { ErrorResponse } from "./errorResponse";
-import { BaseInlineCheckout } from "./BaseInlineCheckout";
-import { APM, IInlineCheckoutBaseOptions, RegisterCustomerCardResponse, ISaveCardRequest, ICustomerCardsResponse, ISaveCardResponse, IPaymentMethod, GetBusinessResponse, TokensRequest, ICardFields, CustomerRegisterResponse, StartCheckoutFullRequest, CreateOrderRequest, CreatePaymentRequest, StartCheckoutRequest, StartCheckoutResponse, StartCheckoutIdRequest, CreatePaymentResponse, CreateOrderResponse, RegisterCustomerCardRequest } from "../types";
+import { ThreeDSHandler } from "./3dsHandler";
 declare global {
     interface Window {
         OpenPay: any;
     }
 }
-export interface LiteCheckoutConstructor extends IInlineCheckoutBaseOptions {
-}
-export declare class LiteCheckout extends BaseInlineCheckout {
+export type LiteCheckoutConstructor = {
+    signal: AbortSignal;
+    baseUrlTonder: string;
+    publicApiKeyTonder: string;
+};
+export declare class LiteCheckout implements LiteCheckoutConstructor {
+    #private;
+    signal: AbortSignal;
+    baseUrlTonder: string;
+    publicApiKeyTonder: string;
+    process3ds: ThreeDSHandler;
     activeAPMs: APM[];
-    constructor({ apiKey, mode, returnUrl, callBack }: LiteCheckoutConstructor);
-    injectCheckout(): Promise<void>;
-    getCustomerCards(): Promise<ICustomerCardsResponse>;
-    saveCustomerCard(card: ISaveCardRequest): Promise<ISaveCardResponse>;
-    removeCustomerCard(skyflowId: string): Promise<string>;
-    getCustomerPaymentMethods(): Promise<IPaymentMethod[]>;
-    getBusiness(): Promise<GetBusinessResponse>;
-    getSkyflowTokens({ vault_id, vault_url, data, }: TokensRequest): Promise<any | ErrorResponse>;
-    _setCartTotal(total: string): void;
-    _checkout({ card, payment_method, isSandbox, }: {
-        card?: ICardFields | string;
-        payment_method?: string;
-        isSandbox?: boolean;
-    }): Promise<any>;
-    /**
-     * @deprecated This method is deprecated and will be removed in a future release.
-     * It is no longer necessary to use this method as customer registration is now automatically handled
-     * during the payment process or when using card management methods.
-     */
+    merchantData?: Business | ErrorResponse;
+    constructor({ signal, baseUrlTonder, publicApiKeyTonder, }: LiteCheckoutConstructor);
+    getOpenpayDeviceSessionID(merchant_id: string, public_key: string, is_sandbox: boolean): Promise<string | ErrorResponse>;
+    getBusiness(): Promise<GetBusinessResponse | ErrorResponse>;
+    verify3dsTransaction(): Promise<false | StartCheckoutResponse | ErrorResponse | undefined>;
+    resumeCheckout(response: any): Promise<any>;
+    handle3dsRedirect(response: ErrorResponse | StartCheckoutResponse | false | undefined): Promise<false | StartCheckoutResponse | ErrorResponse | undefined>;
     customerRegister(email: string): Promise<CustomerRegisterResponse | ErrorResponse>;
-    /**
-     * @deprecated This method is deprecated and will be removed in a future release.
-     * It is no longer necessary to use this method as order creation is now automatically
-     * handled when making a payment through the `payment` function.
-     */
     createOrder(orderItems: CreateOrderRequest): Promise<CreateOrderResponse | ErrorResponse>;
-    /**
-     * @deprecated This method is deprecated and will be removed in a future release.
-     * It is no longer necessary to use this method as payment creation is now automatically
-     * handled when making a payment through the `payment` function.
-     */
     createPayment(paymentItems: CreatePaymentRequest): Promise<CreatePaymentResponse | ErrorResponse>;
-    /**
-     * @deprecated This method is deprecated and will be removed in a future release.
-     * Use the {@link payment} method
-     */
+    handleCheckoutRouter(routerData: StartCheckoutRequest | StartCheckoutIdRequest): Promise<StartCheckoutResponse>;
     startCheckoutRouter(routerData: StartCheckoutRequest | StartCheckoutIdRequest): Promise<StartCheckoutResponse | ErrorResponse | undefined>;
-    init3DSRedirect(checkoutResult: ErrorResponse | StartCheckoutResponse): Promise<false | ErrorResponse | StartCheckoutResponse | undefined>;
-    /**
-     * @deprecated This method is deprecated and will be removed in a future release.
-     * Use the {@link payment} method
-     */
     startCheckoutRouterFull(routerFullData: StartCheckoutFullRequest): Promise<StartCheckoutResponse | ErrorResponse | undefined>;
-    /**
-     * @deprecated This method is deprecated and will be removed in a future release.
-     * Use the {@link saveCustomerCard} method
-     */
-    registerCustomerCard(customerToken: string, data: RegisterCustomerCardRequest): Promise<RegisterCustomerCardResponse | ErrorResponse>;
-    /**
-     * @deprecated This method is deprecated and will be removed in a future release.
-     * Use the {@link removeCustomerCard} method
-     */
+    init3DSRedirect(checkoutResult: ErrorResponse | StartCheckoutResponse): Promise<false | StartCheckoutResponse | ErrorResponse | undefined>;
+    getSkyflowTokens({ vault_id, vault_url, data, }: TokensRequest): Promise<any | ErrorResponse>;
+    getVaultToken(): Promise<string>;
+    getFieldsPromise(data: any, collectContainer: CollectContainer): Promise<Promise<boolean>[]>;
+    registerCustomerCard(secureToken: string, customerToken: string, data: RegisterCustomerCardRequest): Promise<RegisterCustomerCardResponse | ErrorResponse>;
+    getCustomerCards(customerToken: string, bearerToken: string): Promise<GetCustomerCardsResponse | ErrorResponse>;
     deleteCustomerCard(customerToken: string, skyflowId?: string): Promise<Boolean | ErrorResponse>;
-    /**
-     * @deprecated This method is deprecated and will be removed in a future release.
-     * Use the {@link getCustomerPaymentMethods} method
-     */
+    private getFields;
     getActiveAPMs(): Promise<APM[]>;
+    getSecureToken(token: string): Promise<GetSecureTokenResponse | ErrorResponse>;
 }

package/dist/data/api.d.ts

@@ -1 +1 @@
-export declare function getCustomerAPMs(baseUrlTonder: string, apiKeyTonder: string, query?: string, signal?: AbortSignal | null | undefined): Promise<any>;
+export declare function getCustomerAPMs(baseUrlTonder: string, publicApiKeyTonder: string, query?: string, signal?: AbortSignal | null | undefined): Promise<any>;

package/dist/helpers/utils.d.ts

@@ -11,12 +11,8 @@ export declare const getBrowserInfo: () => {
 export declare const getBusinessId: (merchantData: any) => any;
 declare const buildErrorResponseFromCatch: (e: any) => ErrorResponse;
 declare const buildErrorResponse: (response: Response, stack?: string | undefined) => Promise<ErrorResponse>;
-declare function formatPublicErrorResponse(data: Record<string, any>, error: any): {
-    status: string;
-    code: number;
-    message: string;
-    detail: any;
+declare const getPaymentMethodDetails: (scheme_data: string) => {
+    icon: string;
+    label: string;
 };
-declare const clearSpace: (text: string) => string;
-declare const getCardType: (scheme: string) => "https://d35a75syrgujp0.cloudfront.net/cards/visa.png" | "https://d35a75syrgujp0.cloudfront.net/cards/mastercard.png" | "https://d35a75syrgujp0.cloudfront.net/cards/american_express.png" | "https://d35a75syrgujp0.cloudfront.net/cards/default_card.png";
-export { buildErrorResponseFromCatch, buildErrorResponse, getCardType, formatPublicErrorResponse, clearSpace, };
+export { buildErrorResponseFromCatch, buildErrorResponse, getPaymentMethodDetails };

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 import { LiteCheckout } from './classes/liteCheckout';
-import { validateCVV, validateCardNumber, validateExpirationMonth, validateCardholderName, validateExpirationYear } from './helpers/validations';
-export { LiteCheckout, validateCVV, validateCardNumber, validateCardholderName, validateExpirationMonth, validateExpirationYear };
+export { LiteCheckout };