Hi Datatrans team,

It would seem the only way to load this library is over the minified cdn link, is that correct?

Is there a reason this isn't distributed through npm?

Thank you for your time.

Chris

Good afternoon, you have the react version with classes, but have you tried doing the same exercise with react hooks?

I appreciate your help.

Is there a link to the full documentation for secure fields? I have only found examples with the card number and CVV, but what about the expiration date and month? Are they not needed for this method of payment process?

Problem Description

I am trying to use the react-example-initTokenize sample provided. I noticed that there are missing dependencies in the array in useEffect in the code.

Example 1

In the code below, the useEffect is missing 4 dependencies which are:
Here is a link to the code: https://github.com/datatrans/secure-fields-sample/blob/master/react-example-initTokenize/src/SecureFields.js#L51
cleanupSecureFields, initSecureFields, production, secureFields .

Example 2

In the code below, the useEffect is missing some dependancies: cardContainerClassNames, cvvContainerClassNames, secureFields
Here is a link to the code: https://github.com/datatrans/secure-fields-sample/blob/master/react-example-initTokenize/src/SecureFields.js#L73

Proposed Solution:

I believe that the dependencies should be added to avoid rendering bugs.

Hey guys :) I am using your react example in my project and I am putting it inside a Formik component. On IOS safari and chrome, whenever I click the CC field, the field loses focus and immediately emits a blur event. I have to click on the field around 3 times to make it focus. I cannot show a reproduction of the issue as it is internal code. Do you guys have any idea why would this happen ?