tonder-web-sdk 1.16.3 → 1.16.6-beta.DEV-1433.1

package/README.md

@@ -98,16 +98,16 @@ inlineCheckout.verify3dsTransaction().then((response) => {
 const response = await inlineCheckout.payment(checkoutData);
 ```
 
-### LiteInlineCheckout
+### LiteCheckout
 
-LiteInlineCheckout allows you to build a custom checkout interface using Tonder's core functionality.
+LiteCheckout allows you to build a custom checkout interface using Tonder's core functionality.
 
 ```javascript
-import { LiteInlineCheckout } from "tonder-web-sdk";
+import { LiteCheckout } from "tonder-web-sdk";
 ```
 
 ```javascript
-const LiteInlineCheckout = new LiteInlineCheckout({
+const liteCheckout = new LiteCheckout({
   apiKey: "your-api-key", // Your api key getted from Tonder Dashboard
   returnUrl: "http://your-website.com/checkout",
 });
@@ -117,37 +117,37 @@ const LiteInlineCheckout = new LiteInlineCheckout({
 inlineCheckout.configureCheckout({ customer: { email: "example@email.com" } });
 
 // Initialize the checkout
-await LiteInlineCheckout.injectCheckout();
+await liteCheckout.injectCheckout();
 ```
 
 ```javascript
 // Retrieve customer's saved cards
-const cards = await LiteInlineCheckout.getCustomerCards();
+const cards = await liteCheckout.getCustomerCards();
 ```
 
 ```javascript
 // Save a new card
-const newCard = await LiteInlineCheckout.saveCustomerCard(cardData);
+const newCard = await liteCheckout.saveCustomerCard(cardData);
 ```
 
 ```javascript
 // Remove a saved card
-await LiteInlineCheckout.removeCustomerCard(cardId);
+await liteCheckout.removeCustomerCard(cardId);
 ```
 
 ```javascript
 // Get available payment methods
-const paymentMethods = await LiteInlineCheckout.getCustomerPaymentMethods();
+const paymentMethods = await liteCheckout.getCustomerPaymentMethods();
 ```
 
 ```javascript
 // Process a payment
-const paymentResponse = await LiteInlineCheckout.payment(paymentData);
+const paymentResponse = await liteCheckout.payment(paymentData);
 ```
 
 ```javascript
 // Verify a 3DS transaction
-const verificationResult = await LiteInlineCheckout.verify3dsTransaction();
+const verificationResult = await liteCheckout.verify3dsTransaction();
 ```
 
 ## Configuration
@@ -179,9 +179,6 @@ interface IInlineCheckoutOptions extends IInlineCheckoutBaseOptions {
 ```
 </details>
 
-> **Important Note about SaveCard functionality**: 
-> To properly implement the SaveCard feature, you must use a SecureToken. For detailed implementation instructions and best practices, please refer to our official documentation on [How to use SecureToken for secure card saving](https://docs.tonder.io/integration/sdks/secure-token#how-to-use-securetoken-for-secure-card-saving).
-
 ### Inline Callbacks Structure
 
 | Callback   | Required | Parameters | Description                                | Return        |
@@ -349,15 +346,15 @@ When calling the `payment` method, use the following data structure:
 
 - **metadata**: Object for including any additional information about the transaction. This can be used for internal references or tracking.
 
-- **card**: (for LiteInlineCheckout) Object containing card information. This is used differently depending on whether it's a new card or a saved card:
+- **card**: (for LiteCheckout) Object containing card information. This is used differently depending on whether it's a new card or a saved card:
 
   - For a new card: Include `card_number`, `cvv`, `expiration_month`, `expiration_year`, and `cardholder_name`.
   - For a saved card: Include only the `skyflow_id` of the saved card.
   - This is only used when not paying with a payment_method.
 
-- **payment_method**: (for LiteInlineCheckout) String indicating the alternative payment method to be used (e.g., "Spei"). This is only used when not paying with a card.
+- **payment_method**: (for LiteCheckout) String indicating the alternative payment method to be used (e.g., "Spei"). This is only used when not paying with a card.
 
-Note: The exact fields required may vary depending on whether you're using InlineCheckout or LiteInlineCheckout, and the specific payment method being used.
+Note: The exact fields required may vary depending on whether you're using InlineCheckout or LiteCheckout, and the specific payment method being used.
 
 ```javascript
 const paymentData = {
@@ -409,7 +406,7 @@ const paymentData = {
 
 ## Field Validation Functions
 
-For LiteInlineCheckout implementations, the SDK provides validation functions to ensure the integrity of card data before submitting:
+For LiteCheckout implementations, the SDK provides validation functions to ensure the integrity of card data before submitting:
 
 - `validateCardNumber(cardNumber)`: Validates the card number using the Luhn algorithm.
 - `validateCardholderName(name)`: Checks if the cardholder name is valid.
@@ -454,7 +451,7 @@ if (
 - `payment(data)`: Process a payment
 - `verify3dsTransaction()`: Verify a 3DS transaction
 
-### LiteInlineCheckout Methods
+### LiteCheckout Methods
 
 - `configureCheckout(data)`: Set initial checkout data
 - `injectCheckout()`: Initialize the checkout
@@ -596,16 +593,16 @@ import { LiteInlineCheckout } from "tonder-web-sdk";
 const apiKey = "your-api-key";
 const returnUrl = "http://your-website.com/checkout";
 
-const LiteInlineCheckout = new LiteInlineCheckout({
+const liteCheckout = new LiteInlineCheckout({
   mode: "development",
   apiKey,
   returnUrl,
 });
 
-LiteInlineCheckout.configureCheckout({ customer: { email: "example@email.com" } });
-LiteInlineCheckout.injectCheckout();
+liteCheckout.configureCheckout({ customer: { email: "example@email.com" } });
+liteCheckout.injectCheckout();
 
-LiteInlineCheckout.verify3dsTransaction().then((response) => {
+liteCheckout.verify3dsTransaction().then((response) => {
   console.log("Verify 3ds response", response);
 });
 
@@ -623,7 +620,7 @@ document
 
     try {
       const paymentData = { ...checkoutData, card: cardData };
-      const response = await LiteInlineCheckout.payment(paymentData);
+      const response = await liteCheckout.payment(paymentData);
       console.log("Payment response:", response);
       alert("Payment successful");
     } catch (error) {
@@ -835,7 +832,7 @@ export class TonderService {
   // Add more functions, for example for lite sdk: get payment methods
 
   // getCustomerPaymentMethods(): Promise<IPaymentMethod[]> {
-  //     return this.LiteInlineCheckout.getCustomerPaymentMethods();
+  //     return this.liteCheckout.getCustomerPaymentMethods();
   // }
 }
 

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "tonder-web-sdk",
-  "version": "1.16.3",
+  "version": "1.16.6-beta.DEV-1433.1",
   "description": "tonder sdk for integrations",
-  "main": "src/index.js",
   "scripts": {
     "start": "webpack-dev-server",
     "build": "webpack --config webpack.config.js --mode production",
@@ -12,7 +11,14 @@
     "lint:fix": "eslint 'src/**/*.js' --fix"
   },
   "author": "",
+  "main": "v1/bundle.min.js",
   "types": "types/index.d.ts",
+  "files": [
+    "v1",
+    "types",
+    "LICENSE",
+    "README.md"
+  ],
   "license": "ISC",
   "dependencies": {
     "accordion-js": "^3.4.0",
@@ -38,7 +44,8 @@
     "terser-webpack-plugin": "^5.3.10",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.11.1"
+    "webpack-dev-server": "^4.11.1",
+    "webpack-obfuscator": "^3.5.1"
   },
   "lint-staged": {
     "**/*.{js,jsx,ts,tsx}": [

package/types/common.d.ts

@@ -6,6 +6,10 @@ export interface IInlineCheckoutBaseOptions {
   apiKey: string;
   returnUrl: string;
   callBack?: (response: any) => void;
+  signatures?:{
+    transaction?: string;
+    customer?: string;
+  }
 }
 
 export interface IConfigureCheckout extends Partial<IProcessPaymentRequest> {