diff --git a/source/includes/elements/_element_mask.md b/source/includes/elements/_element_mask.md index b312b652..d9d4976c 100644 --- a/source/includes/elements/_element_mask.md +++ b/source/includes/elements/_element_mask.md @@ -1,7 +1,7 @@ # Element Mask ```jsx -var phoneNumberElement = BasisTheory.elements.create('text', { +var phoneNumberElement = BasisTheory.createElement('text', { targetId: 'myPhoneNumberElement', mask: ['(', /\d/, /\d/, /\d/, ')', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/] }) diff --git a/source/includes/elements/_element_style.md b/source/includes/elements/_element_style.md index fad689d8..0a82c981 100644 --- a/source/includes/elements/_element_style.md +++ b/source/includes/elements/_element_style.md @@ -1,7 +1,7 @@ # Element Style ```jsx -var cardElement = BasisTheory.elements.create('card', { +var cardElement = BasisTheory.createElement('card', { style: { fonts: [ "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" diff --git a/source/includes/elements/_element_transform.md b/source/includes/elements/_element_transform.md index 38301d0e..b35a9c3c 100644 --- a/source/includes/elements/_element_transform.md +++ b/source/includes/elements/_element_transform.md @@ -1,7 +1,7 @@ # Element Transform ```jsx -var phoneNumberElement = BasisTheory.elements.create('text', { +var phoneNumberElement = BasisTheory.createElement('text', { targetId: 'myPhoneNumberElement', mask: ['(', /\d/, /\d/, /\d/, ')', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/], transform: /[()-]/, diff --git a/source/includes/elements/_elements_instance.md b/source/includes/elements/_elements_instance.md index 5684cbbf..38c75595 100644 --- a/source/includes/elements/_elements_instance.md +++ b/source/includes/elements/_elements_instance.md @@ -1,17 +1,13 @@ # Elements Instance -```jsx -BasisTheory.elements -``` - After [initialization](#initialize), **Elements** are available through `BasisTheory` instance. ## Create Element ```jsx -var cardElement = BasisTheory.elements.create('card', options); +var cardElement = BasisTheory.createElement('card', options); -var textElement = BasisTheory.elements.create('text', { targetId: 'myInputId' }); +var textElement = BasisTheory.createElement('text', { targetId: 'myInputId' }); ``` This method returns a new instance of an element type. diff --git a/source/includes/elements/_elements_services.md b/source/includes/elements/_elements_services.md index d32001d5..f8e57760 100644 --- a/source/includes/elements/_elements_services.md +++ b/source/includes/elements/_elements_services.md @@ -1,9 +1,11 @@ # Elements Services +The following **BasisTheory.js** services are capable of recognizing Elements instances in the payload and securely tokenizing their data directly to Basis Theory vault. + ## Atomic Cards ```javascript -BasisTheory.elements.atomicCards.create({ +BasisTheory.atomicCards.create({ card: cardElement }).then((token) => { console.log(token.id); // token to store @@ -15,7 +17,6 @@ Allows secure submission and tokenization of a card element. Returns a `Promise` See [CardModel](#element-types-card-element) for the resolved value type. The `Promise` will reject with an [error](#elements-services-errors) if the response status is not in the 2xx range. -Internally, `BasisTheory.elements.atomicCards.create` calls [Create Atomic Card API](/api-reference/#atomic-cards-create-atomic-card). You can fetch this same data later with [Get an Atomic Card API](/api-reference/#atomic-cards-get-an-atomic-card). @@ -26,7 +27,7 @@ You can fetch this same data later with [Get an Atomic Card API](/api-reference/ ## Atomic Banks ```javascript -BasisTheory.elements.atomicBanks.create({ +BasisTheory.atomicBanks.create({ bank: { routingNumber: routingNumberElement | 'plainText', // values can be either a TextElement or plain text (see warning). accountNumber: accountNumberElement | 'plainText', @@ -41,7 +42,6 @@ Allows secure submission and tokenization of a bank element. Returns a `Promise` data. The `Promise` will reject with an [error](#elements-services-errors) if the response status is not in the 2xx range. -Internally, `BasisTheory.elements.atomicBanks.create` calls [Create Atomic Bank API](/api-reference#atomic-banks-create-atomic-bank). You can fetch this same data later with [Get an Atomic Bank API](/api-reference#atomic-banks-get-an-atomic-bank). @@ -56,7 +56,7 @@ You can fetch this same data later with [Get an Atomic Bank API](/api-reference# ## Tokens ```javascript -BasisTheory.elements.tokens.create({ +BasisTheory.tokens.create({ type: 'token', data: { sensitiveData: sensitiveDataElement, @@ -78,8 +78,6 @@ BasisTheory.elements.tokens.create({ Allows secure submission and tokenization of string data. Returns a `Promise` that resolves to the created token. The `Promise` will reject with an [error](#elements-services-errors) if the response status is not in the 2xx range. -Internally, `BasisTheory.elements.tokens.create` calls [Create Token API](/api-reference#tokens-create-token). - You can fetch this same data later with [Get a Token API](/api-reference#tokens-get-a-token) or [Get a Decrypted Token API](/api-reference#tokens-get-a-decrypted-token)