@bigcommerce/checkout-sdk 1.369.1 → 1.370.0

package/docs/README.md

@@ -27,7 +27,6 @@
 - [PaypalButtonStyleLayoutOption](enums/PaypalButtonStyleLayoutOption.md)
 - [PaypalButtonStyleShapeOption](enums/PaypalButtonStyleShapeOption.md)
 - [PaypalButtonStyleSizeOption](enums/PaypalButtonStyleSizeOption.md)
-- [PaypalCommerceFormFieldType](enums/PaypalCommerceFormFieldType.md)
 - [RadiusUnit](enums/RadiusUnit.md)
 - [StyleButtonColor](enums/StyleButtonColor.md)
 - [StyleButtonLabel](enums/StyleButtonLabel.md)
@@ -105,6 +104,8 @@
 - [BodlEventsPayload](interfaces/BodlEventsPayload.md)
 - [BodlService](interfaces/BodlService.md)
 - [BodyStyles](interfaces/BodyStyles.md)
+- [BoltButtonInitializeOptions](interfaces/BoltButtonInitializeOptions.md)
+- [BoltBuyNowInitializeOptions](interfaces/BoltBuyNowInitializeOptions.md)
 - [BoltCustomerInitializeOptions](interfaces/BoltCustomerInitializeOptions.md)
 - [BoltPaymentInitializeOptions](interfaces/BoltPaymentInitializeOptions.md)
 - [BraintreeError](interfaces/BraintreeError.md)
@@ -298,18 +299,7 @@
 - [PaymentRequestOptions](interfaces/PaymentRequestOptions.md)
 - [PaymentSettings](interfaces/PaymentSettings.md)
 - [PaypalButtonInitializeOptions](interfaces/PaypalButtonInitializeOptions.md)
-- [PaypalCommerceCreditCardPaymentInitializeOptions](interfaces/PaypalCommerceCreditCardPaymentInitializeOptions.md)
-- [PaypalCommerceFormFieldCardTypeChangeEventData](interfaces/PaypalCommerceFormFieldCardTypeChangeEventData.md)
-- [PaypalCommerceFormFieldKeyboardEventData](interfaces/PaypalCommerceFormFieldKeyboardEventData.md)
-- [PaypalCommerceFormFieldOptions](interfaces/PaypalCommerceFormFieldOptions.md)
-- [PaypalCommerceFormFieldStylesMap](interfaces/PaypalCommerceFormFieldStylesMap.md)
-- [PaypalCommerceFormFieldValidateErrorData](interfaces/PaypalCommerceFormFieldValidateErrorData.md)
-- [PaypalCommerceFormFieldValidateEventData](interfaces/PaypalCommerceFormFieldValidateEventData.md)
-- [PaypalCommerceFormFieldsMap](interfaces/PaypalCommerceFormFieldsMap.md)
-- [PaypalCommerceFormOptions](interfaces/PaypalCommerceFormOptions.md)
 - [PaypalCommercePaymentInitializeOptions](interfaces/PaypalCommercePaymentInitializeOptions.md)
-- [PaypalCommerceStoredCardFieldOptions](interfaces/PaypalCommerceStoredCardFieldOptions.md)
-- [PaypalCommerceStoredCardFieldsMap](interfaces/PaypalCommerceStoredCardFieldsMap.md)
 - [PaypalExpressPaymentInitializeOptions](interfaces/PaypalExpressPaymentInitializeOptions.md)
 - [PaypalFieldsStyleOptions](interfaces/PaypalFieldsStyleOptions.md)
 - [PaypalStyleOptions](interfaces/PaypalStyleOptions.md)
@@ -376,6 +366,7 @@
 - [WithApplePayButtonInitializeOptions](interfaces/WithApplePayButtonInitializeOptions.md)
 - [WithApplePayCustomerInitializeOptions](interfaces/WithApplePayCustomerInitializeOptions.md)
 - [WithApplePayPaymentInitializeOptions](interfaces/WithApplePayPaymentInitializeOptions.md)
+- [WithBoltButtonInitializeOptions](interfaces/WithBoltButtonInitializeOptions.md)
 - [WithBoltPaymentInitializeOptions](interfaces/WithBoltPaymentInitializeOptions.md)
 - [WithBraintreePaypalCustomerInitializeOptions](interfaces/WithBraintreePaypalCustomerInitializeOptions.md)
 - [WithBuyNowFeature](interfaces/WithBuyNowFeature.md)
