topic Re: Fully Hosted - Chekbox Save this Credit Card information for the future. Not showing in Integration and Testing

Fully Hosted - Chekbox Save this Credit Card information for the future. Not showing

mtarantooms01 — Tue, 28 Aug 2018 21:33:53 GMT

Hello,

Im usingthe fully hosted solution on my application. I get the token and Im able to bind the Iframe with out any issues.

But we want to also save the credit card information of our clients. Not sure why that checkbox is not gettign displayed on the screen.

This is how we create the token on C#:

string ApiLoginID = ConfigurationManager.AppSettings["ApiLoginID"].ToString();
            string TransactionKey = ConfigurationManager.AppSettings["TransactionKey"].ToString();

            ApiOperationBase<ANetApiRequest, ANetApiResponse>.RunEnvironment = AuthorizeNet.Environment.SANDBOX;
            ApiOperationBase<ANetApiRequest, ANetApiResponse>.MerchantAuthentication = new merchantAuthenticationType()
            {
                name = ApiLoginID,
                ItemElementName = ItemChoiceType.transactionKey,
                Item = TransactionKey,
            };

            settingType[] settings = new settingType[5];

            settings[0] = new settingType();
            settings[0].settingName = settingNameEnum.hostedPaymentButtonOptions.ToString();
            settings[0].settingValue = "{\"text\": \"Pay\"}";

            settings[1] = new settingType();
            settings[1].settingName = settingNameEnum.hostedPaymentOrderOptions.ToString();
            settings[1].settingValue = "{\"show\": true}";

            settings[2] = new settingType();
            settings[2].settingName = settingNameEnum.hostedPaymentPaymentOptions.ToString();
            settings[2].settingValue = "{\"cardCodeRequired\": false, \"showCreditCard\": true, \"showBankAccount\": false}";

            //hostedPaymentIFrameCommunicatorUrl
            settings[3] = new settingType();
            settings[3].settingName = settingNameEnum.hostedPaymentIFrameCommunicatorUrl.ToString();
            settings[3].settingValue = "{\"url\": \"https://localhost:44389/#/IFrameCommunicator\"}";

            //hostedPaymentReturnOptions
            settings[4] = new settingType();
            settings[4].settingName = settingNameEnum.hostedPaymentReturnOptions.ToString();
            settings[4].settingValue = "{\"showReceipt\": false, \"cancelUrl\": \"https://localhost:44389/#/IFrameCommunicator#action=cancel\", \"cancelUrlText\": \"Cancel\"}";

            var billTo = new customerAddressType();
            billTo.firstName = "Name 1";

            var customer = new customerDataType();
            customer.email = "client@test.com";

            var transactionRequest = new transactionRequestType
            {
                transactionType = transactionTypeEnum.authCaptureTransaction.ToString(),    // authorize capture only
                amount = amount,
                billTo = billTo,
                customer = customer

            };

            var request = new getHostedPaymentPageRequest();
            request.transactionRequest = transactionRequest;
            request.hostedPaymentSettings = settings;

            // instantiate the controller that will call the service
            var controller = new getHostedPaymentPageController(request);
            controller.Execute();

            // get the response from the service (errors contained if any)
            var response = controller.GetApiResponse();
            string result = string.Empty;
            // validate response
            if (response != null && response.messages.resultCode == messageTypeEnum.Ok)
            {
                result = response.token;
            }
            else if (response != null)
            {
                result = "Errror";
            }

And this is how the modal look like:

Can any one help me on this?!

Thanks

Re: Fully Hosted - Chekbox Save this Credit Card information for the future. Not showing

Anurag — Wed, 29 Aug 2018 05:45:27 GMT

Hi @mtarantooms01

Please check the section PRESENTING STORED CREDIT CARDS FOR PAYMENT and the below setting

hostedPaymentCustomerOptions

{"showEmail": false, "requiredEmail": false, "addPaymentProfile": true}

showEmail and requiredEmaildetermine whether the input field for the customer's email address will be shown and/or required on the form. Both parameters are false by default.

addPaymentProfilespecifies whether to allow the customer to use the payment form to add a new form of payment to their customer profile. Applies when a customerProfileId has been sent with the token request. The default is true.

https://developer.authorize.net/api/reference/features/accept_hosted.html

Thanks

Re: Fully Hosted - Chekbox Save this Credit Card information for the future. Not showing

mtarantooms01 — Wed, 29 Aug 2018 15:23:15 GMT

Hi Anurag,

Thanks for your response.

Now Im sending the hostedPaymentCustomerOptions.

 settings[5] = new settingType();
            settings[5].settingName = settingNameEnum.hostedPaymentCustomerOptions.ToString();
            settings[5].settingValue = "{\"showEmail\": false, \"requiredEmail\": false, \"addPaymentProfile\": true}";

But The checkbox still not appear. What I undestood is that I will need to send a customerProfileId when Im creating the token, correct?

  var profile = new customerProfilePaymentType();
            profile.customerProfileId = "10";

Something like that?

Or I have to create the profile Id from other place?

Thanks!

Re: Fully Hosted - Chekbox Save this Credit Card information for the future. Not showing

Anurag — Tue, 04 Sep 2018 04:29:32 GMT

Hi @mtarantooms01

You will need to create the customer profile by calling the below API

https://developer.authorize.net/api/reference/index.html#customer-profiles-create-customer-profile

Only below 3 fields are required for creating it .

merchantCustomerId	Required. Conditional. Merchant assigned ID for the customer. Required only when no values for `description` and `email` are submitted.	String, up to 20 characters.
description	Conditional. Description of the customer or customer profile. Required only when no values for `merchantCustomerId` and `email` are submitted.	String, up to 255 characters.
email	Conditional. Email address associated with the customer profile. Required when no values for `description` and `merchantCustomerId` are submitted. Required when using a European payment processor.	String, up to 255 characters.

Re: Fully Hosted - Chekbox Save this Credit Card information for the future. Not showing

bindub — Wed, 24 Oct 2018 13:53:30 GMT

We are also facing the same issue.

With sandbox url we are getting the checkbox "Save this Credit Card information for the future"

But when we change to live authorize.net url this check box is not displaying

Re: Fully Hosted - Chekbox Save this Credit Card information for the future. Not showing

bindub — Wed, 24 Oct 2018 13:59:18 GMT

We are getting this same issue

Just wondering whether there was a solution

Re: Fully Hosted - Chekbox Save this Credit Card information for the future. Not showing

ccennis — Mon, 16 Jan 2023 16:35:27 GMT

this codebase is a nightmare. unless you HAVE a profile already created from some other means you CANNOT supply and create a profile sanely for a customer. Also what code in the world has both a "CustomerProfilePaymentType" AND "CustomerPaymentProfileType"