feat(config): create the config object

examples/sync-tokenization/src/App.tsx

@@ -5,6 +5,34 @@ const malgaTokenization = new MalgaTokenization({
   apiKey: '<YOUR_API_KEY>',
   clientId: '<YOUR_CLIENT_ID>',
   options: { sandbox: true },
+  config: {
+    fields: {
+      cardNumber: {
+        selector: '#card-number',
+        container: 'card-number',
+        placeholder: 'Card Number',
+        type: 'number',
+      },
+      cardHolderName: {
+        selector: '#card-holder-name',
+        container: 'card-holder-name',
+        placeholder: 'Card Holder Name',
+        type: 'text',
+      },
+      cardCvv: {
+        selector: '#card-cvv',
+        container: 'card-cvv',
+        placeholder: 'Card CVV',
+        type: 'number',
+      },
+      cardExpirationDate: {
+        selector: '#card-expiration-date',
+        container: 'card-expiration-date',
+        placeholder: 'Card Expiration Date',
+        type: 'text',
+      },
+    },
+  },
 })
 
 export function App() {

src/common/interfaces/configurations.ts

@@ -6,9 +6,32 @@ export interface MalgaConfigurationsElements {
   number?: string
 }
 
+interface FieldStyles {
+  input: string
+  [key: string]: string
+}
+
+interface FieldOptions {
+  container: string | HTMLElement
+  selector: string
+  placeholder?: string
+  stylesField?: FieldStyles
+  type?: string
+}
+
 export interface MalgaConfigurations {
   apiKey: string
   clientId: string
+  config: {
+    fields: {
+      cardNumber: FieldOptions
+      cardHolderName: FieldOptions
+      cardCvv: FieldOptions
+      cardExpirationDate: FieldOptions
+    }
+    styles?: {}
+    preventAutofill?: boolean
+  }
   options?: {
     sandbox?: boolean
     elements?: MalgaConfigurationsElements

src/tokenization.ts

@@ -6,8 +6,8 @@ import type {
   MalgaFormElements,
 } from 'src/common/interfaces'
 
-import { AsyncTokenize } from './async-tokenize'
 import { Tokenize } from './tokenize'
+import { AsyncTokenize } from './async-tokenize'
 
 export class MalgaTokenization {
   private readonly malga: Malga