How to Encrypt Card Details Using Custom Card Integration

[ashrafnazar]

Hi there,

I'm looking to be able to encrypt card details using an instance of AdyenCheckout, e.g.

const checkout = await AdyenCheckout({…});

checkout.create('securedfields, {…});

If I am already using

checkout.createFromAction(…)

How would this be integrated?

I'm also using a form library (Formik) to build the form which contains the card component.

Many thanks!

[ashrafnazar]

I've just realised that in order to do so, a container is required with correct data-cse attributes. This isn't explicitly mentioned in the docs and can be confusing. Also, when I attempt to use style the component using the paymentMethodsConfiguration property it doesn't seem to work:

paymentMethodsConfiguration: {
   card: {
    styles: {
      base: {
        color: 'blue',
        fontFamily: 'Helvetica',
        fontSmoothing: 'antialiased',
      },
    },
  },
},

Is there something missing?