@@ -442,11 +433,6 @@
 - [OrderPayments](README.md#orderpayments)
 - [PaymentInitializeOptions](README.md#paymentinitializeoptions)
 - [PaymentInstrument](README.md#paymentinstrument)
-- [PaypalCommerceFormFieldBlurEventData](README.md#paypalcommerceformfieldblureventdata)
-- [PaypalCommerceFormFieldEnterEventData](README.md#paypalcommerceformfieldentereventdata)
-- [PaypalCommerceFormFieldFocusEventData](README.md#paypalcommerceformfieldfocuseventdata)
-- [PaypalCommerceFormFieldStyles](README.md#paypalcommerceformfieldstyles)
-- [PaypalCommerceInitializeOptions](README.md#paypalcommerceinitializeoptions)
 - [StripeElementOptions](README.md#stripeelementoptions)
 - [StripeEventType](README.md#stripeeventtype)
 
@@ -551,7 +537,7 @@ ___
 
 ### CheckoutButtonInitializeOptions
 
-Ƭ **CheckoutButtonInitializeOptions**: [`BaseCheckoutButtonInitializeOptions`](interfaces/BaseCheckoutButtonInitializeOptions.md) & [`WithApplePayButtonInitializeOptions`](interfaces/WithApplePayButtonInitializeOptions.md) & [`WithPayPalCommerceButtonInitializeOptions`](interfaces/WithPayPalCommerceButtonInitializeOptions.md) & [`WithPayPalCommerceCreditButtonInitializeOptions`](interfaces/WithPayPalCommerceCreditButtonInitializeOptions.md) & [`WithPayPalCommerceInlineButtonInitializeOptions`](interfaces/WithPayPalCommerceInlineButtonInitializeOptions.md) & [`WithPayPalCommerceVenmoButtonInitializeOptions`](interfaces/WithPayPalCommerceVenmoButtonInitializeOptions.md)
+Ƭ **CheckoutButtonInitializeOptions**: [`BaseCheckoutButtonInitializeOptions`](interfaces/BaseCheckoutButtonInitializeOptions.md) & [`WithApplePayButtonInitializeOptions`](interfaces/WithApplePayButtonInitializeOptions.md) & [`WithBoltButtonInitializeOptions`](interfaces/WithBoltButtonInitializeOptions.md) & [`WithPayPalCommerceButtonInitializeOptions`](interfaces/WithPayPalCommerceButtonInitializeOptions.md) & [`WithPayPalCommerceCreditButtonInitializeOptions`](interfaces/WithPayPalCommerceCreditButtonInitializeOptions.md) & [`WithPayPalCommerceInlineButtonInitializeOptions`](interfaces/WithPayPalCommerceInlineButtonInitializeOptions.md) & [`WithPayPalCommerceVenmoButtonInitializeOptions`](interfaces/WithPayPalCommerceVenmoButtonInitializeOptions.md)
 
 ___
 
@@ -730,39 +716,6 @@ ___
 
 ___
 
-### PaypalCommerceFormFieldBlurEventData
-
-Ƭ **PaypalCommerceFormFieldBlurEventData**: [`PaypalCommerceFormFieldKeyboardEventData`](interfaces/PaypalCommerceFormFieldKeyboardEventData.md)
-
-___
-
-### PaypalCommerceFormFieldEnterEventData
-
-Ƭ **PaypalCommerceFormFieldEnterEventData**: [`PaypalCommerceFormFieldKeyboardEventData`](interfaces/PaypalCommerceFormFieldKeyboardEventData.md)
-
-___
-
-### PaypalCommerceFormFieldFocusEventData
-
-Ƭ **PaypalCommerceFormFieldFocusEventData**: [`PaypalCommerceFormFieldKeyboardEventData`](interfaces/PaypalCommerceFormFieldKeyboardEventData.md)
-
-___
-
-### PaypalCommerceFormFieldStyles
-
-Ƭ **PaypalCommerceFormFieldStyles**: `Partial`<`Pick`<`CSSStyleDeclaration`, ``"color"`` \| ``"fontFamily"`` \| ``"fontSize"`` \| ``"fontWeight"``\>\>
-
-___
-
-### PaypalCommerceInitializeOptions
-
-Ƭ **PaypalCommerceInitializeOptions**: [`PaypalCommercePaymentInitializeOptions`](interfaces/PaypalCommercePaymentInitializeOptions.md) \| [`PaypalCommerceCreditCardPaymentInitializeOptions`](interfaces/PaypalCommerceCreditCardPaymentInitializeOptions.md)
-
-A set of options that are required to initialize the PayPal Commerce payment
-method could be used for PayPal Smart Payment Buttons or PayPal Credit Card methods.
-
-___
-
 ### StripeElementOptions
 
 Ƭ **StripeElementOptions**: [`CardElementOptions`](interfaces/CardElementOptions.md) \| [`CardExpiryElementOptions`](interfaces/CardExpiryElementOptions.md) \| [`CardNumberElementOptions`](interfaces/CardNumberElementOptions.md) \| [`CardCvcElementOptions`](interfaces/CardCvcElementOptions.md) \| [`IdealElementOptions`](interfaces/IdealElementOptions.md) \| [`IbanElementOptions`](interfaces/IbanElementOptions.md) \| [`ZipCodeElementOptions`](interfaces/ZipCodeElementOptions.md)

package/docs/interfaces/BasePaymentInitializeOptions.md

@@ -301,7 +301,7 @@ ___
 
 ### paypalcommerce
 
-• `Optional` **paypalcommerce**: [`PaypalCommercePaymentInitializeOptions`](PaypalCommercePaymentInitializeOptions.md) \| [`PaypalCommerceCreditCardPaymentInitializeOptions`](PaypalCommerceCreditCardPaymentInitializeOptions.md)
+• `Optional` **paypalcommerce**: [`PaypalCommercePaymentInitializeOptions`](PaypalCommercePaymentInitializeOptions.md)
 
 The options that are required to initialize the PayPal Commerce payment method.
 They can be omitted unless you need to support PayPal Commerce.

package/docs/interfaces/BoltButtonInitializeOptions.md

@@ -0,0 +1,17 @@
+[@bigcommerce/checkout-sdk](../README.md) / BoltButtonInitializeOptions
+
+# Interface: BoltButtonInitializeOptions
+
+## Table of contents
+
+### Properties
+
+- [buyNowInitializeOptions](BoltButtonInitializeOptions.md#buynowinitializeoptions)
+
+## Properties
+
+### buyNowInitializeOptions
+
+• `Optional` **buyNowInitializeOptions**: [`BoltBuyNowInitializeOptions`](BoltBuyNowInitializeOptions.md)
+
+The options that are required to initialize Buy Now functionality.

package/docs/interfaces/BoltBuyNowInitializeOptions.md

@@ -0,0 +1,29 @@
+[@bigcommerce/checkout-sdk](../README.md) / BoltBuyNowInitializeOptions
+
+# Interface: BoltBuyNowInitializeOptions
+
+## Table of contents
+
+### Properties
+
+- [storefrontApiToken](BoltBuyNowInitializeOptions.md#storefrontapitoken)
+
+### Methods
+
+- [getBuyNowCartRequestBody](BoltBuyNowInitializeOptions.md#getbuynowcartrequestbody)
+
+## Properties
+
+### storefrontApiToken
+
+• `Optional` **storefrontApiToken**: `string`
+
+## Methods
+
+### getBuyNowCartRequestBody
+
+▸ **getBuyNowCartRequestBody**(): `default`
+
+#### Returns
+
+`default`

package/docs/interfaces/WithBoltButtonInitializeOptions.md

@@ -0,0 +1,18 @@
+[@bigcommerce/checkout-sdk](../README.md) / WithBoltButtonInitializeOptions
+
+# Interface: WithBoltButtonInitializeOptions
+
+## Table of contents
+
+### Properties
+
+- [bolt](WithBoltButtonInitializeOptions.md#bolt)
+
+## Properties
+
+### bolt
+
+• `Optional` **bolt**: [`BoltButtonInitializeOptions`](BoltButtonInitializeOptions.md)
+
+The options that are required to initialize the Bolt payment
+method. They can be omitted unless you need to support Bolt.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigcommerce/checkout-sdk",
-  "version": "1.369.1",
+  "version": "1.370.0",
   "description": "BigCommerce Checkout JavaScript SDK",
   "license": "MIT",
   "main": "dist/checkout-sdk.js",

package/docs/enums/PaypalCommerceFormFieldType.md

@@ -1,50 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceFormFieldType
-
-# Enumeration: PaypalCommerceFormFieldType
-
-## Table of contents
-
-### Enumeration Members
-
-- [CardCode](PaypalCommerceFormFieldType.md#cardcode)
-- [CardCodeVerification](PaypalCommerceFormFieldType.md#cardcodeverification)
-- [CardExpiry](PaypalCommerceFormFieldType.md#cardexpiry)
-- [CardName](PaypalCommerceFormFieldType.md#cardname)
-- [CardNumber](PaypalCommerceFormFieldType.md#cardnumber)
-- [CardNumberVerification](PaypalCommerceFormFieldType.md#cardnumberverification)
-
-## Enumeration Members
-
-### CardCode
-
-• **CardCode**
-
-___
-
-### CardCodeVerification
-
-• **CardCodeVerification**
-
-___
-
-### CardExpiry
-
-• **CardExpiry**
-
-___
-
-### CardName
-
-• **CardName**
-
-___
-
-### CardNumber
-
-• **CardNumber**
-
-___
-
-### CardNumberVerification
-
-• **CardNumberVerification**

package/docs/interfaces/PaypalCommerceCreditCardPaymentInitializeOptions.md

@@ -1,90 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceCreditCardPaymentInitializeOptions
-
-# Interface: PaypalCommerceCreditCardPaymentInitializeOptions
-
-A set of options that are required to initialize the PayPal Commerce payment
-method for presenting its credit card form.
-
-```html
-<!-- These containers are where the hosted (iframed) credit card fields will be inserted -->
-<div id="card-number"></div>
-<div id="card-name"></div>
-<div id="card-expiry"></div>
-<div id="card-code"></div>
-```
-
-```js
-service.initializePayment({
-    methodId: 'paypalcommerce',
-    paypalcommerce: {
-        form: {
-            fields: {
-                cardNumber: { containerId: 'card-number' },
-                cardName: { containerId: 'card-name' },
-                cardExpiry: { containerId: 'card-expiry' },
-                cardCode: { containerId: 'card-code' },
-            },
-        },
-    },
-});
-```
-
-Additional options can be passed in to customize the fields and register
-event callbacks.
-
-```js
-service.initializePayment({
-    methodId: 'paypalcommerce',
-    creditCard: {
-        form: {
-            fields: {
-                cardNumber: { containerId: 'card-number', placeholder: 'Number of card' },
-                cardName: { containerId: 'card-name', placeholder: 'Name of card' },
-                cardExpiry: { containerId: 'card-expiry', placeholder: 'Expiry of card' },
-                cardCode: { containerId: 'card-code', placeholder: 'Code of card' },
-            },
-            styles: {
-                default: {
-                    color: '#000',
-                },
-                error: {
-                    color: '#f00',
-                },
-                focus: {
-                    color: '#0f0',
-                },
-            },
-            onBlur({ fieldType }) {
-                console.log(fieldType);
-            },
-            onFocus({ fieldType }) {
-                console.log(fieldType);
-            },
-            onEnter({ fieldType }) {
-                console.log(fieldType);
-            },
-            onCardTypeChange({ cardType }) {
-                console.log(cardType);
-            },
-            onValidate({ errors, isValid }) {
-                console.log(errors);
-                console.log(isValid);
-            },
-        },
-    },
-});
-```
-
-## Table of contents
-
-### Properties
-
-- [form](PaypalCommerceCreditCardPaymentInitializeOptions.md#form)
-
-## Properties
-
-### form
-
-• **form**: [`PaypalCommerceFormOptions`](PaypalCommerceFormOptions.md)
-
-The form is data for Credit Card Form

package/docs/interfaces/PaypalCommerceFormFieldCardTypeChangeEventData.md

@@ -1,15 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceFormFieldCardTypeChangeEventData
-
-# Interface: PaypalCommerceFormFieldCardTypeChangeEventData
-
-## Table of contents
-
-### Properties
-
-- [cardType](PaypalCommerceFormFieldCardTypeChangeEventData.md#cardtype)
-
-## Properties
-
-### cardType
-
-• `Optional` **cardType**: `string`

package/docs/interfaces/PaypalCommerceFormFieldKeyboardEventData.md

@@ -1,15 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceFormFieldKeyboardEventData
-
-# Interface: PaypalCommerceFormFieldKeyboardEventData
-
-## Table of contents
-
-### Properties
-
-- [fieldType](PaypalCommerceFormFieldKeyboardEventData.md#fieldtype)
-
-## Properties
-
-### fieldType
-
-• **fieldType**: `string`

package/docs/interfaces/PaypalCommerceFormFieldOptions.md

@@ -1,28 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceFormFieldOptions
-
-# Interface: PaypalCommerceFormFieldOptions
-
-## Hierarchy
-
-- **`PaypalCommerceFormFieldOptions`**
-
-  ↳ [`PaypalCommerceStoredCardFieldOptions`](PaypalCommerceStoredCardFieldOptions.md)
-
-## Table of contents
-
-### Properties
-
-- [containerId](PaypalCommerceFormFieldOptions.md#containerid)
-- [placeholder](PaypalCommerceFormFieldOptions.md#placeholder)
-
-## Properties
-
-### containerId
-
-• **containerId**: `string`
-
-___
-
-### placeholder
-
-• `Optional` **placeholder**: `string`

package/docs/interfaces/PaypalCommerceFormFieldStylesMap.md

@@ -1,29 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceFormFieldStylesMap
-
-# Interface: PaypalCommerceFormFieldStylesMap
-
-## Table of contents
-
-### Properties
-
-- [default](PaypalCommerceFormFieldStylesMap.md#default)
-- [error](PaypalCommerceFormFieldStylesMap.md#error)
-- [focus](PaypalCommerceFormFieldStylesMap.md#focus)
-
-## Properties
-
-### default
-
-• `Optional` **default**: `Partial`<`Pick`<`CSSStyleDeclaration`, ``"color"`` \| ``"fontFamily"`` \| ``"fontSize"`` \| ``"fontWeight"``\>\>
-
-___
-
-### error
-
-• `Optional` **error**: `Partial`<`Pick`<`CSSStyleDeclaration`, ``"color"`` \| ``"fontFamily"`` \| ``"fontSize"`` \| ``"fontWeight"``\>\>
-
-___
-
-### focus
-
-• `Optional` **focus**: `Partial`<`Pick`<`CSSStyleDeclaration`, ``"color"`` \| ``"fontFamily"`` \| ``"fontSize"`` \| ``"fontWeight"``\>\>

package/docs/interfaces/PaypalCommerceFormFieldValidateErrorData.md

@@ -1,29 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceFormFieldValidateErrorData
-
-# Interface: PaypalCommerceFormFieldValidateErrorData
-
-## Table of contents
-
-### Properties
-
-- [fieldType](PaypalCommerceFormFieldValidateErrorData.md#fieldtype)
-- [message](PaypalCommerceFormFieldValidateErrorData.md#message)
-- [type](PaypalCommerceFormFieldValidateErrorData.md#type)
-
-## Properties
-
-### fieldType
-
-• **fieldType**: `string`
-
-___
-
-### message
-
-• **message**: `string`
-
-___
-
-### type
-
-• **type**: `string`

package/docs/interfaces/PaypalCommerceFormFieldValidateEventData.md

@@ -1,33 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceFormFieldValidateEventData
-
-# Interface: PaypalCommerceFormFieldValidateEventData
-
-## Table of contents
-
-### Properties
-
-- [errors](PaypalCommerceFormFieldValidateEventData.md#errors)
-- [isValid](PaypalCommerceFormFieldValidateEventData.md#isvalid)
-
-## Properties
-
-### errors
-
-• **errors**: `Object`
-
-#### Type declaration
-
-| Name | Type |
-| :------ | :------ |
-| `cardCode?` | [`PaypalCommerceFormFieldValidateErrorData`](PaypalCommerceFormFieldValidateErrorData.md)[] |
-| `cardCodeVerification?` | [`PaypalCommerceFormFieldValidateErrorData`](PaypalCommerceFormFieldValidateErrorData.md)[] |
-| `cardExpiry?` | [`PaypalCommerceFormFieldValidateErrorData`](PaypalCommerceFormFieldValidateErrorData.md)[] |
-| `cardName?` | [`PaypalCommerceFormFieldValidateErrorData`](PaypalCommerceFormFieldValidateErrorData.md)[] |
-| `cardNumber?` | [`PaypalCommerceFormFieldValidateErrorData`](PaypalCommerceFormFieldValidateErrorData.md)[] |
-| `cardNumberVerification?` | [`PaypalCommerceFormFieldValidateErrorData`](PaypalCommerceFormFieldValidateErrorData.md)[] |
-
-___
-
-### isValid
-
-• **isValid**: `boolean`

package/docs/interfaces/PaypalCommerceFormFieldsMap.md

@@ -1,36 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceFormFieldsMap
-
-# Interface: PaypalCommerceFormFieldsMap
-
-## Table of contents
-
-### Properties
-
-- [cardCode](PaypalCommerceFormFieldsMap.md#cardcode)
-- [cardExpiry](PaypalCommerceFormFieldsMap.md#cardexpiry)
-- [cardName](PaypalCommerceFormFieldsMap.md#cardname)
-- [cardNumber](PaypalCommerceFormFieldsMap.md#cardnumber)
-
-## Properties
-
-### cardCode
-
-• `Optional` **cardCode**: [`PaypalCommerceFormFieldOptions`](PaypalCommerceFormFieldOptions.md)
-
-___
-
-### cardExpiry
-
-• **cardExpiry**: [`PaypalCommerceFormFieldOptions`](PaypalCommerceFormFieldOptions.md)
-
-___
-
-### cardName
-
-• **cardName**: [`PaypalCommerceFormFieldOptions`](PaypalCommerceFormFieldOptions.md)
-
-___
-
-### cardNumber
-
-• **cardNumber**: [`PaypalCommerceFormFieldOptions`](PaypalCommerceFormFieldOptions.md)

package/docs/interfaces/PaypalCommerceFormOptions.md

@@ -1,148 +0,0 @@
-[@bigcommerce/checkout-sdk](../README.md) / PaypalCommerceFormOptions
-
-# Interface: PaypalCommerceFormOptions
-
-## Table of contents
-
-### Properties
-
-- [fields](PaypalCommerceFormOptions.md#fields)
-- [styles](PaypalCommerceFormOptions.md#styles)
-
-### Methods
-
-- [onBlur](PaypalCommerceFormOptions.md#onblur)
-- [onCardTypeChange](PaypalCommerceFormOptions.md#oncardtypechange)
-- [onEnter](PaypalCommerceFormOptions.md#onenter)
-- [onFocus](PaypalCommerceFormOptions.md#onfocus)
-- [onValidate](PaypalCommerceFormOptions.md#onvalidate)
-
-## Properties
-
-### fields
-
-• **fields**: [`PaypalCommerceFormFieldsMap`](PaypalCommerceFormFieldsMap.md) \| [`PaypalCommerceStoredCardFieldsMap`](PaypalCommerceStoredCardFieldsMap.md)
-
-Containers for fields can be to present in one set of values
-
-```js
-{ cardNumber: { containerId: 'card-number' },
-  cardName: { containerId: 'card-name' },
-  cardExpiry: { containerId: 'card-expiry' },
-  cardCode: { containerId: 'card-code' }, }
-```
-
-  Or in another set of values.
-
-```js
-{ cardCodeVerification: { containerId: 'card-number' },
-  cardNumberVerification: { containerId: 'card-name' }, }
-```
-
-___
-
-### styles
-
-• `Optional` **styles**: [`PaypalCommerceFormFieldStylesMap`](PaypalCommerceFormFieldStylesMap.md)
-
-Styles for inputs. Change the width, height and other styling.
-
-```js
- default: { color: '#000' },
- error: { color: '#f00' },
- focus: { color: '#0f0' }
-```
-
-## Methods
-
-### onBlur
-
-▸ `Optional` **onBlur**(`data`): `void`
-
-A callback that gets called when a field loses focus.
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `data` | [`PaypalCommerceFormFieldKeyboardEventData`](PaypalCommerceFormFieldKeyboardEventData.md) |
-
-#### Returns
-
-`void`
-
-___
-
-### onCardTypeChange
-
-▸ `Optional` **onCardTypeChange**(`data`): `void`
-
-A callback that gets called when activity within
-the number field has changed such that the possible
-card type has changed.
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `data` | [`PaypalCommerceFormFieldCardTypeChangeEventData`](PaypalCommerceFormFieldCardTypeChangeEventData.md) |
-
-#### Returns
-
-`void`
-
-___
-
-### onEnter
-
-▸ `Optional` **onEnter**(`data`): `void`
-
-A callback that gets called when the user requests submission
-of an input field, by pressing the Enter or Return key
-on their keyboard, or mobile equivalent.
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `data` | [`PaypalCommerceFormFieldKeyboardEventData`](PaypalCommerceFormFieldKeyboardEventData.md) |
-
-#### Returns
-
-`void`
-
-___
-
-### onFocus
-
-▸ `Optional` **onFocus**(`data`): `void`
-
-A callback that gets called when a field gains focus.
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `data` | [`PaypalCommerceFormFieldKeyboardEventData`](PaypalCommerceFormFieldKeyboardEventData.md) |
-
-#### Returns
-
-`void`
-
-___
-
-### onValidate
-
-▸ `Optional` **onValidate**(`data`): `void`
-
-A callback that gets called when the validity of a field has changed.
-
-#### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `data` | [`PaypalCommerceFormFieldValidateEventData`](PaypalCommerceFormFieldValidateEventData.md) |
-
-#### Returns
-
-`void`