topic Re: Accept Hosted Form Loads Wierd in Integration and Testing

Accept Hosted Form Loads Wierd

Baibhav — Wed, 27 Dec 2017 21:47:06 GMT

Hi All,

I am trying to recrete what I did before on loading the accept hosted form. This time it just loads up weird. I searched for it but what was loding seemingly loading fine just acted funny for the same xml and same iframe. I know the xml is correct and token i get is correct because i have checked it elsewhere. I was wondering if anybody has seen this before and knows exactly where to look.

Thanks

loadingwierd.jpg

Re: Accept Hosted Form Loads Wierd

Baibhav — Thu, 28 Dec 2017 15:47:55 GMT

Hi All,

If I was unclear. This is what I see on my forms instead of a simple credit card information layout.

This happens when I login with my domain url: https:\\....

But when I open the same html file with C:\.. it is fine.

Secure Information

Order Summary

Description

Invoice Number

PO Number

Shipping

Duty

Tax

TOTAL

Payment Methods

{{"ending in " + profile.payment.Item.cardNumber.slice(-4)}} {{"ending in " + profile.payment.Item.cardNumber.slice(-4)}} {{profile.payment.Item.bankName + " ending in " + profile.payment.Item.accountNumber.slice(-4)}} {{profile.payment.Item.accountType + " ending in " + profile.payment.Item.accountNumber.slice(-4)}} {{" ending in " + profile.payment.Item.accountNumber.slice(-4)}}

{{"Expires " + profile.payment.Item.expirationDate.slice(-2) + "/" + profile.payment.Item.expirationDate.slice(2, 4)}}

Re: Accept Hosted Form Loads Wierd

bhav — Thu, 28 Dec 2017 22:59:49 GMT

@Baibhav Can you send me your exact XML/JSON request for the hostedpaymentProfilepagerequest? I was trying the following and couldnt repro your issue.

-Bhavana

<getHostedPaymentPageRequest xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="AnetApi/xml/v1/schema/AnetApiSchema.xsd">
  <merchantAuthentication>
    <name>XXXX</name>
    <transactionKey>XXXXX</transactionKey>
  </merchantAuthentication>
  <transactionRequest>
    <transactionType>authOnlyTransaction</transactionType>
    <amount>22.72</amount>
    <order>
      <invoiceNumber>INV_i7C7p7M</invoiceNumber>
      <description>Order description</description>
    </order>
    <lineItems>
      <lineItem>
        <itemId>123</itemId>
        <name>SKU1</name>
        <description>line item 1 description</description>
        <quantity>1</quantity>
        <unitPrice>4.01</unitPrice>
      </lineItem>
      <lineItem>
        <itemId>1234</itemId>
        <name>SKU2</name>
        <description>line item 2 description</description>
        <quantity>2</quantity>
        <unitPrice>5.01</unitPrice>
      </lineItem>
    </lineItems>
    <tax>
      <amount>1.01</amount>
      <name>tax name</name>
      <description>tax descryption</description>
    </tax>
    <duty>
      <amount>3.01</amount>
      <name>tax name</name>
      <description>duty description</description>
    </duty>
    <shipping>
      <amount>2.01</amount>
      <name>freight name</name>
      <description>freight description</description>
    </shipping>
    <poNumber>PO#12345678</poNumber>
    <customer>
      <id>CUST12345</id>
      <email>blackhole@authorize.net</email>
    </customer>
    <billTo>
      <firstName>Bob</firstName>
      <lastName>Smith</lastName>
      <company>Test Company</company>
      <address>1234 Test Ave N.E.</address>
      <city>Test Bellevue</city>
      <state>WA</state>
      <zip>98009</zip>
      <country>USA</country>
      <phoneNumber>425 111 2222</phoneNumber>
      <faxNumber>425 111 2222</faxNumber>
    </billTo>
    <shipTo xsi:type="customerAddressExType">
      <firstName>Bob</firstName>
      <lastName>Smith</lastName>
      <company>Test &amp; Company</company>
      <address>Ship to 1234 Test Ave N.E.</address>
      <city>Test &amp; Bellevue</city>
      <state>WA</state>
      <zip>98009</zip>
      <country>USA</country>
      <phoneNumber>425 111 2222</phoneNumber>
      <faxNumber>425 111 2222</faxNumber>
    </shipTo>
    <customerIP>10.123.345.678</customerIP>
  </transactionRequest>
  <hostedPaymentSettings>
    <setting>
      <settingName>hostedPaymentPaymentOptions</settingName>
      <settingValue>{"cardCodeRequired": true}</settingValue>
    </setting>
    <setting>
      <settingName>hostedPaymentBillingAddressOptions</settingName>
      <settingValue>{"show": true, "required":true}</settingValue>
    </setting>
    <setting>
      <settingName>hostedPaymentShippingAddressOptions</settingName>
      <settingValue>{"show": true, "required":true}</settingValue>
    </setting>
    <setting>
      <settingName>hostedPaymentCustomerOptions</settingName>
      <settingValue>{"showEmail": true, "requiredEmail":true}</settingValue>
    </setting>
  </hostedPaymentSettings>
</getHostedPaymentPageRequest>

Re: Accept Hosted Form Loads Wierd

Baibhav — Fri, 29 Dec 2017 17:20:53 GMT

Hi, Thank you so much for the reply.

Here is my exact xml.

Also can you check my stackover flow link for images of the error I am getting.

https://stackoverflow.com/questions/48012048/authorize-net-accept-hosted-form-runs-unusual-with-iframe

<getHostedPaymentPageRequest xmlns="AnetApi/xml/v1/schema/AnetApiSchema.xsd">
        <merchantAuthentication>
          <name>xxxx</name>
          <transactionKey>xxxx</transactionKey>
        </merchantAuthentication>
        <transactionRequest>
          <transactionType>authCaptureTransaction</transactionType>
          <amount>10.00</amount>
        </transactionRequest>
        <hostedPaymentSettings>
          <setting>
            <settingName>hostedPaymentBillingAddressOptions</settingName>
            <settingValue>{"show": true, "required":true}</settingValue>
          </setting>
          <setting>
            <settingName>hostedPaymentButtonOptions</settingName>
            <settingValue>{"text": "Pay"}</settingValue>
          </setting>
          <setting>
            <settingName>hostedPaymentReturnOptions</settingName>
            <settingValue>{"url":"https://myurl.com/url","urlText":"Continue","cancelUrl":"https://myurl.com/url","cancelUrlText":"Cancel"}</settingValue>
          </setting>
          <setting>
            <settingName>hostedPaymentStyleOptions</settingName>
            <settingValue>{"bgColor": "blue"}</settingValue>
          </setting>
        </hostedPaymentSettings>
      </getHostedPaymentPageRequest>

Re: Accept Hosted Form Loads Wierd

sm622 — Wed, 10 Jan 2018 19:28:25 GMT

@Baibhav,

It's been a while but if you still have the same issue, can you please provide few more details-

Is the issue same in all browsers?

Can you please check if *.js files are loaded from memory/cache or freshly downloaded from authorize?

Sometimes if the files are fetched from memory/cache could lead to such problems. Your request looks fine to me.

Thanks,

Surya